@arolariu/components 1.0.0 → 1.1.0

package/dist/components/ui/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/menubar.js","sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {Menubar as BaseMenubar} from \"@base-ui/react/menubar\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./menubar.module.css\";\r\n\r\ntype MenubarProps = Omit<React.ComponentPropsWithRef<typeof BaseMenubar>, \"className\"> & {className?: string};\r\ninterface MenubarTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Item>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarCheckboxItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.CheckboxItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarRadioItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.RadioItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Separator>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarShortcutProps extends React.ComponentPropsWithRef<\"span\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the menubar menu.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarMenu>Content</MenubarMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarMenu: typeof BaseMenu.Root & {displayName?: string} = BaseMenu.Root;\r\n/**\r\n * Renders the menubar group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarGroup>Content</MenubarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarGroup = BaseMenu.Group;\r\n/**\r\n * Provides the menubar portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarPortal>Content</MenubarPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the menubar radio group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioGroup>Content</MenubarRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the menubar sub.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSub>Content</MenubarSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Coordinates menubar state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Menubar>Content</Menubar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction Menubar(props: Readonly<Menubar.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenubar\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenubar>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarTrigger>Content</MenubarTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarTrigger = React.forwardRef<HTMLButtonElement, MenubarTrigger.Props>(\r\n  (props: Readonly<MenubarTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar sub trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubTrigger>Content</MenubarSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubTrigger(props: Readonly<MenubarSubTrigger.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.SubmenuTrigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.subTrigger, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronRight className={styles.subTriggerIcon} />\r\n    </BaseMenu.SubmenuTrigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar sub content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubContent>Content</MenubarSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubContent(props: Readonly<MenubarContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Positioner\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps({className: styles.positioner}, {}),\r\n      })}>\r\n      <BaseMenu.Popup\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.content, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Popup>\r\n    </BaseMenu.Positioner>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarContent>Content</MenubarContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, MenubarContent.Props>(\r\n  (props: Readonly<MenubarContent.Props>, ref): React.ReactElement => {\r\n    const {alignOffset = -4, className, children, render, sideOffset = 8, ...otherProps} = props;\r\n\r\n    return (\r\n      <MenubarPortal>\r\n        <BaseMenu.Positioner\r\n          alignOffset={alignOffset}\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseMenu.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.content, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BaseMenu.Popup>\r\n        </BaseMenu.Positioner>\r\n      </MenubarPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarItem>Content</MenubarItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarItem(props: Readonly<MenubarItem.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar checkbox item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarCheckboxItem>Content</MenubarCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarCheckboxItem(props: Readonly<MenubarCheckboxItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.CheckboxItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.CheckboxItemIndicator>\r\n          <Check className={styles.indicatorIcon} />\r\n        </BaseMenu.CheckboxItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.CheckboxItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar radio item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioItem>Content</MenubarRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarRadioItem(props: Readonly<MenubarRadioItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.RadioItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.RadioItemIndicator>\r\n          <Circle className={styles.radioIndicatorIcon} />\r\n        </BaseMenu.RadioItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.RadioItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar label.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarLabel>Content</MenubarLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarLabel(props: Readonly<MenubarLabel.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.GroupLabel\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.GroupLabel>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar separator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSeparator>Content</MenubarSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSeparator(props: Readonly<MenubarSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar shortcut.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarShortcut>Content</MenubarShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarShortcut(props: Readonly<MenubarShortcut.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"span\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.shortcut, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Menubar {\r\n  export type Props = MenubarProps;\r\n  export type State = BaseMenubar.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarTrigger {\r\n  export type Props = MenubarTriggerProps;\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubTrigger {\r\n  export type Props = MenubarSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarItem {\r\n  export type Props = MenubarItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarCheckboxItem {\r\n  export type Props = MenubarCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarRadioItem {\r\n  export type Props = MenubarRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarLabel {\r\n  export type Props = MenubarLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSeparator {\r\n  export type Props = MenubarSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarShortcut {\r\n  export type Props = MenubarShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nMenubarMenu.displayName = \"MenubarMenu\";\r\nMenubarGroup.displayName = \"MenubarGroup\";\r\nMenubarPortal.displayName = \"MenubarPortal\";\r\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\r\nMenubarSub.displayName = \"MenubarSub\";\r\nMenubar.displayName = \"Menubar\";\r\nMenubarTrigger.displayName = \"MenubarTrigger\";\r\nMenubarSubTrigger.displayName = \"MenubarSubTrigger\";\r\nMenubarSubContent.displayName = \"MenubarSubContent\";\r\nMenubarContent.displayName = \"MenubarContent\";\r\nMenubarItem.displayName = \"MenubarItem\";\r\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\r\nMenubarRadioItem.displayName = \"MenubarRadioItem\";\r\nMenubarLabel.displayName = \"MenubarLabel\";\r\nMenubarSeparator.displayName = \"MenubarSeparator\";\r\nMenubarShortcut.displayName = \"MenubarShortcut\";\r\n\r\nexport {\r\n  Menubar,\r\n  MenubarCheckboxItem,\r\n  MenubarContent,\r\n  MenubarGroup,\r\n  MenubarItem,\r\n  MenubarLabel,\r\n  MenubarMenu,\r\n  MenubarPortal,\r\n  MenubarRadioGroup,\r\n  MenubarRadioItem,\r\n  MenubarSeparator,\r\n  MenubarShortcut,\r\n  MenubarSub,\r\n  MenubarSubContent,\r\n  MenubarSubTrigger,\r\n  MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","BaseMenu","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","props","className","children","render","otherProps","BaseMenubar","useRender","mergeProps","cn","styles","MenubarTrigger","React","ref","MenubarSubTrigger","inset","ChevronRight","MenubarSubContent","MenubarContent","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut","asChild","renderProp","undefined"],"mappings":"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"}
+{"version":3,"file":"components/ui/menubar.js","sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\r\nimport {Menubar as BaseMenubar} from \"@base-ui/react/menubar\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./menubar.module.css\";\r\n\r\ninterface MenubarSubTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Item>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarCheckboxItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.CheckboxItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarRadioItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.RadioItem>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarLabelProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Applies inset spacing to align nested content.\r\n   * @default false\r\n   */\r\n  inset?: boolean;\r\n}\r\ninterface MenubarSeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseMenu.Separator>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\ninterface MenubarShortcutProps extends React.ComponentPropsWithRef<\"span\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Renders the menubar menu.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarMenu>Content</MenubarMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarMenu: typeof BaseMenu.Root & {displayName?: string} = BaseMenu.Root;\r\n/**\r\n * Renders the menubar group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarGroup>Content</MenubarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarGroup = BaseMenu.Group;\r\n/**\r\n * Provides the menubar portal container.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarPortal>Content</MenubarPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the menubar radio group.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioGroup>Content</MenubarRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the menubar sub.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSub>Content</MenubarSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Coordinates menubar state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Menubar>Content</Menubar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction Menubar(props: Readonly<Menubar.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenubar\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenubar>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarTrigger>Content</MenubarTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarTrigger = React.forwardRef<HTMLButtonElement, MenubarTrigger.Props>(\r\n  (props: Readonly<MenubarTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar sub trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubTrigger>Content</MenubarSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubTrigger(props: Readonly<MenubarSubTrigger.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.SubmenuTrigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.subTrigger, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronRight className={styles.subTriggerIcon} />\r\n    </BaseMenu.SubmenuTrigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar sub content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSubContent>Content</MenubarSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSubContent(props: Readonly<MenubarContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Positioner\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        props: mergeProps({className: styles.positioner}, {}),\r\n      })}>\r\n      <BaseMenu.Popup\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.content, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseMenu.Popup>\r\n    </BaseMenu.Positioner>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarContent>Content</MenubarContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nconst MenubarContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, MenubarContent.Props>(\r\n  (props: Readonly<MenubarContent.Props>, ref): React.ReactElement => {\r\n    const {alignOffset = -4, className, children, render, sideOffset = 8, ...otherProps} = props;\r\n\r\n    return (\r\n      <MenubarPortal>\r\n        <BaseMenu.Positioner\r\n          alignOffset={alignOffset}\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseMenu.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.content, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BaseMenu.Popup>\r\n        </BaseMenu.Positioner>\r\n      </MenubarPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the menubar item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarItem>Content</MenubarItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarItem(props: Readonly<MenubarItem.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar checkbox item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarCheckboxItem>Content</MenubarCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarCheckboxItem(props: Readonly<MenubarCheckboxItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.CheckboxItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.CheckboxItemIndicator>\r\n          <Check className={styles.indicatorIcon} />\r\n        </BaseMenu.CheckboxItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.CheckboxItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar radio item.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarRadioItem>Content</MenubarRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarRadioItem(props: Readonly<MenubarRadioItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.RadioItem\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.indicatorItem, className)}, {}),\r\n      })}>\r\n      <span className={styles.indicatorSlot}>\r\n        <BaseMenu.RadioItemIndicator>\r\n          <Circle className={styles.radioIndicatorIcon} />\r\n        </BaseMenu.RadioItemIndicator>\r\n      </span>\r\n      {children}\r\n    </BaseMenu.RadioItem>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar label.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarLabel>Content</MenubarLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarLabel(props: Readonly<MenubarLabel.Props>): React.ReactElement {\r\n  const {className, children, inset = false, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.GroupLabel\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMenu.GroupLabel>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar separator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarSeparator>Content</MenubarSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarSeparator(props: Readonly<MenubarSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMenu.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the menubar shortcut.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/menubar | Base UI Menubar}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <MenubarShortcut>Content</MenubarShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menubar | Base UI Documentation}\r\n */\r\nfunction MenubarShortcut(props: Readonly<MenubarShortcut.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"span\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.shortcut, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Menubar {\r\n  export type Props = Omit<React.ComponentPropsWithRef<typeof BaseMenubar>, \"className\"> & {className?: string};\r\n  export type State = BaseMenubar.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarTrigger {\r\n  export type Props = Omit<React.ComponentPropsWithRef<typeof BaseMenu.Trigger>, \"className\"> & {\r\n    /**\r\n     * Applies additional CSS classes to the component root element.\r\n     * @default undefined\r\n     */\r\n    className?: string;\r\n  };\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubTrigger {\r\n  export type Props = MenubarSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSubContent {\r\n  export type Props = MenubarContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarItem {\r\n  export type Props = MenubarItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarCheckboxItem {\r\n  export type Props = MenubarCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarRadioItem {\r\n  export type Props = MenubarRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarLabel {\r\n  export type Props = MenubarLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarSeparator {\r\n  export type Props = MenubarSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MenubarShortcut {\r\n  export type Props = MenubarShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nMenubarMenu.displayName = \"MenubarMenu\";\r\nMenubarGroup.displayName = \"MenubarGroup\";\r\nMenubarPortal.displayName = \"MenubarPortal\";\r\nMenubarRadioGroup.displayName = \"MenubarRadioGroup\";\r\nMenubarSub.displayName = \"MenubarSub\";\r\nMenubar.displayName = \"Menubar\";\r\nMenubarTrigger.displayName = \"MenubarTrigger\";\r\nMenubarSubTrigger.displayName = \"MenubarSubTrigger\";\r\nMenubarSubContent.displayName = \"MenubarSubContent\";\r\nMenubarContent.displayName = \"MenubarContent\";\r\nMenubarItem.displayName = \"MenubarItem\";\r\nMenubarCheckboxItem.displayName = \"MenubarCheckboxItem\";\r\nMenubarRadioItem.displayName = \"MenubarRadioItem\";\r\nMenubarLabel.displayName = \"MenubarLabel\";\r\nMenubarSeparator.displayName = \"MenubarSeparator\";\r\nMenubarShortcut.displayName = \"MenubarShortcut\";\r\n\r\nexport {\r\n  Menubar,\r\n  MenubarCheckboxItem,\r\n  MenubarContent,\r\n  MenubarGroup,\r\n  MenubarItem,\r\n  MenubarLabel,\r\n  MenubarMenu,\r\n  MenubarPortal,\r\n  MenubarRadioGroup,\r\n  MenubarRadioItem,\r\n  MenubarSeparator,\r\n  MenubarShortcut,\r\n  MenubarSub,\r\n  MenubarSubContent,\r\n  MenubarSubTrigger,\r\n  MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","BaseMenu","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","props","className","children","render","otherProps","BaseMenubar","useRender","mergeProps","cn","styles","MenubarTrigger","React","ref","MenubarSubTrigger","inset","ChevronRight","MenubarSubContent","MenubarContent","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut","asChild","renderProp","undefined"],"mappings":"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"}

package/dist/components/ui/meter.d.ts

@@ -1,9 +1,5 @@
 import { Meter as BaseMeter } from "@base-ui/react/meter";
 import * as React from "react";
-type MeterProps = React.ComponentPropsWithRef<typeof BaseMeter.Root>;
-type MeterTrackProps = React.ComponentPropsWithRef<typeof BaseMeter.Track>;
-type MeterIndicatorProps = React.ComponentPropsWithRef<typeof BaseMeter.Indicator>;
-type MeterLabelProps = React.ComponentPropsWithRef<typeof BaseMeter.Label>;
 /**
  * Displays a scalar measurement within a known range.
  *
@@ -23,10 +19,7 @@ type MeterLabelProps = React.ComponentPropsWithRef<typeof BaseMeter.Label>;
  *
  * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}
  */
-declare function Meter(props: Readonly<Meter.Props>): React.ReactElement;
-declare namespace Meter {
-    var displayName: string;
-}
+declare const Meter: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders the background track for a meter.
  *
@@ -41,10 +34,7 @@ declare namespace Meter {
  *
  * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}
  */
-declare function MeterTrack(props: Readonly<MeterTrack.Props>): React.ReactElement;
-declare namespace MeterTrack {
-    var displayName: string;
-}
+declare const MeterTrack: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders the filled indicator that reflects the current meter value.
  *
@@ -59,10 +49,7 @@ declare namespace MeterTrack {
  *
  * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}
  */
-declare function MeterIndicator(props: Readonly<MeterIndicator.Props>): React.ReactElement;
-declare namespace MeterIndicator {
-    var displayName: string;
-}
+declare const MeterIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders the accessible label associated with a meter.
  *
@@ -77,24 +64,21 @@ declare namespace MeterIndicator {
  *
  * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}
  */
-declare function MeterLabel(props: Readonly<MeterLabel.Props>): React.ReactElement;
-declare namespace MeterLabel {
-    var displayName: string;
-}
+declare const MeterLabel: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare namespace Meter {
-    type Props = MeterProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseMeter.Root>;
     type State = BaseMeter.Root.State;
 }
 declare namespace MeterTrack {
-    type Props = MeterTrackProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseMeter.Track>;
     type State = BaseMeter.Track.State;
 }
 declare namespace MeterIndicator {
-    type Props = MeterIndicatorProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseMeter.Indicator>;
     type State = BaseMeter.Indicator.State;
 }
 declare namespace MeterLabel {
-    type Props = MeterLabelProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseMeter.Label>;
     type State = BaseMeter.Label.State;
 }
 export { Meter, MeterIndicator, MeterLabel, MeterTrack };

package/dist/components/ui/meter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/meter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,UAAU,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACrE,KAAK,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;AAC3E,KAAK,mBAAmB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;AACnF,KAAK,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;AAE3E;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc/D;kBAdQ,KAAK;;;AAgBd;;;;;;;;;;;;;GAaG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAczE;kBAdQ,UAAU;;;AAgBnB;;;;;;;;;;;;;GAaG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcjF;kBAdQ,cAAc;;;AAgBvB;;;;;;;;;;;;;GAaG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAczE;kBAdQ,UAAU;;;AAiBnB,kBAAU,KAAK,CAAC;IACd,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;CAC1C;AAGD,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;CAC/C;AAGD,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;CAC3C;AAOD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"meter.d.ts","sourceRoot":"","sources":["../../../src/components/ui/meter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,IAAI,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAExD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,KAAK,gLAeT,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,UAAU,iLAed,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,cAAc,qLAelB,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,UAAU,mLAed,CAAC;AAGH,kBAAU,KAAK,CAAC;IACd,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;IACvE,KAAY,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;CAC1C;AAGD,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;IACxE,KAAY,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5E,KAAY,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;CAC/C;AAGD,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC;IACxE,KAAY,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC;CAC3C;AAOD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/ui/meter.js

@@ -1,15 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { Meter } from "@base-ui/react/meter";
+import { Meter as meter_Meter } from "@base-ui/react/meter";
 import { useRender } from "@base-ui/react/use-render";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import meter_module from "./meter.module.js";
-function meter_Meter(props) {
+const ui_meter_Meter = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Meter.Root, {
+    return /*#__PURE__*/ jsx(meter_Meter.Root, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -19,11 +20,12 @@ function meter_Meter(props) {
         }),
         children: children
     });
-}
-function MeterTrack(props) {
+});
+const meter_MeterTrack = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Meter.Track, {
+    return /*#__PURE__*/ jsx(meter_Meter.Track, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -33,11 +35,12 @@ function MeterTrack(props) {
         }),
         children: children
     });
-}
-function MeterIndicator(props) {
+});
+const meter_MeterIndicator = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Meter.Indicator, {
+    return /*#__PURE__*/ jsx(meter_Meter.Indicator, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -47,11 +50,12 @@ function MeterIndicator(props) {
         }),
         children: children
     });
-}
-function MeterLabel(props) {
+});
+const meter_MeterLabel = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Meter.Label, {
+    return /*#__PURE__*/ jsx(meter_Meter.Label, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "span",
             render: render,
@@ -61,11 +65,11 @@ function MeterLabel(props) {
         }),
         children: children
     });
