@accelint/design-toolkit 9.12.0 → 10.0.0

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

@@ -13,15 +13,15 @@
 import { ProviderProps } from "../../lib/types.js";
 import { LabelProps } from "./types.js";
 import "client-only";
-import * as react10 from "react";
-import * as react_jsx_runtime48 from "react/jsx-runtime";
+import * as react3 from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/label/context.d.ts
 /**
  * Context for sharing Label props across component tree.
  */
-declare const LabelContext: react10.Context<ContextValue<LabelProps, HTMLLabelElement>>;
+declare const LabelContext: react3.Context<ContextValue<LabelProps, HTMLLabelElement>>;
 /**
  * LabelProvider - Context provider for setting default Label props.
  *
@@ -43,7 +43,7 @@ declare const LabelContext: react10.Context<ContextValue<LabelProps, HTMLLabelEl
 declare function LabelProvider({
   children,
   ...props
-}: ProviderProps<LabelProps>): react_jsx_runtime48.JSX.Element;
+}: ProviderProps<LabelProps>): react_jsx_runtime31.JSX.Element;
 //#endregion
 export { LabelContext, LabelProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { LabelProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime49 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/label/index.d.ts
 
@@ -52,7 +52,7 @@ import * as react_jsx_runtime49 from "react/jsx-runtime";
 declare function Label({
   ref,
   ...props
-}: LabelProps): react_jsx_runtime49.JSX.Element;
+}: LabelProps): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { Label };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import { LinesProps } from "./types.js";
-import * as react_jsx_runtime50 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/components/lines/index.d.ts
 
@@ -38,7 +38,7 @@ declare function Lines({
   size,
   variant,
   isVisible
-}: LinesProps): react_jsx_runtime50.JSX.Element;
+}: LinesProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Lines };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,7 @@
 import { ProviderProps } from "../../lib/types.js";
 import { LinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime51 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/components/link/context.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime51 from "react/jsx-runtime";
 declare function LinkProvider({
   children,
   ...props
-}: ProviderProps<LinkProps>): react_jsx_runtime51.JSX.Element;
+}: ProviderProps<LinkProps>): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { LinkProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { LinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime41 from "react/jsx-runtime";
 
 //#region src/components/link/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime52 from "react/jsx-runtime";
 declare function Link({
   ref,
   ...props
-}: LinkProps): react_jsx_runtime52.JSX.Element;
+}: LinkProps): react_jsx_runtime41.JSX.Element;
 //#endregion
 export { Link };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,14 +12,14 @@
 
 import { ListItemVariant, ListProps } from "./types.js";
 import "client-only";
-import * as react11 from "react";
+import * as react0 from "react";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/list/context.d.ts
 /**
  * Context for sharing List variant across component tree.
  */
-declare const ListContext: react11.Context<ContextValue<ListProps<object>, HTMLDivElement>>;
+declare const ListContext: react0.Context<ContextValue<ListProps<object>, HTMLDivElement>>;
 /**
  * Hook to get the current list item variant from context.
  * Used internally by ListItemTitle and ListItemDescription for sizing.

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

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

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

@@ -12,7 +12,7 @@
 
 import { ListItemContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime54 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/components/list/item-content.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime54 from "react/jsx-runtime";
 declare function ListItemContent({
   className,
   ...rest
-}: ListItemContentProps): react_jsx_runtime54.JSX.Element;
+}: ListItemContentProps): react_jsx_runtime16.JSX.Element;
 //#endregion
 export { ListItemContent };
 //# sourceMappingURL=item-content.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -12,7 +12,7 @@
 
 import { MenuProps } from "./types.js";
 import "client-only";
-import * as react14 from "react";
+import * as react4 from "react";
 import { ContextValue } from "react-aria-components/slots";
 
 //#region src/components/menu/context.d.ts
@@ -20,7 +20,7 @@ import { ContextValue } from "react-aria-components/slots";
  * Context for sharing Menu props across component tree.
  * Used internally by Menu subcomponents for variant and state coordination.
  */
