@accelint/design-toolkit 9.3.0 → 9.4.0

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

@@ -12,14 +12,29 @@
 
 import "client-only";
 import { TextProps } from "react-aria-components";
-import * as react_jsx_runtime106 from "react/jsx-runtime";
+import * as react_jsx_runtime183 from "react/jsx-runtime";
 
 //#region src/components/menu/item-label.d.ts
+/**
+ * MenuItemLabel - Primary text label for menu items
+ *
+ * Renders as a Text component with the 'label' slot.
+ *
+ * @example
+ * ```tsx
+ * <MenuItemLabel>Edit Document</MenuItemLabel>
+ * ```
+ *
+ * @param props - TextProps from react-aria-components.
+ * @param props.children - Label text content.
+ * @param props.className - Optional CSS class name.
+ * @returns The rendered MenuItemLabel component.
+ */
 declare function MenuItemLabel({
   children,
   className,
   ...rest
-}: TextProps): react_jsx_runtime106.JSX.Element;
+}: TextProps): react_jsx_runtime183.JSX.Element;
 //#endregion
 export { MenuItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

@@ -20,6 +20,21 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/item-label.tsx
+/**
+* MenuItemLabel - Primary text label for menu items
+*
+* Renders as a Text component with the 'label' slot.
+*
+* @example
+* ```tsx
+* <MenuItemLabel>Edit Document</MenuItemLabel>
+* ```
+*
+* @param props - TextProps from react-aria-components.
+* @param props.children - Label text content.
+* @param props.className - Optional CSS class name.
+* @returns The rendered MenuItemLabel component.
+*/
 function MenuItemLabel({ children, className, ...rest }) {
 	return /* @__PURE__ */ jsx(Text, {
 		...rest,

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function MenuItemLabel({ children, className, ...rest }: TextProps) {\n  return (\n    <Text {...rest} slot='label' className={clsx(styles.label, className)}>\n      {children}\n    </Text>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Text, type TextProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\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,15 +12,36 @@
 
 import { MenuItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime107 from "react/jsx-runtime";
+import * as react_jsx_runtime130 from "react/jsx-runtime";
 
 //#region src/components/menu/item.d.ts
+
+/**
+ * MenuItem - Individual selectable item within a Menu
+ *
+ * Supports labels, descriptions, icons, hotkeys, and submenu indicators.
+ * String children are automatically wrapped in a Text label slot.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>
+ *   <MenuItemLabel>Edit</MenuItemLabel>
+ *   <MenuItemDescription>Modify the item</MenuItemDescription>
+ * </MenuItem>
+ * ```
+ *
+ * @param props - {@link MenuItemProps}
+ * @param props.children - Content to render inside the menu item.
+ * @param props.classNames - CSS class names for menu item elements.
+ * @param props.color - Color variant for the menu item.
+ * @returns The rendered MenuItem component.
+ */
 declare function MenuItem({
   children,
   classNames,
   color,
   ...rest
-}: MenuItemProps): react_jsx_runtime107.JSX.Element;
+}: MenuItemProps): react_jsx_runtime130.JSX.Element;
 //#endregion
 export { MenuItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/menu/item.js

@@ -22,10 +22,30 @@ 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 { jsx, jsxs } from "react/jsx-runtime";
-import styles from "./styles.module.css";
 import ChevronRight from "@accelint/icons/chevron-right";
+import styles from "./styles.module.css";
 
 //#region src/components/menu/item.tsx
+/**
+* MenuItem - Individual selectable item within a Menu
+*
+* Supports labels, descriptions, icons, hotkeys, and submenu indicators.
+* String children are automatically wrapped in a Text label slot.
+*
+* @example
+* ```tsx
+* <MenuItem>
+*   <MenuItemLabel>Edit</MenuItemLabel>
+*   <MenuItemDescription>Modify the item</MenuItemDescription>
+* </MenuItem>
+* ```
+*
+* @param props - {@link MenuItemProps}
+* @param props.children - Content to render inside the menu item.
+* @param props.classNames - CSS class names for menu item elements.
+* @param props.color - Color variant for the menu item.
+* @returns The rendered MenuItem component.
+*/
 function MenuItem({ children, classNames, color = "info", ...rest }) {
 	const context = useContext(MenuContext);
 	const variant = (isSlottedContextValue(context) ? void 0 : context?.variant) ?? "cozy";

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport {\n  MenuItem as AriaMenuItem,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Provider,\n  Text,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { MenuContext } from './context';\nimport styles from './styles.module.css';\nimport type { MenuItemProps } from './types';\n\nexport function MenuItem({\n  children,\n  classNames,\n  color = 'info',\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext);\n  const variant =\n    (isSlottedContextValue(context) ? undefined : context?.variant) ?? 'cozy';\n\n  return (\n    <AriaMenuItem\n      {...rest}\n      className={composeRenderProps(classNames?.item, (className) =>\n        clsx('group/menu-item', styles.item, styles[variant], className),\n      )}\n      data-color={color}\n    >\n      {composeRenderProps(children, (children, { hasSubmenu }) => (\n        <Provider\n          values={[\n            [\n              KeyboardContext,\n              { className: clsx(styles.hotkey, classNames?.hotkey) },\n            ],\n            [\n              IconContext,\n              {\n                slots: {\n                  [DEFAULT_SLOT]: {\n                    className: clsx(styles.icon, classNames?.icon),\n                  },\n                  submenu: { className: clsx(styles.more, classNames?.more) },\n                },\n              },\n            ],\n          ]}\n        >\n          {typeof children === 'string' ? (\n            <Text slot='label' className={classNames?.text}>\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n          {hasSubmenu && (\n            <Icon slot='submenu'>\n              <ChevronRight />\n            </Icon>\n          )}\n        </Provider>\n      ))}\n    </AriaMenuItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport ChevronRight from '@accelint/icons/chevron-right';\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { useContext } from 'react';\nimport {\n  MenuItem as AriaMenuItem,\n  composeRenderProps,\n  DEFAULT_SLOT,\n  KeyboardContext,\n  Provider,\n  Text,\n} from 'react-aria-components';\nimport { isSlottedContextValue } from '../../lib/utils';\nimport { Icon } from '../icon';\nimport { IconContext } from '../icon/context';\nimport { MenuContext } from './context';\nimport styles from './styles.module.css';\nimport type { MenuItemProps } from './types';\n\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"}

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

@@ -12,16 +12,37 @@
 
 import { MenuSectionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime109 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 
 //#region src/components/menu/section.d.ts
+
+/**
+ * MenuSection - Groups related menu items with an optional header
+ *
+ * Use to organize menu items into logical groups with visual separation.
+ *
+ * @example
+ * ```tsx
+ * <MenuSection title="File Actions">
+ *   <MenuItem>New</MenuItem>
+ *   <MenuItem>Open</MenuItem>
+ * </MenuSection>
+ * ```
+ *
+ * @param props - {@link MenuSectionProps}
+ * @param props.children - Menu items to render in the section.
+ * @param props.classNames - CSS class names for section elements.
+ * @param props.items - Collection of items for dynamic rendering.
+ * @param props.title - Title displayed in the section header.
+ * @returns The rendered MenuSection component.
+ */
 declare function MenuSection<T extends object>({
   children,
   classNames,
   items,
   title,
   ...rest
-}: MenuSectionProps<T>): react_jsx_runtime109.JSX.Element;
+}: MenuSectionProps<T>): react_jsx_runtime143.JSX.Element;
 //#endregion
 export { MenuSection };
 //# sourceMappingURL=section.d.ts.map

package/dist/components/menu/section.js

@@ -20,6 +20,26 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/section.tsx
+/**
+* MenuSection - Groups related menu items with an optional header
+*
+* Use to organize menu items into logical groups with visual separation.
+*
+* @example
+* ```tsx
+* <MenuSection title="File Actions">
+*   <MenuItem>New</MenuItem>
+*   <MenuItem>Open</MenuItem>
+* </MenuSection>
+* ```
+*
+* @param props - {@link MenuSectionProps}
+* @param props.children - Menu items to render in the section.
+* @param props.classNames - CSS class names for section elements.
+* @param props.items - Collection of items for dynamic rendering.
+* @param props.title - Title displayed in the section header.
+* @returns The rendered MenuSection component.
+*/
 function MenuSection({ children, classNames, items, title, ...rest }) {
 	return /* @__PURE__ */ jsxs(MenuSection$1, {
 		...rest,

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  MenuSection as AriaMenuSection,\n  Collection,\n  Header,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { MenuSectionProps } from './types';\n\nexport function MenuSection<T extends object>({\n  children,\n  classNames,\n  items,\n  title,\n  ...rest\n}: MenuSectionProps<T>) {\n  return (\n    <AriaMenuSection {...rest} className={classNames?.section}>\n      {title && (\n        <Header className={clsx(styles.header, classNames?.header)}>\n          {title}\n        </Header>\n      )}\n      <Collection items={items}>{children}</Collection>\n    </AriaMenuSection>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport {\n  MenuSection as AriaMenuSection,\n  Collection,\n  Header,\n} from 'react-aria-components';\nimport styles from './styles.module.css';\nimport type { MenuSectionProps } from './types';\n\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

@@ -12,13 +12,27 @@
 
 import "client-only";
 import { SeparatorProps } from "react-aria-components";
-import * as react_jsx_runtime115 from "react/jsx-runtime";
+import * as react_jsx_runtime189 from "react/jsx-runtime";
 
 //#region src/components/menu/separator.d.ts
+/**
+ * MenuSeparator - Visual divider between menu items or sections
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>Copy</MenuItem>
+ * <MenuSeparator />
+ * <MenuItem>Delete</MenuItem>
+ * ```
+ *
+ * @param props - SeparatorProps from react-aria-components.
+ * @param props.className - Optional CSS class name.
+ * @returns The rendered MenuSeparator component.
+ */
 declare function MenuSeparator({
   className,
   ...rest
-}: SeparatorProps): react_jsx_runtime115.JSX.Element;
+}: SeparatorProps): react_jsx_runtime189.JSX.Element;
 //#endregion
 export { MenuSeparator };
 //# sourceMappingURL=separator.d.ts.map

package/dist/components/menu/separator.js

@@ -20,6 +20,20 @@ import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.css";
 
 //#region src/components/menu/separator.tsx
+/**
+* MenuSeparator - Visual divider between menu items or sections
+*
+* @example
+* ```tsx
+* <MenuItem>Copy</MenuItem>
+* <MenuSeparator />
+* <MenuItem>Delete</MenuItem>
+* ```
+*
+* @param props - SeparatorProps from react-aria-components.
+* @param props.className - Optional CSS class name.
+* @returns The rendered MenuSeparator component.
+*/
 function MenuSeparator({ className, ...rest }) {
 	return /* @__PURE__ */ jsx(Separator, {
 		...rest,

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/menu/separator.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Separator, type SeparatorProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\nexport function MenuSeparator({ className, ...rest }: SeparatorProps) {\n  return <Separator {...rest} className={clsx(styles.separator, className)} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBA,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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { Separator, type SeparatorProps } from 'react-aria-components';\nimport styles from './styles.module.css';\n\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"}

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

@@ -11,11 +11,27 @@
  */
 
 import "client-only";
-import * as react33 from "react";
+import * as react44 from "react";
 import * as react_aria_components1 from "react-aria-components";
 
 //#region src/components/menu/submenu.d.ts
-declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react33.ReactElement | null;
+/**
+ * MenuSubmenu - Trigger for nested submenu flyouts
+ *
+ * Wraps a MenuItem and nested Menu to create hierarchical navigation.
+ *
+ * @example
+ * ```tsx
+ * <MenuSubmenu>
+ *   <MenuItem>Export</MenuItem>
+ *   <Menu>
+ *     <MenuItem>Export as PDF</MenuItem>
+ *     <MenuItem>Export as CSV</MenuItem>
+ *   </Menu>
+ * </MenuSubmenu>
+ * ```
+ */
+declare const MenuSubmenu: (props: react_aria_components1.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react44.ReactElement | null;
 //#endregion
 export { MenuSubmenu };
 //# sourceMappingURL=submenu.d.ts.map

package/dist/components/menu/submenu.js

@@ -17,6 +17,22 @@ import "client-only";
 import { SubmenuTrigger } from "react-aria-components";
 
 //#region src/components/menu/submenu.tsx
+/**
+* MenuSubmenu - Trigger for nested submenu flyouts
+*
+* Wraps a MenuItem and nested Menu to create hierarchical navigation.
+*
+* @example
+* ```tsx
+* <MenuSubmenu>
+*   <MenuItem>Export</MenuItem>
+*   <Menu>
+*     <MenuItem>Export as PDF</MenuItem>
+*     <MenuItem>Export as CSV</MenuItem>
+*   </Menu>
+* </MenuSubmenu>
+* ```
+*/
 const MenuSubmenu = SubmenuTrigger;
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"submenu.js","names":[],"sources":["../../../src/components/menu/submenu.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { SubmenuTrigger } from 'react-aria-components';\n\nexport const MenuSubmenu = SubmenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAa,cAAc"}
+{"version":3,"file":"submenu.js","names":[],"sources":["../../../src/components/menu/submenu.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { 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"}

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

@@ -14,6 +14,21 @@ import "client-only";
 import { MenuTrigger as MenuTrigger$1 } from "react-aria-components";
 
 //#region src/components/menu/trigger.d.ts
+/**
+ * MenuTrigger - Manages open/close state and anchors menu position
+ *
+ * Wraps a trigger element (typically a Button) and the Menu component.
+ *
+ * @example
+ * ```tsx
+ * <MenuTrigger>
+ *   <Button>Open Menu</Button>
+ *   <Menu>
+ *     <MenuItem>Item 1</MenuItem>
+ *   </Menu>
+ * </MenuTrigger>
+ * ```
+ */
 declare const MenuTrigger: typeof MenuTrigger$1;
 //#endregion
 export { MenuTrigger };

package/dist/components/menu/trigger.js

@@ -17,6 +17,21 @@ import "client-only";
 import { MenuTrigger as MenuTrigger$1 } from "react-aria-components";
 
 //#region src/components/menu/trigger.tsx
+/**
+* MenuTrigger - Manages open/close state and anchors menu position
+*
+* Wraps a trigger element (typically a Button) and the Menu component.
+*
+* @example
+* ```tsx
+* <MenuTrigger>
+*   <Button>Open Menu</Button>
+*   <Menu>
+*     <MenuItem>Item 1</MenuItem>
+*   </Menu>
+* </MenuTrigger>
+* ```
+*/
 const MenuTrigger = MenuTrigger$1;
 
 //#endregion

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 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { MenuTrigger as AriaMenuTrigger } from 'react-aria-components';\n\nexport const MenuTrigger = AriaMenuTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,MAAa,cAAcA"}
+{"version":3,"file":"trigger.js","names":["AriaMenuTrigger"],"sources":["../../../src/components/menu/trigger.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n'use client';\n\nimport 'client-only';\nimport { 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"}

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

@@ -15,29 +15,54 @@ import { ReactElement, RefAttributes } from "react";
 import { MenuItemProps as MenuItemProps$1, MenuProps as MenuProps$1, MenuSectionProps as MenuSectionProps$1, PopoverProps, TextProps } from "react-aria-components";
 
 //#region src/components/menu/types.d.ts
+/**
+ * Props for the Menu component.
+ */
 type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & RefAttributes<HTMLDivElement> & {
+  /** CSS class names for menu elements. */
   classNames?: {
+    /** Class name for the menu container. */
     menu?: MenuProps$1<T>['className'];
+    /** Class name for the popover wrapper. */
     popover?: PopoverProps['className'];
   };
+  /** Props passed to the internal Popover component. */
   popoverProps?: Omit<PopoverProps, 'children' | 'className'>;
+  /** Visual density variant for the menu. */
   variant?: 'compact' | 'cozy';
 };
+/**
+ * Props for the MenuItem component.
+ */
 type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
+  /** CSS class names for menu item elements. */
   classNames?: {
+    /** Class name for the menu item container. */
     item?: MenuItemProps$1['className'];
+    /** Class name for the text label. */
     text?: TextProps['className'];
+    /** Class name for the submenu indicator icon. */
     more?: IconProps['className'];
+    /** Class name for the item icon. */
     icon?: IconProps['className'];
+    /** Class name for the hotkey display. */
     hotkey?: string;
   };
+  /** Color variant for the menu item. */
   color?: 'info' | 'serious' | 'critical';
 };
+/**
+ * Props for the MenuSection component.
+ */
 type MenuSectionProps<T> = Omit<MenuSectionProps$1<T>, 'className'> & {
+  /** CSS class names for section elements. */
   classNames?: {
+    /** Class name for the section container. */
     section?: MenuSectionProps$1<T>['className'];
+    /** Class name for the section header. */
     header?: string;
   };
+  /** Title displayed in the section header. */
   title?: string | ReactElement;
 };
 //#endregion

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

@@ -1,5 +1,14 @@
 //#region src/components/notice/events.d.ts
+/** Event namespace for Notice-related bus events */
 declare const NoticeEventNamespace = "Notice";
+/**
+ * Event types for Notice queue management via the bus system.
+ * - queue: Add a notice to the queue
+ * - dequeue: Remove notices matching criteria
+ * - actionPrimary: Primary button was pressed
+ * - actionSecondary: Secondary button was pressed
+ * - close: Notice was closed/dismissed
+ */
 declare const NoticeEventTypes: {
   readonly queue: "Notice:queue";
   readonly dequeue: "Notice:dequeue";

package/dist/components/notice/events.js

@@ -12,7 +12,16 @@
 
 
 //#region src/components/notice/events.ts
+/** Event namespace for Notice-related bus events */
 const NoticeEventNamespace = "Notice";
+/**
+* Event types for Notice queue management via the bus system.
+* - queue: Add a notice to the queue
+* - dequeue: Remove notices matching criteria
+* - actionPrimary: Primary button was pressed
+* - actionSecondary: Secondary button was pressed
+* - close: Notice was closed/dismissed
+*/
 const NoticeEventTypes = {
 	queue: `${NoticeEventNamespace}:queue`,
 	dequeue: `${NoticeEventNamespace}:dequeue`,

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

@@ -1 +1 @@
-{"version":3,"file":"events.js","names":[],"sources":["../../../src/components/notice/events.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nexport const NoticeEventNamespace = 'Notice';\n\nexport const NoticeEventTypes = {\n  queue: `${NoticeEventNamespace}:queue`,\n  dequeue: `${NoticeEventNamespace}:dequeue`,\n  actionPrimary: `${NoticeEventNamespace}:action:primary`,\n  actionSecondary: `${NoticeEventNamespace}:action:secondary`,\n  close: `${NoticeEventNamespace}:close`,\n} as const;\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,uBAAuB;AAEpC,MAAa,mBAAmB;CAC9B,OAAO,GAAG,qBAAqB;CAC/B,SAAS,GAAG,qBAAqB;CACjC,eAAe,GAAG,qBAAqB;CACvC,iBAAiB,GAAG,qBAAqB;CACzC,OAAO,GAAG,qBAAqB;CAChC"}
+{"version":3,"file":"events.js","names":[],"sources":["../../../src/components/notice/events.ts"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/** Event namespace for Notice-related bus events */\nexport const NoticeEventNamespace = 'Notice';\n\n/**\n * Event types for Notice queue management via the bus system.\n * - queue: Add a notice to the queue\n * - dequeue: Remove notices matching criteria\n * - actionPrimary: Primary button was pressed\n * - actionSecondary: Secondary button was pressed\n * - close: Notice was closed/dismissed\n */\nexport const NoticeEventTypes = {\n  queue: `${NoticeEventNamespace}:queue`,\n  dequeue: `${NoticeEventNamespace}:dequeue`,\n  actionPrimary: `${NoticeEventNamespace}:action:primary`,\n  actionSecondary: `${NoticeEventNamespace}:action:secondary`,\n  close: `${NoticeEventNamespace}:close`,\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;AAaA,MAAa,uBAAuB;;;;;;;;;AAUpC,MAAa,mBAAmB;CAC9B,OAAO,GAAG,qBAAqB;CAC/B,SAAS,GAAG,qBAAqB;CACjC,eAAe,GAAG,qBAAqB;CACvC,iBAAiB,GAAG,qBAAqB;CACzC,OAAO,GAAG,qBAAqB;CAChC"}

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

@@ -12,9 +12,41 @@
 
 import { NoticeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import * as react_jsx_runtime186 from "react/jsx-runtime";
 
 //#region src/components/notice/index.d.ts
+
+/**
+ * Notice - Notification component for temporary messages and alerts
+ *
+ * Displays messages with optional action buttons and close functionality.
+ * Icons are automatically displayed based on the color variant.
+ *
+ * @example
+ * ```tsx
+ * <Notice
+ *   id="notice-1"
+ *   message="Operation completed"
+ *   color="normal"
+ * />
+ * ```
+ *
+ * @param props - {@link NoticeProps}
+ * @param props.id - Unique identifier for the notice.
+ * @param props.classNames - CSS class names for notice elements.
+ * @param props.color - Color variant indicating severity.
+ * @param props.message - Message text to display.
+ * @param props.primary - Primary action button configuration.
+ * @param props.secondary - Secondary action button configuration.
+ * @param props.hideIcon - Whether to hide the status icon.
+ * @param props.showClose - Whether to show the close button.
+ * @param props.shouldCloseOnAction - Whether to close the notice when an action button is pressed.
+ * @param props.size - Size variant for the notice.
+ * @param props.onPrimaryAction - Callback when primary action button is pressed.
+ * @param props.onSecondaryAction - Callback when secondary action button is pressed.
+ * @param props.onClose - Callback when the notice is closed.
+ * @returns The rendered Notice component.
+ */
 declare function Notice({
   id,
   classNames,
@@ -29,7 +61,7 @@ declare function Notice({
   onPrimaryAction,
   onSecondaryAction,
   onClose
-}: NoticeProps): react_jsx_runtime119.JSX.Element;
+}: NoticeProps): react_jsx_runtime186.JSX.Element;
 //#endregion
 export { Notice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/notice/index.js

@@ -20,7 +20,7 @@ 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";
+import Cancel from "@accelint/icons/cancel";
 import styles from "./styles.module.css";
 
 //#region src/components/notice/index.tsx
@@ -31,6 +31,37 @@ const ButtonColorMap = {
 	serious: "serious",
 	critical: "critical"
 };
+/**
+* Notice - Notification component for temporary messages and alerts
+*
+* Displays messages with optional action buttons and close functionality.
+* Icons are automatically displayed based on the color variant.
+*
+* @example
+* ```tsx
+* <Notice
+*   id="notice-1"
+*   message="Operation completed"
+*   color="normal"
+* />
+* ```
+*
+* @param props - {@link NoticeProps}
+* @param props.id - Unique identifier for the notice.
+* @param props.classNames - CSS class names for notice elements.
+* @param props.color - Color variant indicating severity.
+* @param props.message - Message text to display.
+* @param props.primary - Primary action button configuration.
+* @param props.secondary - Secondary action button configuration.
+* @param props.hideIcon - Whether to hide the status icon.
+* @param props.showClose - Whether to show the close button.
+* @param props.shouldCloseOnAction - Whether to close the notice when an action button is pressed.
+* @param props.size - Size variant for the notice.
+* @param props.onPrimaryAction - Callback when primary action button is pressed.
+* @param props.onSecondaryAction - Callback when secondary action button is pressed.
+* @param props.onClose - Callback when the notice is closed.
+* @returns The rendered Notice component.
+*/
 function Notice({ id, classNames, color = "info", message, primary, secondary, hideIcon, showClose, shouldCloseOnAction, size = "medium", onPrimaryAction, onSecondaryAction, onClose }) {
 	return /* @__PURE__ */ jsx(UNSTABLE_Toast, {
 		className: clsx("group/notice", styles.notice, classNames?.notice),