@accelint/design-toolkit 7.0.1 → 8.1.0

package/dist/components/lines/styles.module.css

@@ -0,0 +1,95 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .lines {
+    @variant size-large {
+      @apply h-xxl;
+    }
+
+    @variant size-medium {
+      @apply min-h-xl;
+    }
+
+    @variant size-small {
+      @apply min-h-l;
+    }
+
+    @variant not-visible {
+      @apply invisible;
+    }
+
+    &.branch {
+      background-image:
+        repeating-linear-gradient(
+          to bottom,
+          var(--outline-static) 0,
+          var(--outline-static) 1px,
+          transparent 1px,
+          transparent 4px
+        ),
+        repeating-linear-gradient(
+          to right,
+          var(--outline-static) 0,
+          var(--outline-static) 1px,
+          transparent 1px,
+          transparent 4px
+        );
+      background-position:
+        center,
+        center right;
+      background-repeat: repeat-y, no-repeat;
+      background-size:
+        1px 4px,
+        50% 1px;
+    }
+
+    &.vert {
+      @apply bg-center bg-repeat-y;
+      background-size: 1px 4px;
+      background-image: repeating-linear-gradient(
+        to bottom,
+        var(--outline-static) 0,
+        var(--outline-static) 1px,
+        transparent 1px,
+        transparent 4px
+      );
+    }
+
+    &.last {
+      background-image:
+        repeating-linear-gradient(
+          to bottom,
+          var(--outline-static) 0,
+          var(--outline-static) 1px,
+          transparent 1px,
+          transparent 4px
+        ),
+        repeating-linear-gradient(
+          to right,
+          var(--outline-static) 0,
+          var(--outline-static) 1px,
+          transparent 1px,
+          transparent 4px
+        );
+      background-position:
+        center top,
+        center right;
+      background-repeat: no-repeat;
+      background-size:
+        1px 50%,
+        50% 1px;
+    }
+  }
+}

package/dist/components/lines/types.d.ts

@@ -1,10 +1,9 @@
 import { ComponentProps } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { LinesStyles } from './styles.js';
 
-type LinesProps = Omit<ComponentProps<'div'>, 'size'> & LinesStylesVariants & {
+type LinesProps = Omit<ComponentProps<'div'>, 'size'> & {
     size?: 'large' | 'medium' | 'small';
+    variant?: 'branch' | 'vert' | 'last';
+    isVisible?: boolean;
 };
-type LinesStylesVariants = VariantProps<typeof LinesStyles>;
 
-export type { LinesProps, LinesStylesVariants };
+export type { LinesProps };

package/dist/components/link/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,LinkContext,Link,composeRenderProps}from'react-aria-components';import {LinkStyles}from'./styles.js';function u({ref:i,...s}){[s,i]=useContextProps(s,i??null,LinkContext);const{allowsVisited:t=false,className:e,isVisited:o=false,...n}=s;return jsx(Link,{...n,ref:i,className:composeRenderProps(e,l=>LinkStyles({className:l})),"data-visited":t&&o||null})}export{u as Link};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,LinkContext,Link,composeRenderProps}from'react-aria-components';import c from'./styles.module.css';function x({ref:s,...i}){[i,s]=useContextProps(i,s??null,LinkContext);const{allowsVisited:t=false,className:o,isVisited:e=false,...n}=i;return jsx(Link,{...n,ref:s,className:composeRenderProps(o,l=>clsx(c.link,l)),"data-visited":t&&e||null})}export{x as Link};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/link/index.tsx"],"names":["ref","props","useContextProps","m","rest","L","r","className","LinkStyles","k","isVisited"],"mappings":"qLAgCO,SAAgB,CAAA,CAAA,CAAAA,GAAK,CAAA,CAAGC,CAAM,GACnC,CAACA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,eAAAA,CAAAA,CAAO,QAE7C,CAAAG,WAAA,CAAA,CAAA,KACE,CAAA,aAAgB,CAAA,CAChB,CAAA,KAAA,CAAA,SACA,CAAA,CAAA,CAAA,SAAY,CAAA,CACZ,CAAA,KAAGC,CACL,GAAIH,CAEJ,CAAA,CAAA,CAAA,CAAA,OACGI,GACE,CAAAC,IAAA,CAAGF,CAAAA,GACJ,CAAA,CAAKJ,GACL,CAAA,CAAA,CAAA,SAA8BO,CAAYA,kBAAAA,CAAAA,CACxCC,EAAW,EAAEC,UAAA,CAAA,CAAA,SACf,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,cAAgCC,CAAAA,CAAAA,SAGtC,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport {\n  Link as AriaLink,\n  composeRenderProps,\n  LinkContext,\n  useContextProps,\n} from 'react-aria-components';\nimport { LinkStyles } from './styles';\nimport type { LinkProps } from './types';\n\n/**\n * Link - Accessible anchor/link component with optional visited state\n *\n * A flexible link component that handles visited state, external anchors, and\n * icon integration while providing ARIA-compatible behavior.\n *\n * @example\n * <Link href=\"/dashboard\">Go to Dashboard</Link>\n */\nexport function Link({ ref, ...props }: LinkProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkContext);\n\n  const {\n    allowsVisited = false,\n    className,\n    isVisited = false,\n    ...rest\n  } = props;\n\n  return (\n    <AriaLink\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        LinkStyles({ className }),\n      )}\n      data-visited={(allowsVisited && isVisited) || null}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/link/index.tsx"],"names":["Link","ref","props","useContextProps","LinkContext","p","allowsVisited","className","isVisited","AriaLink","rest","composeRenderProps","clsx","styles"],"mappings":"4OAiCO,SAASA,CAAK,CAAE,CAAA,GAAAC,EAAK,CAAA,GAAS,CAAA,CAAc,CACjD,CAACC,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,eAAgBD,EAAOD,CAAAA,CAAAA,EAAO,IAAMG,CAAWC,WAAA,CAE9D,MACE,CAAA,aAAAC,CAAAA,CAAgB,CAAA,KAChB,UAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CAAY,CAAA,KACZ,IACF,CAAA,CAAIN,CAAAA,CAEJ,CAAA,UACGO,CAAAA,IAAA,CACE,CAAA,GAAGC,CACJ,IAAKT,CAAAA,CACL,CAAA,SAAWU,CAAAA,kBAAmBJ,CAAAA,CAAYA,IACxCK,IAAKC,CAAAA,CAAO,CAAA,IAAMN,CAAS,CAC7B,CAAA,CACA,CAAA,cAAeD,CAAAA,CAAAA,EAAiBE,CAAAA,MAClC,CAEJ,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Link as AriaLink,\n  composeRenderProps,\n  LinkContext,\n  useContextProps,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { LinkProps } from './types';\n\n/**\n * Link - Accessible anchor/link component with optional visited state\n *\n * A flexible link component that handles visited state, external anchors, and\n * icon integration while providing ARIA-compatible behavior.\n *\n * @example\n * <Link href=\"/dashboard\">Go to Dashboard</Link>\n */\nexport function Link({ ref, ...props }: LinkProps) {\n  [props, ref] = useContextProps(props, ref ?? null, LinkContext);\n\n  const {\n    allowsVisited = false,\n    className,\n    isVisited = false,\n    ...rest\n  } = props;\n\n  return (\n    <AriaLink\n      {...rest}\n      ref={ref}\n      className={composeRenderProps(className, (className) =>\n        clsx(styles.link, className),\n      )}\n      data-visited={(allowsVisited && isVisited) || null}\n    />\n  );\n}\n"]}

