51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1ed0,@@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"}) @@directive("'use client'") @module("cn") external cn: (string, option) => string = "cn" module Orientation = { @unboxed type t = | @as("horizontal") Horizontal | @as("vertical") Vertical | @as("responsive") Responsive } module Variant = { @unboxed type t = | @as("legend") Legend | @as("label") Label } let fieldOrientationClass = (~orientation: Orientation.t) => switch orientation { | Horizontal => " flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px" | Responsive => " flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px" | Vertical => " flex-col *:w-full [&>.sr-only]:w-auto" } let fieldVariants = (~orientation=Orientation.Vertical) => { let base = "data-[invalid=true]:text-destructive gap-2 group/field flex w-full" `${base} ${fieldOrientationClass(~orientation)}` } module Set = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) =>

Option.getOr("field-set")} className={cn( "gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", props.className, )} /> } module Legend = { type props = { ...BaseUi.Types.DomProps.t, variant?: Variant.t, } let toBaseUiProps: props => BaseUi.Types.DomProps.t = %raw(`({variant, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => { let variant = props.variant->Option.getOr(Variant.Legend) toBaseUiProps} dataSlot={props.dataSlot->Option.getOr("field-legend")} dataVariant={props.dataVariant->Option.getOr((variant :> string))} className={cn( "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", props.className, )} /> } } module Group = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) =>

Option.getOr("field-group")} className={cn( "gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4 group/field-group @container/field-group flex w-full flex-col", props.className, )} /> } type props = { ...BaseUi.Types.BaseDomWithoutOrientationProps.t, ...BaseUi.Types.ExtraDomProps.t, children?: React.element, orientation?: Orientation.t, } let toBaseUiProps: props => BaseUi.Types.DomProps.t = %raw(`({orientation, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => { let role = props.role->Option.getOr("group") let orientation = props.orientation->Option.getOr(Orientation.Vertical)

toBaseUiProps} role dataSlot={props.dataSlot->Option.getOr("field")} dataOrientation={props.dataOrientation->Option.getOr((orientation :> string))} className={cn(fieldVariants(~orientation), props.className)} /> } module Content = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) =>

Option.getOr("field-content")} className={cn( "gap-0.5 group/field-content flex flex-1 flex-col leading-snug", props.className, )} /> } module Label = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) => Option.getOr("field-label")} className={cn( "has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10 gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-muted/50 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/50 has-[>[data-slot=field]]:has-[:focus-visible]:ring-3 *:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", props.className, )} /> } module Title = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) =>

Option.getOr("field-label")} className={cn( "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center", props.className, )} /> } module Description = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) =>

Option.getOr("field-description")} className={cn( "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1 [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", props.className, )} /> } module Separator = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) => { let children = props.children let hasContent = children->Option.isSome

Option.getOr("field-separator")} dataContent={hasContent} className={cn( "-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", props.className, )} > {switch children { | Some(value) => {value} | None => React.null }}

} } module Error = { type t = { message: string, } type props = { ...BaseUi.Types.DomProps.t, errors?: array, } let toBaseUiProps: props => BaseUi.Types.DomProps.t = %raw(`({errors, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => { let role = props.role->Option.getOr("alert") let children = props.children let errors = props.errors let content = React.useMemo(() => { children->Option.getOr( switch errors { | None | Some([]) => React.null | Some(errors) => let uniqueErrors = Map.fromArray(errors->Array.map(error => (error.message, error))) ->Map.values ->Iterator.toArray switch uniqueErrors { | [{message}] => message->React.string | errors =>

Int.toString}> {message->React.string}

} }, ) }, (children, errors))

toBaseUiProps} role dataSlot={props.dataSlot->Option.getOr("field-error")} className={cn("text-destructive text-sm font-normal", props.className)} > {content}

} } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}],["$","li","rescript-base-ui",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/rescript-base-ui","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"rescript-base-ui"}]]}]}]]}],["$","$L51",null,{"namespace":"@rescript-shadcn","registryDependencies":["@rescript-shadcn/Label","@rescript-shadcn/Separator"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/base/ui/Field.res","content":"$53","type":"registry:file","target":"@ui/Field.res"}],"className":"h-[70svh] min-h-80"}]]}]