-}
-meter_Meter.displayName = "Meter";
-MeterTrack.displayName = "MeterTrack";
-MeterIndicator.displayName = "MeterIndicator";
-MeterLabel.displayName = "MeterLabel";
-export { MeterIndicator, MeterLabel, MeterTrack, meter_Meter as Meter };
+});
+ui_meter_Meter.displayName = "Meter";
+meter_MeterTrack.displayName = "MeterTrack";
+meter_MeterIndicator.displayName = "MeterIndicator";
+meter_MeterLabel.displayName = "MeterLabel";
+export { meter_MeterIndicator as MeterIndicator, meter_MeterLabel as MeterLabel, meter_MeterTrack as MeterTrack, ui_meter_Meter as Meter };
 
 //# sourceMappingURL=meter.js.map

package/dist/components/ui/meter.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/meter.js","sources":["../../../src/components/ui/meter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Meter as BaseMeter} from \"@base-ui/react/meter\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./meter.module.css\";\r\n\r\ntype MeterProps = React.ComponentPropsWithRef<typeof BaseMeter.Root>;\r\ntype MeterTrackProps = React.ComponentPropsWithRef<typeof BaseMeter.Track>;\r\ntype MeterIndicatorProps = React.ComponentPropsWithRef<typeof BaseMeter.Indicator>;\r\ntype MeterLabelProps = React.ComponentPropsWithRef<typeof BaseMeter.Label>;\r\n\r\n/**\r\n * Displays a scalar measurement within a known range.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter primitives\r\n * - Intended for values such as storage usage, health, or completion\r\n *\r\n * @example\r\n * ```tsx\r\n * <Meter value={72}>\r\n *   <MeterTrack>\r\n *     <MeterIndicator />\r\n *   </MeterTrack>\r\n * </Meter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nfunction Meter(props: Readonly<Meter.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the background track for a meter.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter track primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterTrack />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nfunction MeterTrack(props: Readonly<MeterTrack.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Track\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.track, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Track>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the filled indicator that reflects the current meter value.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter indicator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterIndicator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nfunction MeterIndicator(props: Readonly<MeterIndicator.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Indicator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.indicator, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Indicator>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the accessible label associated with a meter.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on Base UI Meter label primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterLabel>Storage used</MeterLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nfunction MeterLabel(props: Readonly<MeterLabel.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Label\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Label>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Meter {\r\n  export type Props = MeterProps;\r\n  export type State = BaseMeter.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterTrack {\r\n  export type Props = MeterTrackProps;\r\n  export type State = BaseMeter.Track.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterIndicator {\r\n  export type Props = MeterIndicatorProps;\r\n  export type State = BaseMeter.Indicator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterLabel {\r\n  export type Props = MeterLabelProps;\r\n  export type State = BaseMeter.Label.State;\r\n}\r\n\r\nMeter.displayName = \"Meter\";\r\nMeterTrack.displayName = \"MeterTrack\";\r\nMeterIndicator.displayName = \"MeterIndicator\";\r\nMeterLabel.displayName = \"MeterLabel\";\r\n\r\nexport {Meter, MeterIndicator, MeterLabel, MeterTrack};\r\n"],"names":["Meter","props","className","children","render","otherProps","BaseMeter","useRender","mergeProps","cn","styles","MeterTrack","MeterIndicator","MeterLabel"],"mappings":";;;;;;;;AAkCA,SAASA,YAAMC,KAA4B;IACzC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,MAAAA,IAAc;QACZ,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAgBA,SAASQ,WAAWV,KAAiC;IACnD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,MAAAA,KAAe;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,SAASS,eAAeX,KAAqC;IAC3D,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,MAAAA,SAAmB;QACjB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;kBACCC;;AAGP;AAgBA,SAASU,WAAWZ,KAAiC;IACnD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,MAAAA,KAAe;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AA0BAH,YAAM,WAAW,GAAG;AACpBW,WAAW,WAAW,GAAG;AACzBC,eAAe,WAAW,GAAG;AAC7BC,WAAW,WAAW,GAAG"}
+{"version":3,"file":"components/ui/meter.js","sources":["../../../src/components/ui/meter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Meter as BaseMeter} from \"@base-ui/react/meter\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./meter.module.css\";\r\n\r\n/**\r\n * Displays a scalar measurement within a known range.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter primitives\r\n * - Intended for values such as storage usage, health, or completion\r\n *\r\n * @example\r\n * ```tsx\r\n * <Meter value={72}>\r\n *   <MeterTrack>\r\n *     <MeterIndicator />\r\n *   </MeterTrack>\r\n * </Meter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nconst Meter = React.forwardRef<HTMLDivElement, Meter.Props>(function Meter(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Root\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Root>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders the background track for a meter.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter track primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterTrack />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nconst MeterTrack = React.forwardRef<HTMLDivElement, MeterTrack.Props>(function MeterTrack(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Track\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.track, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Track>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders the filled indicator that reflects the current meter value.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Meter indicator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterIndicator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nconst MeterIndicator = React.forwardRef<HTMLDivElement, MeterIndicator.Props>(function MeterIndicator(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Indicator\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.indicator, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Indicator>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders the accessible label associated with a meter.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on Base UI Meter label primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <MeterLabel>Storage used</MeterLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/meter | Base UI Meter Docs}\r\n */\r\nconst MeterLabel = React.forwardRef<HTMLSpanElement, MeterLabel.Props>(function MeterLabel(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseMeter.Label\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.label, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseMeter.Label>\r\n  );\r\n});\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Meter {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseMeter.Root>;\r\n  export type State = BaseMeter.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterTrack {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseMeter.Track>;\r\n  export type State = BaseMeter.Track.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterIndicator {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseMeter.Indicator>;\r\n  export type State = BaseMeter.Indicator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace MeterLabel {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseMeter.Label>;\r\n  export type State = BaseMeter.Label.State;\r\n}\r\n\r\nMeter.displayName = \"Meter\";\r\nMeterTrack.displayName = \"MeterTrack\";\r\nMeterIndicator.displayName = \"MeterIndicator\";\r\nMeterLabel.displayName = \"MeterLabel\";\r\n\r\nexport {Meter, MeterIndicator, MeterLabel, MeterTrack};\r\n"],"names":["Meter","React","props","forwardedRef","className","children","render","otherProps","BaseMeter","useRender","mergeProps","cn","styles","MeterTrack","MeterIndicator","MeterLabel"],"mappings":";;;;;;;;AA6BA,MAAMA,iBAAQ,WAAHA,GAAGC,WAA8C,SAAeC,KAAK,EAAEC,YAAY;IAC5F,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,YAAAA,IAAc;QACZ,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAgBA,MAAMQ,mBAAa,WAAHA,GAAGZ,WAAmD,SAAoBC,KAAK,EAAEC,YAAY;IAC3G,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,YAAAA,KAAe;QACb,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,MAAMS,uBAAiB,WAAHA,GAAGb,WAAuD,SAAwBC,KAAK,EAAEC,YAAY;IACvH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,YAAAA,SAAmB;QACjB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;kBACCC;;AAGP;AAgBA,MAAMU,mBAAa,WAAHA,GAAGd,WAAoD,SAAoBC,KAAK,EAAEC,YAAY;IAC5G,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,YAAAA,KAAe;QACb,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,aAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AA0BAL,eAAM,WAAW,GAAG;AACpBa,iBAAW,WAAW,GAAG;AACzBC,qBAAe,WAAW,GAAG;AAC7BC,iBAAW,WAAW,GAAG"}