package/dist/components/link/styles.module.css

@@ -0,0 +1,37 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+@reference '../../index.module.css';
+
+@layer components.l1 {
+  .link {
+    @apply fg-accent-primary-bold inline-flex cursor-pointer items-center align-bottom;
+    padding-inline: 0.5ch;
+    gap: 0.5ch;
+
+    @variant hover {
+      @apply fg-accent-primary-hover bg-accent-primary-muted;
+    }
+
+    @variant focus-visible {
+      @apply fg-accent-primary-hover bg-accent-primary-muted;
+    }
+
+    @variant pressed {
+      @apply fg-accent-primary-pressed bg-accent-primary-muted;
+    }
+
+    @variant disabled {
+      @apply fg-disabled cursor-not-allowed;
+    }
+  }
+}

package/dist/components/menu/context.d.ts

@@ -1,9 +1,7 @@
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
 import { MenuProps } from './types.js';
-import 'tailwind-variants';
 import '../icon/types.js';
-import './styles.js';
 
 declare const MenuContext: react.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
 

package/dist/components/menu/index.d.ts

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../icon/types.js';
-import './styles.js';
 
 /**
  * Menu - A dropdown menu component with keyboard navigation and selection

package/dist/components/menu/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Popover,composeRenderProps,Menu}from'react-aria-components';import {MenuContext}from'./context.js';import {MenuStyles,MenuStylesDefaults}from'./styles.js';const{menu:f,popover:x}=MenuStyles();function S({ref:e,...o}){[o,e]=useContextProps(o,e??null,MenuContext);const{children:i,classNames:t,popoverProps:a,selectionMode:l="single",variant:s=MenuStylesDefaults.variant,...m}=o;return jsx(Popover,{...a,className:composeRenderProps(t?.popover,n=>x({className:n})),children:jsx(MenuContext.Provider,{value:{variant:s},children:jsx(Menu,{...m,ref:e,className:composeRenderProps(t?.menu,n=>f({className:n,variant:s})),selectionMode:l,children:i})})})}export{S as Menu};//# sourceMappingURL=index.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContextProps,Popover,composeRenderProps,Menu}from'react-aria-components';import {MenuContext}from'./context.js';import n from'./styles.module.css';function g({ref:e,...o}){[o,e]=useContextProps(o,e??null,MenuContext);const{children:l,classNames:s,popoverProps:c,selectionMode:a="single",variant:p="cozy",...M}=o;return jsx(Popover,{...c,className:composeRenderProps(s?.popover,r=>clsx(n.popover,r)),children:jsx(MenuContext.Provider,{value:{variant:p},children:jsx(Menu,{...M,ref:e,className:composeRenderProps(s?.menu,r=>clsx("group/menu",n.menu,n[p],r)),selectionMode:a,children:l})})})}export{g as Menu};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["popover","P","ref","props","useContextProps","v","MenuContext","u","variant","d","jsx","popoverProps","c","p","className","r","rest","M","menu"],"mappings":"2OAyBQ,KAAM,CAAA,IAAA,CAAA,CAAA,CAAAA,OAgEP,CAAA,CAAA,CAAA,CAAAC,UAAA,EAAA,CAAA,SAAkCC,CAAK,CAAA,CAAA,GAAS,CAAiB,CACtE,CAACC,GAAU,CAAA,CAAIC,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,CAAAA,CAAO,CAAAG,eAAA,CAAA,CAAA,CAAMC,CAAW,EAE9D,IAAA,CAAMC,WACJ,CAAA,CAAA,KAAA,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,4BACgB,CAAA,CAAA,CAAA,QAChB,CAAAC,OAA6B,CAAA,CAAA,CAAAC,kBAAA,CAC7B,OACEN,CAEJ,GAAA,CAAA,CAAA,CAAA,CACEO,CAAAA,OACMC,GAAAA,CACJC,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,SAA0C,CAAAC,kBAAA,CAAA,CAAA,EAAUC,OACxC,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAGZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QAAa,CAAAC,GAAA,CAAAR,WAAA,CAAA,QAAgB,CAAE,CAAA,KAAA,CAAA,CAAAC,OAC7B,CAAA,CAAA,CAAA,CAAA,QACG,CAAGQ,GAAAA,CACJC,IAAA,CAAA,CAAA,GACA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,SAA0C,CAAAJ,kBAAA,CAAOC,CAAAA,EAC/CI,IAAO,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAAW,CAAA,CAAA,CAAAV,OAEpB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEC,CAAA,CAAA,CAAA,QAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  Menu as AriaMenu,\n  composeRenderProps,\n  Popover,\n  useContextProps,\n} from 'react-aria-components';\nimport { MenuContext } from './context';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type { MenuProps } from './types';\n\nconst { menu, popover } = MenuStyles();\n\n/**\n * Menu - A dropdown menu component with keyboard navigation and selection\n *\n * Provides accessible dropdown menu functionality with support for single and\n * multiple selection modes. Includes sections, separators, and submenu support\n * with comprehensive keyboard navigation and ARIA compliance.\n *\n * @example\n * // Basic menu with trigger\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu>\n *     <MenuItem>Edit</MenuItem>\n *     <MenuItem>Copy</MenuItem>\n *     <MenuItem>Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with sections and separators\n * <MenuTrigger>\n *   <Button>Open</Button>\n *   <Menu>\n *     <MenuSection>\n *       <MenuItem>New File</MenuItem>\n *       <MenuItem>Open File</MenuItem>\n *     </MenuSection>\n *\n *     <MenuSeparator />\n *\n *     <MenuItem>Settings</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with selection\n * <MenuTrigger>\n *   <Button>Group</Button>\n *   <Menu selectionMode='multiple'>\n *     <MenuItem>Option 1</MenuItem>\n *     <MenuItem>Option 2</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with submenu\n * <MenuTrigger>\n *   <Button>Actions</Button>\n *   <Menu>\n *     <MenuItem>New File</MenuItem>\n *     <MenuSubmenu>\n *       <MenuItem>Export</MenuItem>\n *       <Menu>\n *         <MenuItem>Export as PDF</MenuItem>\n *         <MenuItem>Export as CSV</MenuItem>\n *         <MenuItem>Export as JSON</MenuItem>\n *       </Menu>\n *     </MenuSubmenu>\n *     <MenuItem>Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n */\nexport function Menu<T extends object>({ ref, ...props }: MenuProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, MenuContext);\n\n  const {\n    children,\n    classNames,\n    popoverProps,\n    selectionMode = 'single',\n    variant = MenuStylesDefaults.variant,\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      {...popoverProps}\n      className={composeRenderProps(classNames?.popover, (className) =>\n        popover({ className }),\n      )}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.menu, (className) =>\n            menu({ className, variant }),\n          )}\n          selectionMode={selectionMode}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/index.tsx"],"names":["ref","props","useContextProps","MenuContext","i","t","P","popoverProps","classNames","u","clsx","styles","m","v","rest","className"],"mappings":"+QAwFO,WAAkCA,CAAAA,GAAK,CAAGC,CAAM,CAAA,GACpDA,CAAAA,CAAOD,CAAG,CAAA,CAAIE,CAAAA,CAAgBD,CAAAA,CAAOD,CAAAA,eAAAA,CAAO,CAAA,CAAA,CAAA,EAAMG,IAEnD,CAAAC,WAAA,CAAA,CAAM,KACJ,CAAA,QACA,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,YACA,CAAA,CAAA,CAAA,aAAgB,CAAA,CAAA,CAAA,QAChB,CAAA,OAAU,CAAA,CAAA,CAAA,MAEZ,CAAA,GAEA,CAAA,CAAA,CAAA,CAAA,CAAA,OAEKC,GAAA,CAAAC,OAAGC,CAAAA,CACJ,GAAA,CAAA,CAAA,SAA8BC,CAAYC,kBAAA,CAAA,CAAA,EAAA,OACxCC,CAAKC,GAAOC,IAAA,CAAA,CAAA,CAAA,OAGd,CAAA,CAAA,CAAA,CAAA,CAAA,QAAa,CAAAP,GAAA,CAAAD,WAAA,CAAA,QAAS,CAAA,CAAA,KAAS,CAAA,CAAA,mBAC5B,CACEC,GAAA,CAAAQ,IAAGC,CAAAA,CACJ,GAAA,CAAKd,CAAAA,GACL,CAAA,CAAA,CAAA,SAA8BQ,CAAYC,kBAAA,CAAA,CAAA,EAAOM,IAC/CL,CAAK,CAAA,EAAAE,IAAA,CAAA,YAAqB,CAAA,CAAA,CAAMD,IAAc,CAAGI,CAAS,CAC5D,CAAA,CACA,CAAA,CAAA,CAAA,CAAA,CAAA,aAEC,CAAA,CAAA,CAAA,QAEL,CAAA,CACF,CAEJ,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  Menu as AriaMenu,\n  composeRenderProps,\n  Popover,\n  useContextProps,\n} from 'react-aria-components';\nimport { MenuContext } from './context';\nimport styles from './styles.module.css';\nimport type { MenuProps } from './types';\n\n/**\n * Menu - A dropdown menu component with keyboard navigation and selection\n *\n * Provides accessible dropdown menu functionality with support for single and\n * multiple selection modes. Includes sections, separators, and submenu support\n * with comprehensive keyboard navigation and ARIA compliance.\n *\n * @example\n * // Basic menu with trigger\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu>\n *     <MenuItem>Edit</MenuItem>\n *     <MenuItem>Copy</MenuItem>\n *     <MenuItem>Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with sections and separators\n * <MenuTrigger>\n *   <Button>Open</Button>\n *   <Menu>\n *     <MenuSection>\n *       <MenuItem>New File</MenuItem>\n *       <MenuItem>Open File</MenuItem>\n *     </MenuSection>\n *\n *     <MenuSeparator />\n *\n *     <MenuItem>Settings</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with selection\n * <MenuTrigger>\n *   <Button>Group</Button>\n *   <Menu selectionMode='multiple'>\n *     <MenuItem>Option 1</MenuItem>\n *     <MenuItem>Option 2</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n *\n * @example\n * // Menu with submenu\n * <MenuTrigger>\n *   <Button>Actions</Button>\n *   <Menu>\n *     <MenuItem>New File</MenuItem>\n *     <MenuSubmenu>\n *       <MenuItem>Export</MenuItem>\n *       <Menu>\n *         <MenuItem>Export as PDF</MenuItem>\n *         <MenuItem>Export as CSV</MenuItem>\n *         <MenuItem>Export as JSON</MenuItem>\n *       </Menu>\n *     </MenuSubmenu>\n *     <MenuItem>Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n */\nexport function Menu<T extends object>({ ref, ...props }: MenuProps<T>) {\n  [props, ref] = useContextProps(props, ref ?? null, MenuContext);\n\n  const {\n    children,\n    classNames,\n    popoverProps,\n    selectionMode = 'single',\n    variant = 'cozy',\n    ...rest\n  } = props;\n\n  return (\n    <Popover\n      {...popoverProps}\n      className={composeRenderProps(classNames?.popover, (className) =>\n        clsx(styles.popover, className),\n      )}\n    >\n      <MenuContext.Provider value={{ variant }}>\n        <AriaMenu\n          {...rest}\n          ref={ref}\n          className={composeRenderProps(classNames?.menu, (className) =>\n            clsx('group/menu', styles.menu, styles[variant], className),\n          )}\n          selectionMode={selectionMode}\n        >\n          {children}\n        </AriaMenu>\n      </MenuContext.Provider>\n    </Popover>\n  );\n}\n"]}

