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:T2301,@@directive("'use client'") @@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"}) @module("cn") external cn: (string, option) => string = "cn" module Variant = { @unboxed type t = | @as("default") Default | @as("destructive") Destructive } @react.componentWithProps(BaseUi.Menubar.props) let make = (props: BaseUi.Menubar.props) => { let dataSlot = props.dataSlot->Option.getOr("menubar") } module Menu = { @react.componentWithProps(BaseUi.Menu.Root.props) let make = (props: BaseUi.Menu.Root.props<'payload>) => Option.getOr("menubar-menu")} /> } module Group = { @react.componentWithProps(BaseUi.Types.BaseUIComponentProps.t) let make = (props: BaseUi.Types.BaseUIComponentProps.t) => Option.getOr("menubar-group")} /> } module Portal = { @react.componentWithProps(BaseUi.Menu.Portal.props) let make = (props: BaseUi.Menu.Portal.props) => Option.getOr("menubar-portal")} /> } module Trigger = { @react.componentWithProps(BaseUi.Menu.Trigger.props) let make = (props: BaseUi.Menu.Trigger.props) => { let dataSlot = props.dataSlot->Option.getOr("menubar-trigger") } } module Content = { @react.componentWithProps(DropdownMenu.Content.contentProps) let make = (props: DropdownMenu.Content.props) => { let dataSlot = props.dataSlot->Option.getOr("menubar-content") let align = props.align->Option.getOr(BaseUi.Types.Align.Start) let alignOffset = props.alignOffset->Option.getOr(-4.) let sideOffset = props.sideOffset->Option.getOr(8.) } } module Item = { @react.componentWithProps(DropdownMenu.Item.props) let make = (props: DropdownMenu.Item.props) => Option.getOr("menubar-item")} dataVariant={(props.variant->Option.getOr(Default) :> string)} className={cn( "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-1.5 py-1 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/menubar-item", props.className, )} /> } module CheckboxItem = { type props = { ...BaseUi.Menu.CheckboxItem.props, inset?: bool, } let toCheckboxItemProps: props => BaseUi.Menu.CheckboxItem.props = %raw(`({inset, ...props}) => props`) @react.componentWithProps(props) let make = (props: props) => toCheckboxItemProps} dataSlot={props.dataSlot->Option.getOr("menubar-checkbox-item")} dataInset=?{props.dataInset->Option.orElse(props.inset)} checked=?{props.checked} className={cn( "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-inset:pl-7 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", props.className, )} > {props.children->Option.getOr(React.null)} } module RadioGroup = { @react.componentWithProps(BaseUi.Menu.RadioGroup.props) let make = (props: BaseUi.Menu.RadioGroup.props<'value>) => { let dataSlot = props.dataSlot->Option.getOr("menubar-radio-group") } } module RadioItem = { type props<'value> = {inset?: bool, ...BaseUi.Menu.RadioItem.props<'value>} let toBaseUiProps: props<'value> => BaseUi.Menu.RadioItem.props< 'value, > = %raw(`({inset, ...props}) => props`) @react.componentWithProps(props) let make = (props: props<'value>) => Option.getOr("menubar-radio-item")} dataInset=?{props.dataInset->Option.orElse(props.inset)} className={cn( "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm data-disabled:opacity-50 data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0", props.className, )} > {props.children->Option.getOr(React.null)} } module Label = { @react.componentWithProps(DropdownMenu.Label.props) let make = (props: DropdownMenu.Label.props) => Option.getOr("menubar-label")} className={cn("px-1.5 py-1 text-sm font-medium data-inset:pl-7", props.className)} /> } module Separator = { @react.componentWithProps(BaseUi.Types.BaseUIComponentProps.t) let make = (props: BaseUi.Types.BaseUIComponentProps.t) => Option.getOr("menubar-separator")} className={cn("bg-border -mx-1 my-1 h-px", props.className)} /> } module Shortcut = { @react.componentWithProps(BaseUi.Types.DomProps.t) let make = (props: BaseUi.Types.DomProps.t) => Option.getOr("menubar-shortcut")} className={cn( "text-muted-foreground group-focus/menubar-item:text-accent-foreground text-xs tracking-widest ml-auto", props.className, )} /> } module Sub = { @react.componentWithProps(BaseUi.Menu.SubmenuRoot.props) let make = (props: BaseUi.Menu.SubmenuRoot.props<'payload>) => Option.getOr("menubar-sub")} /> } module SubTrigger = { @react.componentWithProps(DropdownMenu.SubTrigger.props) let make = (props: DropdownMenu.SubTrigger.props) => { let dataSlot = props.dataSlot->Option.getOr("menubar-sub-trigger") } } module SubContent = { @react.componentWithProps(DropdownMenu.Content.props) let make = (props: DropdownMenu.Content.props) => { let dataSlot = props.dataSlot->Option.getOr("menubar-sub-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","@base-ui/react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","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":"@base-ui/react"}]]}]}],["$","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","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","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":"lucide-react"}]]}]}],["$","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/DropdownMenu","@rescript-shadcn/Icons"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/base/ui/Menubar.res","content":"$53","type":"registry:file","target":"@ui/Menubar.res"}],"className":"h-[70svh] min-h-80"}]]}]