@spark-ui/components 17.9.0-beta.1 → 17.9.0

package/dist/menu/MenuSeparator.d.ts

@@ -0,0 +1,12 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentProps } from 'react';
+export interface MenuSeparatorProps extends ComponentProps<typeof BaseMenu.Separator> {
+}
+/**
+ * A visual divider between menu items or groups.
+ * Creates clear separation between different sections of the menu.
+ */
+export declare const MenuSeparator: {
+    ({ className, ...rest }: MenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/menu/MenuSubmenu.d.ts

@@ -0,0 +1,16 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentProps, ReactNode } from 'react';
+export interface MenuSubmenuProps extends Omit<ComponentProps<typeof BaseMenu.SubmenuRoot>, 'children'> {
+    /**
+     * The content of the submenu (trigger, positioner, popup, etc.)
+     */
+    children: ReactNode;
+}
+/**
+ * A nested submenu that appears when its trigger is activated.
+ * Inherits styling context from the parent menu.
+ */
+export declare const MenuSubmenu: {
+    ({ children, ...rest }: MenuSubmenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/menu/MenuSubmenuContext.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Context to track if we're inside a submenu
+ */
+export declare const MenuSubmenuContext: import('react').Context<boolean>;
+/**
+ * Hook to check if the current menu is a submenu
+ */
+export declare const useIsSubmenu: () => boolean;

package/dist/menu/MenuSubmenuTrigger.d.ts

@@ -0,0 +1,19 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentProps, Ref } from 'react';
+export interface MenuSubmenuTriggerProps extends Omit<ComponentProps<typeof BaseMenu.SubmenuTrigger>, 'render'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
+     * @default false
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * A menu item that opens a submenu when activated.
+ * Displays an arrow indicator to show submenu availability.
+ */
+export declare const MenuSubmenuTrigger: {
+    ({ asChild, children, className, ref, ...rest }: MenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/menu/MenuTrigger.d.ts

@@ -0,0 +1,21 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ComponentProps, Ref } from 'react';
+export interface MenuTriggerProps extends Omit<ComponentProps<typeof BaseMenu.Trigger>, 'render'> {
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     * This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
+     * @default false
+     */
+    asChild?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+/**
+ * The button that toggles the menu.
+ * Renders a <button> element by default, or uses asChild for custom elements.
+ * When used with asChild and a Button component, automatically adds an ArrowHorizontalDown icon.
+ * Button components should use design="outlined" and intent="support".
+ */
+export declare const MenuTrigger: {
+    ({ asChild, children, className, ref, ...rest }: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/menu/index.d.mts

@@ -0,0 +1,49 @@
+import { Menu as Root } from './Menu';
+import { MenuCheckboxItem } from './MenuCheckboxItem';
+import { MenuGroup } from './MenuGroup';
+import { MenuGroupLabel } from './MenuGroupLabel';
+import { MenuItem } from './MenuItem';
+import { MenuLinkItem } from './MenuLinkItem';
+import { MenuPopup } from './MenuPopup';
+import { MenuPortal } from './MenuPortal';
+import { MenuPositioner } from './MenuPositioner';
+import { MenuRadioGroup } from './MenuRadioGroup';
+import { MenuRadioItem } from './MenuRadioItem';
+import { MenuSeparator } from './MenuSeparator';
+import { MenuSubmenu } from './MenuSubmenu';
+import { MenuSubmenuTrigger } from './MenuSubmenuTrigger';
+import { MenuTrigger } from './MenuTrigger';
+/**
+ * A menu component that enables users to select options from a dropdown menu triggered by a button or other interactive element.
+ */
+export declare const Menu: typeof Root & {
+    Trigger: typeof MenuTrigger;
+    Portal: typeof MenuPortal;
+    Positioner: typeof MenuPositioner;
+    Popup: typeof MenuPopup;
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    Submenu: typeof MenuSubmenu;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    Group: typeof MenuGroup;
+    GroupLabel: typeof MenuGroupLabel;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    Separator: typeof MenuSeparator;
+};
+export { type MenuProps } from './Menu';
+export { type MenuTriggerProps } from './MenuTrigger';
+export { type MenuPortalProps } from './MenuPortal';
+export { type MenuPositionerProps } from './MenuPositioner';
+export { type MenuPopupProps } from './MenuPopup';
+export { type MenuItemProps } from './MenuItem';
+export { type MenuLinkItemProps } from './MenuLinkItem';
+export { type MenuSubmenuProps } from './MenuSubmenu';
+export { type MenuSubmenuTriggerProps } from './MenuSubmenuTrigger';
+export { type MenuGroupProps } from './MenuGroup';
+export { type MenuGroupLabelProps } from './MenuGroupLabel';
+export { type MenuRadioGroupProps } from './MenuRadioGroup';
+export { type MenuRadioItemProps } from './MenuRadioItem';
+export { type MenuCheckboxItemProps } from './MenuCheckboxItem';
+export { type MenuSeparatorProps } from './MenuSeparator';

package/dist/menu/index.d.ts

@@ -0,0 +1,49 @@
+import { Menu as Root } from './Menu';
+import { MenuCheckboxItem } from './MenuCheckboxItem';
+import { MenuGroup } from './MenuGroup';
+import { MenuGroupLabel } from './MenuGroupLabel';
+import { MenuItem } from './MenuItem';
+import { MenuLinkItem } from './MenuLinkItem';
+import { MenuPopup } from './MenuPopup';
+import { MenuPortal } from './MenuPortal';
+import { MenuPositioner } from './MenuPositioner';
+import { MenuRadioGroup } from './MenuRadioGroup';
+import { MenuRadioItem } from './MenuRadioItem';
+import { MenuSeparator } from './MenuSeparator';
+import { MenuSubmenu } from './MenuSubmenu';
+import { MenuSubmenuTrigger } from './MenuSubmenuTrigger';
+import { MenuTrigger } from './MenuTrigger';
+/**
+ * A menu component that enables users to select options from a dropdown menu triggered by a button or other interactive element.
+ */
+export declare const Menu: typeof Root & {
+    Trigger: typeof MenuTrigger;
+    Portal: typeof MenuPortal;
+    Positioner: typeof MenuPositioner;
+    Popup: typeof MenuPopup;
+    Item: typeof MenuItem;
+    LinkItem: typeof MenuLinkItem;
+    Submenu: typeof MenuSubmenu;
+    SubmenuTrigger: typeof MenuSubmenuTrigger;
+    Group: typeof MenuGroup;
+    GroupLabel: typeof MenuGroupLabel;
+    RadioGroup: typeof MenuRadioGroup;
+    RadioItem: typeof MenuRadioItem;
+    CheckboxItem: typeof MenuCheckboxItem;
+    Separator: typeof MenuSeparator;
+};
+export { type MenuProps } from './Menu';
+export { type MenuTriggerProps } from './MenuTrigger';
+export { type MenuPortalProps } from './MenuPortal';
+export { type MenuPositionerProps } from './MenuPositioner';
+export { type MenuPopupProps } from './MenuPopup';
+export { type MenuItemProps } from './MenuItem';
+export { type MenuLinkItemProps } from './MenuLinkItem';
+export { type MenuSubmenuProps } from './MenuSubmenu';
+export { type MenuSubmenuTriggerProps } from './MenuSubmenuTrigger';
+export { type MenuGroupProps } from './MenuGroup';
+export { type MenuGroupLabelProps } from './MenuGroupLabel';
+export { type MenuRadioGroupProps } from './MenuRadioGroup';
+export { type MenuRadioItemProps } from './MenuRadioItem';
+export { type MenuCheckboxItemProps } from './MenuCheckboxItem';
+export { type MenuSeparatorProps } from './MenuSeparator';

package/dist/menu/index.js

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-C91j1N6u.js`);const e=require(`../slot/index.js`),t=require(`../icon-CRPcdgYp.js`);let n=require(`class-variance-authority`),r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@spark-ui/icons/ArrowHorizontalDown`),o=require(`@spark-ui/internal-utils`),s=require(`@spark-ui/icons/ArrowVerticalRight`),c=require(`@spark-ui/icons/Check`),l=require(`@base-ui/react/menu`),u=require(`@spark-ui/icons/Link`);var d=({children:e,...t})=>(0,i.jsx)(l.Menu.Root,{"data-spark-component":`menu`,...t,children:e});d.displayName=`Menu`;var f=(0,n.cva)([`gap-md flex w-full cursor-pointer items-center justify-start`,`text-left text-body-1`,`transition-colors duration-100`,`outline-none`,`focus-visible:u-outline focus-visible:-outline-offset-2`,`data-disabled:cursor-not-allowed data-disabled:opacity-dim-3`,`min-h-sz-44`,`px-lg py-md`,`data-highlighted:bg-surface-hovered`,`data-popup-open:bg-surface-hovered`],{variants:{intent:(0,o.makeVariants)({surface:[`text-on-surface`],main:[`text-on-surface`],support:[`text-on-surface`],accent:[`text-on-surface`],success:[`text-on-surface`],alert:[`text-on-surface`],danger:[`text-on-surface`],info:[`text-on-surface`],neutral:[`text-on-surface`]})},defaultVariants:{intent:`surface`}});function p(t){return t?({...t})=>(0,i.jsx)(e.Slot,{...t}):void 0}var m=({asChild:e=!1,children:r,className:a,ref:o,...s})=>{let u=p(e);return(0,i.jsxs)(l.Menu.CheckboxItem,{ref:o,"data-spark-component":`menu-checkbox-item`,render:u,className:(0,n.cx)(f({className:a}),`data-checked:font-bold`),...s,children:[(0,i.jsx)(l.Menu.CheckboxItemIndicator,{keepMounted:!0,className:(0,n.cx)(`mr-md flex shrink-0 items-center justify-center`,`w-sz-16 h-sz-16`,`transition-opacity`,`data-checked:opacity-100`,`opacity-0`),children:(0,i.jsx)(t.t,{size:`sm`,intent:`current`,children:(0,i.jsx)(c.Check,{})})}),r]})};m.displayName=`Menu.CheckboxItem`;var h=({children:e,className:t,...r})=>(0,i.jsx)(l.Menu.Group,{"data-spark-component":`menu-group`,className:(0,n.cx)(`py-sm`,t),...r,children:e});h.displayName=`Menu.Group`;var g=({asChild:e=!1,children:t,className:r,ref:a,...o})=>{let s=p(e);return(0,i.jsx)(l.Menu.GroupLabel,{ref:a,"data-spark-component":`menu-group-label`,render:s,className:(0,n.cx)(`text-on-surface/dim-1 text-body-2 font-bold`,`px-lg py-sm`,r),...o,children:t})};g.displayName=`Menu.GroupLabel`;var _=({asChild:e=!1,children:t,className:n,ref:r,...a})=>{let o=p(e);return(0,i.jsx)(l.Menu.Item,{ref:r,"data-spark-component":`menu-item`,render:o,className:f({className:n}),...a,children:t})};_.displayName=`Menu.Item`;var v=({children:e,href:n,target:r,rel:a,...o})=>(0,i.jsx)(_,{asChild:!0,...o,children:(0,i.jsxs)(`a`,{href:n,target:r,rel:a,children:[(0,i.jsx)(t.t,{size:`sm`,intent:`current`,className:`ml-auto shrink-0`,children:(0,i.jsx)(u.Link,{})}),(0,i.jsx)(`span`,{className:`flex-1`,children:e})]})});v.displayName=`Menu.LinkItem`;var y=({asChild:e=!1,children:t,className:r,ref:a,...o})=>{let s=p(e);return(0,i.jsx)(l.Menu.Popup,{ref:a,"data-spark-component":`menu-popup`,render:s,className:(0,n.cx)([`rounded-md bg-surface shadow-lg min-w-sz-192`,`p-sm`,`overflow-auto`,`z-popover`,`data-starting-style:opacity-0`,`data-ending-style:opacity-0`,`opacity-100`,`transition-opacity duration-200`],r),...o,children:t})};y.displayName=`Menu.Popup`;var b=({children:e,...t})=>(0,i.jsx)(l.Menu.Portal,{...t,children:e});b.displayName=`Menu.Portal`;var x=(0,r.createContext)(!1),S=()=>(0,r.useContext)(x),C=({children:e,sideOffset:t,...n})=>{let r=S()?0:8,a=t??r;return(0,i.jsx)(l.Menu.Positioner,{sideOffset:a,...n,children:e})};C.displayName=`Menu.Positioner`;var w=({children:e,className:t,...r})=>(0,i.jsx)(l.Menu.RadioGroup,{"data-spark-component":`menu-radio-group`,className:(0,n.cx)(`py-sm`,t),...r,children:e});w.displayName=`Menu.RadioGroup`;var T=({asChild:e=!1,children:r,className:a,ref:o,...s})=>{let u=p(e);return(0,i.jsxs)(l.Menu.RadioItem,{ref:o,"data-spark-component":`menu-radio-item`,render:u,className:(0,n.cx)(f({className:a}),`data-checked:font-bold`),...s,children:[(0,i.jsx)(l.Menu.RadioItemIndicator,{keepMounted:!0,className:(0,n.cx)(`mr-md flex shrink-0 items-center justify-center`,`w-sz-16 h-sz-16`,`transition-opacity`,`data-checked:opacity-100`,`opacity-0`),children:(0,i.jsx)(t.t,{size:`sm`,intent:`current`,children:(0,i.jsx)(c.Check,{})})}),r]})};T.displayName=`Menu.RadioItem`;var E=({className:e,...t})=>(0,i.jsx)(l.Menu.Separator,{"data-spark-component":`menu-separator`,className:(0,n.cx)(`my-sm h-px bg-outline/dim-2`,e),...t});E.displayName=`Menu.Separator`;var D=({children:e,...t})=>(0,i.jsx)(l.Menu.SubmenuRoot,{"data-spark-component":`menu-submenu`,...t,children:(0,i.jsx)(x.Provider,{value:!0,children:e})});D.displayName=`Menu.Submenu`;var O=({asChild:e=!1,children:n,className:r,ref:a,...o})=>{let c=p(e);return(0,i.jsxs)(l.Menu.SubmenuTrigger,{ref:a,"data-spark-component":`menu-submenu-trigger`,render:c,className:f({className:r}),...o,children:[(0,i.jsx)(`span`,{className:`flex-1`,children:n}),(0,i.jsx)(t.t,{size:`sm`,intent:`current`,className:`ml-auto shrink-0`,children:(0,i.jsx)(s.ArrowVerticalRight,{})})]})};O.displayName=`Menu.SubmenuTrigger`;var k=({asChild:e=!1,children:o,className:s,ref:c,...u})=>{let d=p(e),f=e&&(0,r.isValidElement)(o)?(0,r.cloneElement)(o,{design:o.props.design??`outlined`,intent:o.props.intent??`support`,children:(0,i.jsxs)(i.Fragment,{children:[o.props.children,(0,i.jsx)(t.t,{size:`sm`,intent:`current`,className:`shrink-0`,children:(0,i.jsx)(a.ArrowHorizontalDown,{})})]})}):o;return(0,i.jsx)(l.Menu.Trigger,{ref:c,"data-spark-component":`menu-trigger`,render:d,className:(0,n.cx)(`inline-flex items-center justify-center`,`focus-visible:u-outline`,s),...u,children:f})};k.displayName=`Menu.Trigger`;var A=Object.assign(d,{Trigger:k,Portal:b,Positioner:C,Popup:y,Item:_,LinkItem:v,Submenu:D,SubmenuTrigger:O,Group:h,GroupLabel:g,RadioGroup:w,RadioItem:T,CheckboxItem:m,Separator:E});A.displayName=`Menu`,k.displayName=`Menu.Trigger`,b.displayName=`Menu.Portal`,C.displayName=`Menu.Positioner`,y.displayName=`Menu.Popup`,_.displayName=`Menu.Item`,v.displayName=`Menu.LinkItem`,D.displayName=`Menu.Submenu`,O.displayName=`Menu.SubmenuTrigger`,h.displayName=`Menu.Group`,g.displayName=`Menu.GroupLabel`,w.displayName=`Menu.RadioGroup`,T.displayName=`Menu.RadioItem`,m.displayName=`Menu.CheckboxItem`,E.displayName=`Menu.Separator`,exports.Menu=A;
+//# sourceMappingURL=index.js.map

package/dist/menu/index.js.map

@@ -0,0 +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.Provider value={true}>{children}</MenuSubmenuContext.Provider>\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":"ifAaA,IAAa,GAAQ,CAAE,WAAU,GAAG,MAEhC,EAAA,EAAA,KAAC,EAAA,KAAS,KAAV,CAAe,uBAAqB,OAAO,GAAI,EAC5C,WACa,CAAA,CAIpB,EAAK,YAAc,OClBnB,IAAa,GAAA,EAAA,EAAA,KACX,CACE,+DACA,wBACA,iCACA,eACA,0DACA,+DACA,cACA,cACA,sCACA,qCACD,CACD,CACE,SAAU,CACR,QAAA,EAAA,EAAA,cAGE,CACA,QAAS,CAAC,kBAAkB,CAC5B,KAAM,CAAC,kBAAkB,CACzB,QAAS,CAAC,kBAAkB,CAC5B,OAAQ,CAAC,kBAAkB,CAC3B,QAAS,CAAC,kBAAkB,CAC5B,MAAO,CAAC,kBAAkB,CAC1B,OAAQ,CAAC,kBAAkB,CAC3B,KAAM,CAAC,kBAAkB,CACzB,QAAS,CAAC,kBAAkB,CAC7B,CAAC,CACH,CACD,gBAAiB,CACf,OAAQ,UACT,CACF,CACF,CCnCD,SAAgB,EAAc,EAAkB,CAC9C,OAAO,GAAW,CAAE,GAAG,MAAoB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAI,EAAS,CAAA,CAAG,IAAA,GCwBnE,IAAa,GAAoB,CAC/B,UAAU,GACV,WACA,YACA,MACA,GAAG,KACwB,CAC3B,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,MAAC,EAAA,KAAS,aAAV,CACO,MACL,uBAAqB,qBACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,EAAe,CACb,YACD,CAAC,CACF,yBACD,CACD,GAAI,WAVN,EAYE,EAAA,EAAA,KAAC,EAAA,KAAS,sBAAV,CACE,YAAA,GACA,WAAA,EAAA,EAAA,IACE,kDACA,kBACA,qBACA,2BACA,YACD,WAED,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,OAAO,oBACrB,EAAA,EAAA,KAAC,EAAA,MAAD,EAAS,CAAA,CACJ,CAAA,CACwB,CAAA,CAChC,EACqB,IAI5B,EAAiB,YAAc,oBC1D/B,IAAa,GAAa,CAAE,WAAU,YAAW,GAAG,MAEhD,EAAA,EAAA,KAAC,EAAA,KAAS,MAAV,CAAgB,uBAAqB,aAAa,WAAA,EAAA,EAAA,IAAc,QAAS,EAAU,CAAE,GAAI,EACtF,WACc,CAAA,CAIrB,EAAU,YAAc,aCKxB,IAAa,GAAkB,CAC7B,UAAU,GACV,WACA,YACA,MACA,GAAG,KACsB,CACzB,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,KAAS,WAAV,CACO,MACL,uBAAqB,mBACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IAAc,8CAA+C,cAAe,EAAU,CACtF,GAAI,EAEH,WACmB,CAAA,EAI1B,EAAe,YAAc,kBCzB7B,IAAa,GAAY,CAAE,UAAU,GAAO,WAAU,YAAW,MAAK,GAAG,KAA0B,CACjG,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,KAAS,KAAV,CACO,MACL,uBAAqB,YACrB,OAAQ,EACR,UAAW,EAAe,CACxB,YACD,CAAC,CACF,GAAI,EAEH,WACa,CAAA,EAIpB,EAAS,YAAc,YCPvB,IAAa,GAAgB,CAAE,WAAU,OAAM,SAAQ,MAAK,GAAG,MAE3D,EAAA,EAAA,KAAC,EAAD,CAAU,QAAA,GAAQ,GAAI,YACpB,EAAA,EAAA,MAAC,IAAD,CAAS,OAAc,SAAa,eAApC,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,OAAO,UAAU,UAAU,6BACzC,EAAA,EAAA,KAAC,EAAA,KAAD,EAAQ,CAAA,CACH,CAAA,EACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,SAAU,WAAgB,CAAA,CACxC,GACK,CAAA,CAIf,EAAa,YAAc,gBCxB3B,IAAa,GAAa,CACxB,UAAU,GACV,WACA,YACA,MACA,GAAG,KACiB,CACpB,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,KAAC,EAAA,KAAS,MAAV,CACO,MACL,uBAAqB,aACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,CACE,+CACA,OACA,gBACA,YACA,gCACA,8BACA,cACA,kCACD,CACD,EACD,CACD,GAAI,EAEH,WACc,CAAA,EAIrB,EAAU,YAAc,aC7CxB,IAAa,GAAc,CAAE,WAAU,GAAG,MACjC,EAAA,EAAA,KAAC,EAAA,KAAS,OAAV,CAAiB,GAAI,EAAO,WAA2B,CAAA,CAGhE,EAAW,YAAc,cCRzB,IAAa,GAAA,EAAA,EAAA,eAA4C,GAAM,CAKlD,OACX,EAAA,EAAA,YAAkB,EAAmB,CCA1B,GAAkB,CAAE,WAAU,aAAY,GAAG,KAAgC,CAIxF,IAAM,EAHY,GAAc,CAGM,EAAI,EACpC,EAAkB,GAAc,EAEtC,OACE,EAAA,EAAA,KAAC,EAAA,KAAS,WAAV,CAAqB,WAAY,EAAiB,GAAI,EACnD,WACmB,CAAA,EAI1B,EAAe,YAAc,kBCf7B,IAAa,GAAkB,CAAE,WAAU,YAAW,GAAG,MAErD,EAAA,EAAA,KAAC,EAAA,KAAS,WAAV,CACE,uBAAqB,mBACrB,WAAA,EAAA,EAAA,IAAc,QAAS,EAAU,CACjC,GAAI,EAEH,WACmB,CAAA,CAI1B,EAAe,YAAc,kBCK7B,IAAa,GAAiB,CAC5B,UAAU,GACV,WACA,YACA,MACA,GAAG,KACqB,CACxB,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,MAAC,EAAA,KAAS,UAAV,CACO,MACL,uBAAqB,kBACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,EAAe,CACb,YACD,CAAC,CACF,yBACD,CACD,GAAI,WAVN,EAYE,EAAA,EAAA,KAAC,EAAA,KAAS,mBAAV,CACE,YAAA,GACA,WAAA,EAAA,EAAA,IACE,kDACA,kBACA,qBACA,2BACA,YACD,WAED,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,OAAO,oBACrB,EAAA,EAAA,KAAC,EAAA,MAAD,EAAS,CAAA,CACJ,CAAA,CACqB,CAAA,CAC7B,EACkB,IAIzB,EAAc,YAAc,iBC1D5B,IAAa,GAAiB,CAAE,YAAW,GAAG,MAE1C,EAAA,EAAA,KAAC,EAAA,KAAS,UAAV,CACE,uBAAqB,iBACrB,WAAA,EAAA,EAAA,IAAc,8BAA+B,EAAU,CACvD,GAAI,EACJ,CAAA,CAIN,EAAc,YAAc,iBCD5B,IAAa,GAAe,CAAE,WAAU,GAAG,MAEvC,EAAA,EAAA,KAAC,EAAA,KAAS,YAAV,CAAsB,uBAAqB,eAAe,GAAI,YAC5D,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,GAAO,WAAuC,CAAA,CAC7D,CAAA,CAI3B,EAAY,YAAc,eCF1B,IAAa,GAAsB,CACjC,UAAU,GACV,WACA,YACA,MACA,GAAG,KAC0B,CAC7B,IAAM,EAAa,EAAc,EAAQ,CAEzC,OACE,EAAA,EAAA,MAAC,EAAA,KAAS,eAAV,CACO,MACL,uBAAqB,uBACrB,OAAQ,EACR,UAAW,EAAe,CACxB,YACD,CAAC,CACF,GAAI,WAPN,EASE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,SAAU,WAAgB,CAAA,EAC1C,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,OAAO,UAAU,UAAU,6BACzC,EAAA,EAAA,KAAC,EAAA,mBAAD,EAAsB,CAAA,CACjB,CAAA,CACiB,IAI9B,EAAmB,YAAc,sBCtBjC,IAAa,GAAe,CAC1B,UAAU,GACV,WACA,YACA,MACA,GAAG,KACmB,CACtB,IAAM,EAAa,EAAc,EAAQ,CAGnC,EACJ,IAAA,EAAA,EAAA,gBAA0B,EAAS,EAAA,EAAA,EAAA,cAE7B,EACA,CACE,OAAS,EAAS,MAA8B,QAAU,WAC1D,OAAS,EAAS,MAA8B,QAAU,UAC1D,UACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACI,EAAS,MAAwC,UACnD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,KAAK,OAAO,UAAU,UAAU,qBACzC,EAAA,EAAA,KAAC,EAAA,oBAAD,EAAuB,CAAA,CAClB,CAAA,CACN,CAAA,CAAA,CAEN,CACF,CACD,EAEN,OACE,EAAA,EAAA,KAAC,EAAA,KAAS,QAAV,CACO,MACL,uBAAqB,eACrB,OAAQ,EACR,WAAA,EAAA,EAAA,IACE,0CACA,0BACA,EACD,CACD,GAAI,WAEH,EACgB,CAAA,EAIvB,EAAY,YAAc,eCzD1B,IAAa,EAeT,OAAO,OAAO,EAAM,CACtB,QAAS,EACT,OAAQ,EACR,WAAY,EACZ,MAAO,EACP,KAAM,EACN,SAAU,EACV,QAAS,EACT,eAAgB,EAChB,MAAO,EACP,WAAY,EACZ,WAAY,EACZ,UAAW,EACX,aAAc,EACd,UAAW,EACZ,CAAC,CAEF,EAAK,YAAc,OACnB,EAAY,YAAc,eAC1B,EAAW,YAAc,cACzB,EAAe,YAAc,kBAC7B,EAAU,YAAc,aACxB,EAAS,YAAc,YACvB,EAAa,YAAc,gBAC3B,EAAY,YAAc,eAC1B,EAAmB,YAAc,sBACjC,EAAU,YAAc,aACxB,EAAe,YAAc,kBAC7B,EAAe,YAAc,kBAC7B,EAAc,YAAc,iBAC5B,EAAiB,YAAc,oBAC/B,EAAc,YAAc"}

package/dist/menu/index.mjs

@@ -0,0 +1,289 @@
+import { Slot as e } from "../slot/index.mjs";
+import { t } from "../icon-D05Uqh8_.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 { 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, {
+	"data-spark-component": "menu",
+	...t,
+	children: e
+});
+_.displayName = "Menu";
+//#endregion
+//#region src/menu/MenuItemStyles.tsx
+var v = n([
+	"gap-md flex w-full cursor-pointer items-center justify-start",
+	"text-left text-body-1",
+	"transition-colors duration-100",
+	"outline-none",
+	"focus-visible:u-outline focus-visible:-outline-offset-2",
+	"data-disabled:cursor-not-allowed data-disabled:opacity-dim-3",
+	"min-h-sz-44",
+	"px-lg py-md",
+	"data-highlighted:bg-surface-hovered",
+	"data-popup-open:bg-surface-hovered"
+], {
+	variants: { intent: f({
+		surface: ["text-on-surface"],
+		main: ["text-on-surface"],
+		support: ["text-on-surface"],
+		accent: ["text-on-surface"],
+		success: ["text-on-surface"],
+		alert: ["text-on-surface"],
+		danger: ["text-on-surface"],
+		info: ["text-on-surface"],
+		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,
+		"data-spark-component": "menu-checkbox-item",
+		render: s,
+		className: r(v({ className: i }), "data-checked:font-bold"),
+		...o,
+		children: [/* @__PURE__ */ l(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, {
+				size: "sm",
+				intent: "current",
+				children: /* @__PURE__ */ l(m, {})
+			})
+		}), n]
+	});
+};
+b.displayName = "Menu.CheckboxItem";
+//#endregion
+//#region src/menu/MenuGroup.tsx
+var x = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(h.Group, {
+	"data-spark-component": "menu-group",
+	className: r("py-sm", t),
+	...n,
+	children: e
+});
+x.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,
+		"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
+	});
+};
+S.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,
+		"data-spark-component": "menu-item",
+		render: a,
+		className: v({ className: n }),
+		...i,
+		children: t
+	});
+};
+C.displayName = "Menu.Item";
+//#endregion
+//#region src/menu/MenuLinkItem.tsx
+var w = ({ children: e, href: n, target: r, rel: i, ...a }) => /* @__PURE__ */ l(C, {
+	asChild: !0,
+	...a,
+	children: /* @__PURE__ */ u("a", {
+		href: n,
+		target: r,
+		rel: i,
+		children: [/* @__PURE__ */ l(t, {
+			size: "sm",
+			intent: "current",
+			className: "ml-auto shrink-0",
+			children: /* @__PURE__ */ l(g, {})
+		}), /* @__PURE__ */ l("span", {
+			className: "flex-1",
+			children: e
+		})]
+	})
+});
+w.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,
+		"data-spark-component": "menu-popup",
+		render: o,
+		className: r([
+			"rounded-md bg-surface shadow-lg min-w-sz-192",
+			"p-sm",
+			"overflow-auto",
+			"z-popover",
+			"data-starting-style:opacity-0",
+			"data-ending-style:opacity-0",
+			"opacity-100",
+			"transition-opacity duration-200"
+		], n),
+		...a,
+		children: t
+	});
+};
+T.displayName = "Menu.Popup";
+//#endregion
+//#region src/menu/MenuPortal.tsx
+var E = ({ children: e, ...t }) => /* @__PURE__ */ l(h.Portal, {
+	...t,
+	children: e
+});
+E.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, {
+		sideOffset: i,
+		...n,
+		children: e
+	});
+};
+k.displayName = "Menu.Positioner";
+//#endregion
+//#region src/menu/MenuRadioGroup.tsx
+var A = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(h.RadioGroup, {
+	"data-spark-component": "menu-radio-group",
+	className: r("py-sm", t),
+	...n,
+	children: e
+});
+A.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,
+		"data-spark-component": "menu-radio-item",
+		render: s,
+		className: r(v({ className: i }), "data-checked:font-bold"),
+		...o,
+		children: [/* @__PURE__ */ l(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, {
+				size: "sm",
+				intent: "current",
+				children: /* @__PURE__ */ l(m, {})
+			})
+		}), n]
+	});
+};
+j.displayName = "Menu.RadioItem";
+//#endregion
+//#region src/menu/MenuSeparator.tsx
+var M = ({ className: e, ...t }) => /* @__PURE__ */ l(h.Separator, {
+	"data-spark-component": "menu-separator",
+	className: r("my-sm h-px bg-outline/dim-2", e),
+	...t
+});
+M.displayName = "Menu.Separator";
+//#endregion
+//#region src/menu/MenuSubmenu.tsx
+var N = ({ children: e, ...t }) => /* @__PURE__ */ l(h.SubmenuRoot, {
+	"data-spark-component": "menu-submenu",
+	...t,
+	children: /* @__PURE__ */ l(D.Provider, {
+		value: !0,
+		children: e
+	})
+});
+N.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,
+		"data-spark-component": "menu-submenu-trigger",
+		render: o,
+		className: v({ className: r }),
+		...a,
+		children: [/* @__PURE__ */ l("span", {
+			className: "flex-1",
+			children: n
+		}), /* @__PURE__ */ l(t, {
+			size: "sm",
+			intent: "current",
+			className: "ml-auto shrink-0",
+			children: /* @__PURE__ */ l(p, {})
+		})]
+	});
+};
+P.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, {
+			size: "sm",
+			intent: "current",
+			className: "shrink-0",
+			children: /* @__PURE__ */ l(d, {})
+		})] })
+	}) : n;
+	return /* @__PURE__ */ l(h.Trigger, {
+		ref: s,
+		"data-spark-component": "menu-trigger",
+		render: p,
+		className: r("inline-flex items-center justify-center", "focus-visible:u-outline", a),
+		...f,
+		children: m
+	});
+};
+F.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
+});
+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";
+//#endregion
+export { I as Menu };
+
+//# sourceMappingURL=index.mjs.map

package/dist/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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.Provider value={true}>{children}</MenuSubmenuContext.Provider>\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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"}

package/dist/menu/useRenderSlot.d.ts

@@ -0,0 +1 @@
+export declare function useRenderSlot(asChild: boolean): (({ ...props }: object) => import("react/jsx-runtime").JSX.Element) | undefined;