package/dist/components/menu/item-description.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {MenuStyles}from'./styles.js';const{description:p}=MenuStyles();function l({children:t,className:e,...o}){return jsx(Text,{...o,slot:"description",className:p({className:e}),children:t})}export{l as MenuItemDescription};//# sourceMappingURL=item-description.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Text}from'react-aria-components';import p from'./styles.module.css';function x({children:t,className:o,...e}){return jsx(Text,{...e,slot:"description",className:clsx(p.description,o),children:t})}export{x as MenuItemDescription};//# sourceMappingURL=item-description.js.map
 //# sourceMappingURL=item-description.js.map

package/dist/components/menu/item-description.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/item-description.tsx"],"names":["MenuStyles","i","rest","s","r"],"mappings":"sIAkBA,KAAQ,CAAA,WAAgBA,CAAAA,CAAW,CAAA,CAE5BC,UAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,WACGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,GAAM,CAAAC,IAAA,CAAGF,CAAAA,SAAW,CAAA,aAAc,CAAA,SAAyB,CAAA,CAAA,CAAA,CAAA,SAAW,CACpE,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"item-description.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Text, type TextProps } from 'react-aria-components';\nimport { MenuStyles } from './styles';\n\nconst { description } = MenuStyles();\n\nexport function MenuItemDescription({\n  children,\n  className,\n  ...rest\n}: TextProps) {\n  return (\n    <Text {...rest} slot='description' className={description({ className })}>\n      {children}\n    </Text>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/item-description.tsx"],"names":["MenuItemDescription","children","className","jsx","Text","rest","clsx","styles"],"mappings":"sMAmBgBA,CAAoB,CAClC,SAAAC,CAAAA,CACA,CAAA,SAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAc,CACZ,QACEC,GAACC,CAAAA,IAAA,CACE,CAAA,GAAGC,CACJ,KAAK,CAAA,aACL,CAAA,SAAWC,KAAKC,CAAAA,CAAO,CAAA,WAAaL,CAAS,CAAA,CAE5C,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"item-description.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function MenuItemDescription({\n  children,\n  className,\n  ...rest\n}: TextProps) {\n  return (\n    <Text\n      {...rest}\n      slot='description'\n      className={clsx(styles.description, className)}\n    >\n      {children}\n    </Text>\n  );\n}\n"]}

