@spark-ui/components 18.1.0 → 18.1.2

package/dist/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/menu/Menu.tsx","../../src/menu/MenuItemStyles.tsx","../../src/menu/useRenderSlot.tsx","../../src/menu/MenuCheckboxItem.tsx","../../src/menu/MenuGroup.tsx","../../src/menu/MenuGroupLabel.tsx","../../src/menu/MenuItem.tsx","../../src/menu/MenuLinkItem.tsx","../../src/menu/MenuPopup.tsx","../../src/menu/MenuPortal.tsx","../../src/menu/MenuSubmenuContext.tsx","../../src/menu/MenuPositioner.tsx","../../src/menu/MenuRadioGroup.tsx","../../src/menu/MenuRadioItem.tsx","../../src/menu/MenuSeparator.tsx","../../src/menu/MenuSubmenu.tsx","../../src/menu/MenuSubmenuTrigger.tsx","../../src/menu/MenuTrigger.tsx","../../src/menu/index.ts"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps, type ReactNode } from 'react'\n\nexport interface MenuProps extends Omit<ComponentProps<typeof BaseMenu.Root>, 'children'> {\n  /**\n   * The content of the menu (trigger, portal, etc.)\n   */\n  children: ReactNode\n}\n\n/**\n * Root container for menu state and styling context.\n */\nexport const Menu = ({ children, ...rest }: MenuProps) => {\n  return (\n    <BaseMenu.Root data-spark-component=\"menu\" {...rest}>\n      {children}\n    </BaseMenu.Root>\n  )\n}\n\nMenu.displayName = 'Menu'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nexport const menuItemStyles = cva(\n  [\n    'gap-md flex w-full cursor-pointer items-center justify-start',\n    'text-left text-body-1',\n    'transition-colors duration-100',\n    'outline-none',\n    'focus-visible:u-outline focus-visible:-outline-offset-2',\n    'data-disabled:cursor-not-allowed data-disabled:opacity-dim-3',\n    'min-h-sz-44',\n    'px-lg py-md',\n    'data-highlighted:bg-surface-hovered',\n    'data-popup-open:bg-surface-hovered',\n  ],\n  {\n    variants: {\n      intent: makeVariants<\n        'intent',\n        ['surface', 'main', 'support', 'accent', 'success', 'alert', 'danger', 'info', 'neutral']\n      >({\n        surface: ['text-on-surface'],\n        main: ['text-on-surface'],\n        support: ['text-on-surface'],\n        accent: ['text-on-surface'],\n        success: ['text-on-surface'],\n        alert: ['text-on-surface'],\n        danger: ['text-on-surface'],\n        info: ['text-on-surface'],\n        neutral: ['text-on-surface'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'surface',\n    },\n  }\n)\n\nexport type MenuItemStylesProps = VariantProps<typeof menuItemStyles>\n","import { Slot } from '../slot'\n\nexport function useRenderSlot(asChild: boolean) {\n  return asChild ? ({ ...props }: object) => <Slot {...props} /> : undefined\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { Check } from '@spark-ui/icons/Check'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuCheckboxItemProps extends Omit<\n  ComponentProps<typeof BaseMenu.CheckboxItem>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item with checkbox functionality.\n * Can be toggled on and off, allowing multiple selections.\n * The checkbox indicator is automatically rendered on the left side.\n */\nexport const MenuCheckboxItem = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuCheckboxItemProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.CheckboxItem\n      ref={ref}\n      data-spark-component=\"menu-checkbox-item\"\n      render={renderSlot}\n      className={cx(\n        menuItemStyles({\n          className,\n        }),\n        'data-checked:font-bold'\n      )}\n      {...rest}\n    >\n      <BaseMenu.CheckboxItemIndicator\n        keepMounted\n        className={cx(\n          'mr-md flex shrink-0 items-center justify-center',\n          'w-sz-16 h-sz-16',\n          'transition-opacity',\n          'data-checked:opacity-100',\n          'opacity-0'\n        )}\n      >\n        <Icon size=\"sm\" intent=\"current\">\n          <Check />\n        </Icon>\n      </BaseMenu.CheckboxItemIndicator>\n      {children}\n    </BaseMenu.CheckboxItem>\n  )\n}\n\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuGroupProps extends ComponentProps<typeof BaseMenu.Group> {}\n\n/**\n * A container for grouping related menu items together.\n * Works with Menu.GroupLabel for semantic grouping.\n */\nexport const MenuGroup = ({ children, className, ...rest }: MenuGroupProps) => {\n  return (\n    <BaseMenu.Group data-spark-component=\"menu-group\" className={cx('py-sm', className)} {...rest}>\n      {children}\n    </BaseMenu.Group>\n  )\n}\n\nMenuGroup.displayName = 'Menu.Group'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuGroupLabelProps extends Omit<\n  ComponentProps<typeof BaseMenu.GroupLabel>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A label for a group of menu items.\n * Provides semantic context and visual separation for grouped items.\n */\nexport const MenuGroupLabel = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuGroupLabelProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.GroupLabel\n      ref={ref}\n      data-spark-component=\"menu-group-label\"\n      render={renderSlot}\n      className={cx('text-on-surface/dim-1 text-body-2 font-bold', 'px-lg py-sm', className)}\n      {...rest}\n    >\n      {children}\n    </BaseMenu.GroupLabel>\n  )\n}\n\nMenuGroupLabel.displayName = 'Menu.GroupLabel'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { menuItemStyles } from './MenuItemStyles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuItemProps extends Omit<ComponentProps<typeof BaseMenu.Item>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item that triggers an action when activated.\n * Renders a clickable menu option with keyboard support.\n */\nexport const MenuItem = ({ asChild = false, children, className, ref, ...rest }: MenuItemProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.Item\n      ref={ref}\n      data-spark-component=\"menu-item\"\n      render={renderSlot}\n      className={menuItemStyles({\n        className,\n      })}\n      {...rest}\n    >\n      {children}\n    </BaseMenu.Item>\n  )\n}\n\nMenuItem.displayName = 'Menu.Item'\n","import { Link } from '@spark-ui/icons/Link'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { MenuItem } from './MenuItem'\n\nexport interface MenuLinkItemProps extends Omit<\n  ComponentPropsWithoutRef<typeof MenuItem>,\n  'asChild'\n> {\n  /**\n   * The URL to navigate to.\n   */\n  href: string\n  /**\n   * Where to display the linked URL.\n   * @default undefined\n   */\n  target?: string\n  /**\n   * The relationship between the current document and the linked document.\n   * @default undefined\n   */\n  rel?: string\n}\n\n/**\n * A menu item that acts as a link.\n * Navigates to a URL when activated, useful for navigation menus.\n * Use with Next.js Link or React Router Link via the children prop.\n */\nexport const MenuLinkItem = ({ children, href, target, rel, ...rest }: MenuLinkItemProps) => {\n  return (\n    <MenuItem asChild {...rest}>\n      <a href={href} target={target} rel={rel}>\n        <Icon size=\"sm\" intent=\"current\" className=\"ml-auto shrink-0\">\n          <Link />\n        </Icon>\n        <span className=\"flex-1\">{children}</span>\n      </a>\n    </MenuItem>\n  )\n}\n\nMenuLinkItem.displayName = 'Menu.LinkItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuPopupProps extends Omit<ComponentProps<typeof BaseMenu.Popup>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * The scrollable menu container that holds menu items.\n * Serves as the viewport for menu content with overflow handling.\n */\nexport const MenuPopup = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuPopupProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.Popup\n      ref={ref}\n      data-spark-component=\"menu-popup\"\n      render={renderSlot}\n      className={cx(\n        [\n          'rounded-md bg-surface shadow-lg min-w-sz-192',\n          'p-sm',\n          'overflow-auto',\n          'z-popover',\n          'data-starting-style:opacity-0',\n          'data-ending-style:opacity-0',\n          'opacity-100',\n          'transition-opacity duration-200',\n        ],\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </BaseMenu.Popup>\n  )\n}\n\nMenuPopup.displayName = 'Menu.Popup'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuPortalProps extends ComponentProps<typeof BaseMenu.Portal> {}\n\n/**\n * Portal wrapper that renders the menu in a different part of the DOM tree.\n * Useful for avoiding z-index and overflow issues.\n */\nexport const MenuPortal = ({ children, ...rest }: MenuPortalProps) => {\n  return <BaseMenu.Portal {...rest}>{children}</BaseMenu.Portal>\n}\n\nMenuPortal.displayName = 'Menu.Portal'\n","import { createContext, useContext } from 'react'\n\n/**\n * Context to track if we're inside a submenu\n */\nexport const MenuSubmenuContext = createContext<boolean>(false)\n\n/**\n * Hook to check if the current menu is a submenu\n */\nexport const useIsSubmenu = () => {\n  return useContext(MenuSubmenuContext)\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps } from 'react'\n\nimport { useIsSubmenu } from './MenuSubmenuContext'\n\nexport interface MenuPositionerProps extends ComponentProps<typeof BaseMenu.Positioner> {}\n\n/**\n * Positioning wrapper for the menu with collision detection.\n * Handles menu placement relative to the trigger and viewport boundaries.\n */\nexport const MenuPositioner = ({ children, sideOffset, ...rest }: MenuPositionerProps) => {\n  const isSubmenu = useIsSubmenu()\n\n  // Apply sideOffset of 8 for root menu, 0 for submenus (unless explicitly overridden)\n  const defaultSideOffset = isSubmenu ? 0 : 8\n  const finalSideOffset = sideOffset ?? defaultSideOffset\n\n  return (\n    <BaseMenu.Positioner sideOffset={finalSideOffset} {...rest}>\n      {children}\n    </BaseMenu.Positioner>\n  )\n}\n\nMenuPositioner.displayName = 'Menu.Positioner'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuRadioGroupProps extends ComponentProps<typeof BaseMenu.RadioGroup> {}\n\n/**\n * A container for radio menu items where only one item can be selected at a time.\n * Manages the selection state for its radio items.\n */\nexport const MenuRadioGroup = ({ children, className, ...rest }: MenuRadioGroupProps) => {\n  return (\n    <BaseMenu.RadioGroup\n      data-spark-component=\"menu-radio-group\"\n      className={cx('py-sm', className)}\n      {...rest}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  )\n}\n\nMenuRadioGroup.displayName = 'Menu.RadioGroup'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { Check } from '@spark-ui/icons/Check'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuRadioItemProps extends Omit<\n  ComponentProps<typeof BaseMenu.RadioItem>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item with radio button functionality.\n * Only one radio item can be selected within its RadioGroup.\n * The radio indicator is automatically rendered on the left side.\n */\nexport const MenuRadioItem = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuRadioItemProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.RadioItem\n      ref={ref}\n      data-spark-component=\"menu-radio-item\"\n      render={renderSlot}\n      className={cx(\n        menuItemStyles({\n          className,\n        }),\n        'data-checked:font-bold'\n      )}\n      {...rest}\n    >\n      <BaseMenu.RadioItemIndicator\n        keepMounted\n        className={cx(\n          'mr-md flex shrink-0 items-center justify-center',\n          'w-sz-16 h-sz-16',\n          'transition-opacity',\n          'data-checked:opacity-100',\n          'opacity-0'\n        )}\n      >\n        <Icon size=\"sm\" intent=\"current\">\n          <Check />\n        </Icon>\n      </BaseMenu.RadioItemIndicator>\n      {children}\n    </BaseMenu.RadioItem>\n  )\n}\n\nMenuRadioItem.displayName = 'Menu.RadioItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuSeparatorProps extends ComponentProps<typeof BaseMenu.Separator> {}\n\n/**\n * A visual divider between menu items or groups.\n * Creates clear separation between different sections of the menu.\n */\nexport const MenuSeparator = ({ className, ...rest }: MenuSeparatorProps) => {\n  return (\n    <BaseMenu.Separator\n      data-spark-component=\"menu-separator\"\n      className={cx('my-sm h-px bg-outline/dim-2', className)}\n      {...rest}\n    />\n  )\n}\n\nMenuSeparator.displayName = 'Menu.Separator'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps, type ReactNode } from 'react'\n\nimport { MenuSubmenuContext } from './MenuSubmenuContext'\n\nexport interface MenuSubmenuProps extends Omit<\n  ComponentProps<typeof BaseMenu.SubmenuRoot>,\n  'children'\n> {\n  /**\n   * The content of the submenu (trigger, positioner, popup, etc.)\n   */\n  children: ReactNode\n}\n\n/**\n * A nested submenu that appears when its trigger is activated.\n * Inherits styling context from the parent menu.\n */\nexport const MenuSubmenu = ({ children, ...rest }: MenuSubmenuProps) => {\n  return (\n    <BaseMenu.SubmenuRoot data-spark-component=\"menu-submenu\" {...rest}>\n      <MenuSubmenuContext value={true}>{children}</MenuSubmenuContext>\n    </BaseMenu.SubmenuRoot>\n  )\n}\n\nMenuSubmenu.displayName = 'Menu.Submenu'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuSubmenuTriggerProps extends Omit<\n  ComponentProps<typeof BaseMenu.SubmenuTrigger>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item that opens a submenu when activated.\n * Displays an arrow indicator to show submenu availability.\n */\nexport const MenuSubmenuTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuSubmenuTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  return (\n    <BaseMenu.SubmenuTrigger\n      ref={ref}\n      data-spark-component=\"menu-submenu-trigger\"\n      render={renderSlot}\n      className={menuItemStyles({\n        className,\n      })}\n      {...rest}\n    >\n      <span className=\"flex-1\">{children}</span>\n      <Icon size=\"sm\" intent=\"current\" className=\"ml-auto shrink-0\">\n        <ArrowVerticalRight />\n      </Icon>\n    </BaseMenu.SubmenuTrigger>\n  )\n}\n\nMenuSubmenuTrigger.displayName = 'Menu.SubmenuTrigger'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { cx } from 'class-variance-authority'\nimport {\n  cloneElement,\n  isValidElement,\n  type ComponentProps,\n  type ReactElement,\n  type Ref,\n} from 'react'\n\nimport { Icon } from '../icon'\nimport { useRenderSlot } from './useRenderSlot'\n\nexport interface MenuTriggerProps extends Omit<ComponentProps<typeof BaseMenu.Trigger>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\n/**\n * The button that toggles the menu.\n * Renders a <button> element by default, or uses asChild for custom elements.\n * When used with asChild and a Button component, automatically adds an ArrowHorizontalDown icon.\n * Button components should use design=\"outlined\" and intent=\"support\".\n */\nexport const MenuTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuTriggerProps) => {\n  const renderSlot = useRenderSlot(asChild)\n\n  // When asChild is used with a Button, enhance it with the arrow icon\n  const enhancedChildren =\n    asChild && isValidElement(children)\n      ? cloneElement(\n          children as ReactElement,\n          {\n            design: (children.props as { design?: string }).design ?? 'outlined',\n            intent: (children.props as { intent?: string }).intent ?? 'support',\n            children: (\n              <>\n                {(children.props as { children: React.ReactNode }).children}\n                <Icon size=\"sm\" intent=\"current\" className=\"shrink-0\">\n                  <ArrowHorizontalDown />\n                </Icon>\n              </>\n            ),\n          } as Partial<unknown>\n        )\n      : children\n\n  return (\n    <BaseMenu.Trigger\n      ref={ref}\n      data-spark-component=\"menu-trigger\"\n      render={renderSlot}\n      className={cx(\n        'inline-flex items-center justify-center',\n        'focus-visible:u-outline',\n        className\n      )}\n      {...rest}\n    >\n      {enhancedChildren}\n    </BaseMenu.Trigger>\n  )\n}\n\nMenuTrigger.displayName = 'Menu.Trigger'\n","import { Menu as Root } from './Menu'\nimport { MenuCheckboxItem } from './MenuCheckboxItem'\nimport { MenuGroup } from './MenuGroup'\nimport { MenuGroupLabel } from './MenuGroupLabel'\nimport { MenuItem } from './MenuItem'\nimport { MenuLinkItem } from './MenuLinkItem'\nimport { MenuPopup } from './MenuPopup'\nimport { MenuPortal } from './MenuPortal'\nimport { MenuPositioner } from './MenuPositioner'\nimport { MenuRadioGroup } from './MenuRadioGroup'\nimport { MenuRadioItem } from './MenuRadioItem'\nimport { MenuSeparator } from './MenuSeparator'\nimport { MenuSubmenu } from './MenuSubmenu'\nimport { MenuSubmenuTrigger } from './MenuSubmenuTrigger'\nimport { MenuTrigger } from './MenuTrigger'\n\n/**\n * A menu component that enables users to select options from a dropdown menu triggered by a button or other interactive element.\n */\nexport const Menu: typeof Root & {\n  Trigger: typeof MenuTrigger\n  Portal: typeof MenuPortal\n  Positioner: typeof MenuPositioner\n  Popup: typeof MenuPopup\n  Item: typeof MenuItem\n  LinkItem: typeof MenuLinkItem\n  Submenu: typeof MenuSubmenu\n  SubmenuTrigger: typeof MenuSubmenuTrigger\n  Group: typeof MenuGroup\n  GroupLabel: typeof MenuGroupLabel\n  RadioGroup: typeof MenuRadioGroup\n  RadioItem: typeof MenuRadioItem\n  CheckboxItem: typeof MenuCheckboxItem\n  Separator: typeof MenuSeparator\n} = Object.assign(Root, {\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  CheckboxItem: MenuCheckboxItem,\n  Separator: MenuSeparator,\n})\n\nMenu.displayName = 'Menu'\nMenuTrigger.displayName = 'Menu.Trigger'\nMenuPortal.displayName = 'Menu.Portal'\nMenuPositioner.displayName = 'Menu.Positioner'\nMenuPopup.displayName = 'Menu.Popup'\nMenuItem.displayName = 'Menu.Item'\nMenuLinkItem.displayName = 'Menu.LinkItem'\nMenuSubmenu.displayName = 'Menu.Submenu'\nMenuSubmenuTrigger.displayName = 'Menu.SubmenuTrigger'\nMenuGroup.displayName = 'Menu.Group'\nMenuGroupLabel.displayName = 'Menu.GroupLabel'\nMenuRadioGroup.displayName = 'Menu.RadioGroup'\nMenuRadioItem.displayName = 'Menu.RadioItem'\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem'\nMenuSeparator.displayName = 'Menu.Separator'\n\nexport { type MenuProps } from './Menu'\nexport { type MenuTriggerProps } from './MenuTrigger'\nexport { type MenuPortalProps } from './MenuPortal'\nexport { type MenuPositionerProps } from './MenuPositioner'\nexport { type MenuPopupProps } from './MenuPopup'\nexport { type MenuItemProps } from './MenuItem'\nexport { type MenuLinkItemProps } from './MenuLinkItem'\nexport { type MenuSubmenuProps } from './MenuSubmenu'\nexport { type MenuSubmenuTriggerProps } from './MenuSubmenuTrigger'\nexport { type MenuGroupProps } from './MenuGroup'\nexport { type MenuGroupLabelProps } from './MenuGroupLabel'\nexport { type MenuRadioGroupProps } from './MenuRadioGroup'\nexport { type MenuRadioItemProps } from './MenuRadioItem'\nexport { type MenuCheckboxItemProps } from './MenuCheckboxItem'\nexport { type MenuSeparatorProps } from './MenuSeparator'\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/menu/Menu.tsx","../../src/menu/MenuItemStyles.tsx","../../src/menu/MenuCheckboxItem.tsx","../../src/menu/MenuGroup.tsx","../../src/menu/MenuGroupLabel.tsx","../../src/menu/MenuItem.tsx","../../src/menu/MenuLinkItem.tsx","../../src/menu/MenuPopup.tsx","../../src/menu/MenuPortal.tsx","../../src/menu/MenuSubmenuContext.tsx","../../src/menu/MenuPositioner.tsx","../../src/menu/MenuRadioGroup.tsx","../../src/menu/MenuRadioItem.tsx","../../src/menu/MenuSeparator.tsx","../../src/menu/MenuSubmenu.tsx","../../src/menu/MenuSubmenuTrigger.tsx","../../src/menu/MenuTrigger.tsx","../../src/menu/index.ts"],"sourcesContent":["import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps, type ReactNode } from 'react'\n\nexport interface MenuProps extends Omit<ComponentProps<typeof BaseMenu.Root>, 'children'> {\n  /**\n   * The content of the menu (trigger, portal, etc.)\n   */\n  children: ReactNode\n}\n\n/**\n * Root container for menu state and styling context.\n */\nexport const Menu = ({ children, ...rest }: MenuProps) => {\n  return (\n    <BaseMenu.Root data-spark-component=\"menu\" {...rest}>\n      {children}\n    </BaseMenu.Root>\n  )\n}\n\nMenu.displayName = 'Menu'\n","import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nexport const menuItemStyles = cva(\n  [\n    'gap-md flex w-full cursor-pointer items-center justify-start',\n    'text-left text-body-1',\n    'transition-colors duration-100',\n    'outline-none',\n    'focus-visible:u-outline focus-visible:-outline-offset-2',\n    'data-disabled:cursor-not-allowed data-disabled:opacity-dim-3',\n    'min-h-sz-44',\n    'px-lg py-md',\n    'data-highlighted:bg-surface-hovered',\n    'data-popup-open:bg-surface-hovered',\n  ],\n  {\n    variants: {\n      intent: makeVariants<\n        'intent',\n        ['surface', 'main', 'support', 'accent', 'success', 'alert', 'danger', 'info', 'neutral']\n      >({\n        surface: ['text-on-surface'],\n        main: ['text-on-surface'],\n        support: ['text-on-surface'],\n        accent: ['text-on-surface'],\n        success: ['text-on-surface'],\n        alert: ['text-on-surface'],\n        danger: ['text-on-surface'],\n        info: ['text-on-surface'],\n        neutral: ['text-on-surface'],\n      }),\n    },\n    defaultVariants: {\n      intent: 'surface',\n    },\n  }\n)\n\nexport type MenuItemStylesProps = VariantProps<typeof menuItemStyles>\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { Check } from '@spark-ui/icons/Check'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\n\nexport interface MenuCheckboxItemProps extends Omit<\n  ComponentProps<typeof BaseMenu.CheckboxItem>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item with checkbox functionality.\n * Can be toggled on and off, allowing multiple selections.\n * The checkbox indicator is automatically rendered on the left side.\n */\nexport const MenuCheckboxItem = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuCheckboxItemProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.CheckboxItem\n      ref={ref}\n      data-spark-component=\"menu-checkbox-item\"\n      render={renderProp}\n      className={cx(\n        menuItemStyles({\n          className,\n        }),\n        'data-checked:font-bold'\n      )}\n      {...rest}\n    >\n      <BaseMenu.CheckboxItemIndicator\n        keepMounted\n        className={cx(\n          'mr-md flex shrink-0 items-center justify-center',\n          'w-sz-16 h-sz-16',\n          'transition-opacity',\n          'data-checked:opacity-100',\n          'opacity-0'\n        )}\n      >\n        <Icon size=\"sm\" intent=\"current\">\n          <Check />\n        </Icon>\n      </BaseMenu.CheckboxItemIndicator>\n      {innerChildren}\n    </BaseMenu.CheckboxItem>\n  )\n}\n\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuGroupProps extends ComponentProps<typeof BaseMenu.Group> {}\n\n/**\n * A container for grouping related menu items together.\n * Works with Menu.GroupLabel for semantic grouping.\n */\nexport const MenuGroup = ({ children, className, ...rest }: MenuGroupProps) => {\n  return (\n    <BaseMenu.Group data-spark-component=\"menu-group\" className={cx('py-sm', className)} {...rest}>\n      {children}\n    </BaseMenu.Group>\n  )\n}\n\nMenuGroup.displayName = 'Menu.Group'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nexport interface MenuGroupLabelProps extends Omit<\n  ComponentProps<typeof BaseMenu.GroupLabel>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A label for a group of menu items.\n * Provides semantic context and visual separation for grouped items.\n */\nexport const MenuGroupLabel = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuGroupLabelProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.GroupLabel\n      ref={ref}\n      data-spark-component=\"menu-group-label\"\n      render={renderProp}\n      className={cx('text-on-surface/dim-1 text-body-2 font-bold', 'px-lg py-sm', className)}\n      {...rest}\n    >\n      {innerChildren}\n    </BaseMenu.GroupLabel>\n  )\n}\n\nMenuGroupLabel.displayName = 'Menu.GroupLabel'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { menuItemStyles } from './MenuItemStyles'\n\nexport interface MenuItemProps extends Omit<ComponentProps<typeof BaseMenu.Item>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item that triggers an action when activated.\n * Renders a clickable menu option with keyboard support.\n */\nexport const MenuItem = ({ asChild = false, children, className, ref, ...rest }: MenuItemProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.Item\n      ref={ref}\n      data-spark-component=\"menu-item\"\n      render={renderProp}\n      className={menuItemStyles({\n        className,\n      })}\n      {...rest}\n    >\n      {innerChildren}\n    </BaseMenu.Item>\n  )\n}\n\nMenuItem.displayName = 'Menu.Item'\n","import { Link } from '@spark-ui/icons/Link'\nimport { type ComponentPropsWithoutRef } from 'react'\n\nimport { Icon } from '../icon'\nimport { MenuItem } from './MenuItem'\n\nexport interface MenuLinkItemProps extends Omit<\n  ComponentPropsWithoutRef<typeof MenuItem>,\n  'asChild'\n> {\n  /**\n   * The URL to navigate to.\n   */\n  href: string\n  /**\n   * Where to display the linked URL.\n   * @default undefined\n   */\n  target?: string\n  /**\n   * The relationship between the current document and the linked document.\n   * @default undefined\n   */\n  rel?: string\n}\n\n/**\n * A menu item that acts as a link.\n * Navigates to a URL when activated, useful for navigation menus.\n * Use with Next.js Link or React Router Link via the children prop.\n */\nexport const MenuLinkItem = ({ children, href, target, rel, ...rest }: MenuLinkItemProps) => {\n  return (\n    <MenuItem asChild {...rest}>\n      <a href={href} target={target} rel={rel}>\n        <Icon size=\"sm\" intent=\"current\" className=\"ml-auto shrink-0\">\n          <Link />\n        </Icon>\n        <span className=\"flex-1\">{children}</span>\n      </a>\n    </MenuItem>\n  )\n}\n\nMenuLinkItem.displayName = 'Menu.LinkItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nexport interface MenuPopupProps extends Omit<ComponentProps<typeof BaseMenu.Popup>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * The scrollable menu container that holds menu items.\n * Serves as the viewport for menu content with overflow handling.\n */\nexport const MenuPopup = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuPopupProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.Popup\n      ref={ref}\n      data-spark-component=\"menu-popup\"\n      render={renderProp}\n      className={cx(\n        [\n          'rounded-md bg-surface shadow-lg min-w-sz-192',\n          'p-sm',\n          'overflow-auto',\n          'z-popover',\n          'data-starting-style:opacity-0',\n          'data-ending-style:opacity-0',\n          'opacity-100',\n          'transition-opacity duration-200',\n        ],\n        className\n      )}\n      {...rest}\n    >\n      {innerChildren}\n    </BaseMenu.Popup>\n  )\n}\n\nMenuPopup.displayName = 'Menu.Popup'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuPortalProps extends ComponentProps<typeof BaseMenu.Portal> {}\n\n/**\n * Portal wrapper that renders the menu in a different part of the DOM tree.\n * Useful for avoiding z-index and overflow issues.\n */\nexport const MenuPortal = ({ children, ...rest }: MenuPortalProps) => {\n  return <BaseMenu.Portal {...rest}>{children}</BaseMenu.Portal>\n}\n\nMenuPortal.displayName = 'Menu.Portal'\n","import { createContext, useContext } from 'react'\n\n/**\n * Context to track if we're inside a submenu\n */\nexport const MenuSubmenuContext = createContext<boolean>(false)\n\n/**\n * Hook to check if the current menu is a submenu\n */\nexport const useIsSubmenu = () => {\n  return useContext(MenuSubmenuContext)\n}\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps } from 'react'\n\nimport { useIsSubmenu } from './MenuSubmenuContext'\n\nexport interface MenuPositionerProps extends ComponentProps<typeof BaseMenu.Positioner> {}\n\n/**\n * Positioning wrapper for the menu with collision detection.\n * Handles menu placement relative to the trigger and viewport boundaries.\n */\nexport const MenuPositioner = ({ children, sideOffset, ...rest }: MenuPositionerProps) => {\n  const isSubmenu = useIsSubmenu()\n\n  // Apply sideOffset of 8 for root menu, 0 for submenus (unless explicitly overridden)\n  const defaultSideOffset = isSubmenu ? 0 : 8\n  const finalSideOffset = sideOffset ?? defaultSideOffset\n\n  return (\n    <BaseMenu.Positioner sideOffset={finalSideOffset} {...rest}>\n      {children}\n    </BaseMenu.Positioner>\n  )\n}\n\nMenuPositioner.displayName = 'Menu.Positioner'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuRadioGroupProps extends ComponentProps<typeof BaseMenu.RadioGroup> {}\n\n/**\n * A container for radio menu items where only one item can be selected at a time.\n * Manages the selection state for its radio items.\n */\nexport const MenuRadioGroup = ({ children, className, ...rest }: MenuRadioGroupProps) => {\n  return (\n    <BaseMenu.RadioGroup\n      data-spark-component=\"menu-radio-group\"\n      className={cx('py-sm', className)}\n      {...rest}\n    >\n      {children}\n    </BaseMenu.RadioGroup>\n  )\n}\n\nMenuRadioGroup.displayName = 'Menu.RadioGroup'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { Check } from '@spark-ui/icons/Check'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\n\nexport interface MenuRadioItemProps extends Omit<\n  ComponentProps<typeof BaseMenu.RadioItem>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item with radio button functionality.\n * Only one radio item can be selected within its RadioGroup.\n * The radio indicator is automatically rendered on the left side.\n */\nexport const MenuRadioItem = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuRadioItemProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.RadioItem\n      ref={ref}\n      data-spark-component=\"menu-radio-item\"\n      render={renderProp}\n      className={cx(\n        menuItemStyles({\n          className,\n        }),\n        'data-checked:font-bold'\n      )}\n      {...rest}\n    >\n      <BaseMenu.RadioItemIndicator\n        keepMounted\n        className={cx(\n          'mr-md flex shrink-0 items-center justify-center',\n          'w-sz-16 h-sz-16',\n          'transition-opacity',\n          'data-checked:opacity-100',\n          'opacity-0'\n        )}\n      >\n        <Icon size=\"sm\" intent=\"current\">\n          <Check />\n        </Icon>\n      </BaseMenu.RadioItemIndicator>\n      {innerChildren}\n    </BaseMenu.RadioItem>\n  )\n}\n\nMenuRadioItem.displayName = 'Menu.RadioItem'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { cx } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport interface MenuSeparatorProps extends ComponentProps<typeof BaseMenu.Separator> {}\n\n/**\n * A visual divider between menu items or groups.\n * Creates clear separation between different sections of the menu.\n */\nexport const MenuSeparator = ({ className, ...rest }: MenuSeparatorProps) => {\n  return (\n    <BaseMenu.Separator\n      data-spark-component=\"menu-separator\"\n      className={cx('my-sm h-px bg-outline/dim-2', className)}\n      {...rest}\n    />\n  )\n}\n\nMenuSeparator.displayName = 'Menu.Separator'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { type ComponentProps, type ReactNode } from 'react'\n\nimport { MenuSubmenuContext } from './MenuSubmenuContext'\n\nexport interface MenuSubmenuProps extends Omit<\n  ComponentProps<typeof BaseMenu.SubmenuRoot>,\n  'children'\n> {\n  /**\n   * The content of the submenu (trigger, positioner, popup, etc.)\n   */\n  children: ReactNode\n}\n\n/**\n * A nested submenu that appears when its trigger is activated.\n * Inherits styling context from the parent menu.\n */\nexport const MenuSubmenu = ({ children, ...rest }: MenuSubmenuProps) => {\n  return (\n    <BaseMenu.SubmenuRoot data-spark-component=\"menu-submenu\" {...rest}>\n      <MenuSubmenuContext value={true}>{children}</MenuSubmenuContext>\n    </BaseMenu.SubmenuRoot>\n  )\n}\n\nMenuSubmenu.displayName = 'Menu.Submenu'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { ArrowVerticalRight } from '@spark-ui/icons/ArrowVerticalRight'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { type ComponentProps, type Ref } from 'react'\n\nimport { Icon } from '../icon'\nimport { menuItemStyles } from './MenuItemStyles'\n\nexport interface MenuSubmenuTriggerProps extends Omit<\n  ComponentProps<typeof BaseMenu.SubmenuTrigger>,\n  'render'\n> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLDivElement>\n}\n\n/**\n * A menu item that opens a submenu when activated.\n * Displays an arrow indicator to show submenu availability.\n */\nexport const MenuSubmenuTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuSubmenuTriggerProps) => {\n  const { renderProp, innerChildren } = createRenderSlot(asChild, children)\n\n  return (\n    <BaseMenu.SubmenuTrigger\n      ref={ref}\n      data-spark-component=\"menu-submenu-trigger\"\n      render={renderProp}\n      className={menuItemStyles({\n        className,\n      })}\n      {...rest}\n    >\n      <span className=\"flex-1\">{innerChildren}</span>\n      <Icon size=\"sm\" intent=\"current\" className=\"ml-auto shrink-0\">\n        <ArrowVerticalRight />\n      </Icon>\n    </BaseMenu.SubmenuTrigger>\n  )\n}\n\nMenuSubmenuTrigger.displayName = 'Menu.SubmenuTrigger'\n","import { Menu as BaseMenu } from '@base-ui/react/menu'\nimport { ArrowHorizontalDown } from '@spark-ui/icons/ArrowHorizontalDown'\nimport { createRenderSlot } from '@spark-ui/internal-utils'\nimport { cx } from 'class-variance-authority'\nimport {\n  cloneElement,\n  isValidElement,\n  type ComponentProps,\n  type ReactElement,\n  type Ref,\n} from 'react'\n\nimport { Icon } from '../icon'\n\nexport interface MenuTriggerProps extends Omit<ComponentProps<typeof BaseMenu.Trigger>, 'render'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.\n   * @default false\n   */\n  asChild?: boolean\n  ref?: Ref<HTMLButtonElement>\n}\n\n/**\n * The button that toggles the menu.\n * Renders a <button> element by default, or uses asChild for custom elements.\n * When used with asChild and a Button component, automatically adds an ArrowHorizontalDown icon.\n * Button components should use design=\"outlined\" and intent=\"support\".\n */\nexport const MenuTrigger = ({\n  asChild = false,\n  children,\n  className,\n  ref,\n  ...rest\n}: MenuTriggerProps) => {\n  // When asChild is used with a Button, enhance it with the arrow icon\n  const enhancedChildren =\n    asChild && isValidElement(children)\n      ? cloneElement(\n          children as ReactElement,\n          {\n            design: (children.props as { design?: string }).design ?? 'outlined',\n            intent: (children.props as { intent?: string }).intent ?? 'support',\n            children: (\n              <>\n                {(children.props as { children: React.ReactNode }).children}\n                <Icon size=\"sm\" intent=\"current\" className=\"shrink-0\">\n                  <ArrowHorizontalDown />\n                </Icon>\n              </>\n            ),\n          } as Partial<unknown>\n        )\n      : children\n\n  const { renderProp, innerChildren } = createRenderSlot(asChild, enhancedChildren)\n\n  return (\n    <BaseMenu.Trigger\n      ref={ref}\n      data-spark-component=\"menu-trigger\"\n      render={renderProp}\n      className={cx(\n        'inline-flex items-center justify-center',\n        'focus-visible:u-outline',\n        className\n      )}\n      {...rest}\n    >\n      {innerChildren}\n    </BaseMenu.Trigger>\n  )\n}\n\nMenuTrigger.displayName = 'Menu.Trigger'\n","import { Menu as Root } from './Menu'\nimport { MenuCheckboxItem } from './MenuCheckboxItem'\nimport { MenuGroup } from './MenuGroup'\nimport { MenuGroupLabel } from './MenuGroupLabel'\nimport { MenuItem } from './MenuItem'\nimport { MenuLinkItem } from './MenuLinkItem'\nimport { MenuPopup } from './MenuPopup'\nimport { MenuPortal } from './MenuPortal'\nimport { MenuPositioner } from './MenuPositioner'\nimport { MenuRadioGroup } from './MenuRadioGroup'\nimport { MenuRadioItem } from './MenuRadioItem'\nimport { MenuSeparator } from './MenuSeparator'\nimport { MenuSubmenu } from './MenuSubmenu'\nimport { MenuSubmenuTrigger } from './MenuSubmenuTrigger'\nimport { MenuTrigger } from './MenuTrigger'\n\n/**\n * A menu component that enables users to select options from a dropdown menu triggered by a button or other interactive element.\n */\nexport const Menu: typeof Root & {\n  Trigger: typeof MenuTrigger\n  Portal: typeof MenuPortal\n  Positioner: typeof MenuPositioner\n  Popup: typeof MenuPopup\n  Item: typeof MenuItem\n  LinkItem: typeof MenuLinkItem\n  Submenu: typeof MenuSubmenu\n  SubmenuTrigger: typeof MenuSubmenuTrigger\n  Group: typeof MenuGroup\n  GroupLabel: typeof MenuGroupLabel\n  RadioGroup: typeof MenuRadioGroup\n  RadioItem: typeof MenuRadioItem\n  CheckboxItem: typeof MenuCheckboxItem\n  Separator: typeof MenuSeparator\n} = Object.assign(Root, {\n  Trigger: MenuTrigger,\n  Portal: MenuPortal,\n  Positioner: MenuPositioner,\n  Popup: MenuPopup,\n  Item: MenuItem,\n  LinkItem: MenuLinkItem,\n  Submenu: MenuSubmenu,\n  SubmenuTrigger: MenuSubmenuTrigger,\n  Group: MenuGroup,\n  GroupLabel: MenuGroupLabel,\n  RadioGroup: MenuRadioGroup,\n  RadioItem: MenuRadioItem,\n  CheckboxItem: MenuCheckboxItem,\n  Separator: MenuSeparator,\n})\n\nMenu.displayName = 'Menu'\nMenuTrigger.displayName = 'Menu.Trigger'\nMenuPortal.displayName = 'Menu.Portal'\nMenuPositioner.displayName = 'Menu.Positioner'\nMenuPopup.displayName = 'Menu.Popup'\nMenuItem.displayName = 'Menu.Item'\nMenuLinkItem.displayName = 'Menu.LinkItem'\nMenuSubmenu.displayName = 'Menu.Submenu'\nMenuSubmenuTrigger.displayName = 'Menu.SubmenuTrigger'\nMenuGroup.displayName = 'Menu.Group'\nMenuGroupLabel.displayName = 'Menu.GroupLabel'\nMenuRadioGroup.displayName = 'Menu.RadioGroup'\nMenuRadioItem.displayName = 'Menu.RadioItem'\nMenuCheckboxItem.displayName = 'Menu.CheckboxItem'\nMenuSeparator.displayName = 'Menu.Separator'\n\nexport { type MenuProps } from './Menu'\nexport { type MenuTriggerProps } from './MenuTrigger'\nexport { type MenuPortalProps } from './MenuPortal'\nexport { type MenuPositionerProps } from './MenuPositioner'\nexport { type MenuPopupProps } from './MenuPopup'\nexport { type MenuItemProps } from './MenuItem'\nexport { type MenuLinkItemProps } from './MenuLinkItem'\nexport { type MenuSubmenuProps } from './MenuSubmenu'\nexport { type MenuSubmenuTriggerProps } from './MenuSubmenuTrigger'\nexport { type MenuGroupProps } from './MenuGroup'\nexport { type MenuGroupLabelProps } from './MenuGroupLabel'\nexport { type MenuRadioGroupProps } from './MenuRadioGroup'\nexport { type MenuRadioItemProps } from './MenuRadioItem'\nexport { type MenuCheckboxItemProps } from './MenuCheckboxItem'\nexport { type MenuSeparatorProps } from './MenuSeparator'\n"],"mappings":"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"}

