@accelint/design-toolkit 9.9.2 → 9.11.0

package/dist/components/list/item-description.d.ts

@@ -12,7 +12,7 @@
 
 import { ListItemDescriptionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime195 from "react/jsx-runtime";
+import * as react_jsx_runtime111 from "react/jsx-runtime";
 
 //#region src/components/list/item-description.d.ts
 /**
@@ -35,7 +35,7 @@ declare function ListItemDescription({
   children,
   className,
   ...rest
-}: ListItemDescriptionProps): react_jsx_runtime195.JSX.Element;
+}: ListItemDescriptionProps): react_jsx_runtime111.JSX.Element;
 //#endregion
 export { ListItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

package/dist/components/list/item-title.d.ts

@@ -12,7 +12,7 @@
 
 import { ListItemTitleProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime184 from "react/jsx-runtime";
+import * as react_jsx_runtime112 from "react/jsx-runtime";
 
 //#region src/components/list/item-title.d.ts
 /**
@@ -35,7 +35,7 @@ declare function ListItemTitle({
   children,
   className,
   ...rest
-}: ListItemTitleProps): react_jsx_runtime184.JSX.Element;
+}: ListItemTitleProps): react_jsx_runtime112.JSX.Element;
 //#endregion
 export { ListItemTitle };
 //# sourceMappingURL=item-title.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { ListItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime168 from "react/jsx-runtime";
+import * as react_jsx_runtime113 from "react/jsx-runtime";
 
 //#region src/components/list/item.d.ts
 
@@ -46,7 +46,7 @@ declare function ListItem<T extends object>({
   classNames,
   textValue,
   ...rest
-}: ListItemProps<T>): react_jsx_runtime168.JSX.Element;
+}: ListItemProps<T>): react_jsx_runtime113.JSX.Element;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/list/item.js

@@ -16,8 +16,9 @@
 import { ListItemTitle } from "./item-title.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { GridListItem, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { GridListItem } from "react-aria-components/GridList";
 import styles from "./styles.module.css";
 
 //#region src/components/list/item.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/list/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { composeRenderProps, GridListItem } from 'react-aria-components';\nimport { ListItemTitle } from './item-title';\nimport styles from './styles.module.css';\nimport type { ListItemProps } from './types';\n\n/**\n * ListItem - Individual selectable item within a List\n *\n * Represents a single row in the grid list with full interaction support including\n * selection, hover states, and keyboard navigation. Can contain icons, content,\n * indicators, and action elements. If children is a string, it will be automatically\n * wrapped in a ListItemTitle.\n *\n * @example\n * ```tsx\n * <ListItem textValue=\"User item\">\n *   <Icon><Avatar /></Icon>\n *   <ListItemContent>\n *     <ListItemTitle>John Doe</ListItemTitle>\n *     <ListItemDescription>Software Engineer</ListItemDescription>\n *   </ListItemContent>\n * </ListItem>\n * ```\n *\n * @param props - {@link ListItemProps}\n * @param props.children - Content to render inside the list item.\n * @param props.classNames - CSS class names for list item elements.\n * @param props.textValue - Accessible text value for the item.\n * @returns The rendered ListItem component.\n */\nexport function ListItem<T extends object>({\n  children,\n  classNames,\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: ListItemProps<T>) {\n  return (\n    <GridListItem\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/list-item', styles.item, className),\n      )}\n      textValue={textValue}\n      {...rest}\n    >\n      {composeRenderProps(children, (children) =>\n        typeof children === 'string' ? (\n          <ListItemTitle>{children}</ListItemTitle>\n        ) : (\n          children\n        ),\n      )}\n    </GridListItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,SAA2B,EACzC,UACA,YACA,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,UAAU,CAChD;EACU;EACX,GAAI;YAEH,mBAAmB,WAAW,eAC7B,OAAOA,eAAa,WAClB,oBAAC,2BAAeA,aAAyB,GAEzCA,WAEH;GACY"}
+{"version":3,"file":"item.js","names":["children"],"sources":["../../../src/components/list/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { GridListItem } from 'react-aria-components/GridList';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { ListItemTitle } from './item-title';\nimport styles from './styles.module.css';\nimport type { ListItemProps } from './types';\n\n/**\n * ListItem - Individual selectable item within a List\n *\n * Represents a single row in the grid list with full interaction support including\n * selection, hover states, and keyboard navigation. Can contain icons, content,\n * indicators, and action elements. If children is a string, it will be automatically\n * wrapped in a ListItemTitle.\n *\n * @example\n * ```tsx\n * <ListItem textValue=\"User item\">\n *   <Icon><Avatar /></Icon>\n *   <ListItemContent>\n *     <ListItemTitle>John Doe</ListItemTitle>\n *     <ListItemDescription>Software Engineer</ListItemDescription>\n *   </ListItemContent>\n * </ListItem>\n * ```\n *\n * @param props - {@link ListItemProps}\n * @param props.children - Content to render inside the list item.\n * @param props.classNames - CSS class names for list item elements.\n * @param props.textValue - Accessible text value for the item.\n * @returns The rendered ListItem component.\n */\nexport function ListItem<T extends object>({\n  children,\n  classNames,\n  textValue = typeof children === 'string' ? children : '',\n  ...rest\n}: ListItemProps<T>) {\n  return (\n    <GridListItem\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/list-item', styles.item, className),\n      )}\n      textValue={textValue}\n      {...rest}\n    >\n      {composeRenderProps(children, (children) =>\n        typeof children === 'string' ? (\n          <ListItemTitle>{children}</ListItemTitle>\n        ) : (\n          children\n        ),\n      )}\n    </GridListItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,SAAgB,SAA2B,EACzC,UACA,YACA,YAAY,OAAO,aAAa,WAAW,WAAW,IACtD,GAAG,QACgB;AACnB,QACE,oBAAC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,UAAU,CAChD;EACU;EACX,GAAI;YAEH,mBAAmB,WAAW,eAC7B,OAAOA,eAAa,WAClB,oBAAC,2BAAeA,aAAyB,GAEzCA,WAEH;GACY"}

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

@@ -12,7 +12,7 @@
 
 import { IconProps } from "../icon/types.js";
 import { ComponentPropsWithRef, RefAttributes } from "react";
-import { GridListItemProps, GridListProps } from "react-aria-components";
+import { GridListItemProps, GridListProps } from "react-aria-components/GridList";
 
 //#region src/components/list/types.d.ts
 /**

package/dist/components/media-controls/context.d.ts

@@ -12,9 +12,9 @@
 
 import { MediaControlsContextValue } from "./types.js";
 import "client-only";
-import * as react48 from "react";
+import * as react30 from "react";
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime170 from "react/jsx-runtime";
+import * as react_jsx_runtime114 from "react/jsx-runtime";
 
 //#region src/components/media-controls/context.d.ts
 /**
@@ -22,7 +22,7 @@ import * as react_jsx_runtime170 from "react/jsx-runtime";
  *
  * Provides shared configuration values (isDisabled) to all child controls.
  */
-declare const MediaControlsContext: react48.Context<MediaControlsContextValue>;
+declare const MediaControlsContext: react30.Context<MediaControlsContextValue>;
 /**
  * Validates that media-chrome's MediaProvider is present.
  *
@@ -60,7 +60,7 @@ declare function useMediaControlsDisabled(propIsDisabled?: boolean): boolean;
 declare function MediaControlsProvider({
   children,
   isDisabled
-}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime170.JSX.Element;
+}: PropsWithChildren<Partial<MediaControlsContextValue>>): react_jsx_runtime114.JSX.Element;
 //#endregion
 export { MediaControlsContext, MediaControlsProvider, useMediaControlsDisabled, useMediaProviderGuard };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/media-controls/fullscreen-button.d.ts

@@ -12,7 +12,7 @@
 
 import { FullscreenButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime116 from "react/jsx-runtime";
 
 //#region src/components/media-controls/fullscreen-button.d.ts
 
@@ -49,7 +49,7 @@ declare function FullscreenButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: FullscreenButtonProps): react_jsx_runtime109.JSX.Element;
+}: FullscreenButtonProps): react_jsx_runtime116.JSX.Element;
 //#endregion
 export { FullscreenButton };
 //# sourceMappingURL=fullscreen-button.d.ts.map

package/dist/components/media-controls/index.d.ts

@@ -12,7 +12,7 @@
 
 import { MediaControlsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime128 from "react/jsx-runtime";
+import * as react_jsx_runtime123 from "react/jsx-runtime";
 
 //#region src/components/media-controls/index.d.ts
 
@@ -62,7 +62,7 @@ declare function MediaControls({
   children,
   isDisabled,
   ...rest
-}: MediaControlsProps): react_jsx_runtime128.JSX.Element;
+}: MediaControlsProps): react_jsx_runtime123.JSX.Element;
 //#endregion
 export { MediaControls };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/media-controls/mute-button.d.ts

@@ -12,7 +12,7 @@
 
 import { MuteButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime129 from "react/jsx-runtime";
+import * as react_jsx_runtime115 from "react/jsx-runtime";
 
 //#region src/components/media-controls/mute-button.d.ts
 
@@ -41,7 +41,7 @@ declare function MuteButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: MuteButtonProps): react_jsx_runtime129.JSX.Element;
+}: MuteButtonProps): react_jsx_runtime115.JSX.Element;
 //#endregion
 export { MuteButton };
 //# sourceMappingURL=mute-button.d.ts.map

package/dist/components/media-controls/play-button.d.ts

@@ -12,7 +12,7 @@
 
 import { PlayButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime131 from "react/jsx-runtime";
+import * as react_jsx_runtime117 from "react/jsx-runtime";
 
 //#region src/components/media-controls/play-button.d.ts
 
@@ -41,7 +41,7 @@ declare function PlayButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlayButtonProps): react_jsx_runtime131.JSX.Element;
+}: PlayButtonProps): react_jsx_runtime117.JSX.Element;
 //#endregion
 export { PlayButton };
 //# sourceMappingURL=play-button.d.ts.map

package/dist/components/media-controls/playback-rate.d.ts

@@ -12,7 +12,7 @@
 
 import { PlaybackRateButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime130 from "react/jsx-runtime";
+import * as react_jsx_runtime118 from "react/jsx-runtime";
 
 //#region src/components/media-controls/playback-rate.d.ts
 
@@ -52,7 +52,7 @@ declare function PlaybackRateButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: PlaybackRateButtonProps): react_jsx_runtime130.JSX.Element;
+}: PlaybackRateButtonProps): react_jsx_runtime118.JSX.Element;
 //#endregion
 export { PlaybackRateButton };
 //# sourceMappingURL=playback-rate.d.ts.map

package/dist/components/media-controls/seek-button.d.ts

@@ -12,7 +12,7 @@
 
 import { SeekButtonProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime133 from "react/jsx-runtime";
+import * as react_jsx_runtime119 from "react/jsx-runtime";
 
 //#region src/components/media-controls/seek-button.d.ts
 
@@ -54,7 +54,7 @@ declare function SeekButton({
   isDisabled: isDisabledProp,
   ref,
   ...rest
-}: SeekButtonProps): react_jsx_runtime133.JSX.Element;
+}: SeekButtonProps): react_jsx_runtime119.JSX.Element;
 //#endregion
 export { SeekButton };
 //# sourceMappingURL=seek-button.d.ts.map

package/dist/components/media-controls/time-display.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeDisplayProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime136 from "react/jsx-runtime";
+import * as react_jsx_runtime120 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-display.d.ts
 
@@ -63,7 +63,7 @@ declare function TimeDisplay({
   isDisabled: isDisabledProp,
   mode,
   ref
-}: TimeDisplayProps): react_jsx_runtime136.JSX.Element;
+}: TimeDisplayProps): react_jsx_runtime120.JSX.Element;
 //#endregion
 export { TimeDisplay };
 //# sourceMappingURL=time-display.d.ts.map

package/dist/components/media-controls/time-range.d.ts

@@ -12,7 +12,7 @@
 
 import { TimeRangeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime139 from "react/jsx-runtime";
+import * as react_jsx_runtime122 from "react/jsx-runtime";
 
 //#region src/components/media-controls/time-range.d.ts
 
@@ -40,7 +40,7 @@ declare function TimeRange({
   className,
   isDisabled: isDisabledProp,
   ref
-}: TimeRangeProps): react_jsx_runtime139.JSX.Element;
+}: TimeRangeProps): react_jsx_runtime122.JSX.Element;
 //#endregion
 export { TimeRange };
 //# sourceMappingURL=time-range.d.ts.map

package/dist/components/media-controls/volume-slider.d.ts

@@ -12,7 +12,7 @@
 
 import { VolumeSliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/media-controls/volume-slider.d.ts
 
@@ -48,7 +48,7 @@ declare function VolumeSlider({
   showLabel,
   isDisabled: isDisabledProp,
   ref
-}: VolumeSliderProps): react_jsx_runtime140.JSX.Element;
+}: VolumeSliderProps): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { VolumeSlider };
 //# sourceMappingURL=volume-slider.d.ts.map

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

@@ -10,17 +10,17 @@
  * governing permissions and limitations under the License.
  */
 
-import { MenuProps as MenuProps$1 } from "./types.js";
+import { MenuProps } from "./types.js";
 import "client-only";
-import * as react43 from "react";
-import { ContextValue } from "react-aria-components";
+import * as react34 from "react";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/menu/context.d.ts
 /**
  * Context for sharing Menu props across component tree.
  * Used internally by Menu subcomponents for variant and state coordination.
  */
-declare const MenuContext: react43.Context<ContextValue<MenuProps$1<unknown>, HTMLDivElement>>;
+declare const MenuContext: react34.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
 //#endregion
 export { MenuContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/menu/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { MenuProps } from './types';\n\n/**\n * Context for sharing Menu props across component tree.\n * Used internally by Menu subcomponents for variant and state coordination.\n */\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,cACX,cAAgE,KAAK"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/menu/context.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { MenuProps } from './types';\n\n/**\n * Context for sharing Menu props across component tree.\n * Used internally by Menu subcomponents for variant and state coordination.\n */\nexport const MenuContext =\n  createContext<ContextValue<MenuProps<unknown>, HTMLDivElement>>(null);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,cACX,cAAgE,KAAK"}

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

@@ -12,7 +12,7 @@
 
 import { MenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime127 from "react/jsx-runtime";
 
 //#region src/components/menu/index.d.ts
 
@@ -126,7 +126,7 @@ import * as react_jsx_runtime144 from "react/jsx-runtime";
 declare function Menu<T extends object>({
   ref,
   ...props
-}: MenuProps<T>): react_jsx_runtime144.JSX.Element;
+}: MenuProps<T>): react_jsx_runtime127.JSX.Element;
 //#endregion
 export { Menu };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.js

@@ -16,8 +16,11 @@
 import { MenuContext } from "./context.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Menu as Menu$1, Popover, composeRenderProps, useContextProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx } from "react/jsx-runtime";
+import { useContextProps } from "react-aria-components/slots";
+import { Popover } from "react-aria-components/Popover";
+import { Menu as Menu$1 } from "react-aria-components/Menu";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/index.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AriaMenu"],"sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 * IMPORTANT: Menu includes its own internal Popover. Do NOT wrap Menu in a\n * Popover component. Use the `popoverProps` prop to configure placement and\n * other popover settings.\n *\n * @example\n * ```tsx\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\n * @example\n * ```tsx\n * // Menu with custom placement\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu popoverProps={{ placement: 'top end' }}>\n *     <MenuItem>Edit</MenuItem>\n *     <MenuItem>Copy</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n *\n * @example\n * ```tsx\n * // Menu with action handler\n * <MenuTrigger>\n *   <Button>Actions</Button>\n *   <Menu onAction={(key) => console.log(key)}>\n *     <MenuItem id=\"edit\">Edit</MenuItem>\n *     <MenuItem id=\"delete\">Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n *\n * @example\n * ```tsx\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 *\n * @example\n * ```tsx\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 *\n * @example\n * ```tsx\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 * ```\n *\n * @param props - {@link MenuProps}\n * @param props.ref - Forwarded ref to the underlying Menu element.\n * @param props.children - Menu items and sections to render.\n * @param props.classNames - CSS class names for menu elements.\n * @param props.popoverProps - Props passed to the internal Popover component.\n * @param props.selectionMode - Selection mode for menu items.\n * @param props.variant - Visual density variant for the menu.\n * @returns The rendered Menu component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqIA,SAAgB,KAAuB,EAAE,KAAK,GAAG,SAAuB;AACtE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,YACA,cACA,gBAAgB,UAChB,UAAU,QACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;YAED,oBAAC,YAAY;GAAS,OAAO,EAAE,SAAS;aACtC,oBAACA;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,OAAO,UAAU,UAAU,CAC5D;IACc;IAEd;KACQ;IACU;GACf"}
+{"version":3,"file":"index.js","names":["AriaMenu"],"sources":["../../../src/components/menu/index.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { Menu as AriaMenu } from 'react-aria-components/Menu';\nimport { Popover } from 'react-aria-components/Popover';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\nimport { useContextProps } from 'react-aria-components/slots';\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 * IMPORTANT: Menu includes its own internal Popover. Do NOT wrap Menu in a\n * Popover component. Use the `popoverProps` prop to configure placement and\n * other popover settings.\n *\n * @example\n * ```tsx\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\n * @example\n * ```tsx\n * // Menu with custom placement\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu popoverProps={{ placement: 'top end' }}>\n *     <MenuItem>Edit</MenuItem>\n *     <MenuItem>Copy</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n *\n * @example\n * ```tsx\n * // Menu with action handler\n * <MenuTrigger>\n *   <Button>Actions</Button>\n *   <Menu onAction={(key) => console.log(key)}>\n *     <MenuItem id=\"edit\">Edit</MenuItem>\n *     <MenuItem id=\"delete\">Delete</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n *\n * @example\n * ```tsx\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 *\n * @example\n * ```tsx\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 *\n * @example\n * ```tsx\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 * ```\n *\n * @param props - {@link MenuProps}\n * @param props.ref - Forwarded ref to the underlying Menu element.\n * @param props.children - Menu items and sections to render.\n * @param props.classNames - CSS class names for menu elements.\n * @param props.popoverProps - Props passed to the internal Popover component.\n * @param props.selectionMode - Selection mode for menu items.\n * @param props.variant - Visual density variant for the menu.\n * @returns The rendered Menu component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIA,SAAgB,KAAuB,EAAE,KAAK,GAAG,SAAuB;AACtE,EAAC,OAAO,OAAO,gBAAgB,OAAO,OAAO,MAAM,YAAY;CAE/D,MAAM,EACJ,UACA,YACA,cACA,gBAAgB,UAChB,UAAU,QACV,GAAG,SACD;AAEJ,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,UAAU,cAClD,KAAK,OAAO,SAAS,UAAU,CAChC;YAED,oBAAC,YAAY;GAAS,OAAO,EAAE,SAAS;aACtC,oBAACA;IACC,GAAI;IACC;IACL,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,cAAc,OAAO,MAAM,OAAO,UAAU,UAAU,CAC5D;IACc;IAEd;KACQ;IACU;GACf"}

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime132 from "react/jsx-runtime";
+import * as react_jsx_runtime159 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/menu/item-description.d.ts
 /**
@@ -34,7 +34,7 @@ declare function MenuItemDescription({
   children,
   className,
   ...rest
-}: TextProps): react_jsx_runtime132.JSX.Element;
+}: TextProps): react_jsx_runtime159.JSX.Element;
 //#endregion
 export { MenuItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

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

@@ -15,8 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/item-description.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/menu/item-description.tsx"],"sourcesContent":["/*\n * Copyright 2026 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\n/**\n * MenuItemDescription - Secondary descriptive text for menu items\n *\n * Renders as a Text component with the 'description' slot.\n *\n * @example\n * ```tsx\n * <MenuItemDescription>Open the document for editing</MenuItemDescription>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Description text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuItemDescription component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,oBAAoB,EAClC,UACA,WACA,GAAG,QACS;AACZ,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,aAAa,UAAU;EAE7C;GACI"}
+{"version":3,"file":"item-description.js","names":[],"sources":["../../../src/components/menu/item-description.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/Text';\nimport styles from './styles.module.css';\n\n/**\n * MenuItemDescription - Secondary descriptive text for menu items\n *\n * Renders as a Text component with the 'description' slot.\n *\n * @example\n * ```tsx\n * <MenuItemDescription>Open the document for editing</MenuItemDescription>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Description text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuItemDescription component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,oBAAoB,EAClC,UACA,WACA,GAAG,QACS;AACZ,QACE,oBAAC;EACC,GAAI;EACJ,MAAK;EACL,WAAW,KAAK,OAAO,aAAa,UAAU;EAE7C;GACI"}

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
+import { TextProps } from "react-aria-components/Text";
 
 //#region src/components/menu/item-label.d.ts
 /**
@@ -34,7 +34,7 @@ declare function MenuItemLabel({
   children,
   className,
   ...rest
-}: TextProps): react_jsx_runtime137.JSX.Element;
+}: TextProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { MenuItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -15,8 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
+import { Text } from "react-aria-components/Text";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/item-label.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/menu/item-label.tsx"],"sourcesContent":["/*\n * Copyright 2026 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\n/**\n * MenuItemLabel - Primary text label for menu items\n *\n * Renders as a Text component with the 'label' slot.\n *\n * @example\n * ```tsx\n * <MenuItemLabel>Edit Document</MenuItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Label text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuItemLabel component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,QAAmB;AACzE,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;EAClE;GACI"}
+{"version":3,"file":"item-label.js","names":[],"sources":["../../../src/components/menu/item-label.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/Text';\nimport styles from './styles.module.css';\n\n/**\n * MenuItemLabel - Primary text label for menu items\n *\n * Renders as a Text component with the 'label' slot.\n *\n * @example\n * ```tsx\n * <MenuItemLabel>Edit Document</MenuItemLabel>\n * ```\n *\n * @param props - TextProps from react-aria-components.\n * @param props.children - Label text content.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuItemLabel component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,cAAc,EAAE,UAAU,WAAW,GAAG,QAAmB;AACzE,QACE,oBAAC;EAAK,GAAI;EAAM,MAAK;EAAQ,WAAW,KAAK,OAAO,OAAO,UAAU;EAClE;GACI"}

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

@@ -12,7 +12,7 @@
 
 import { MenuItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime178 from "react/jsx-runtime";
 
 //#region src/components/menu/item.d.ts
 
@@ -41,7 +41,7 @@ declare function MenuItem({
   classNames,
   color,
   ...rest
-}: MenuItemProps): react_jsx_runtime149.JSX.Element;
+}: MenuItemProps): react_jsx_runtime178.JSX.Element;
 //#endregion
 export { MenuItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/menu/item.js

@@ -20,9 +20,13 @@ import { MenuContext } from "./context.js";
 import "client-only";
 import { useContext } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { DEFAULT_SLOT, KeyboardContext, MenuItem as MenuItem$1, Provider, Text, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { DEFAULT_SLOT, Provider } from "react-aria-components/slots";
 import ChevronRight from "@accelint/icons/chevron-right";
+import { Text } from "react-aria-components/Text";
+import { KeyboardContext } from "react-aria-components/Keyboard";
+import { MenuItem as MenuItem$1 } from "react-aria-components/Menu";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/item.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","names":["AriaMenuItem","children"],"sources":["../../../src/components/menu/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 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\n/**\n * MenuItem - Individual selectable item within a Menu\n *\n * Supports labels, descriptions, icons, hotkeys, and submenu indicators.\n * String children are automatically wrapped in a Text label slot.\n *\n * @example\n * ```tsx\n * <MenuItem>\n *   <MenuItemLabel>Edit</MenuItemLabel>\n *   <MenuItemDescription>Modify the item</MenuItemDescription>\n * </MenuItem>\n * ```\n *\n * @param props - {@link MenuItemProps}\n * @param props.children - Content to render inside the menu item.\n * @param props.classNames - CSS class names for menu item elements.\n * @param props.color - Color variant for the menu item.\n * @returns The rendered MenuItem component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,SAAS,EACvB,UACA,YACA,QAAQ,QACR,GAAG,QACa;CAChB,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;AAErE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,OAAO,UAAU,UAAU,CACjE;EACD,cAAY;YAEX,mBAAmB,WAAW,YAAU,EAAE,iBACzC,qBAAC;GACC,QAAQ,CACN,CACE,iBACA,EAAE,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO,EAAE,CACvD,EACD,CACE,aACA,EACE,OAAO;KACJ,eAAe,EACd,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK,EAC/C;IACD,SAAS,EAAE,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK,EAAE;IAC5D,EACF,CACF,CACF;cAEA,OAAOC,eAAa,WACnB,oBAAC;IAAK,MAAK;IAAQ,WAAW,YAAY;cACvCA;KACI,GAEPA,YAED,cACC,oBAAC;IAAK,MAAK;cACT,oBAAC,iBAAe;KACX;IAEA,CACX;GACW"}
+{"version":3,"file":"item.js","names":["AriaMenuItem","children"],"sources":["../../../src/components/menu/item.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { MenuItem as AriaMenuItem } from 'react-aria-components/Menu';\nimport { Text } from 'react-aria-components/Text';\nimport { KeyboardContext } from 'react-aria-components/Keyboard';\nimport { DEFAULT_SLOT, Provider } from 'react-aria-components/slots';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\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\n/**\n * MenuItem - Individual selectable item within a Menu\n *\n * Supports labels, descriptions, icons, hotkeys, and submenu indicators.\n * String children are automatically wrapped in a Text label slot.\n *\n * @example\n * ```tsx\n * <MenuItem>\n *   <MenuItemLabel>Edit</MenuItemLabel>\n *   <MenuItemDescription>Modify the item</MenuItemDescription>\n * </MenuItem>\n * ```\n *\n * @param props - {@link MenuItemProps}\n * @param props.children - Content to render inside the menu item.\n * @param props.classNames - CSS class names for menu item elements.\n * @param props.color - Color variant for the menu item.\n * @returns The rendered MenuItem component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,SAAS,EACvB,UACA,YACA,QAAQ,QACR,GAAG,QACa;CAChB,MAAM,UAAU,WAAW,YAAY;CACvC,MAAM,WACH,sBAAsB,QAAQ,GAAG,SAAY,SAAS,YAAY;AAErE,QACE,oBAACA;EACC,GAAI;EACJ,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,mBAAmB,OAAO,MAAM,OAAO,UAAU,UAAU,CACjE;EACD,cAAY;YAEX,mBAAmB,WAAW,YAAU,EAAE,iBACzC,qBAAC;GACC,QAAQ,CACN,CACE,iBACA,EAAE,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO,EAAE,CACvD,EACD,CACE,aACA,EACE,OAAO;KACJ,eAAe,EACd,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK,EAC/C;IACD,SAAS,EAAE,WAAW,KAAK,OAAO,MAAM,YAAY,KAAK,EAAE;IAC5D,EACF,CACF,CACF;cAEA,OAAOC,eAAa,WACnB,oBAAC;IAAK,MAAK;IAAQ,WAAW,YAAY;cACvCA;KACI,GAEPA,YAED,cACC,oBAAC;IAAK,MAAK;cACT,oBAAC,iBAAe;KACX;IAEA,CACX;GACW"}

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

@@ -12,7 +12,7 @@
 
 import { MenuSectionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime150 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 
 //#region src/components/menu/section.d.ts
 
@@ -42,7 +42,7 @@ declare function MenuSection<T extends object>({
   items,
   title,
   ...rest
-}: MenuSectionProps<T>): react_jsx_runtime150.JSX.Element;
+}: MenuSectionProps<T>): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { MenuSection };
 //# sourceMappingURL=section.d.ts.map

package/dist/components/menu/section.js

@@ -15,8 +15,8 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Collection, Header, MenuSection as MenuSection$1 } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Collection, Header, MenuSection as MenuSection$1 } from "react-aria-components/Menu";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/section.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"section.js","names":["AriaMenuSection"],"sources":["../../../src/components/menu/section.tsx"],"sourcesContent":["/*\n * Copyright 2026 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\n/**\n * MenuSection - Groups related menu items with an optional header\n *\n * Use to organize menu items into logical groups with visual separation.\n *\n * @example\n * ```tsx\n * <MenuSection title=\"File Actions\">\n *   <MenuItem>New</MenuItem>\n *   <MenuItem>Open</MenuItem>\n * </MenuSection>\n * ```\n *\n * @param props - {@link MenuSectionProps}\n * @param props.children - Menu items to render in the section.\n * @param props.classNames - CSS class names for section elements.\n * @param props.items - Collection of items for dynamic rendering.\n * @param props.title - Title displayed in the section header.\n * @returns The rendered MenuSection component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,YAA8B,EAC5C,UACA,YACA,OACA,OACA,GAAG,QACmB;AACtB,QACE,qBAACA;EAAgB,GAAI;EAAM,WAAW,YAAY;aAC/C,SACC,oBAAC;GAAO,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;aACvD;IACM,EAEX,oBAAC;GAAkB;GAAQ;IAAsB;GACjC"}
+{"version":3,"file":"section.js","names":["AriaMenuSection"],"sources":["../../../src/components/menu/section.tsx"],"sourcesContent":["/*\n * Copyright 2026 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/Menu';\nimport styles from './styles.module.css';\nimport type { MenuSectionProps } from './types';\n\n/**\n * MenuSection - Groups related menu items with an optional header\n *\n * Use to organize menu items into logical groups with visual separation.\n *\n * @example\n * ```tsx\n * <MenuSection title=\"File Actions\">\n *   <MenuItem>New</MenuItem>\n *   <MenuItem>Open</MenuItem>\n * </MenuSection>\n * ```\n *\n * @param props - {@link MenuSectionProps}\n * @param props.children - Menu items to render in the section.\n * @param props.classNames - CSS class names for section elements.\n * @param props.items - Collection of items for dynamic rendering.\n * @param props.title - Title displayed in the section header.\n * @returns The rendered MenuSection component.\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,SAAgB,YAA8B,EAC5C,UACA,YACA,OACA,OACA,GAAG,QACmB;AACtB,QACE,qBAACA;EAAgB,GAAI;EAAM,WAAW,YAAY;aAC/C,SACC,oBAAC;GAAO,WAAW,KAAK,OAAO,QAAQ,YAAY,OAAO;aACvD;IACM,EAEX,oBAAC;GAAkB;GAAQ;IAAsB;GACjC"}

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import { SeparatorProps } from "react-aria-components";
-import * as react_jsx_runtime151 from "react/jsx-runtime";
+import * as react_jsx_runtime175 from "react/jsx-runtime";
+import { SeparatorProps } from "react-aria-components/Separator";
 
 //#region src/components/menu/separator.d.ts
 /**
@@ -32,7 +32,7 @@ import * as react_jsx_runtime151 from "react/jsx-runtime";
 declare function MenuSeparator({
   className,
   ...rest
-}: SeparatorProps): react_jsx_runtime151.JSX.Element;
+}: SeparatorProps): react_jsx_runtime175.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/components/menu/separator.js

@@ -15,9 +15,9 @@
 
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Separator } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
+import { Separator } from "react-aria-components/Separator";
 
 //#region src/components/menu/separator.tsx
 /**