@arolariu/components 1.0.0 → 2.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\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 \"./dropdown-menu.module.css\";\r\n\r\ninterface DropdownMenuProps extends React.ComponentPropsWithRef<typeof BaseMenu.Root> {}\r\n\r\ninterface DropdownMenuTriggerProps 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\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\ninterface DropdownMenuSubTriggerProps 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\n\r\ninterface DropdownMenuContentProps 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\n\r\ninterface DropdownMenuItemProps 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\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\ninterface DropdownMenuCheckboxItemProps 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\n\r\ninterface DropdownMenuRadioItemProps 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\n\r\ninterface DropdownMenuLabelProps 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\n\r\ninterface DropdownMenuSeparatorProps 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\n\r\ninterface DropdownMenuShortcutProps 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 * Coordinates dropdown menu state and accessibility behavior.\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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenu>Content</DropdownMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenu(props: Readonly<DropdownMenu.Props>): React.ReactElement {\r\n  return <BaseMenu.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuGroup>Content</DropdownMenuGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuGroup = BaseMenu.Group;\r\n/**\r\n * Provides the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuPortal>Content</DropdownMenuPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioGroup>Content</DropdownMenuRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSub>Content</DropdownMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Renders the dropdown 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuTrigger>Content</DropdownMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTrigger.Props>(\r\n  (props: Readonly<DropdownMenuTrigger.Props>, ref): 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 (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubTrigger>Content</DropdownMenuSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubTrigger(props: Readonly<DropdownMenuSubTrigger.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubContent>Content</DropdownMenuSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubContent(props: Readonly<DropdownMenuContent.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 dropdown 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuContent>Content</DropdownMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, DropdownMenuContent.Props>(\r\n  (props: Readonly<DropdownMenuContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <DropdownMenuPortal>\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            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      </DropdownMenuPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuItem>Content</DropdownMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuItem(props: Readonly<DropdownMenuItem.Props>): React.ReactElement {\r\n  const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return (\r\n    <BaseMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: renderProp as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {renderProp ? undefined : children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuCheckboxItem>Content</DropdownMenuCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuCheckboxItem(props: Readonly<DropdownMenuCheckboxItem.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioItem>Content</DropdownMenuRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuRadioItem(props: Readonly<DropdownMenuRadioItem.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuLabel>Content</DropdownMenuLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuLabel(props: Readonly<DropdownMenuLabel.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSeparator>Content</DropdownMenuSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSeparator(props: Readonly<DropdownMenuSeparator.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuShortcut>Content</DropdownMenuShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuShortcut(props: Readonly<DropdownMenuShortcut.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 DropdownMenu {\r\n  export type Props = DropdownMenuProps;\r\n  export type State = BaseMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuTrigger {\r\n  export type Props = DropdownMenuTriggerProps;\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubTrigger {\r\n  export type Props = DropdownMenuSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuItem {\r\n  export type Props = DropdownMenuItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuCheckboxItem {\r\n  export type Props = DropdownMenuCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuRadioItem {\r\n  export type Props = DropdownMenuRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuLabel {\r\n  export type Props = DropdownMenuLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSeparator {\r\n  export type Props = DropdownMenuSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuShortcut {\r\n  export type Props = DropdownMenuShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nDropdownMenu.displayName = \"DropdownMenu\";\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\r\nDropdownMenuPortal.displayName = \"DropdownMenuPortal\";\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\r\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuPortal,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuTrigger,\r\n};\r\n"],"names":["DropdownMenu","props","BaseMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuSub","DropdownMenuTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","DropdownMenuSubTrigger","inset","cn","styles","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuCheckboxItem","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"components/ui/dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Menu as BaseMenu} from \"@base-ui/react/menu\";\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 \"./dropdown-menu.module.css\";\r\n\r\ninterface DropdownMenuProps extends React.ComponentPropsWithRef<typeof BaseMenu.Root> {}\r\n\r\ninterface DropdownMenuTriggerProps 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\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\ninterface DropdownMenuSubTriggerProps 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\n\r\ninterface DropdownMenuContentProps 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\n\r\ninterface DropdownMenuItemProps 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\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\ninterface DropdownMenuCheckboxItemProps 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\n\r\ninterface DropdownMenuRadioItemProps 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\n\r\ninterface DropdownMenuLabelProps 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\n\r\ninterface DropdownMenuSeparatorProps 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\n\r\ninterface DropdownMenuShortcutProps 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 * Coordinates dropdown menu state and accessibility behavior.\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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenu>Content</DropdownMenu>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenu(props: Readonly<DropdownMenu.Props>): React.ReactElement {\r\n  return <BaseMenu.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuGroup>Content</DropdownMenuGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuGroup = BaseMenu.Group;\r\n/**\r\n * Provides the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuPortal>Content</DropdownMenuPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuPortal = BaseMenu.Portal;\r\n/**\r\n * Coordinates the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioGroup>Content</DropdownMenuRadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuRadioGroup = BaseMenu.RadioGroup;\r\n/**\r\n * Coordinates the dropdown menu 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/menu | Base UI Menu}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSub>Content</DropdownMenuSub>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuSub: typeof BaseMenu.SubmenuRoot & {displayName?: string} = BaseMenu.SubmenuRoot;\r\n\r\n/**\r\n * Renders the dropdown 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuTrigger>Content</DropdownMenuTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuTrigger = React.forwardRef<HTMLButtonElement, DropdownMenuTrigger.Props>(\r\n  (props: Readonly<DropdownMenuTrigger.Props>, ref): 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 (\r\n      <BaseMenu.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BaseMenu.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubTrigger>Content</DropdownMenuSubTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubTrigger(props: Readonly<DropdownMenuSubTrigger.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSubContent>Content</DropdownMenuSubContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSubContent(props: Readonly<DropdownMenuContent.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 dropdown 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuContent>Content</DropdownMenuContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nconst DropdownMenuContent = React.forwardRef<React.ComponentRef<typeof BaseMenu.Popup>, DropdownMenuContent.Props>(\r\n  (props: Readonly<DropdownMenuContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <DropdownMenuPortal>\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            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      </DropdownMenuPortal>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuItem>Content</DropdownMenuItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuItem(props: Readonly<DropdownMenuItem.Props>): React.ReactElement {\r\n  // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n  const {asChild = false, children, className, inset = false, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return (\r\n    <BaseMenu.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: renderProp as never,\r\n        props: mergeProps({className: cn(styles.item, inset && styles.inset, className)}, {}),\r\n      })}>\r\n      {renderProp ? undefined : children}\r\n    </BaseMenu.Item>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuCheckboxItem>Content</DropdownMenuCheckboxItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuCheckboxItem(props: Readonly<DropdownMenuCheckboxItem.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuRadioItem>Content</DropdownMenuRadioItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuRadioItem(props: Readonly<DropdownMenuRadioItem.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuLabel>Content</DropdownMenuLabel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuLabel(props: Readonly<DropdownMenuLabel.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuSeparator>Content</DropdownMenuSeparator>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuSeparator(props: Readonly<DropdownMenuSeparator.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 dropdown menu 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/menu | Base UI Menu}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <DropdownMenuShortcut>Content</DropdownMenuShortcut>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/menu | Base UI Documentation}\r\n */\r\nfunction DropdownMenuShortcut(props: Readonly<DropdownMenuShortcut.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 DropdownMenu {\r\n  export type Props = DropdownMenuProps;\r\n  export type State = BaseMenu.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuTrigger {\r\n  export type Props = DropdownMenuTriggerProps;\r\n  export type State = BaseMenu.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubTrigger {\r\n  export type Props = DropdownMenuSubTriggerProps;\r\n  export type State = BaseMenu.SubmenuTrigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSubContent {\r\n  export type Props = DropdownMenuContentProps;\r\n  export type State = BaseMenu.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuItem {\r\n  export type Props = DropdownMenuItemProps;\r\n  export type State = BaseMenu.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuCheckboxItem {\r\n  export type Props = DropdownMenuCheckboxItemProps;\r\n  export type State = BaseMenu.CheckboxItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuRadioItem {\r\n  export type Props = DropdownMenuRadioItemProps;\r\n  export type State = BaseMenu.RadioItem.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuLabel {\r\n  export type Props = DropdownMenuLabelProps;\r\n  export type State = BaseMenu.GroupLabel.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuSeparator {\r\n  export type Props = DropdownMenuSeparatorProps;\r\n  export type State = BaseMenu.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace DropdownMenuShortcut {\r\n  export type Props = DropdownMenuShortcutProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\nDropdownMenu.displayName = \"DropdownMenu\";\r\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\";\r\nDropdownMenuPortal.displayName = \"DropdownMenuPortal\";\r\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\";\r\nDropdownMenuSub.displayName = \"DropdownMenuSub\";\r\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\r\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\r\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\r\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\r\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\r\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\r\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\r\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\r\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\r\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\r\n\r\nexport {\r\n  DropdownMenu,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuContent,\r\n  DropdownMenuGroup,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuPortal,\r\n  DropdownMenuRadioGroup,\r\n  DropdownMenuRadioItem,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuShortcut,\r\n  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n  DropdownMenuTrigger,\r\n};\r\n"],"names":["DropdownMenu","props","BaseMenu","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuSub","DropdownMenuTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","DropdownMenuSubTrigger","inset","cn","styles","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","DropdownMenuItem","DropdownMenuCheckboxItem","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/ui/dropdown-menu_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/dropdown-menu.module.css","webpack://./src/components/ui/dropdown-menu.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,mCAAmC;EACnC,gBAAgB;EAChB,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,qBAAqB;EACrB,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kCAAkC;EAClC,4CAA4C;EAC5C,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;EACb,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,WAAW;EACX,oBAAoB;AACtB;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,4BAA4B;EAC5B,4CAA4C;EAC5C,gBAAgB;AAClB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,kCAAkC;EAClC,WAAW;EACX,oDAAoD;AACtD;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,qBAAqB;EACrB,iBAAiB;AACnB","sourcesContent":[".positioner{z-index:50}.content{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);max-height:var(--available-height);min-width:12rem;overflow-x:hidden;overflow-y:auto;padding:var(--ac-space-1);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.content[data-ending-style],.content[data-starting-style]{opacity:0;transform:scale(.96)}.item{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:var(--ac-space-2);min-height:var(--ac-size-default);outline:none;padding:var(--ac-space-1) var(--ac-space-2);position:relative;user-select:none;width:100%}.item[data-highlighted]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.item[data-disabled]{opacity:.5;pointer-events:none}.subTrigger{padding-right:var(--ac-space-3)}.subTrigger[data-popup-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.subTriggerIcon{flex-shrink:0;height:1rem;margin-left:auto;width:1rem}.indicatorItem{padding-left:calc(var(--ac-space-2) + 1.25rem)}.indicatorSlot{align-items:center;display:inline-flex;height:1rem;justify-content:center;left:var(--ac-space-2);position:absolute;width:1rem}.indicatorIcon,.radioIndicatorIcon{height:.875rem;width:.875rem}.radioIndicatorIcon{fill:currentcolor}.label{font-size:var(--ac-text-sm);font-weight:600;padding:var(--ac-space-1) var(--ac-space-2)}.inset{padding-left:calc(var(--ac-space-2) + 1.25rem)}.separator{background-color:var(--ac-border);height:1px;margin:var(--ac-space-1) calc(var(--ac-space-1)*-1)}.shortcut{color:var(--ac-muted-foreground);font-size:var(--ac-text-xs);letter-spacing:.08em;margin-left:auto}",".positioner {\n  z-index: 50;\n}\n\n.content {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  max-height: var(--available-height);\n  min-width: 12rem;\n  padding: var(--ac-space-1);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.content[data-ending-style], .content[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.item[data-highlighted] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.item[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.subTrigger {\n  padding-right: var(--ac-space-3);\n}\n\n.subTrigger[data-popup-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.subTriggerIcon {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n  margin-left: auto;\n}\n\n.indicatorItem {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.indicatorSlot {\n  height: 1rem;\n  left: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n  position: absolute;\n}\n\n.indicatorIcon, .radioIndicatorIcon {\n  width: .875rem;\n  height: .875rem;\n}\n\n.radioIndicatorIcon {\n  fill: currentColor;\n}\n\n.label {\n  font-size: var(--ac-text-sm);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  font-weight: 600;\n}\n\n.inset {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.separator {\n  background-color: var(--ac-border);\n  height: 1px;\n  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);\n}\n\n.shortcut {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-xs);\n  letter-spacing: .08em;\n  margin-left: auto;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/dropdown-menu.module.css","webpack://./src/components/ui/dropdown-menu.module.css"],"names":[],"mappings":"AAAA;ECCE,WAAW;AACb;;ADFuB;ECKrB,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,mCAAmC;EACnC,gBAAgB;EAChB,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,qBAAqB;EACrB,uCAAuC;AACzC;;ADhBoc;ECmBlc,UAAU;EACV,qBAAqB;AACvB;;ADrB6hB;ECwB3hB,kCAAkC;EAClC,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kCAAkC;EAClC,4CAA4C;EAC5C,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;EACb,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;ADtC6zB;ECyC3zB,kCAAkC;EAClC,kCAAkC;AACpC;;AD3Cy5B;EC8Cv5B,WAAW;EACX,oBAAoB;AACtB;;ADhD68B;ECmD38B,gCAAgC;AAClC;;ADpDy/B;ECuDv/B,kCAAkC;EAClC,kCAAkC;AACpC;;ADzD0lC;EC4DxlC,cAAc;EACd,WAAW;EACX,YAAY;EACZ,iBAAiB;AACnB;;ADhEgqC;ECmE9pC,+CAA+C;AACjD;;ADpE8tC;ECuE5tC,YAAY;EACZ,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;EACpB,kBAAkB;AACpB;;AD9E22C;ECiFz2C,cAAc;EACd,eAAe;AACjB;;ADnF26C;ECsFz6C,kBAAkB;AACpB;;ADvFi9C;EC0F/8C,4BAA4B;EAC5B,4CAA4C;EAC5C,gBAAgB;AAClB;;AD7FgjD;ECgG9iD,+CAA+C;AACjD;;ADjGsmD;ECoGpmD,kCAAkC;EAClC,WAAW;EACX,oDAAoD;AACtD;;ADvGktD;EC0GhtD,iCAAiC;EACjC,4BAA4B;EAC5B,qBAAqB;EACrB,iBAAiB;AACnB","sourcesContent":[".positioner{z-index:50}.content{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.35);color:var(--ac-popover-foreground);max-height:var(--available-height);min-width:12rem;overflow-x:hidden;overflow-y:auto;padding:var(--ac-space-1);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal)}.content[data-ending-style],.content[data-starting-style]{opacity:0;transform:scale(.96)}.item{align-items:center;border-radius:var(--ac-radius-sm);color:inherit;cursor:default;display:flex;font-size:var(--ac-text-sm);gap:var(--ac-space-2);min-height:var(--ac-size-default);outline:none;padding:var(--ac-space-1) var(--ac-space-2);position:relative;user-select:none;width:100%}.item[data-highlighted]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.item[data-disabled]{opacity:.5;pointer-events:none}.subTrigger{padding-right:var(--ac-space-3)}.subTrigger[data-popup-open]{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}.subTriggerIcon{flex-shrink:0;height:1rem;margin-left:auto;width:1rem}.indicatorItem{padding-left:calc(var(--ac-space-2) + 1.25rem)}.indicatorSlot{align-items:center;display:inline-flex;height:1rem;justify-content:center;left:var(--ac-space-2);position:absolute;width:1rem}.indicatorIcon,.radioIndicatorIcon{height:.875rem;width:.875rem}.radioIndicatorIcon{fill:currentcolor}.label{font-size:var(--ac-text-sm);font-weight:600;padding:var(--ac-space-1) var(--ac-space-2)}.inset{padding-left:calc(var(--ac-space-2) + 1.25rem)}.separator{background-color:var(--ac-border);height:1px;margin:var(--ac-space-1) calc(var(--ac-space-1)*-1)}.shortcut{color:var(--ac-muted-foreground);font-size:var(--ac-text-xs);letter-spacing:.08em;margin-left:auto}",".positioner {\n  z-index: 50;\n}\n\n.content {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  max-height: var(--available-height);\n  min-width: 12rem;\n  padding: var(--ac-space-1);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  overflow: hidden auto;\n  box-shadow: 0 16px 40px -16px #00000059;\n}\n\n.content[data-ending-style], .content[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  color: inherit;\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-default);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  -webkit-user-select: none;\n  user-select: none;\n  outline: none;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.item[data-highlighted] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.item[data-disabled] {\n  opacity: .5;\n  pointer-events: none;\n}\n\n.subTrigger {\n  padding-right: var(--ac-space-3);\n}\n\n.subTrigger[data-popup-open] {\n  background-color: var(--ac-accent);\n  color: var(--ac-accent-foreground);\n}\n\n.subTriggerIcon {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n  margin-left: auto;\n}\n\n.indicatorItem {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.indicatorSlot {\n  height: 1rem;\n  left: var(--ac-space-2);\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n  position: absolute;\n}\n\n.indicatorIcon, .radioIndicatorIcon {\n  width: .875rem;\n  height: .875rem;\n}\n\n.radioIndicatorIcon {\n  fill: currentColor;\n}\n\n.label {\n  font-size: var(--ac-text-sm);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  font-weight: 600;\n}\n\n.inset {\n  padding-left: calc(var(--ac-space-2) + 1.25rem);\n}\n\n.separator {\n  background-color: var(--ac-border);\n  height: 1px;\n  margin: var(--ac-space-1) calc(var(--ac-space-1)*-1);\n}\n\n.shortcut {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-xs);\n  letter-spacing: .08em;\n  margin-left: auto;\n}\n"],"sourceRoot":""}

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