package/dist/components/menu/item-label.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {MenuStyles}from'./styles.js';const{label:p}=MenuStyles();function i({children:e,className:t,...o}){return jsx(Text,{...o,slot:"label",className:p({className:t}),children:e})}export{i as MenuItemLabel};//# sourceMappingURL=item-label.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Text}from'react-aria-components';import m from'./styles.module.css';function f({children:e,className:t,...o}){return jsx(Text,{...o,slot:"label",className:clsx(m.label,t),children:e})}export{f as MenuItemLabel};//# sourceMappingURL=item-label.js.map
 //# sourceMappingURL=item-label.js.map

package/dist/components/menu/item-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/item-label.tsx"],"names":["MenuStyles","r","rest","s","l"],"mappings":"sIAkBA,KAAQ,CAAA,KAAUA,CAAAA,CAAW,CAAA,CAEtBC,UAAA,EAAA,CAAA,SAAyB,CAAA,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,WAAcC,CAAK,GAC3D,CAAA,CAAA,CAAA,CAAA,OACGC,GAAM,CAAAC,IAAA,CAAGF,CAAAA,SAAW,CAAA,OAAQ,CAAA,SAAmB,CAAA,CAAA,CAAA,CAAA,SAAW,CACxD,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"item-label.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Text, type TextProps } from 'react-aria-components';\nimport { MenuStyles } from './styles';\n\nconst { label } = MenuStyles();\n\nexport function MenuItemLabel({ children, className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={label({ className })}>\n      {children}\n    </Text>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/item-label.tsx"],"names":["MenuItemLabel","children","className","jsx","Text","rest","clsx","styles"],"mappings":"sMAmBgBA,CAAc,CAAE,SAAAC,CAAAA,CAAU,CAAA,SAAAC,CAAAA,CAAW,CAAA,GAAQ,CAAA,CAAc,CACzE,QACEC,GAACC,CAAAA,IAAA,CAAM,CAAA,GAAGC,CAAM,KAAK,CAAA,OAAQ,CAAA,SAAWC,KAAKC,CAAAA,CAAO,CAAA,KAAOL,CAAS,CAAA,CACjE,CAAA,QAAAD,EACH,CAEJ,CAAA","file":"item-label.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function MenuItemLabel({ children, className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)}>\n      {children}\n    </Text>\n  );\n}\n"]}