package/dist/components/ui/navigation-menu.d.ts

@@ -132,10 +132,7 @@ declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<import("@
  *
  * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}
  */
-declare function NavigationMenuTrigger(props: Readonly<NavigationMenuTrigger.Props>): React.ReactElement;
-declare namespace NavigationMenuTrigger {
-    var displayName: string;
-}
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Renders the navigation menu content.
  *
@@ -151,10 +148,7 @@ declare namespace NavigationMenuTrigger {
  *
  * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}
  */
-declare function NavigationMenuContent(props: Readonly<NavigationMenuContent.Props>): React.ReactElement;
-declare namespace NavigationMenuContent {
-    var displayName: string;
-}
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders the navigation menu link.
  *
@@ -170,10 +164,7 @@ declare namespace NavigationMenuContent {
  *
  * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}
  */
-declare function NavigationMenuLink(props: Readonly<NavigationMenuLink.Props>): React.ReactElement;
-declare namespace NavigationMenuLink {
-    var displayName: string;
-}
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 /**
  * Renders the navigation menu viewport.
  *

package/dist/components/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/navigation-menu.js

@@ -4,7 +4,7 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { NavigationMenu } from "@base-ui/react/navigation-menu";
 import { useRender } from "@base-ui/react/use-render";
 import { ChevronDown } from "lucide-react";
-import { isValidElement } from "react";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
 import navigation_menu_module from "./navigation-menu.module.js";
 function navigationMenuTriggerStyle(className) {
@@ -42,10 +42,11 @@ function NavigationMenuList(props) {
     });
 }
 const NavigationMenuItem = NavigationMenu.Item;
-function NavigationMenuTrigger(props) {
+const navigation_menu_NavigationMenuTrigger = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsxs(NavigationMenu.Trigger, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "button",
             render: render,
@@ -60,11 +61,12 @@ function NavigationMenuTrigger(props) {
             })
         ]
     });
-}
-function NavigationMenuContent(props) {
+});
+const navigation_menu_NavigationMenuContent = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(NavigationMenu.Content, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -74,11 +76,12 @@ function NavigationMenuContent(props) {
         }),
         children: children
     });
-}
-function NavigationMenuLink(props) {
+});
+const navigation_menu_NavigationMenuLink = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(NavigationMenu.Link, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "a",
             render: render,
@@ -88,7 +91,7 @@ function NavigationMenuLink(props) {
         }),
         children: children
     });
-}
+});
 function NavigationMenuViewport(props) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx("div", {
@@ -142,11 +145,11 @@ function NavigationMenuIndicator(props) {
 navigation_menu_NavigationMenu.displayName = "NavigationMenu";
 NavigationMenuList.displayName = "NavigationMenuList";
 NavigationMenuItem.displayName = "NavigationMenuItem";
-NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
-NavigationMenuContent.displayName = "NavigationMenuContent";
-NavigationMenuLink.displayName = "NavigationMenuLink";
+navigation_menu_NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+navigation_menu_NavigationMenuContent.displayName = "NavigationMenuContent";
+navigation_menu_NavigationMenuLink.displayName = "NavigationMenuLink";
 NavigationMenuViewport.displayName = "NavigationMenuViewport";
 NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
-export { NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle, navigation_menu_NavigationMenu as NavigationMenu };
+export { NavigationMenuIndicator, NavigationMenuItem, NavigationMenuList, NavigationMenuViewport, navigationMenuTriggerStyle, navigation_menu_NavigationMenu as NavigationMenu, navigation_menu_NavigationMenuContent as NavigationMenuContent, navigation_menu_NavigationMenuLink as NavigationMenuLink, navigation_menu_NavigationMenuTrigger as NavigationMenuTrigger };
 
 //# sourceMappingURL=navigation-menu.js.map

package/dist/components/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/navigation-menu.js","sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NavigationMenu as BaseNavigationMenu} from \"@base-ui/react/navigation-menu\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./navigation-menu.module.css\";\r\n\r\n/** Returns the CSS classes used by the navigation menu trigger wrapper. */\r\nexport function navigationMenuTriggerStyle(className?: string): string {\r\n  return cn(styles.trigger, className);\r\n}\r\n\r\ninterface NavigationMenuProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Root>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuListProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.List>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Content>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuLinkProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Link>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuViewportProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Viewport>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuIndicatorProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Coordinates navigation menu state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<nav>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenu>Content</NavigationMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenu(props: Readonly<NavigationMenu.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"nav\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <NavigationMenuViewport />\r\n    </BaseNavigationMenu.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuList>Content</NavigationMenuList>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuList(props: Readonly<NavigationMenuList.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.List\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"ul\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.list, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.List>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu item.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuItem>Content</NavigationMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuItem = BaseNavigationMenu.Item;\r\n\r\n/**\r\n * Renders the navigation menu trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuTrigger>Content</NavigationMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuTrigger(props: Readonly<NavigationMenuTrigger.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Trigger\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <ChevronDown className={styles.triggerIcon} />\r\n    </BaseNavigationMenu.Trigger>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuContent>Content</NavigationMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuContent(props: Readonly<NavigationMenuContent.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Content\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.content, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.Content>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu link.\r\n *\r\n * @remarks\r\n * - Renders a `<a>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuLink>Content</NavigationMenuLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuLink(props: Readonly<NavigationMenuLink.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Link\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.Link>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu viewport.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuViewport>Content</NavigationMenuViewport>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuViewport(props: Readonly<NavigationMenuViewport.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <div className={styles.viewportWrapper}>\r\n      <BaseNavigationMenu.Portal>\r\n        <BaseNavigationMenu.Positioner\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseNavigationMenu.Popup\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              props: mergeProps({className: styles.popup}, {}),\r\n            })}>\r\n            <BaseNavigationMenu.Viewport\r\n              {...otherProps}\r\n              render={useRender({\r\n                defaultTagName: \"div\",\r\n                render: render as never,\r\n                props: mergeProps({className: cn(styles.viewport, className)}, {}),\r\n              })}>\r\n              {children}\r\n            </BaseNavigationMenu.Viewport>\r\n          </BaseNavigationMenu.Popup>\r\n        </BaseNavigationMenu.Positioner>\r\n      </BaseNavigationMenu.Portal>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu indicator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuIndicator>Content</NavigationMenuIndicator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuIndicator(props: Readonly<NavigationMenuIndicator.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.indicator, className)}, otherProps, {\r\n      children: renderProp ? undefined : (children ?? <div className={styles.indicatorInner} />),\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenu {\r\n  export type Props = NavigationMenuProps;\r\n  export type State = BaseNavigationMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuList {\r\n  export type Props = NavigationMenuListProps;\r\n  export type State = BaseNavigationMenu.List.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuTrigger {\r\n  export type Props = NavigationMenuTriggerProps;\r\n  export type State = BaseNavigationMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuContent {\r\n  export type Props = NavigationMenuContentProps;\r\n  export type State = BaseNavigationMenu.Content.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuLink {\r\n  export type Props = NavigationMenuLinkProps;\r\n  export type State = BaseNavigationMenu.Link.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuViewport {\r\n  export type Props = NavigationMenuViewportProps;\r\n  export type State = BaseNavigationMenu.Viewport.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuIndicator {\r\n  export type Props = NavigationMenuIndicatorProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nNavigationMenu.displayName = \"NavigationMenu\";\r\nNavigationMenuList.displayName = \"NavigationMenuList\";\r\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\r\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\r\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\r\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\r\nNavigationMenuViewport.displayName = \"NavigationMenuViewport\";\r\nNavigationMenuIndicator.displayName = \"NavigationMenuIndicator\";\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["navigationMenuTriggerStyle","className","cn","styles","NavigationMenu","props","children","render","otherProps","BaseNavigationMenu","useRender","mergeProps","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","asChild","renderProp","React","undefined"],"mappings":"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"}
+{"version":3,"file":"components/ui/navigation-menu.js","sources":["../../../src/components/ui/navigation-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NavigationMenu as BaseNavigationMenu} from \"@base-ui/react/navigation-menu\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./navigation-menu.module.css\";\r\n\r\n/** Returns the CSS classes used by the navigation menu trigger wrapper. */\r\nexport function navigationMenuTriggerStyle(className?: string): string {\r\n  return cn(styles.trigger, className);\r\n}\r\n\r\ninterface NavigationMenuProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Root>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuListProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.List>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Content>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuLinkProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Link>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuViewportProps extends Omit<React.ComponentPropsWithRef<typeof BaseNavigationMenu.Viewport>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n}\r\n\r\ninterface NavigationMenuIndicatorProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\n/**\r\n * Coordinates navigation menu state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<nav>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenu>Content</NavigationMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenu(props: Readonly<NavigationMenu.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"nav\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <NavigationMenuViewport />\r\n    </BaseNavigationMenu.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu list.\r\n *\r\n * @remarks\r\n * - Renders a `<ul>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuList>Content</NavigationMenuList>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuList(props: Readonly<NavigationMenuList.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.List\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"ul\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.list, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.List>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu item.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuItem>Content</NavigationMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuItem = BaseNavigationMenu.Item;\r\n\r\n/**\r\n * Renders the navigation menu trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuTrigger>Content</NavigationMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuTrigger = React.forwardRef<HTMLButtonElement, NavigationMenuTrigger.Props>(\r\n  function NavigationMenuTrigger(props, forwardedRef) {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNavigationMenu.Trigger\r\n        {...otherProps}\r\n        ref={forwardedRef}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.trigger, className)}, {}),\r\n        })}>\r\n        {children}\r\n        <ChevronDown className={styles.triggerIcon} />\r\n      </BaseNavigationMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the navigation menu content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuContent>Content</NavigationMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuContent = React.forwardRef<HTMLDivElement, NavigationMenuContent.Props>(\r\n  function NavigationMenuContent(props, forwardedRef) {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNavigationMenu.Content\r\n        {...otherProps}\r\n        ref={forwardedRef}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.content, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseNavigationMenu.Content>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the navigation menu link.\r\n *\r\n * @remarks\r\n * - Renders a `<a>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuLink>Content</NavigationMenuLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nconst NavigationMenuLink = React.forwardRef<HTMLAnchorElement, NavigationMenuLink.Props>(function NavigationMenuLink(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNavigationMenu.Link\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNavigationMenu.Link>\r\n  );\r\n});\r\n\r\n/**\r\n * Renders the navigation menu viewport.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuViewport>Content</NavigationMenuViewport>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuViewport(props: Readonly<NavigationMenuViewport.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <div className={styles.viewportWrapper}>\r\n      <BaseNavigationMenu.Portal>\r\n        <BaseNavigationMenu.Positioner\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BaseNavigationMenu.Popup\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              props: mergeProps({className: styles.popup}, {}),\r\n            })}>\r\n            <BaseNavigationMenu.Viewport\r\n              {...otherProps}\r\n              render={useRender({\r\n                defaultTagName: \"div\",\r\n                render: render as never,\r\n                props: mergeProps({className: cn(styles.viewport, className)}, {}),\r\n              })}>\r\n              {children}\r\n            </BaseNavigationMenu.Viewport>\r\n          </BaseNavigationMenu.Popup>\r\n        </BaseNavigationMenu.Positioner>\r\n      </BaseNavigationMenu.Portal>\r\n    </div>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the navigation menu indicator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/navigation-menu | Base UI Navigation Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <NavigationMenuIndicator>Content</NavigationMenuIndicator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/navigation-menu | Base UI Documentation}\r\n */\r\nfunction NavigationMenuIndicator(props: Readonly<NavigationMenuIndicator.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.indicator, className)}, otherProps, {\r\n      children: renderProp ? undefined : (children ?? <div className={styles.indicatorInner} />),\r\n    }),\r\n  });\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenu {\r\n  export type Props = NavigationMenuProps;\r\n  export type State = BaseNavigationMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuList {\r\n  export type Props = NavigationMenuListProps;\r\n  export type State = BaseNavigationMenu.List.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuTrigger {\r\n  export type Props = NavigationMenuTriggerProps;\r\n  export type State = BaseNavigationMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuContent {\r\n  export type Props = NavigationMenuContentProps;\r\n  export type State = BaseNavigationMenu.Content.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuLink {\r\n  export type Props = NavigationMenuLinkProps;\r\n  export type State = BaseNavigationMenu.Link.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuViewport {\r\n  export type Props = NavigationMenuViewportProps;\r\n  export type State = BaseNavigationMenu.Viewport.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NavigationMenuIndicator {\r\n  export type Props = NavigationMenuIndicatorProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nNavigationMenu.displayName = \"NavigationMenu\";\r\nNavigationMenuList.displayName = \"NavigationMenuList\";\r\nNavigationMenuItem.displayName = \"NavigationMenuItem\";\r\nNavigationMenuTrigger.displayName = \"NavigationMenuTrigger\";\r\nNavigationMenuContent.displayName = \"NavigationMenuContent\";\r\nNavigationMenuLink.displayName = \"NavigationMenuLink\";\r\nNavigationMenuViewport.displayName = \"NavigationMenuViewport\";\r\nNavigationMenuIndicator.displayName = \"NavigationMenuIndicator\";\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["navigationMenuTriggerStyle","className","cn","styles","NavigationMenu","props","children","render","otherProps","BaseNavigationMenu","useRender","mergeProps","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","NavigationMenuTrigger","React","forwardedRef","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator","asChild","renderProp","undefined"],"mappings":"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"}