@@ -3,24 +3,24 @@ import { Menu as BaseMenu } from "@base-ui/react/menu";
 import { useRender } from "@base-ui/react/use-render";
 import * as React from "react";
 declare const Drawer: typeof BaseDrawer.Root;
-declare function DrawerTrigger(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Trigger> & {
+declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & React.RefAttributes<HTMLElement> & {
     asChild?: boolean;
-}>): React.ReactElement;
-declare function DrawerContent(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Popup> & {
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
-}>): React.ReactElement;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function DrawerFooter(props: Readonly<React.ComponentPropsWithRef<"div"> & {
     render?: useRender.RenderProp<Record<string, never>>;
 }>): React.ReactElement;
 declare function DrawerTitle(props: Readonly<React.ComponentPropsWithRef<typeof BaseDrawer.Title>>): React.ReactElement;
 declare const DropdownMenu: <Payload>(props: BaseMenu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
 declare const DropdownMenuSub: typeof BaseMenu.SubmenuRoot;
-declare function DropdownMenuTrigger(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Trigger> & {
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuTriggerProps<unknown> & React.RefAttributes<HTMLElement> & {
     asChild?: boolean;
-}>): React.ReactElement;
-declare function DropdownMenuContent(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Positioner> & {
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
-}>): React.ReactElement;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare function DropdownMenuLabel(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.GroupLabel>>): React.ReactElement;
 declare function DropdownMenuSeparator(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.Separator>>): React.ReactElement;
 declare function DropdownMenuSubTrigger(props: Readonly<React.ComponentPropsWithRef<typeof BaseMenu.SubmenuTrigger> & {
@@ -111,10 +111,7 @@ declare namespace DropDrawer {
  *
  * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer Docs}
  */
-declare function DropDrawerTrigger({ className, children, ...props }: DropDrawerTriggerProps): React.JSX.Element;
-declare namespace DropDrawerTrigger {
-    var displayName: string;
-}
+declare const DropDrawerTrigger: React.ForwardRefExoticComponent<DropDrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 /**
  * Renders the responsive dropdown or drawer content surface.
  *
@@ -131,10 +128,7 @@ declare namespace DropDrawerTrigger {
  *
  * @see {@link https://base-ui.com/react/components/menu | Base UI Menu Docs}
  */
-declare function DropDrawerContent({ className, children, ...props }: DropDrawerContentProps): React.JSX.Element;
-declare namespace DropDrawerContent {
-    var displayName: string;
-}
+declare const DropDrawerContent: React.ForwardRefExoticComponent<DropDrawerContentProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * Renders an actionable item inside the drop drawer surface.
  *

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

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

package/dist/components/ui/dropdrawer.js

@@ -6,26 +6,27 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
-import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { useIsMobile } from "../../hooks/useIsMobile.js";
 import { cn } from "../../lib/utilities.js";
 import dropdrawer_module from "./dropdrawer.module.js";
+import * as __rspack_external_react from "react";
 const MOBILE_MENU_TITLE = "Menu";
 const MOBILE_SUBMENU_TITLE = "Submenu";
 const MOBILE_BACK_LABEL = "Go back";
-const DropDrawerContext = /*#__PURE__*/ createContext(null);
+const DropDrawerContext = /*#__PURE__*/ __rspack_external_react.createContext(null);
 const useDropDrawerContext = ()=>{
-    const context = useContext(DropDrawerContext);
+    const context = __rspack_external_react.useContext(DropDrawerContext);
     if (null === context) throw new Error("DropDrawer components cannot be rendered outside the Context");
     return context;
 };
 const dropdrawer_Drawer = Drawer.Root;
 const DrawerPortal = Drawer.Portal;
-function DrawerTrigger(props) {
+const dropdrawer_DrawerTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { asChild = false, children, className, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return /*#__PURE__*/ jsx(Drawer.Trigger, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "button",
             render: renderProp,
@@ -35,7 +36,7 @@ function DrawerTrigger(props) {
         }),
         children: renderProp ? void 0 : children
     });
-}
+});
 function DrawerOverlay(props) {
     const { className, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Drawer.Backdrop, {
@@ -49,7 +50,7 @@ function DrawerOverlay(props) {
         })
     });
 }
-function DrawerContent(props) {
+const dropdrawer_DrawerContent = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsxs(DrawerPortal, {
         children: [
@@ -58,6 +59,7 @@ function DrawerContent(props) {
                 className: dropdrawer_module.drawerViewport,
                 children: /*#__PURE__*/ jsxs(Drawer.Popup, {
                     ...otherProps,
+                    ref: forwardedRef,
                     render: useRender({
                         defaultTagName: "div",
                         render: render,
@@ -78,7 +80,7 @@ function DrawerContent(props) {
             })
         ]
     });
-}
+});
 function DrawerHeader(props) {
     const { className, children, render, ...otherProps } = props;
     return useRender({
@@ -119,11 +121,12 @@ function DrawerTitle(props) {
 }
 const DropdownMenu = Menu.Root;
 const DropdownMenuSub = Menu.SubmenuRoot;
-function DropdownMenuTrigger(props) {
+const dropdrawer_DropdownMenuTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { asChild = false, children, className, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return /*#__PURE__*/ jsx(Menu.Trigger, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "button",
             render: renderProp,
@@ -133,12 +136,13 @@ function DropdownMenuTrigger(props) {
         }),
         children: renderProp ? void 0 : children
     });
-}
-function DropdownMenuContent(props) {
+});
+const dropdrawer_DropdownMenuContent = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Menu.Portal, {
         children: /*#__PURE__*/ jsx(Menu.Positioner, {
             ...otherProps,
+            ref: forwardedRef,
             render: useRender({
                 defaultTagName: "div",
                 props: mergeProps({
@@ -157,10 +161,10 @@ function DropdownMenuContent(props) {
             })
         })
     });
-}
+});
 function DropdownMenuItem(props) {
     const { asChild = false, children, className, inset = false, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return /*#__PURE__*/ jsx(Menu.Item, {
         ...otherProps,
         render: useRender({
@@ -241,7 +245,7 @@ function DropdownMenuSubContent(props) {
         })
     });
 }
-const SubmenuContext = /*#__PURE__*/ createContext({
+const SubmenuContext = /*#__PURE__*/ __rspack_external_react.createContext({
     activeSubmenu: null,
     navigateToSubmenu: void 0,
     registerSubmenuContent: void 0,
@@ -266,33 +270,35 @@ function DropDrawer({ children, ...props }) {
         })
     });
 }
-function DropDrawerTrigger({ className, children, ...props }) {
+const dropdrawer_DropDrawerTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef(function({ className, children, ...props }, forwardedRef) {
     const { isMobile } = useDropDrawerContext();
-    return isMobile ? /*#__PURE__*/ jsx(DrawerTrigger, {
+    return isMobile ? /*#__PURE__*/ jsx(dropdrawer_DrawerTrigger, {
+        ref: forwardedRef,
         "data-slot": "drop-drawer-trigger",
         className: className,
         ...props,
         children: children
-    }) : /*#__PURE__*/ jsx(DropdownMenuTrigger, {
+    }) : /*#__PURE__*/ jsx(dropdrawer_DropdownMenuTrigger, {
+        ref: forwardedRef,
         "data-slot": "drop-drawer-trigger",
         className: className,
         ...props,
         children: children
     });
-}
-function DropDrawerContent({ className, children, ...props }) {
+});
+const dropdrawer_DropDrawerContent = /*#__PURE__*/ __rspack_external_react.forwardRef(function({ className, children, ...props }, forwardedRef) {
     const { isMobile } = useDropDrawerContext();
-    const [activeSubmenu, setActiveSubmenu] = useState(null);
-    const [submenuTitle, setSubmenuTitle] = useState(null);
-    const [submenuStack, setSubmenuStack] = useState([]);
-    const [animationDirection, setAnimationDirection] = useState("forward");
-    const submenuContentRef = useRef(new Map());
-    useEffect(()=>{
+    const [activeSubmenu, setActiveSubmenu] = __rspack_external_react.useState(null);
+    const [submenuTitle, setSubmenuTitle] = __rspack_external_react.useState(null);
+    const [submenuStack, setSubmenuStack] = __rspack_external_react.useState([]);
+    const [animationDirection, setAnimationDirection] = __rspack_external_react.useState("forward");
+    const submenuContentRef = __rspack_external_react.useRef(new Map());
+    __rspack_external_react.useEffect(()=>{
         submenuContentRef.current.clear();
     }, [
         children
     ]);
-    const navigateToSubmenu = useCallback((id, title)=>{
+    const navigateToSubmenu = __rspack_external_react.useCallback((id, title)=>{
         setAnimationDirection("forward");
         setActiveSubmenu(id);
         setSubmenuTitle(title);
@@ -304,7 +310,7 @@ function DropDrawerContent({ className, children, ...props }) {
                 }
             ]);
     }, []);
-    const goBack = useCallback(()=>{
+    const goBack = __rspack_external_react.useCallback(()=>{
         setAnimationDirection("backward");
         if (submenuStack.length <= 1) {
             setActiveSubmenu(null);
@@ -329,22 +335,22 @@ function DropDrawerContent({ className, children, ...props }) {
     }, [
         submenuStack
     ]);
-    const registerSubmenuContent = useCallback((id, content)=>{
+    const registerSubmenuContent = __rspack_external_react.useCallback((id, content)=>{
         submenuContentRef.current.set(id, content);
     }, []);
-    const extractSubmenuContent = useCallback((elements, targetId)=>{
+    const extractSubmenuContent = __rspack_external_react.useCallback((elements, targetId)=>{
         const result = [];
         const findSubmenuContent = (node)=>{
-            if (!/*#__PURE__*/ isValidElement(node)) return;
+            if (!/*#__PURE__*/ __rspack_external_react.isValidElement(node)) return;
             const element = node;
             if (element.type === DropDrawerSub) {
                 const elementId = element.props.id;
                 const dataSubmenuId = element.props["data-submenu-id"];
                 if (elementId === targetId || dataSubmenuId === targetId) {
-                    if (element.props.children) Children.forEach(element.props.children, (child)=>{
-                        if (/*#__PURE__*/ isValidElement(child) && child.type === DropDrawerSubContent) {
+                    if (element.props.children) __rspack_external_react.Children.forEach(element.props.children, (child)=>{
+                        if (/*#__PURE__*/ __rspack_external_react.isValidElement(child) && child.type === DropDrawerSubContent) {
                             const subContentElement = child;
-                            Children.forEach(subContentElement.props.children, (contentChild)=>{
+                            __rspack_external_react.Children.forEach(subContentElement.props.children, (contentChild)=>{
                                 result.push(contentChild);
                             });
                         }
@@ -352,12 +358,12 @@ function DropDrawerContent({ className, children, ...props }) {
                     return;
                 }
             }
-            if (element.props.children) Children.forEach(element.props.children, findSubmenuContent);
+            if (element.props.children) __rspack_external_react.Children.forEach(element.props.children, findSubmenuContent);
         };
-        Children.forEach(elements, findSubmenuContent);
+        __rspack_external_react.Children.forEach(elements, findSubmenuContent);
         return result;
     }, []);
-    const getSubmenuContent = useCallback((id)=>{
+    const getSubmenuContent = __rspack_external_react.useCallback((id)=>{
         const cachedContent = submenuContentRef.current.get(id);
         if (cachedContent && cachedContent.length > 0) return cachedContent;
         const submenuContent = extractSubmenuContent(children, id);
@@ -405,7 +411,8 @@ function DropDrawerContent({ className, children, ...props }) {
             setSubmenuTitle,
             submenuTitle
         },
-        children: /*#__PURE__*/ jsx(DrawerContent, {
+        children: /*#__PURE__*/ jsx(dropdrawer_DrawerContent, {
+            ref: forwardedRef,
             "data-slot": "drop-drawer-content",
             className: cn(dropdrawer_module.mobileContent, className),
             ...props,
@@ -487,7 +494,8 @@ function DropDrawerContent({ className, children, ...props }) {
             setSubmenuTitle,
             submenuTitle
         },
-        children: /*#__PURE__*/ jsx(DropdownMenuContent, {
+        children: /*#__PURE__*/ jsx(dropdrawer_DropdownMenuContent, {
+            ref: forwardedRef,
             "data-slot": "drop-drawer-content",
             align: "end",
             sideOffset: 4,
@@ -496,10 +504,10 @@ function DropDrawerContent({ className, children, ...props }) {
             children: children
         })
     });
-}
+});
 function DropDrawerItem({ className, children, closeOnClick, disabled, icon, inset, onClick, onSelect, ...props }) {
     const { isMobile } = useDropDrawerContext();
-    const isInGroup = useCallback((element)=>{
+    const isInGroup = __rspack_external_react.useCallback((element)=>{
         if (!element) return false;
         let parent = element.parentElement;
         while(parent){
@@ -508,9 +516,9 @@ function DropDrawerItem({ className, children, closeOnClick, disabled, icon, ins
         }
         return false;
     }, []);
-    const itemRef = useRef(null);
-    const [isInsideGroup, setIsInsideGroup] = useState(false);
-    useEffect(()=>{
+    const itemRef = __rspack_external_react.useRef(null);
+    const [isInsideGroup, setIsInsideGroup] = __rspack_external_react.useState(false);
+    __rspack_external_react.useEffect(()=>{
         if (!isMobile) return;
         const timer = globalThis.window.setTimeout(()=>{
             if (itemRef.current) setIsInsideGroup(isInGroup(itemRef.current));
@@ -520,7 +528,7 @@ function DropDrawerItem({ className, children, closeOnClick, disabled, icon, ins
         isInGroup,
         isMobile
     ]);
-    const handleSelect = useCallback((event)=>{
+    const handleSelect = __rspack_external_react.useCallback((event)=>{
         if (!disabled) onSelect?.(event);
     }, [
         disabled,
@@ -638,10 +646,10 @@ function DropDrawerFooter({ className, children, ...props }) {
 }
 function DropDrawerGroup({ className, children, ...props }) {
     const { isMobile } = useDropDrawerContext();
-    const childrenWithSeparators = useMemo(()=>{
+    const childrenWithSeparators = __rspack_external_react.useMemo(()=>{
         if (!isMobile) return children;
-        const childArray = Children.toArray(children);
-        const filteredChildren = childArray.filter((child)=>!/*#__PURE__*/ (isValidElement(child) && child.type === DropDrawerSeparator));
+        const childArray = __rspack_external_react.Children.toArray(children);
+        const filteredChildren = childArray.filter((child)=>!/*#__PURE__*/ (__rspack_external_react.isValidElement(child) && child.type === DropDrawerSeparator));
         return filteredChildren.flatMap((child, index)=>{
             if (index === filteredChildren.length - 1) return [
                 child
@@ -675,16 +683,16 @@ function DropDrawerGroup({ className, children, ...props }) {
 }
 function DropDrawerSub({ children, id, ...props }) {
     const { isMobile } = useDropDrawerContext();
-    const { registerSubmenuContent } = useContext(SubmenuContext);
-    const generatedId = useId();
+    const { registerSubmenuContent } = __rspack_external_react.useContext(SubmenuContext);
+    const generatedId = __rspack_external_react.useId();
     const submenuId = id || generatedId;
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         if (!registerSubmenuContent) return;
         const contentItems = [];
-        Children.forEach(children, (child)=>{
-            if (/*#__PURE__*/ isValidElement(child) && child.type === DropDrawerSubContent) {
+        __rspack_external_react.Children.forEach(children, (child)=>{
+            if (/*#__PURE__*/ __rspack_external_react.isValidElement(child) && child.type === DropDrawerSubContent) {
                 const childElement = child;
-                Children.forEach(childElement.props.children, (contentChild)=>{
+                __rspack_external_react.Children.forEach(childElement.props.children, (contentChild)=>{
                     contentItems.push(contentChild);
                 });
             }
@@ -696,9 +704,9 @@ function DropDrawerSub({ children, id, ...props }) {
         submenuId
     ]);
     if (isMobile) {
-        const processedChildren = Children.map(children, (child)=>{
-            if (!/*#__PURE__*/ isValidElement(child)) return child;
-            if (child.type === DropDrawerSubTrigger || child.type === DropDrawerSubContent) return /*#__PURE__*/ cloneElement(child, {
+        const processedChildren = __rspack_external_react.Children.map(children, (child)=>{
+            if (!/*#__PURE__*/ __rspack_external_react.isValidElement(child)) return child;
+            if (child.type === DropDrawerSubTrigger || child.type === DropDrawerSubContent) return /*#__PURE__*/ __rspack_external_react.cloneElement(child, {
                 "data-parent-submenu": submenuId,
                 "data-parent-submenu-id": submenuId,
                 "data-submenu-id": submenuId
@@ -721,8 +729,8 @@ function DropDrawerSub({ children, id, ...props }) {
 }
 function DropDrawerSubTrigger({ className, inset, children, onClick, ...props }) {
     const { isMobile } = useDropDrawerContext();
-    const { navigateToSubmenu } = useContext(SubmenuContext);
-    const isInGroup = useCallback((element)=>{
+    const { navigateToSubmenu } = __rspack_external_react.useContext(SubmenuContext);
+    const isInGroup = __rspack_external_react.useCallback((element)=>{
         if (!element) return false;
         let parent = element.parentElement;
         while(parent){
@@ -731,9 +739,9 @@ function DropDrawerSubTrigger({ className, inset, children, onClick, ...props })
         }
         return false;
     }, []);
-    const itemRef = useRef(null);
-    const [isInsideGroup, setIsInsideGroup] = useState(false);
-    useEffect(()=>{
+    const itemRef = __rspack_external_react.useRef(null);
+    const [isInsideGroup, setIsInsideGroup] = __rspack_external_react.useState(false);
+    __rspack_external_react.useEffect(()=>{
         if (!isMobile) return;
         const timer = globalThis.window.setTimeout(()=>{
             if (itemRef.current) setIsInsideGroup(isInGroup(itemRef.current));
@@ -809,8 +817,8 @@ function DropDrawerSubContent({ className, sideOffset = 4, children, ...props })
     });
 }
 DropDrawer.displayName = "DropDrawer";
-DropDrawerTrigger.displayName = "DropDrawerTrigger";
-DropDrawerContent.displayName = "DropDrawerContent";
+dropdrawer_DropDrawerTrigger.displayName = "DropDrawerTrigger";
+dropdrawer_DropDrawerContent.displayName = "DropDrawerContent";
 DropDrawerItem.displayName = "DropDrawerItem";
 DropDrawerSeparator.displayName = "DropDrawerSeparator";
 DropDrawerLabel.displayName = "DropDrawerLabel";
@@ -819,6 +827,6 @@ DropDrawerGroup.displayName = "DropDrawerGroup";
 DropDrawerSub.displayName = "DropDrawerSub";
 DropDrawerSubTrigger.displayName = "DropDrawerSubTrigger";
 DropDrawerSubContent.displayName = "DropDrawerSubContent";
-export { DropDrawer, DropDrawerContent, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, DropDrawerTrigger };
+export { DropDrawer, DropDrawerFooter, DropDrawerGroup, DropDrawerItem, DropDrawerLabel, DropDrawerSeparator, DropDrawerSub, DropDrawerSubContent, DropDrawerSubTrigger, dropdrawer_DropDrawerContent as DropDrawerContent, dropdrawer_DropDrawerTrigger as DropDrawerTrigger };
 
 //# sourceMappingURL=dropdrawer.js.map