package/dist/components/menu/item.d.ts

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuItemProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../icon/types.js';
-import './styles.js';
 
 declare function MenuItem({ children, classNames, color, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
 

package/dist/components/menu/item.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx,jsxs}from'react/jsx-runtime';import p from'@accelint/icons/chevron-right';import'client-only';import {useContext}from'react';import {MenuItem,composeRenderProps,Provider,KeyboardContext,Text,DEFAULT_SLOT}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {MenuContext}from'./context.js';import {MenuStyles,MenuStylesDefaults}from'./styles.js';const{item:N,icon:S,more:T,hotkey:A}=MenuStyles();function U({children:n,classNames:t,color:s="info",...i}){const r=useContext(MenuContext),a=(isSlottedContextValue(r)?void 0:r?.variant)??MenuStylesDefaults.variant;return jsx(MenuItem,{...i,className:composeRenderProps(t?.item,e=>N({className:e,variant:a})),"data-color":s,children:composeRenderProps(n,(e,{hasSubmenu:u})=>jsxs(Provider,{values:[[KeyboardContext,{className:A({className:t?.hotkey})}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:S({className:t?.icon})},submenu:{className:T({className:t?.more})}}}]],children:[typeof e=="string"?jsx(Text,{slot:"label",className:t?.text,children:e}):e,u&&jsx(Icon,{slot:"submenu",children:jsx(p,{})})]}))})}export{U as MenuItem};//# sourceMappingURL=item.js.map
+import {jsx,jsxs}from'react/jsx-runtime';import c from'@accelint/icons/chevron-right';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext}from'react';import {MenuItem,composeRenderProps,Provider,KeyboardContext,Text,DEFAULT_SLOT}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {MenuContext}from'./context.js';import e from'./styles.module.css';function F({children:p,classNames:o,color:s="info",...u}){const n=useContext(MenuContext),a=(isSlottedContextValue(n)?void 0:n?.variant)??"cozy";return jsx(MenuItem,{...u,className:composeRenderProps(o?.item,t=>clsx("group/menu-item",e.item,e[a],t)),"data-color":s,children:composeRenderProps(p,(t,{hasSubmenu:f})=>jsxs(Provider,{values:[[KeyboardContext,{className:clsx(e.hotkey,o?.hotkey)}],[IconContext,{slots:{[DEFAULT_SLOT]:{className:clsx(e.icon,o?.icon)},submenu:{className:clsx(e.more,o?.more)}}}]],children:[typeof t=="string"?jsx(Text,{slot:"label",className:o?.text,children:t}):t,f&&jsx(Icon,{slot:"submenu",children:jsx(c,{})})]}))})}export{F as MenuItem};//# sourceMappingURL=item.js.map
 //# sourceMappingURL=item.js.map

