npm - @accelint/design-toolkit - Versions diffs - 9.10.0 → 9.11.1 - Mend

@accelint/design-toolkit 9.10.0 → 9.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (563) hide show

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

@@ -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_runtime164 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_runtime164.JSX.Element;
 //#endregion
 export { MenuItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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_runtime166 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_runtime166.JSX.Element;
 //#endregion
 export { MenuItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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_runtime168 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_runtime168.JSX.Element;
 //#endregion
 export { MenuItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/menu/item.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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_runtime169 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_runtime169.JSX.Element;
 //#endregion
 export { MenuSection };
 //# sourceMappingURL=section.d.ts.map

package/dist/components/menu/section.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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_runtime170 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_runtime170.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/components/menu/separator.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 {\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 CHANGED Viewed

@@ -11,8 +11,8 @@
  */
 import "client-only";
-import * as react34 from "react";
-import * as react_aria_components1 from "react-aria-components";
+import * as react41 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>) => react41.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 //#endregion
 export { MenuSubmenu };
 //# sourceMappingURL=submenu.d.ts.map

package/dist/components/menu/submenu.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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/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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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_runtime171 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_runtime171.JSX.Element;
 //#endregion
 export { Notice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/notice/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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_runtime173 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_runtime173.JSX.Element;
 //#endregion
 export { NoticeList };
 //# sourceMappingURL=list.d.ts.map

package/dist/components/notice/list.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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_runtime172 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_runtime172.JSX.Element;
 //#endregion
 export { NoticeIcon };
 //# sourceMappingURL=notice-icon.d.ts.map

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

@@ -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 CHANGED Viewed

@@ -12,12 +12,12 @@
 import { OptionsDataItem, OptionsProps } from "./types.js";
 import "client-only";
-import * as react35 from "react";
-import { ContextValue } from "react-aria-components";
+import * as react42 from "react";
+import { ContextValue } from "react-aria-components/slots";
 //#region src/components/options/context.d.ts
 /** Context for sharing Options props with nested components */
-declare const OptionsContext: react35.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
+declare const OptionsContext: react42.Context<ContextValue<OptionsProps<OptionsDataItem>, HTMLDivElement>>;
 //#endregion
 export { OptionsContext };
 //# sourceMappingURL=context.d.ts.map

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

	@@ -1 +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"}
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/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"}