@accelint/design-toolkit 9.10.0 → 9.11.0

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_runtime119 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_runtime119.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_runtime132 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_runtime132.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_runtime133 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_runtime133.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_runtime121 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_runtime121.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_runtime128 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_runtime128 from "react/jsx-runtime";
 declare function MenuSeparator({
   className,
   ...rest
-}: SeparatorProps): react_jsx_runtime128.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
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/menu/separator.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 { Separator, type SeparatorProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\n/**\n * MenuSeparator - Visual divider between menu items or sections\n *\n * @example\n * ```tsx\n * <MenuItem>Copy</MenuItem>\n * <MenuSeparator />\n * <MenuItem>Delete</MenuItem>\n * ```\n *\n * @param props - SeparatorProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuSeparator component.\n */\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={clsx(styles.separator, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,cAAc,EAAE,WAAW,GAAG,QAAwB;AACpE,QAAO,oBAAC;EAAU,GAAI;EAAM,WAAW,KAAK,OAAO,WAAW,UAAU;GAAI"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/menu/separator.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  Separator,\n  type SeparatorProps,\n} from 'react-aria-components/Separator';\nimport styles from './styles.module.css';\n\n/**\n * MenuSeparator - Visual divider between menu items or sections\n *\n * @example\n * ```tsx\n * <MenuItem>Copy</MenuItem>\n * <MenuSeparator />\n * <MenuItem>Delete</MenuItem>\n * ```\n *\n * @param props - SeparatorProps from react-aria-components.\n * @param props.className - Optional CSS class name.\n * @returns The rendered MenuSeparator component.\n */\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={clsx(styles.separator, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,cAAc,EAAE,WAAW,GAAG,QAAwB;AACpE,QAAO,oBAAC;EAAU,GAAI;EAAM,WAAW,KAAK,OAAO,WAAW,UAAU;GAAI"}

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

@@ -11,8 +11,8 @@
  */
 
 import "client-only";
-import * as react34 from "react";
-import * as react_aria_components1 from "react-aria-components";
+import * as react42 from "react";
+import * as react_aria_components_Menu0 from "react-aria-components/Menu";
 
 //#region src/components/menu/submenu.d.ts
 /**
@@ -31,7 +31,7 @@ import * as react_aria_components1 from "react-aria-components";
  * </MenuSubmenu>
  * ```
  */
-declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react34.ReactElement | null;
+declare const MenuSubmenu: (props: react_aria_components_Menu0.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react42.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 //#endregion
 export { MenuSubmenu };
 //# sourceMappingURL=submenu.d.ts.map

package/dist/components/menu/submenu.js

@@ -14,7 +14,7 @@
 'use client';
 
 import "client-only";
-import { SubmenuTrigger } from "react-aria-components";
+import { SubmenuTrigger } from "react-aria-components/Menu";
 
 //#region src/components/menu/submenu.tsx
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"submenu.js","names":[],"sources":["../../../src/components/menu/submenu.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 { SubmenuTrigger } from 'react-aria-components';\n\n/**\n * MenuSubmenu - Trigger for nested submenu flyouts\n *\n * Wraps a MenuItem and nested Menu to create hierarchical navigation.\n *\n * @example\n * ```tsx\n * <MenuSubmenu>\n *   <MenuItem>Export</MenuItem>\n *   <Menu>\n *     <MenuItem>Export as PDF</MenuItem>\n *     <MenuItem>Export as CSV</MenuItem>\n *   </Menu>\n * </MenuSubmenu>\n * ```\n */\nexport const MenuSubmenu = SubmenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,cAAc"}
+{"version":3,"file":"submenu.js","names":[],"sources":["../../../src/components/menu/submenu.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 { SubmenuTrigger } from 'react-aria-components/Menu';\n\n/**\n * MenuSubmenu - Trigger for nested submenu flyouts\n *\n * Wraps a MenuItem and nested Menu to create hierarchical navigation.\n *\n * @example\n * ```tsx\n * <MenuSubmenu>\n *   <MenuItem>Export</MenuItem>\n *   <Menu>\n *     <MenuItem>Export as PDF</MenuItem>\n *     <MenuItem>Export as CSV</MenuItem>\n *   </Menu>\n * </MenuSubmenu>\n * ```\n */\nexport const MenuSubmenu = SubmenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,cAAc"}

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import { MenuTrigger as MenuTrigger$1 } from "react-aria-components";
+import { MenuTrigger as MenuTrigger$1 } from "react-aria-components/Menu";
 
 //#region src/components/menu/trigger.d.ts
 /**

package/dist/components/menu/trigger.js

@@ -14,7 +14,7 @@
 'use client';
 
 import "client-only";
-import { MenuTrigger as MenuTrigger$1 } from "react-aria-components";
+import { MenuTrigger as MenuTrigger$1 } from "react-aria-components/Menu";
 
 //#region src/components/menu/trigger.tsx
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"trigger.js","names":["AriaMenuTrigger"],"sources":["../../../src/components/menu/trigger.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 { MenuTrigger as AriaMenuTrigger } from 'react-aria-components';\n\n/**\n * MenuTrigger - Manages open/close state and anchors menu position\n *\n * Wraps a trigger element (typically a Button) and the Menu component.\n *\n * @example\n * ```tsx\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu>\n *     <MenuItem>Item 1</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n */\nexport const MenuTrigger = AriaMenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,cAAcA"}
+{"version":3,"file":"trigger.js","names":["AriaMenuTrigger"],"sources":["../../../src/components/menu/trigger.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 { MenuTrigger as AriaMenuTrigger } from 'react-aria-components/Menu';\n\n/**\n * MenuTrigger - Manages open/close state and anchors menu position\n *\n * Wraps a trigger element (typically a Button) and the Menu component.\n *\n * @example\n * ```tsx\n * <MenuTrigger>\n *   <Button>Open Menu</Button>\n *   <Menu>\n *     <MenuItem>Item 1</MenuItem>\n *   </Menu>\n * </MenuTrigger>\n * ```\n */\nexport const MenuTrigger = AriaMenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,cAAcA"}

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

@@ -12,7 +12,7 @@
 
 import { IconProps } from "../icon/types.js";
 import { ReactElement, RefAttributes } from "react";
-import { MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, MenuSectionProps as MenuSectionProps$1, PopoverProps, TextProps } from "react-aria-components";
+import { MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, MenuSectionProps as MenuSectionProps$1, PopoverProps, TextProps } from "react-aria-components/Menu";
 
 //#region src/components/menu/types.d.ts
 /**

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

@@ -12,7 +12,7 @@
 
 import { NoticeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime122 from "react/jsx-runtime";
+import * as react_jsx_runtime176 from "react/jsx-runtime";
 
 //#region src/components/notice/index.d.ts
 
@@ -61,7 +61,7 @@ declare function Notice({
   onPrimaryAction,
   onSecondaryAction,
   onClose
-}: NoticeProps): react_jsx_runtime122.JSX.Element;
+}: NoticeProps): react_jsx_runtime176.JSX.Element;
 //#endregion
 export { Notice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/notice/index.js

@@ -14,13 +14,13 @@
 'use client';
 
 import { Icon } from "../icon/index.js";
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import { NoticeIcon } from "./notice-icon.js";
 import "client-only";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { Text, UNSTABLE_Toast, UNSTABLE_ToastContent } from "react-aria-components";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Cancel from "@accelint/icons/cancel";
+import { Text, UNSTABLE_Toast, UNSTABLE_ToastContent } from "react-aria-components/Toast";
 import styles from "./styles.module.css";
 
 //#region src/components/notice/index.tsx
@@ -87,7 +87,7 @@ function Notice({ id, classNames, color = "info", message, primary, secondary, h
 				}),
 				(primary || secondary) && /* @__PURE__ */ jsxs("div", {
 					className: clsx(styles.actions, classNames?.actions),
-					children: [primary && /* @__PURE__ */ jsx(Button$1, {
+					children: [primary && /* @__PURE__ */ jsx(Button, {
 						color: ButtonColorMap[color],
 						variant: "filled",
 						...primary,
@@ -96,7 +96,7 @@ function Notice({ id, classNames, color = "info", message, primary, secondary, h
 							onPrimaryAction?.();
 							if (shouldCloseOnAction) onClose?.();
 						}
-					}), secondary && /* @__PURE__ */ jsx(Button$1, {
+					}), secondary && /* @__PURE__ */ jsx(Button, {
 						color: ButtonColorMap[color],
 						variant: "outline",
 						...secondary,
@@ -107,7 +107,7 @@ function Notice({ id, classNames, color = "info", message, primary, secondary, h
 						}
 					})]
 				}),
-				showClose && /* @__PURE__ */ jsx(Button$1, {
+				showClose && /* @__PURE__ */ jsx(Button, {
 					color: ButtonColorMap[color],
 					variant: "icon",
 					onPress: onClose,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ButtonColorMap: Record<NoticeColor, ButtonProps['color']>","Toast","ToastContent","Button"],"sources":["../../../src/components/notice/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';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Cancel from '@accelint/icons/cancel';\nimport {\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { NoticeIcon } from './notice-icon';\nimport styles from './styles.module.css';\nimport type { ButtonProps } from '../button/types';\nimport type { NoticeColor, NoticeProps } from './types';\n\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\n/**\n * Notice - Notification component for temporary messages and alerts\n *\n * Displays messages with optional action buttons and close functionality.\n * Icons are automatically displayed based on the color variant.\n *\n * @example\n * ```tsx\n * <Notice\n *   id=\"notice-1\"\n *   message=\"Operation completed\"\n *   color=\"normal\"\n * />\n * ```\n *\n * @param props - {@link NoticeProps}\n * @param props.id - Unique identifier for the notice.\n * @param props.classNames - CSS class names for notice elements.\n * @param props.color - Color variant indicating severity.\n * @param props.message - Message text to display.\n * @param props.primary - Primary action button configuration.\n * @param props.secondary - Secondary action button configuration.\n * @param props.hideIcon - Whether to hide the status icon.\n * @param props.showClose - Whether to show the close button.\n * @param props.shouldCloseOnAction - Whether to close the notice when an action button is pressed.\n * @param props.size - Size variant for the notice.\n * @param props.onPrimaryAction - Callback when primary action button is pressed.\n * @param props.onSecondaryAction - Callback when secondary action button is pressed.\n * @param props.onClose - Callback when the notice is closed.\n * @returns The rendered Notice component.\n */\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={clsx('group/notice', styles.notice, classNames?.notice)}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n      style={{ viewTransitionName: id }}\n    >\n      <ToastContent className={clsx(styles.content, classNames?.content)}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={clsx(styles.message, classNames?.message)}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={clsx(styles.actions, classNames?.actions)}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,iBAA4D;CAChE,QAAQ;CACR,UAAU;CACV,MAAM;CACN,SAAS;CACT,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCD,SAAgB,OAAO,EACrB,IACA,YACA,QAAQ,QACR,SACA,SACA,WACA,UACA,WACA,qBACA,OAAO,UACP,iBACA,mBACA,WACc;AACd,QACE,oBAACC;EACC,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,OAAO;GAAE,KAAK;GAAI,SAAS;GAAS;GAAS;EAC7C,cAAY;EACZ,aAAW;EACX,OAAO,EAAE,oBAAoB,IAAI;YAEjC,qBAACC;GAAa,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;;IAC/D,CAAC,YAAY,SAAS,YACrB,oBAAC;KAAkB;KAAa;MAAQ;IAE1C,oBAAC;KACC,MAAK;KACL,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;eAEnD;MACI;KACL,WAAW,cACX,qBAAC;KAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;gBACtD,WACC,oBAACC;MACC,OAAO,eAAe;MACtB,SAAQ;MACR,GAAI;MACE;MACN,eAAe;AACb,0BAAmB;AAEnB,WAAI,oBACF,YAAW;;OAGf,EAEH,aACC,oBAACA;MACC,OAAO,eAAe;MACtB,SAAQ;MACR,GAAI;MACE;MACN,eAAe;AACb,4BAAqB;AAErB,WAAI,oBACF,YAAW;;OAGf;MAEA;IAEP,aACC,oBAACA;KACC,OAAO,eAAe;KACtB,SAAQ;KACR,SAAS;eAET,oBAAC,kBACC,oBAAC,WAAS,GACL;MACA;;IAEE;GACT"}
+{"version":3,"file":"index.js","names":["ButtonColorMap: Record<NoticeColor, ButtonProps['color']>","Toast","ToastContent"],"sources":["../../../src/components/notice/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';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport Cancel from '@accelint/icons/cancel';\nimport {\n  Text,\n  UNSTABLE_Toast as Toast,\n  UNSTABLE_ToastContent as ToastContent,\n} from 'react-aria-components/Toast';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { NoticeIcon } from './notice-icon';\nimport styles from './styles.module.css';\nimport type { ButtonProps } from '../button/types';\nimport type { NoticeColor, NoticeProps } from './types';\n\nconst ButtonColorMap: Record<NoticeColor, ButtonProps['color']> = {\n  normal: 'mono-bold',\n  advisory: 'mono-bold',\n  info: 'mono-bold',\n  serious: 'serious',\n  critical: 'critical',\n};\n\n/**\n * Notice - Notification component for temporary messages and alerts\n *\n * Displays messages with optional action buttons and close functionality.\n * Icons are automatically displayed based on the color variant.\n *\n * @example\n * ```tsx\n * <Notice\n *   id=\"notice-1\"\n *   message=\"Operation completed\"\n *   color=\"normal\"\n * />\n * ```\n *\n * @param props - {@link NoticeProps}\n * @param props.id - Unique identifier for the notice.\n * @param props.classNames - CSS class names for notice elements.\n * @param props.color - Color variant indicating severity.\n * @param props.message - Message text to display.\n * @param props.primary - Primary action button configuration.\n * @param props.secondary - Secondary action button configuration.\n * @param props.hideIcon - Whether to hide the status icon.\n * @param props.showClose - Whether to show the close button.\n * @param props.shouldCloseOnAction - Whether to close the notice when an action button is pressed.\n * @param props.size - Size variant for the notice.\n * @param props.onPrimaryAction - Callback when primary action button is pressed.\n * @param props.onSecondaryAction - Callback when secondary action button is pressed.\n * @param props.onClose - Callback when the notice is closed.\n * @returns The rendered Notice component.\n */\nexport function Notice({\n  id,\n  classNames,\n  color = 'info',\n  message,\n  primary,\n  secondary,\n  hideIcon,\n  showClose,\n  shouldCloseOnAction,\n  size = 'medium',\n  onPrimaryAction,\n  onSecondaryAction,\n  onClose,\n}: NoticeProps) {\n  return (\n    <Toast\n      className={clsx('group/notice', styles.notice, classNames?.notice)}\n      toast={{ key: id, content: message, onClose }}\n      data-color={color}\n      data-size={size}\n      style={{ viewTransitionName: id }}\n    >\n      <ToastContent className={clsx(styles.content, classNames?.content)}>\n        {!hideIcon && size === 'medium' && (\n          <NoticeIcon color={color} size={size} />\n        )}\n        <Text\n          slot='description'\n          className={clsx(styles.message, classNames?.message)}\n        >\n          {message}\n        </Text>\n        {(primary || secondary) && (\n          <div className={clsx(styles.actions, classNames?.actions)}>\n            {primary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='filled'\n                {...primary}\n                size={size}\n                onPress={() => {\n                  onPrimaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n            {secondary && (\n              <Button\n                color={ButtonColorMap[color]}\n                variant='outline'\n                {...secondary}\n                size={size}\n                onPress={() => {\n                  onSecondaryAction?.();\n\n                  if (shouldCloseOnAction) {\n                    onClose?.();\n                  }\n                }}\n              />\n            )}\n          </div>\n        )}\n        {showClose && (\n          <Button\n            color={ButtonColorMap[color]}\n            variant='icon'\n            onPress={onClose}\n          >\n            <Icon>\n              <Cancel />\n            </Icon>\n          </Button>\n        )}\n      </ToastContent>\n    </Toast>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,iBAA4D;CAChE,QAAQ;CACR,UAAU;CACV,MAAM;CACN,SAAS;CACT,UAAU;CACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCD,SAAgB,OAAO,EACrB,IACA,YACA,QAAQ,QACR,SACA,SACA,WACA,UACA,WACA,qBACA,OAAO,UACP,iBACA,mBACA,WACc;AACd,QACE,oBAACC;EACC,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,OAAO;GAAE,KAAK;GAAI,SAAS;GAAS;GAAS;EAC7C,cAAY;EACZ,aAAW;EACX,OAAO,EAAE,oBAAoB,IAAI;YAEjC,qBAACC;GAAa,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;;IAC/D,CAAC,YAAY,SAAS,YACrB,oBAAC;KAAkB;KAAa;MAAQ;IAE1C,oBAAC;KACC,MAAK;KACL,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;eAEnD;MACI;KACL,WAAW,cACX,qBAAC;KAAI,WAAW,KAAK,OAAO,SAAS,YAAY,QAAQ;gBACtD,WACC,oBAAC;MACC,OAAO,eAAe;MACtB,SAAQ;MACR,GAAI;MACE;MACN,eAAe;AACb,0BAAmB;AAEnB,WAAI,oBACF,YAAW;;OAGf,EAEH,aACC,oBAAC;MACC,OAAO,eAAe;MACtB,SAAQ;MACR,GAAI;MACE;MACN,eAAe;AACb,4BAAqB;AAErB,WAAI,oBACF,YAAW;;OAGf;MAEA;IAEP,aACC,oBAAC;KACC,OAAO,eAAe;KACtB,SAAQ;KACR,SAAS;eAET,oBAAC,kBACC,oBAAC,WAAS,GACL;MACA;;IAEE;GACT"}

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

@@ -12,7 +12,7 @@
 
 import { NoticeListProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime123 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 
 //#region src/components/notice/list.d.ts
 
@@ -55,7 +55,7 @@ declare function NoticeList({
   placement,
   size,
   ...rest
-}: NoticeListProps): react_jsx_runtime123.JSX.Element;
+}: NoticeListProps): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { NoticeList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/notice/list.js

@@ -13,21 +13,22 @@
 
 'use client';
 
-import { Button as Button$1 } from "../button/index.js";
+import { Button } from "../button/index.js";
 import { NoticeEventTypes } from "./events.js";
 import { Notice } from "./index.js";
 import { matchesMetadata } from "./utils.js";
 import "client-only";
 import { createElement, useEffect, useMemo, useRef, useState } from "react";
 import { clsx } from "@accelint/design-foundation/lib/utils";
-import { UNSTABLE_ToastList, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion, UNSTABLE_ToastStateContext, composeRenderProps } from "react-aria-components";
+import { composeRenderProps } from "react-aria-components/composeRenderProps";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { uuid } from "@accelint/core";
-import { flushSync } from "react-dom";
 import { useBus } from "@accelint/bus/react";
+import { flushSync } from "react-dom";
+import { UNSTABLE_ToastList, UNSTABLE_ToastQueue, UNSTABLE_ToastRegion, UNSTABLE_ToastStateContext } from "react-aria-components/Toast";
 import styles from "./styles.module.css";
-import { useToastRegion } from "@react-aria/toast";
-import { useToastQueue } from "@react-stately/toast";
+import { useToastRegion } from "react-aria/useToast";
+import { useToastQueue } from "react-stately/useToastState";
 
 //#region src/components/notice/list.tsx
 /**
@@ -98,7 +99,7 @@ function NoticeList({ id, classNames, defaultColor, defaultTimeout, hideClearAll
 			setHasNotices(queue.visibleToasts.length > 0);
 		});
 	});
-	const children = /* @__PURE__ */ jsxs(Fragment$1, { children: [!hideClearAll && hasNotices && /* @__PURE__ */ jsx(Button$1, {
+	const children = /* @__PURE__ */ jsxs(Fragment$1, { children: [!hideClearAll && hasNotices && /* @__PURE__ */ jsx(Button, {
 		className: composeRenderProps(classNames?.button, (className) => className ?? ""),
 		variant: "outline",
 		onPress: queue.clear,

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["ToastQueue","useEmit","Button","ToastList","ToastRegion","ToastStateContext"],"sources":["../../../src/components/notice/list.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 { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport { useToastRegion } from '@react-aria/toast';\nimport { useToastQueue } from '@react-stately/toast';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport {\n  composeRenderProps,\n  type QueuedToast,\n  UNSTABLE_ToastList as ToastList,\n  UNSTABLE_ToastQueue as ToastQueue,\n  UNSTABLE_ToastRegion as ToastRegion,\n  UNSTABLE_ToastStateContext as ToastStateContext,\n} from 'react-aria-components';\nimport { Button } from '../button';\nimport { Notice } from './';\nimport { NoticeEventTypes } from './events';\nimport styles from './styles.module.css';\nimport { matchesMetadata } from './utils';\nimport type {\n  NoticeActionEvent,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeListProps,\n  NoticeQueueEvent,\n} from './types';\n\n/**\n * NoticeList - Queue manager for displaying multiple notices\n *\n * Manages a FIFO queue of notices with automatic timeout and dismissal.\n * New notices push out older ones when the limit is reached.\n * Uses event-driven communication via the bus system.\n *\n * @example\n * ```tsx\n * <NoticeList\n *   aria-label=\"notifications\"\n *   placement=\"top right\"\n *   limit={3}\n * />\n * ```\n *\n * @param props - {@link NoticeListProps}\n * @param props.id - Unique identifier for targeting notices to this list.\n * @param props.classNames - CSS class names for list elements.\n * @param props.defaultColor - Default color for notices without explicit color.\n * @param props.defaultTimeout - Default timeout for notices without explicit timeout.\n * @param props.hideClearAll - Whether to hide the \"Clear All\" button.\n * @param props.limit - Maximum number of visible notices.\n * @param props.global - Whether to use global ToastRegion for portal rendering.\n * @param props.placement - Position of the notice list on screen.\n * @param props.size - Size variant for notices in the list.\n * @returns The rendered NoticeList component.\n */\nexport function NoticeList({\n  id,\n  classNames,\n  defaultColor,\n  defaultTimeout,\n  hideClearAll,\n  limit = 3,\n  global,\n  placement,\n  size = 'medium',\n  ...rest\n}: NoticeListProps) {\n  const queue = useMemo(\n    () =>\n      new ToastQueue<NoticeContent>({\n        maxVisibleToasts: limit,\n        wrapUpdate(fn) {\n          if ('startViewTransition' in document) {\n            document.startViewTransition(() => {\n              flushSync(fn);\n            });\n          } else {\n            fn();\n          }\n        },\n      }),\n    [limit],\n  );\n  const state = useToastQueue(queue);\n\n  const [hasNotices, setHasNotices] = useState(false);\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(rest, queue, ref);\n\n  const { useEmit, useOn } = useBus<\n    NoticeQueueEvent | NoticeDequeueEvent | NoticeActionEvent\n  >();\n  const emitActionPrimary = useEmit(NoticeEventTypes.actionPrimary);\n  const emitActionSecondary = useEmit(NoticeEventTypes.actionSecondary);\n  const emitClose = useEmit(NoticeEventTypes.close);\n\n  useOn(NoticeEventTypes.queue, (data) => {\n    if ((id && data.payload.target === id) || !id) {\n      const timeout = defaultTimeout ?? data.payload.timeout;\n      queue.add(\n        {\n          ...data.payload,\n          id: data.payload.id || uuid(),\n          color: defaultColor || data.payload.color,\n        },\n        {\n          timeout,\n        },\n      );\n      if (timeout) {\n        queue.resumeAll();\n      }\n    }\n  });\n\n  useOn(NoticeEventTypes.dequeue, (data) => {\n    // @ts-expect-error : queue.queue exists, but is not currently documented\n    const queuedNotices = queue.queue;\n\n    const dequeue = queuedNotices.filter((toast: QueuedToast<NoticeContent>) =>\n      matchesMetadata(data.payload, toast.content),\n    );\n\n    if (dequeue.length && dequeue.length === queuedNotices.length) {\n      queue.clear();\n    } else {\n      for (const toast of dequeue) {\n        queue.close(toast.key);\n      }\n    }\n  });\n\n  useEffect(() => {\n    queue.subscribe(() => {\n      setHasNotices(queue.visibleToasts.length > 0);\n    });\n  });\n\n  const children = (\n    <>\n      {!hideClearAll && hasNotices && (\n        <Button\n          className={composeRenderProps(\n            classNames?.button,\n            (className) => className ?? '',\n          )}\n          variant='outline'\n          onPress={queue.clear}\n        >\n          Clear All\n        </Button>\n      )}\n      <ToastList\n        className={composeRenderProps(classNames?.list, (className) =>\n          clsx(styles.list, className),\n        )}\n      >\n        {({ toast }: { toast: QueuedToast<NoticeContent> }) => (\n          <Notice\n            {...toast.content}\n            key={toast.key}\n            showClose={\n              !(\n                toast.timeout &&\n                toast.content.primary &&\n                toast.content.secondary\n              )\n            }\n            classNames={classNames?.notice}\n            size={size}\n            onPrimaryAction={() => emitActionPrimary({ id: toast.content.id })}\n            onSecondaryAction={() =>\n              emitActionSecondary({ id: toast.content.id })\n            }\n            onClose={() => {\n              toast.onClose?.();\n              queue.close(toast.key);\n              emitClose({ id: toast.content.id });\n            }}\n          />\n        )}\n      </ToastList>\n    </>\n  );\n\n  return global ? (\n    <ToastRegion\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      queue={queue}\n    >\n      {children}\n    </ToastRegion>\n  ) : (\n    <div\n      {...regionProps}\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      ref={ref}\n    >\n      <ToastStateContext.Provider value={state}>\n        {children}\n      </ToastStateContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,WAAW,EACzB,IACA,YACA,cACA,gBACA,cACA,QAAQ,GACR,QACA,WACA,OAAO,UACP,GAAG,QACe;CAClB,MAAM,QAAQ,cAEV,IAAIA,oBAA0B;EAC5B,kBAAkB;EAClB,WAAW,IAAI;AACb,OAAI,yBAAyB,SAC3B,UAAS,0BAA0B;AACjC,cAAU,GAAG;KACb;OAEF,KAAI;;EAGT,CAAC,EACJ,CAAC,MAAM,CACR;CACD,MAAM,QAAQ,cAAc,MAAM;CAElC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,MAAM,OAAO,KAAK;CACxB,MAAM,EAAE,gBAAgB,eAAe,MAAM,OAAO,IAAI;CAExD,MAAM,EAAE,oBAAS,mBAAU,QAExB;CACH,MAAM,oBAAoBC,UAAQ,iBAAiB,cAAc;CACjE,MAAM,sBAAsBA,UAAQ,iBAAiB,gBAAgB;CACrE,MAAM,YAAYA,UAAQ,iBAAiB,MAAM;AAEjD,SAAM,iBAAiB,QAAQ,SAAS;AACtC,MAAK,MAAM,KAAK,QAAQ,WAAW,MAAO,CAAC,IAAI;GAC7C,MAAM,UAAU,kBAAkB,KAAK,QAAQ;AAC/C,SAAM,IACJ;IACE,GAAG,KAAK;IACR,IAAI,KAAK,QAAQ,MAAM,MAAM;IAC7B,OAAO,gBAAgB,KAAK,QAAQ;IACrC,EACD,EACE,SACD,CACF;AACD,OAAI,QACF,OAAM,WAAW;;GAGrB;AAEF,SAAM,iBAAiB,UAAU,SAAS;EAExC,MAAM,gBAAgB,MAAM;EAE5B,MAAM,UAAU,cAAc,QAAQ,UACpC,gBAAgB,KAAK,SAAS,MAAM,QAAQ,CAC7C;AAED,MAAI,QAAQ,UAAU,QAAQ,WAAW,cAAc,OACrD,OAAM,OAAO;MAEb,MAAK,MAAM,SAAS,QAClB,OAAM,MAAM,MAAM,IAAI;GAG1B;AAEF,iBAAgB;AACd,QAAM,gBAAgB;AACpB,iBAAc,MAAM,cAAc,SAAS,EAAE;IAC7C;GACF;CAEF,MAAM,WACJ,8CACG,CAAC,gBAAgB,cAChB,oBAACC;EACC,WAAW,mBACT,YAAY,SACX,cAAc,aAAa,GAC7B;EACD,SAAQ;EACR,SAAS,MAAM;YAChB;GAEQ,EAEX,oBAACC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;aAEC,EAAE,YACF,8BAAC;GACC,GAAI,MAAM;GACV,KAAK,MAAM;GACX,WACE,EACE,MAAM,WACN,MAAM,QAAQ,WACd,MAAM,QAAQ;GAGlB,YAAY,YAAY;GAClB;GACN,uBAAuB,kBAAkB,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;GAClE,yBACE,oBAAoB,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;GAE/C,eAAe;AACb,UAAM,WAAW;AACjB,UAAM,MAAM,MAAM,IAAI;AACtB,cAAU,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;;IAErC;GAEM,IACX;AAGL,QAAO,SACL,oBAACC;EACC,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,kBAAgB;EACT;EAEN;GACW,GAEd,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,kBAAgB;EACX;YAEL,oBAACC,2BAAkB;GAAS,OAAO;GAChC;IAC0B;GACzB"}
+{"version":3,"file":"list.js","names":["ToastQueue","useEmit","ToastList","ToastRegion","ToastStateContext"],"sources":["../../../src/components/notice/list.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 { useBus } from '@accelint/bus/react';\nimport { uuid } from '@accelint/core';\nimport { useToastRegion } from 'react-aria/useToast';\nimport { useToastQueue } from 'react-stately/useToastState';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport {\n  type QueuedToast,\n  UNSTABLE_ToastList as ToastList,\n  UNSTABLE_ToastQueue as ToastQueue,\n  UNSTABLE_ToastRegion as ToastRegion,\n  UNSTABLE_ToastStateContext as ToastStateContext,\n} from 'react-aria-components/Toast';\nimport { Button } from '../button';\nimport { Notice } from './';\nimport { NoticeEventTypes } from './events';\nimport styles from './styles.module.css';\nimport { matchesMetadata } from './utils';\nimport type {\n  NoticeActionEvent,\n  NoticeContent,\n  NoticeDequeueEvent,\n  NoticeListProps,\n  NoticeQueueEvent,\n} from './types';\nimport { composeRenderProps } from 'react-aria-components/composeRenderProps';\n\n/**\n * NoticeList - Queue manager for displaying multiple notices\n *\n * Manages a FIFO queue of notices with automatic timeout and dismissal.\n * New notices push out older ones when the limit is reached.\n * Uses event-driven communication via the bus system.\n *\n * @example\n * ```tsx\n * <NoticeList\n *   aria-label=\"notifications\"\n *   placement=\"top right\"\n *   limit={3}\n * />\n * ```\n *\n * @param props - {@link NoticeListProps}\n * @param props.id - Unique identifier for targeting notices to this list.\n * @param props.classNames - CSS class names for list elements.\n * @param props.defaultColor - Default color for notices without explicit color.\n * @param props.defaultTimeout - Default timeout for notices without explicit timeout.\n * @param props.hideClearAll - Whether to hide the \"Clear All\" button.\n * @param props.limit - Maximum number of visible notices.\n * @param props.global - Whether to use global ToastRegion for portal rendering.\n * @param props.placement - Position of the notice list on screen.\n * @param props.size - Size variant for notices in the list.\n * @returns The rendered NoticeList component.\n */\nexport function NoticeList({\n  id,\n  classNames,\n  defaultColor,\n  defaultTimeout,\n  hideClearAll,\n  limit = 3,\n  global,\n  placement,\n  size = 'medium',\n  ...rest\n}: NoticeListProps) {\n  const queue = useMemo(\n    () =>\n      new ToastQueue<NoticeContent>({\n        maxVisibleToasts: limit,\n        wrapUpdate(fn) {\n          if ('startViewTransition' in document) {\n            document.startViewTransition(() => {\n              flushSync(fn);\n            });\n          } else {\n            fn();\n          }\n        },\n      }),\n    [limit],\n  );\n  const state = useToastQueue(queue);\n\n  const [hasNotices, setHasNotices] = useState(false);\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(rest, queue, ref);\n\n  const { useEmit, useOn } = useBus<\n    NoticeQueueEvent | NoticeDequeueEvent | NoticeActionEvent\n  >();\n  const emitActionPrimary = useEmit(NoticeEventTypes.actionPrimary);\n  const emitActionSecondary = useEmit(NoticeEventTypes.actionSecondary);\n  const emitClose = useEmit(NoticeEventTypes.close);\n\n  useOn(NoticeEventTypes.queue, (data) => {\n    if ((id && data.payload.target === id) || !id) {\n      const timeout = defaultTimeout ?? data.payload.timeout;\n      queue.add(\n        {\n          ...data.payload,\n          id: data.payload.id || uuid(),\n          color: defaultColor || data.payload.color,\n        },\n        {\n          timeout,\n        },\n      );\n      if (timeout) {\n        queue.resumeAll();\n      }\n    }\n  });\n\n  useOn(NoticeEventTypes.dequeue, (data) => {\n    // @ts-expect-error : queue.queue exists, but is not currently documented\n    const queuedNotices = queue.queue;\n\n    const dequeue = queuedNotices.filter((toast: QueuedToast<NoticeContent>) =>\n      matchesMetadata(data.payload, toast.content),\n    );\n\n    if (dequeue.length && dequeue.length === queuedNotices.length) {\n      queue.clear();\n    } else {\n      for (const toast of dequeue) {\n        queue.close(toast.key);\n      }\n    }\n  });\n\n  useEffect(() => {\n    queue.subscribe(() => {\n      setHasNotices(queue.visibleToasts.length > 0);\n    });\n  });\n\n  const children = (\n    <>\n      {!hideClearAll && hasNotices && (\n        <Button\n          className={composeRenderProps(\n            classNames?.button,\n            (className) => className ?? '',\n          )}\n          variant='outline'\n          onPress={queue.clear}\n        >\n          Clear All\n        </Button>\n      )}\n      <ToastList\n        className={composeRenderProps(classNames?.list, (className) =>\n          clsx(styles.list, className),\n        )}\n      >\n        {({ toast }: { toast: QueuedToast<NoticeContent> }) => (\n          <Notice\n            {...toast.content}\n            key={toast.key}\n            showClose={\n              !(\n                toast.timeout &&\n                toast.content.primary &&\n                toast.content.secondary\n              )\n            }\n            classNames={classNames?.notice}\n            size={size}\n            onPrimaryAction={() => emitActionPrimary({ id: toast.content.id })}\n            onSecondaryAction={() =>\n              emitActionSecondary({ id: toast.content.id })\n            }\n            onClose={() => {\n              toast.onClose?.();\n              queue.close(toast.key);\n              emitClose({ id: toast.content.id });\n            }}\n          />\n        )}\n      </ToastList>\n    </>\n  );\n\n  return global ? (\n    <ToastRegion\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      queue={queue}\n    >\n      {children}\n    </ToastRegion>\n  ) : (\n    <div\n      {...regionProps}\n      className={clsx('group/region', styles.region, classNames?.region)}\n      data-placement={placement}\n      ref={ref}\n    >\n      <ToastStateContext.Provider value={state}>\n        {children}\n      </ToastStateContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,WAAW,EACzB,IACA,YACA,cACA,gBACA,cACA,QAAQ,GACR,QACA,WACA,OAAO,UACP,GAAG,QACe;CAClB,MAAM,QAAQ,cAEV,IAAIA,oBAA0B;EAC5B,kBAAkB;EAClB,WAAW,IAAI;AACb,OAAI,yBAAyB,SAC3B,UAAS,0BAA0B;AACjC,cAAU,GAAG;KACb;OAEF,KAAI;;EAGT,CAAC,EACJ,CAAC,MAAM,CACR;CACD,MAAM,QAAQ,cAAc,MAAM;CAElC,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,MAAM,OAAO,KAAK;CACxB,MAAM,EAAE,gBAAgB,eAAe,MAAM,OAAO,IAAI;CAExD,MAAM,EAAE,oBAAS,mBAAU,QAExB;CACH,MAAM,oBAAoBC,UAAQ,iBAAiB,cAAc;CACjE,MAAM,sBAAsBA,UAAQ,iBAAiB,gBAAgB;CACrE,MAAM,YAAYA,UAAQ,iBAAiB,MAAM;AAEjD,SAAM,iBAAiB,QAAQ,SAAS;AACtC,MAAK,MAAM,KAAK,QAAQ,WAAW,MAAO,CAAC,IAAI;GAC7C,MAAM,UAAU,kBAAkB,KAAK,QAAQ;AAC/C,SAAM,IACJ;IACE,GAAG,KAAK;IACR,IAAI,KAAK,QAAQ,MAAM,MAAM;IAC7B,OAAO,gBAAgB,KAAK,QAAQ;IACrC,EACD,EACE,SACD,CACF;AACD,OAAI,QACF,OAAM,WAAW;;GAGrB;AAEF,SAAM,iBAAiB,UAAU,SAAS;EAExC,MAAM,gBAAgB,MAAM;EAE5B,MAAM,UAAU,cAAc,QAAQ,UACpC,gBAAgB,KAAK,SAAS,MAAM,QAAQ,CAC7C;AAED,MAAI,QAAQ,UAAU,QAAQ,WAAW,cAAc,OACrD,OAAM,OAAO;MAEb,MAAK,MAAM,SAAS,QAClB,OAAM,MAAM,MAAM,IAAI;GAG1B;AAEF,iBAAgB;AACd,QAAM,gBAAgB;AACpB,iBAAc,MAAM,cAAc,SAAS,EAAE;IAC7C;GACF;CAEF,MAAM,WACJ,8CACG,CAAC,gBAAgB,cAChB,oBAAC;EACC,WAAW,mBACT,YAAY,SACX,cAAc,aAAa,GAC7B;EACD,SAAQ;EACR,SAAS,MAAM;YAChB;GAEQ,EAEX,oBAACC;EACC,WAAW,mBAAmB,YAAY,OAAO,cAC/C,KAAK,OAAO,MAAM,UAAU,CAC7B;aAEC,EAAE,YACF,8BAAC;GACC,GAAI,MAAM;GACV,KAAK,MAAM;GACX,WACE,EACE,MAAM,WACN,MAAM,QAAQ,WACd,MAAM,QAAQ;GAGlB,YAAY,YAAY;GAClB;GACN,uBAAuB,kBAAkB,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;GAClE,yBACE,oBAAoB,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;GAE/C,eAAe;AACb,UAAM,WAAW;AACjB,UAAM,MAAM,MAAM,IAAI;AACtB,cAAU,EAAE,IAAI,MAAM,QAAQ,IAAI,CAAC;;IAErC;GAEM,IACX;AAGL,QAAO,SACL,oBAACC;EACC,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,kBAAgB;EACT;EAEN;GACW,GAEd,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,gBAAgB,OAAO,QAAQ,YAAY,OAAO;EAClE,kBAAgB;EACX;YAEL,oBAACC,2BAAkB;GAAS,OAAO;GAChC;IAC0B;GACzB"}

package/dist/components/notice/notice-icon.d.ts

@@ -12,7 +12,7 @@
 
 import { NoticeIconProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime124 from "react/jsx-runtime";
+import * as react_jsx_runtime179 from "react/jsx-runtime";
 
 //#region src/components/notice/notice-icon.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime124 from "react/jsx-runtime";
 declare function NoticeIcon({
   color,
   size
-}: NoticeIconProps): react_jsx_runtime124.JSX.Element;
+}: NoticeIconProps): react_jsx_runtime179.JSX.Element;
 //#endregion
 export { NoticeIcon };
 //# sourceMappingURL=notice-icon.d.ts.map

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

@@ -10,18 +10,18 @@
  * governing permissions and limitations under the License.
  */
 
-import { ButtonProps as ButtonProps$1 } from "../button/types.js";
+import { ButtonProps } from "../button/types.js";
 import { NoticeEventTypes } from "./events.js";
-import { ToastListProps } from "react-aria-components";
 import { UniqueId } from "@accelint/core";
 import { Payload, StructuredCloneableData } from "@accelint/bus";
+import { ToastListProps } from "react-aria-components/Toast";
 
 //#region src/components/notice/types.d.ts
 /**
  * Color variant for notices indicating severity level.
  */
 type NoticeColor = 'info' | 'advisory' | 'normal' | 'serious' | 'critical';
-type ActionButtonProps = Pick<ButtonProps$1, 'color' | 'variant'> & {
+type ActionButtonProps = Pick<ButtonProps, 'color' | 'variant'> & {
   children: string;
 };
 /**
@@ -81,7 +81,7 @@ type NoticeListProps = {
     /** Class name for the toast list. */
     list?: ToastListProps<NoticeContent>['className'];
     /** Class name for the clear all button. */
-    button?: ButtonProps$1['className'];
+    button?: ButtonProps['className'];
     /** Class names for individual notices. */
     notice?: NoticeProps['classNames'];
   };

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

@@ -13,7 +13,7 @@
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
 import * as react35 from "react";
-import { ContextValue } from "react-aria-components";
+import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/options/context.d.ts
 /** Context for sharing Options props with nested components */

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/options/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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\n/** Context for sharing Options props with nested components */\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>(\n    null,\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBACX,cACE,KACD"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/options/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'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components/slots';\nimport type { OptionsDataItem, OptionsProps } from './types';\n\n/** Context for sharing Options props with nested components */\nexport const OptionsContext =\n  createContext<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>(\n    null,\n  );\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA,MAAa,iBACX,cACE,KACD"}

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

@@ -12,7 +12,7 @@
 
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime126 from "react/jsx-runtime";
+import * as react_jsx_runtime129 from "react/jsx-runtime";
 
 //#region src/components/options/index.d.ts
 
@@ -73,7 +73,7 @@ import * as react_jsx_runtime126 from "react/jsx-runtime";
 declare function Options<T extends OptionsDataItem>({
   ref,
   ...props
-}: OptionsProps<T>): react_jsx_runtime126.JSX.Element;
+}: OptionsProps<T>): react_jsx_runtime129.JSX.Element;
 //#endregion
 export { Options };
 //# sourceMappingURL=index.d.ts.map