-declare const MenuContext: react14.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
+declare const MenuContext: react4.Context<ContextValue<MenuProps<unknown>, HTMLDivElement>>;
 //#endregion
 export { MenuContext };
 //# sourceMappingURL=context.d.ts.map

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

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

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
+import * as react_jsx_runtime43 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_runtime68.JSX.Element;
+}: TextProps): react_jsx_runtime43.JSX.Element;
 //#endregion
 export { MenuItemDescription };
 //# sourceMappingURL=item-description.d.ts.map

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime70 from "react/jsx-runtime";
+import * as react_jsx_runtime44 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_runtime70.JSX.Element;
+}: TextProps): react_jsx_runtime44.JSX.Element;
 //#endregion
 export { MenuItemLabel };
 //# sourceMappingURL=item-label.d.ts.map

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

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

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

@@ -12,7 +12,7 @@
 
 import { MenuSectionProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime73 from "react/jsx-runtime";
+import * as react_jsx_runtime50 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_runtime73.JSX.Element;
+}: MenuSectionProps<T>): react_jsx_runtime50.JSX.Element;
 //#endregion
 export { MenuSection };
 //# sourceMappingURL=section.d.ts.map

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

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

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

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react22 from "react";
+import * as react7 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_components_Menu0 from "react-aria-components/Menu";
  * </MenuSubmenu>
  * ```
  */
-declare const MenuSubmenu: (props: react_aria_components_Menu0.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react22.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+declare const MenuSubmenu: (props: react_aria_components_Menu0.SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => react7.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 //#endregion
 export { MenuSubmenu };
 //# sourceMappingURL=submenu.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { NoticeProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime79 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 
 //#region src/components/notice/index.d.ts
 
@@ -54,6 +54,7 @@ declare function Notice({
   message,
   primary,
   secondary,
+  metadata,
   hideIcon,
   showClose,
   shouldCloseOnAction,
@@ -61,7 +62,7 @@ declare function Notice({
   onPrimaryAction,
   onSecondaryAction,
   onClose
-}: NoticeProps): react_jsx_runtime79.JSX.Element;
+}: NoticeProps): react_jsx_runtime48.JSX.Element;
 //#endregion
 export { Notice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/notice/index.js

@@ -62,7 +62,7 @@ const ButtonColorMap = {
 * @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 }) {
+function Notice({ id, classNames, color = "info", message, primary, secondary, metadata, hideIcon, showClose, shouldCloseOnAction, size = "medium", onPrimaryAction, onSecondaryAction, onClose }) {
 	return /* @__PURE__ */ jsx(UNSTABLE_Toast, {
 		className: clsx("group/notice", styles.notice, classNames?.notice),
 		toast: {
@@ -93,7 +93,7 @@ function Notice({ id, classNames, color = "info", message, primary, secondary, h
 						...primary,
 						size,
 						onPress: () => {
-							onPrimaryAction?.();
+							onPrimaryAction?.(metadata);
 							if (shouldCloseOnAction) onClose?.();
 						}
 					}), secondary && /* @__PURE__ */ jsx(Button, {
@@ -102,7 +102,7 @@ function Notice({ id, classNames, color = "info", message, primary, secondary, h
 						...secondary,
 						size,
 						onPress: () => {
-							onSecondaryAction?.();
+							onSecondaryAction?.(metadata);
 							if (shouldCloseOnAction) onClose?.();
 						}
 					})]

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

@@ -1 +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"}
+{"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  metadata,\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?.(metadata);\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?.(metadata);\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,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,yBAAkB,SAAS;AAE3B,WAAI,oBACF,YAAW;;OAGf,EAEH,aACC,oBAAC;MACC,OAAO,eAAe;MACtB,SAAQ;MACR,GAAI;MACE;MACN,eAAe;AACb,2BAAoB,SAAS;AAE7B,WAAI,oBACF,YAAW;;OAGf;MAEA;IAEP,aACC,oBAAC;KACC,OAAO,eAAe;KACtB,SAAQ;KACR,SAAS;eAET,oBAAC,kBACC,oBAAC,WAAS,GACL;MACA;;IAEE;GACT"}