package/dist/menu/index.mjs

@@ -1,16 +1,15 @@
-import { Slot as e } from "../slot/index.mjs";
-import { t } from "../icon-Bs-39J-H.mjs";
-import { cva as n, cx as r } from "class-variance-authority";
-import { cloneElement as i, createContext as a, isValidElement as o, useContext as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ArrowHorizontalDown as d } from "@spark-ui/icons/ArrowHorizontalDown";
-import { makeVariants as f } from "@spark-ui/internal-utils";
+import { t as e } from "../icon-VM_Ys9Xn.mjs";
+import { createRenderSlot as t, makeVariants as n } from "@spark-ui/internal-utils";
+import { cva as r, cx as i } from "class-variance-authority";
+import { cloneElement as a, createContext as o, isValidElement as s, useContext as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ArrowHorizontalDown as f } from "@spark-ui/icons/ArrowHorizontalDown";
 import { ArrowVerticalRight as p } from "@spark-ui/icons/ArrowVerticalRight";
 import { Check as m } from "@spark-ui/icons/Check";
 import { Menu as h } from "@base-ui/react/menu";
 import { Link as g } from "@spark-ui/icons/Link";
 //#region src/menu/Menu.tsx
-var _ = ({ children: e, ...t }) => /* @__PURE__ */ l(h.Root, {
+var _ = ({ children: e, ...t }) => /* @__PURE__ */ u(h.Root, {
 	"data-spark-component": "menu",
 	...t,
 	children: e
@@ -18,7 +17,7 @@ var _ = ({ children: e, ...t }) => /* @__PURE__ */ l(h.Root, {
 _.displayName = "Menu";
 //#endregion
 //#region src/menu/MenuItemStyles.tsx
-var v = n([
+var v = r([
 	"gap-md flex w-full cursor-pointer items-center justify-start",
 	"text-left text-body-1",
 	"transition-colors duration-100",
@@ -30,7 +29,7 @@ var v = n([
 	"data-highlighted:bg-surface-hovered",
 	"data-popup-open:bg-surface-hovered"
 ], {
-	variants: { intent: f({
+	variants: { intent: n({
 		surface: ["text-on-surface"],
 		main: ["text-on-surface"],
 		support: ["text-on-surface"],
@@ -42,101 +41,93 @@ var v = n([
 		neutral: ["text-on-surface"]
 	}) },
 	defaultVariants: { intent: "surface" }
-});
-//#endregion
-//#region src/menu/useRenderSlot.tsx
-function y(t) {
-	return t ? ({ ...t }) => /* @__PURE__ */ l(e, { ...t }) : void 0;
-}
-//#endregion
-//#region src/menu/MenuCheckboxItem.tsx
-var b = ({ asChild: e = !1, children: n, className: i, ref: a, ...o }) => {
-	let s = y(e);
-	return /* @__PURE__ */ u(h.CheckboxItem, {
-		ref: a,
+}), y = ({ asChild: n = !1, children: r, className: a, ref: o, ...s }) => {
+	let { renderProp: c, innerChildren: l } = t(n, r);
+	return /* @__PURE__ */ d(h.CheckboxItem, {
+		ref: o,
 		"data-spark-component": "menu-checkbox-item",
-		render: s,
-		className: r(v({ className: i }), "data-checked:font-bold"),
-		...o,
-		children: [/* @__PURE__ */ l(h.CheckboxItemIndicator, {
+		render: c,
+		className: i(v({ className: a }), "data-checked:font-bold"),
+		...s,
+		children: [/* @__PURE__ */ u(h.CheckboxItemIndicator, {
 			keepMounted: !0,
-			className: r("mr-md flex shrink-0 items-center justify-center", "w-sz-16 h-sz-16", "transition-opacity", "data-checked:opacity-100", "opacity-0"),
-			children: /* @__PURE__ */ l(t, {
+			className: i("mr-md flex shrink-0 items-center justify-center", "w-sz-16 h-sz-16", "transition-opacity", "data-checked:opacity-100", "opacity-0"),
+			children: /* @__PURE__ */ u(e, {
 				size: "sm",
 				intent: "current",
-				children: /* @__PURE__ */ l(m, {})
+				children: /* @__PURE__ */ u(m, {})
 			})
-		}), n]
+		}), l]
 	});
 };
-b.displayName = "Menu.CheckboxItem";
+y.displayName = "Menu.CheckboxItem";
 //#endregion
 //#region src/menu/MenuGroup.tsx
-var x = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(h.Group, {
+var b = ({ children: e, className: t, ...n }) => /* @__PURE__ */ u(h.Group, {
 	"data-spark-component": "menu-group",
-	className: r("py-sm", t),
+	className: i("py-sm", t),
 	...n,
 	children: e
 });
-x.displayName = "Menu.Group";
+b.displayName = "Menu.Group";
 //#endregion
 //#region src/menu/MenuGroupLabel.tsx
-var S = ({ asChild: e = !1, children: t, className: n, ref: i, ...a }) => {
-	let o = y(e);
-	return /* @__PURE__ */ l(h.GroupLabel, {
-		ref: i,
+var x = ({ asChild: e = !1, children: n, className: r, ref: a, ...o }) => {
+	let { renderProp: s, innerChildren: c } = t(e, n);
+	return /* @__PURE__ */ u(h.GroupLabel, {
+		ref: a,
 		"data-spark-component": "menu-group-label",
-		render: o,
-		className: r("text-on-surface/dim-1 text-body-2 font-bold", "px-lg py-sm", n),
-		...a,
-		children: t
+		render: s,
+		className: i("text-on-surface/dim-1 text-body-2 font-bold", "px-lg py-sm", r),
+		...o,
+		children: c
 	});
 };
-S.displayName = "Menu.GroupLabel";
+x.displayName = "Menu.GroupLabel";
 //#endregion
 //#region src/menu/MenuItem.tsx
-var C = ({ asChild: e = !1, children: t, className: n, ref: r, ...i }) => {
-	let a = y(e);
-	return /* @__PURE__ */ l(h.Item, {
-		ref: r,
+var S = ({ asChild: e = !1, children: n, className: r, ref: i, ...a }) => {
+	let { renderProp: o, innerChildren: s } = t(e, n);
+	return /* @__PURE__ */ u(h.Item, {
+		ref: i,
 		"data-spark-component": "menu-item",
-		render: a,
-		className: v({ className: n }),
-		...i,
-		children: t
+		render: o,
+		className: v({ className: r }),
+		...a,
+		children: s
 	});
 };
-C.displayName = "Menu.Item";
+S.displayName = "Menu.Item";
 //#endregion
 //#region src/menu/MenuLinkItem.tsx
-var w = ({ children: e, href: n, target: r, rel: i, ...a }) => /* @__PURE__ */ l(C, {
+var C = ({ children: t, href: n, target: r, rel: i, ...a }) => /* @__PURE__ */ u(S, {
 	asChild: !0,
 	...a,
-	children: /* @__PURE__ */ u("a", {
+	children: /* @__PURE__ */ d("a", {
 		href: n,
 		target: r,
 		rel: i,
-		children: [/* @__PURE__ */ l(t, {
+		children: [/* @__PURE__ */ u(e, {
 			size: "sm",
 			intent: "current",
 			className: "ml-auto shrink-0",
-			children: /* @__PURE__ */ l(g, {})
-		}), /* @__PURE__ */ l("span", {
+			children: /* @__PURE__ */ u(g, {})
+		}), /* @__PURE__ */ u("span", {
 			className: "flex-1",
-			children: e
+			children: t
 		})]
 	})
 });
-w.displayName = "Menu.LinkItem";
+C.displayName = "Menu.LinkItem";
 //#endregion
 //#region src/menu/MenuPopup.tsx
-var T = ({ asChild: e = !1, children: t, className: n, ref: i, ...a }) => {
-	let o = y(e);
-	return /* @__PURE__ */ l(h.Popup, {
-		ref: i,
+var w = ({ asChild: e = !1, children: n, className: r, ref: a, ...o }) => {
+	let { renderProp: s, innerChildren: c } = t(e, n);
+	return /* @__PURE__ */ u(h.Popup, {
+		ref: a,
 		"data-spark-component": "menu-popup",
-		render: o,
-		className: r([
+		render: s,
+		className: i([
 			"rounded-md bg-surface shadow-lg min-w-sz-192",
 			"p-sm",
 			"overflow-auto",
@@ -145,145 +136,145 @@ var T = ({ asChild: e = !1, children: t, className: n, ref: i, ...a }) => {
 			"data-ending-style:opacity-0",
 			"opacity-100",
 			"transition-opacity duration-200"
-		], n),
-		...a,
-		children: t
+		], r),
+		...o,
+		children: c
 	});
 };
-T.displayName = "Menu.Popup";
+w.displayName = "Menu.Popup";
 //#endregion
 //#region src/menu/MenuPortal.tsx
-var E = ({ children: e, ...t }) => /* @__PURE__ */ l(h.Portal, {
+var T = ({ children: e, ...t }) => /* @__PURE__ */ u(h.Portal, {
 	...t,
 	children: e
 });
-E.displayName = "Menu.Portal";
+T.displayName = "Menu.Portal";
 //#endregion
 //#region src/menu/MenuSubmenuContext.tsx
-var D = a(!1), O = () => s(D), k = ({ children: e, sideOffset: t, ...n }) => {
-	let r = O() ? 0 : 8, i = t ?? r;
-	return /* @__PURE__ */ l(h.Positioner, {
+var E = o(!1), D = () => c(E), O = ({ children: e, sideOffset: t, ...n }) => {
+	let r = D() ? 0 : 8, i = t ?? r;
+	return /* @__PURE__ */ u(h.Positioner, {
 		sideOffset: i,
 		...n,
 		children: e
 	});
 };
-k.displayName = "Menu.Positioner";
+O.displayName = "Menu.Positioner";
 //#endregion
 //#region src/menu/MenuRadioGroup.tsx
-var A = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(h.RadioGroup, {
+var k = ({ children: e, className: t, ...n }) => /* @__PURE__ */ u(h.RadioGroup, {
 	"data-spark-component": "menu-radio-group",
-	className: r("py-sm", t),
+	className: i("py-sm", t),
 	...n,
 	children: e
 });
-A.displayName = "Menu.RadioGroup";
+k.displayName = "Menu.RadioGroup";
 //#endregion
 //#region src/menu/MenuRadioItem.tsx
-var j = ({ asChild: e = !1, children: n, className: i, ref: a, ...o }) => {
-	let s = y(e);
-	return /* @__PURE__ */ u(h.RadioItem, {
-		ref: a,
+var A = ({ asChild: n = !1, children: r, className: a, ref: o, ...s }) => {
+	let { renderProp: c, innerChildren: l } = t(n, r);
+	return /* @__PURE__ */ d(h.RadioItem, {
+		ref: o,
 		"data-spark-component": "menu-radio-item",
-		render: s,
-		className: r(v({ className: i }), "data-checked:font-bold"),
-		...o,
-		children: [/* @__PURE__ */ l(h.RadioItemIndicator, {
+		render: c,
+		className: i(v({ className: a }), "data-checked:font-bold"),
+		...s,
+		children: [/* @__PURE__ */ u(h.RadioItemIndicator, {
 			keepMounted: !0,
-			className: r("mr-md flex shrink-0 items-center justify-center", "w-sz-16 h-sz-16", "transition-opacity", "data-checked:opacity-100", "opacity-0"),
-			children: /* @__PURE__ */ l(t, {
+			className: i("mr-md flex shrink-0 items-center justify-center", "w-sz-16 h-sz-16", "transition-opacity", "data-checked:opacity-100", "opacity-0"),
+			children: /* @__PURE__ */ u(e, {
 				size: "sm",
 				intent: "current",
-				children: /* @__PURE__ */ l(m, {})
+				children: /* @__PURE__ */ u(m, {})
 			})
-		}), n]
+		}), l]
 	});
 };
-j.displayName = "Menu.RadioItem";
+A.displayName = "Menu.RadioItem";
 //#endregion
 //#region src/menu/MenuSeparator.tsx
-var M = ({ className: e, ...t }) => /* @__PURE__ */ l(h.Separator, {
+var j = ({ className: e, ...t }) => /* @__PURE__ */ u(h.Separator, {
 	"data-spark-component": "menu-separator",
-	className: r("my-sm h-px bg-outline/dim-2", e),
+	className: i("my-sm h-px bg-outline/dim-2", e),
 	...t
 });
-M.displayName = "Menu.Separator";
+j.displayName = "Menu.Separator";
 //#endregion
 //#region src/menu/MenuSubmenu.tsx
-var N = ({ children: e, ...t }) => /* @__PURE__ */ l(h.SubmenuRoot, {
+var M = ({ children: e, ...t }) => /* @__PURE__ */ u(h.SubmenuRoot, {
 	"data-spark-component": "menu-submenu",
 	...t,
-	children: /* @__PURE__ */ l(D, {
+	children: /* @__PURE__ */ u(E, {
 		value: !0,
 		children: e
 	})
 });
-N.displayName = "Menu.Submenu";
+M.displayName = "Menu.Submenu";
 //#endregion
 //#region src/menu/MenuSubmenuTrigger.tsx
-var P = ({ asChild: e = !1, children: n, className: r, ref: i, ...a }) => {
-	let o = y(e);
-	return /* @__PURE__ */ u(h.SubmenuTrigger, {
-		ref: i,
+var N = ({ asChild: n = !1, children: r, className: i, ref: a, ...o }) => {
+	let { renderProp: s, innerChildren: c } = t(n, r);
+	return /* @__PURE__ */ d(h.SubmenuTrigger, {
+		ref: a,
 		"data-spark-component": "menu-submenu-trigger",
-		render: o,
-		className: v({ className: r }),
-		...a,
-		children: [/* @__PURE__ */ l("span", {
+		render: s,
+		className: v({ className: i }),
+		...o,
+		children: [/* @__PURE__ */ u("span", {
 			className: "flex-1",
-			children: n
-		}), /* @__PURE__ */ l(t, {
+			children: c
+		}), /* @__PURE__ */ u(e, {
 			size: "sm",
 			intent: "current",
 			className: "ml-auto shrink-0",
-			children: /* @__PURE__ */ l(p, {})
+			children: /* @__PURE__ */ u(p, {})
 		})]
 	});
 };
-P.displayName = "Menu.SubmenuTrigger";
+N.displayName = "Menu.SubmenuTrigger";
 //#endregion
 //#region src/menu/MenuTrigger.tsx
-var F = ({ asChild: e = !1, children: n, className: a, ref: s, ...f }) => {
-	let p = y(e), m = e && o(n) ? i(n, {
-		design: n.props.design ?? "outlined",
-		intent: n.props.intent ?? "support",
-		children: /* @__PURE__ */ u(c, { children: [n.props.children, /* @__PURE__ */ l(t, {
+var P = ({ asChild: n = !1, children: r, className: o, ref: c, ...p }) => {
+	let { renderProp: m, innerChildren: g } = t(n, n && s(r) ? a(r, {
+		design: r.props.design ?? "outlined",
+		intent: r.props.intent ?? "support",
+		children: /* @__PURE__ */ d(l, { children: [r.props.children, /* @__PURE__ */ u(e, {
 			size: "sm",
 			intent: "current",
 			className: "shrink-0",
-			children: /* @__PURE__ */ l(d, {})
+			children: /* @__PURE__ */ u(f, {})
 		})] })
-	}) : n;
-	return /* @__PURE__ */ l(h.Trigger, {
-		ref: s,
+	}) : r);
+	return /* @__PURE__ */ u(h.Trigger, {
+		ref: c,
 		"data-spark-component": "menu-trigger",
-		render: p,
-		className: r("inline-flex items-center justify-center", "focus-visible:u-outline", a),
-		...f,
-		children: m
+		render: m,
+		className: i("inline-flex items-center justify-center", "focus-visible:u-outline", o),
+		...p,
+		children: g
 	});
 };
-F.displayName = "Menu.Trigger";
+P.displayName = "Menu.Trigger";
 //#endregion
 //#region src/menu/index.ts
-var I = Object.assign(_, {
-	Trigger: F,
-	Portal: E,
-	Positioner: k,
-	Popup: T,
-	Item: C,
-	LinkItem: w,
-	Submenu: N,
-	SubmenuTrigger: P,
-	Group: x,
-	GroupLabel: S,
-	RadioGroup: A,
-	RadioItem: j,
-	CheckboxItem: b,
-	Separator: M
+var F = Object.assign(_, {
+	Trigger: P,
+	Portal: T,
+	Positioner: O,
+	Popup: w,
+	Item: S,
+	LinkItem: C,
+	Submenu: M,
+	SubmenuTrigger: N,
+	Group: b,
+	GroupLabel: x,
+	RadioGroup: k,
+	RadioItem: A,
+	CheckboxItem: y,
+	Separator: j
 });
-I.displayName = "Menu", F.displayName = "Menu.Trigger", E.displayName = "Menu.Portal", k.displayName = "Menu.Positioner", T.displayName = "Menu.Popup", C.displayName = "Menu.Item", w.displayName = "Menu.LinkItem", N.displayName = "Menu.Submenu", P.displayName = "Menu.SubmenuTrigger", x.displayName = "Menu.Group", S.displayName = "Menu.GroupLabel", A.displayName = "Menu.RadioGroup", j.displayName = "Menu.RadioItem", b.displayName = "Menu.CheckboxItem", M.displayName = "Menu.Separator";
+F.displayName = "Menu", P.displayName = "Menu.Trigger", T.displayName = "Menu.Portal", O.displayName = "Menu.Positioner", w.displayName = "Menu.Popup", S.displayName = "Menu.Item", C.displayName = "Menu.LinkItem", M.displayName = "Menu.Submenu", N.displayName = "Menu.SubmenuTrigger", b.displayName = "Menu.Group", x.displayName = "Menu.GroupLabel", k.displayName = "Menu.RadioGroup", A.displayName = "Menu.RadioItem", y.displayName = "Menu.CheckboxItem", j.displayName = "Menu.Separator";
 //#endregion
-export { I as Menu };
+export { F as Menu };
 
 //# sourceMappingURL=index.mjs.map