package/dist/components/menu/item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/item.tsx"],"names":["more","MenuStyles","MenuItem","children","classNames","useContext","MenuContext","context","MenuStylesDefaults","rest","o","c","className","item","variant","color","composeRenderProps","jsxs","Provider","g","hotkey","IconContext","DEFAULT_SLOT","icon","hasSubmenu","jsx","Icon","ChevronRight"],"mappings":"2dAgCoBA,KAAM,CAAA,IAAO,CAAIC,CAAAA,CAAW,IAEzC,CAAA,CAAA,CAAA,IAASC,CAAAA,CAAS,CACvB,MAAA,CAAA,CAAA,CAAAC,CAAAA,UACA,YAAAC,CACA,CAAA,CAAA,QAAQ,CAAA,CAAA,CAAA,UAGR,CAAA,CAAA,CAAA,KAAgBC,CAAWC,CAAW,OAEbC,CAAO,GAAI,CAAA,CAAA,CAAA,CAAA,kCAClCC,CAAAA,qBAAmB,CAAA,CAAA,CAAA,CAAA,iBAIhB,GAAGC,kBACJ,CAAA,OAAA,CAAA,OAA0CC,GAAA,CAAAC,QAAA,CAAOC,IAC/CC,CAAK,CAAE,UAAAD,kBAAAA,CAAW,CAAA,EAAA,IAAA,CAAAE,CAAQ,EAC5B,EACA,CAAA,SAAA,CAAA,CAAA,CAAYC,WAEXC,CAAAA,CAAmBb,uBAClBc,CAACC,kBAAAA,CAAA,CACC,CAAA,CAAA,CAAA,CAAA,CAAA,UAGM,CAAA,CAAA,CAAA,GAAAC,IAAWC,CAAAA,QAAO,CAAE,CAAA,MAAA,CAAA,CAAA,CAAWhB,eAAAA,CAAAA,CAAY,SAC/C,EACA,CACEiB,CAAAA,SAGI,CAACC,CAAY,EAAG,MACd,CAAA,CAAA,CAAA,CAAA,CAAWC,CAAAA,WAAK,CAAE,qBAAWnB,EAAAA,CAAY,sBAEhC,CAAA,CAAA,EAAA,IAAkB,CAAA,CAAA,CAAA,CAAA,OAAWA,CAAAA,CAAY,SAG1D,CACF,CAAA,CAEC,CAAA,SAAA,CAAA,CAAA,EAAA,IAAOD,CAAAA,CAAa,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACb,CAAA,CAAA,OAAK,CAAA,EAAA,aAAmBC,IAAAA,CAAAA,CAAY,IAAA,CACvC,iBAKJoB,CACCC,CAAAA,EAACC,IAAK,CAAA,QAAK,CAAA,CAAA,CAAA,CACT,cAAAD,CAAAA,CAACE,IAAa,CAAA,SAO5B,CAAA,QAAA,CAAAjB,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport 'client-only';\nimport { useContext } from 'react';\nimport {\n  MenuItem as AriaMenuItem,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Provider,\n  Text,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { MenuContext } from './context';\nimport { MenuStyles, MenuStylesDefaults } from './styles';\nimport type { MenuItemProps } from './types';\n\nconst { item, icon, more, hotkey } = MenuStyles();\n\nexport function MenuItem({\n  children,\n  classNames,\n  color = 'info',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ??\n    MenuStylesDefaults.variant;\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        item({ className, variant }),\n      )}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: hotkey({ className: classNames?.hotkey }) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: icon({ className: classNames?.icon }),\n                  },\n                  submenu: { className: more({ className: classNames?.more }) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <Text slot='label' className={classNames?.text}>\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/item.tsx"],"names":["classNames","color","context","useContext","variant","isSlottedContextValue","l","b","v","rest","x","className","clsx","styles","r","i","jsxs","Provider","T","M","y","IconContext","P","children","Text","m","d","hasSubmenu","jsx","C","ChevronRight"],"mappings":"+fAmCE,SAAA,CAAA,CAAAA,SACAC,CAAQ,aAEQ,CAChB,CAAA,KAAMC,EAAUC,CAAAA,MACVC,CACHC,GAA6B,CAAA,CAAI,CAAA,CAAA,QAAqBC,UAAA,CAAAC,WAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,qBAAA,CAAY,CAAA,CAAA,CAAA,iBAIhE,GAAGC,cAC0BT,GAAAA,CAAYU,aAAOC,CAAAA,CAC/CC,qCAAwBC,CAAAA,EAAOC,IAAA,CAAA,wBAErBb,CAAAA,CAEX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAA0C,CAAA,CAAA,CAAA,QAAW,CAAAc,kBACpDC,CAAAA,CAACC,EAAA,CACC,CAAA,CAAA,UAGM,CAAA,CAAA,CAAA,GAAAC,IAAA,CAAAC,QAAA,CAAWP,CAAAA,MAAY,CAAA,CAAA,CAAAQ,eAAQpB,CAAAA,CAAAA,SACnC,KACA,CACEqB,CAAAA,CACA,MACE,CAAO,CACL,EAAa,MACX,CAAA,CAAA,CAAA,CAAA,CAAAC,WAAA,CAAWV,CAAAA,KAAY,CAAA,CAAA,CAAMZ,YAAAA,EAAY,kBAElC,IAAE,CAAA,CAAA,EAAA,KAAgBa,CAAAA,CAAO,QAAkB,CAAA,SAI5D,CAECC,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,EAAA,IAAA,CAAOS,GAAa,CAAA,CAAA,CAAA,QAClBC,EAAA,kBAAkB,CAAAC,GAAA,CAAAC,IAAA,CAAA,CAAW1B,YAC3B,CAAA,SAGHuB,CAEDI,CAAAA,EACCC,IAAC,CAAK,QAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACT,CAAA,EAAAH,GAAA,CAAAI,IAAA,CAAA,CAAA,IAACC,CAAA,UAKX,QAEJ,CAAAL,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport {\n  MenuItem as AriaMenuItem,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Provider,\n  Text,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { MenuContext } from './context';\nimport styles from './styles.module.css';\nimport type { MenuItemProps } from './types';\n\nexport function MenuItem({\n  children,\n  classNames,\n  color = 'info',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/menu-item', styles.item, styles[variant], className),\n      )}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: clsx(styles.hotkey, classNames?.hotkey) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: clsx(styles.icon, classNames?.icon),\n                  },\n                  submenu: { className: clsx(styles.more, classNames?.more) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <Text slot='label' className={classNames?.text}>\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n}\n"]}

package/dist/components/menu/section.d.ts

@@ -2,9 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { MenuSectionProps } from './types.js';
 import 'react';
 import 'react-aria-components';
-import 'tailwind-variants';
 import '../icon/types.js';
-import './styles.js';
 
 declare function MenuSection<T extends object>({ children, classNames, items, title, ...rest }: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
 

package/dist/components/menu/section.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {MenuSection,Header,Collection}from'react-aria-components';import {MenuStyles}from'./styles.js';const{section:p,header:u}=MenuStyles();function f({children:t,classNames:e,items:i,title:o,...c}){return jsxs(MenuSection,{...c,className:p({className:e?.section}),children:[o&&jsx(Header,{className:u({className:e?.header}),children:o}),jsx(Collection,{items:i,children:t})]})}export{f as MenuSection};//# sourceMappingURL=section.js.map
+import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {MenuSection,Header,Collection}from'react-aria-components';import a from'./styles.module.css';function f({children:n,classNames:e,items:r,title:o,...i}){return jsxs(MenuSection,{...i,className:e?.section,children:[o&&jsx(Header,{className:clsx(a.header,e?.header),children:o}),jsx(Collection,{items:r,children:n})]})}export{f as MenuSection};//# sourceMappingURL=section.js.map
 //# sourceMappingURL=section.js.map

package/dist/components/menu/section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/section.tsx"],"names":["MenuStyles","m","rest","l","jsx","Header","n","a","Collection","s"],"mappings":"oKAuBA,aAAiB,CAAA,CAAA,CAAA,MAAWA,EAAW,CAAA,CAEhCC,UAAA,EAAA,CAAA,oBAEL,CAAA,CAAA,CAAA,UACA,CAAA,CAAA,CAAA,aAEA,CAAA,CAAGC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OACGC,IACE,aAAGD,CAAAA,GACJ,CAAA,CAAA,SAAqB,aAAuB,CAAA,CAAA,EAAA,OAE3C,CAAA,CAAA,CAAA,SACCE,CAAAA,CAACC,EAAAC,GAAO,CAAAC,MAAA,CAAA,CAAA,SAAoB,CAAA,CAAA,CAAA,CAAA,SAAuB,CAAA,CAAA,EAAA,MAChD,CAAA,CAAA,CAAA,QACH,CAEFH,CAAAA,CAACI,EAAAF,GAAW,CAAAG,UAAA,CAAA,CAAA,KAAe,CAAA,CAAA,CAAA,UAC7B,CAEJ,CAAA,CAAA,CAAA,CAAA","file":"section.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport {\n  MenuSection as AriaMenuSection,\n  Collection,\n  Header,\n} from 'react-aria-components';\nimport { MenuStyles } from './styles';\nimport type { MenuSectionProps } from './types';\n\nconst { section, header } = MenuStyles();\n\nexport function MenuSection<T extends object>({\n  children,\n  classNames,\n  items,\n  title,\n  ...rest\n}: MenuSectionProps<T>) {\n  return (\n    <AriaMenuSection\n      {...rest}\n      className={section({ className: classNames?.section })}\n    >\n      {title && (\n        <Header className={header({ className: classNames?.header })}>\n          {title}\n        </Header>\n      )}\n      <Collection items={items}>{children}</Collection>\n    </AriaMenuSection>\n  );\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/section.tsx"],"names":["MenuSection","children","classNames","items","title","jsxs","AriaMenuSection","rest","jsx","Header","clsx","styles","Collection"],"mappings":"oOAwBgBA,CAA8B,CAC5C,CAAA,QAAAC,CAAAA,CACA,CAAA,UAAAC,CAAAA,CACA,CAAA,KAAAC,CAAAA,CACA,MAAAC,CAAAA,CACA,CAAA,GACF,CAAA,CAAwB,CACtB,CAAA,OACEC,IAACC,CAAAA,WAAA,CAAiB,CAAA,GAAGC,CAAM,CAAA,SAAWL,CAAAA,CAAAA,EAAY,OAC/C,CAAA,QAAA,CAAAE,CAAAA,CAAAA,EACCI,GAACC,OAAA,CAAO,CAAA,SAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,MAAQT,CAAAA,CAAAA,EAAY,MAAM,CACtD,SAAAE,CAAAA,CACH,CAAA,CAEFI,CAAAA,GAACI,CAAAA,UAAA,CAAW,CAAA,KAAOT,CAAAA,CAAQ,CAAA,QAAAF,CAAAA,CAAS,GACtC,CAEJ,CAAA","file":"section.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  MenuSection as AriaMenuSection,\n  Collection,\n  Header,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { MenuSectionProps } from './types';\n\nexport function MenuSection<T extends object>({\n  children,\n  classNames,\n  items,\n  title,\n  ...rest\n}: MenuSectionProps<T>) {\n  return (\n    <AriaMenuSection {...rest} className={classNames?.section}>\n      {title && (\n        <Header className={clsx(styles.header, classNames?.header)}>\n          {title}\n        </Header>\n      )}\n      <Collection items={items}>{children}</Collection>\n    </AriaMenuSection>\n  );\n}\n"]}

package/dist/components/menu/separator.js

@@ -1,4 +1,4 @@
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {Separator}from'react-aria-components';import {MenuStyles}from'./styles.js';const{separator:p}=MenuStyles();function S({className:r,...o}){return jsx(Separator,{...o,className:p({className:r})})}export{S as MenuSeparator};//# sourceMappingURL=separator.js.map
+import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {Separator}from'react-aria-components';import a from'./styles.module.css';function l({className:r,...o}){return jsx(Separator,{...o,className:clsx(a.separator,r)})}export{l as MenuSeparator};//# sourceMappingURL=separator.js.map
 //# sourceMappingURL=separator.js.map

package/dist/components/menu/separator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menu/separator.tsx"],"names":["MenuStyles","e","rest","a","t"],"mappings":"2IAkBA,eAAsBA,EAAW,CAAA,CAE1BC,UAAA,EAAA,CAAA,qBAAoC,CAAA,CAAGC,CAAK,GACjD,WAAQC,GAAW,CAAAC,SAAA,CAAGF,CAAAA,cAA6B,cAAc,CACnE,CAAA,CAAA,CAAA,CAAA","file":"separator.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { Separator, type SeparatorProps } from 'react-aria-components';\nimport { MenuStyles } from './styles';\n\nconst { separator } = MenuStyles();\n\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={separator({ className })} />;\n}\n"]}
+{"version":3,"sources":["../../../src/components/menu/separator.tsx"],"names":["MenuSeparator","className","Separator","rest","clsx","styles"],"mappings":"2MAmBgBA,CAAc,CAAE,CAAA,SAAAC,CAAAA,CAAW,IAAQ,CAAA,CAAmB,CACpE,CAAA,UAAQC,CAAAA,SAAA,CAAW,CAAA,GAAGC,CAAM,UAAWC,CAAAA,IAAKC,CAAAA,CAAO,CAAA,SAAWJ,CAAS,EAAG,CAC5E,CAAA","file":"separator.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Separator, type SeparatorProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={clsx(styles.separator, className)} />;\n}\n"]}