@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 5.0.0-alpha.0

package/dist/components/Toast/Toast.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;AAKG;AACI,MAAM,WAAW,GAAkC;AACxD,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;QACL,EAAE,EAAE,mBAAmB;QACvB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,gBAAgB;AAC9B,KAAA;;AAGH;;;;AAIG;AACI,MAAM,iBAAiB,GAAkC;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;;;;;;"}
+{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Toast/Toast.styles.mjs

@@ -1,30 +1,37 @@
 "use client";
 /**
- * Toast variant styles using the Golden Ratio color system.
+ * Toast variant styles on the BAZE token set.
  *
- * Uses `lightest` backgrounds with `lighter` borders and `dark` text
- * for optimal readability and WCAG AA compliance.
+ * Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
+ * `info` reads its own `info.*` family instead of borrowing `primary.*`.
+ * `neutral` carries no status (it is the default when none is given):
+ * `border.default` / `bg.surface` / `fg.default`.
  */
 const toastStyles = {
     info: {
-        bg: 'primary.extralight', // #E8EEFB
-        color: 'primary.dark', // #0D317D
-        borderColor: 'primary.lighter', // #B9CBF3
+        bg: 'info.bg',
+        color: 'info.fg',
+        borderColor: 'info.border',
     },
     warning: {
-        bg: 'warning.extralight', // #FBF6E8
-        color: 'warning.dark', // #7D610D
-        borderColor: 'warning.lighter', // #F3E4B9
+        bg: 'warning.bg',
+        color: 'warning.fg',
+        borderColor: 'warning.border',
     },
     success: {
-        bg: 'success.extralight', // #E9FBE8
-        color: 'success.dark', // #147D0D
-        borderColor: 'success.lighter', // #BDF3B9
+        bg: 'success.bg',
+        color: 'success.fg',
+        borderColor: 'success.border',
     },
     error: {
-        bg: 'danger.extralight', // #FBE8E9
-        color: 'danger.dark', // #7D0D14
-        borderColor: 'danger.lighter', // #F3B9BD
+        bg: 'danger.bg',
+        color: 'danger.fg',
+        borderColor: 'danger.border',
+    },
+    neutral: {
+        bg: 'bg.surface',
+        color: 'fg.default',
+        borderColor: 'border.default',
     },
 };
 /**
@@ -34,30 +41,98 @@ const toastStyles = {
  */
 const closeButtonStyles = {
     info: {
-        color: 'primary.darker',
+        color: 'info.fg',
         _hover: {
-            bg: 'primary.lighter',
+            bg: 'info.border',
         },
     },
     warning: {
-        color: 'warning.darker',
+        color: 'warning.fg',
         _hover: {
-            bg: 'warning.lighter',
+            bg: 'warning.border',
         },
     },
     success: {
-        color: 'success.darker',
+        color: 'success.fg',
         _hover: {
-            bg: 'success.lighter',
+            bg: 'success.border',
         },
     },
     error: {
-        color: 'danger.darker',
+        color: 'danger.fg',
+        _hover: {
+            bg: 'danger.border',
+        },
+    },
+    neutral: {
+        color: 'fg.default',
         _hover: {
-            bg: 'danger.lighter',
+            bg: 'bg.muted',
         },
     },
 };
+/**
+ * Action styles for each toast status.
+ *
+ * A toast's action is a text action in the toast's own text color — the same
+ * palette as `toastStyles[status].color` — with the hover tint of the close ×.
+ * No border and no fill: a neutral or outlined button inside a tinted toast
+ * reads as a separate card dropped on top of it.
+ *
+ * `ml: -2` cancels the horizontal padding so the label lines up with the
+ * description text above it.
+ */
+const actionBase = {
+    fontWeight: 'bold',
+    px: 2,
+    py: 1,
+    ml: -2,
+    height: 'auto',
+    alignSelf: 'flex-start',
+    borderRadius: 'sm',
+    borderWidth: 0,
+    bg: 'transparent',
+    cursor: 'pointer',
+};
+const actionStyles = {
+    info: {
+        ...actionBase,
+        color: 'info.fg',
+        _hover: { bg: 'info.border' },
+        _focusVisible: { outline: '2px solid', outlineColor: 'info.fg' },
+    },
+    warning: {
+        ...actionBase,
+        color: 'warning.fg',
+        _hover: { bg: 'warning.border' },
+        _focusVisible: { outline: '2px solid', outlineColor: 'warning.fg' },
+    },
+    success: {
+        ...actionBase,
+        color: 'success.fg',
+        _hover: { bg: 'success.border' },
+        _focusVisible: { outline: '2px solid', outlineColor: 'success.fg' },
+    },
+    error: {
+        ...actionBase,
+        color: 'danger.fg',
+        _hover: { bg: 'danger.border' },
+        _focusVisible: { outline: '2px solid', outlineColor: 'danger.fg' },
+    },
+    neutral: {
+        ...actionBase,
+        color: 'fg.default',
+        _hover: { bg: 'bg.muted' },
+        _focusVisible: { outline: '2px solid', outlineColor: 'fg.default' },
+    },
+};
+/** Default duration (ms) of a toast without an action, when none is given */
+const TOAST_DEFAULT_DURATION = 5000;
+/**
+ * Default duration (ms) of a toast that carries an action, when none is given.
+ * The reader needs time to read the message *and* decide to act.
+ */
+const TOAST_ACTION_DURATION = 8000;
 
-export { closeButtonStyles, toastStyles };
+export { TOAST_ACTION_DURATION, TOAST_DEFAULT_DURATION, actionStyles, closeButtonStyles, toastStyles };
 //# sourceMappingURL=Toast.styles.mjs.map

package/dist/components/Toast/Toast.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA;;;;;AAKG;AACI,MAAM,WAAW,GAAkC;AACxD,IAAA,IAAI,EAAE;QACJ,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,oBAAoB;QACxB,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;QACL,EAAE,EAAE,mBAAmB;QACvB,KAAK,EAAE,aAAa;QACpB,WAAW,EAAE,gBAAgB;AAC9B,KAAA;;AAGH;;;;AAIG;AACI,MAAM,iBAAiB,GAAkC;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,gBAAgB;AACvB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,iBAAiB;AACtB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;;;;;"}
+{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -4,7 +4,21 @@ import { BoxProps, ToastOptions, ToastRootProps, ToastStatusChangeDetails } from
  * Toast status type - common toast statuses used in Logician UI
  * Subset of Zag.js Type, excluding 'loading' for UI consistency
  */
-export type ToastStatus = 'info' | 'warning' | 'success' | 'error';
+export type ToastStatus = 'info' | 'warning' | 'success' | 'error' | 'neutral';
+/**
+ * The single action a toast can carry.
+ *
+ * Rendered as a text action in the toast's status color, under the
+ * description. Clicking it calls `onClick` and dismisses the toast.
+ * One action per toast — dismiss is the ×, never a second action.
+ * See the "Guidelines/Actions in feedback surfaces" page in Storybook.
+ */
+export interface ToastAction {
+    /** Action label — keep it to a short verb phrase ("크레딧 구매", "Undo") */
+    label: ReactNode;
+    /** Called when the action is clicked; the toast is dismissed afterwards */
+    onClick: () => void;
+}
 /**
  * Toast component props
  * Uses ToastRootProps as base and overrides title for ReactNode support
@@ -18,17 +32,32 @@ export interface ToastProps extends Omit<ToastRootProps, 'title'> {
     status?: ToastStatus;
     /** Custom close handler */
     onClose?: () => void;
+    /** One action, rendered as a text action in the status color */
+    action?: ToastAction;
 }
 /**
  * Options for useToast hook
  * Extends Chakra's ToastOptions with custom properties
  */
-export interface UseToastOptions extends ToastOptions {
+export interface UseToastOptions extends Omit<ToastOptions, 'action'> {
     /** Toast status - restricted to common statuses */
     status?: ToastStatus;
+    /**
+     * One action, rendered as a text action in the status color.
+     * Unlike Chakra's `action`, the label accepts any ReactNode.
+     * When set and `duration` is not given, the toast stays for 8s instead of 5s.
+     */
+    action?: ToastAction;
     /** Custom styles to apply to the toast */
     styles?: BoxProps;
 }
+/**
+ * Options for `useToast().update(id, options)`. Every field is optional;
+ * `status` (or Chakra's `type`) re-colours the toast.
+ */
+export type UseToastUpdateOptions = Partial<UseToastOptions> & {
+    meta?: ToasterCreateOptions['meta'];
+};
 /**
  * Extended toast options for toaster.create()
  * Extends Chakra's ToastOptions with custom metadata
@@ -38,6 +67,8 @@ export interface ToasterCreateOptions extends ToastOptions {
     meta?: {
         /** Custom close handler for the toast */
         onClose?: () => void;
+        /** Toast action (ReactNode label); takes precedence over Chakra's `action` */
+        action?: ToastAction;
         /** Custom styles to merge with default toast styles */
         styles?: BoxProps;
         /** Allow additional custom metadata */

package/dist/components/Toast/Toast.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,mDAAmD;IACnD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,mEAAmE;IACnE,IAAI,CAAC,EAAE;QACL,yCAAyC;QACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,uDAAuD;QACvD,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB,uCAAuC;QACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED;;GAEG;AACH,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,wBAAwB,EAAE,CAAC"}
+{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;IACnE,mDAAmD;IACnD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,mEAAmE;IACnE,IAAI,CAAC,EAAE;QACL,yCAAyC;QACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,8EAA8E;QAC9E,MAAM,CAAC,EAAE,WAAW,CAAC;QACrB,uDAAuD;QACvD,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB,uCAAuC;QACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED;;GAEG;AACH,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/components/Toast/ToastIcon/ToastIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,cASzE,CAAC"}
+{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,cAWzE,CAAC"}

package/dist/components/Toast/ToastIcon/ToastIcon.js

@@ -6,10 +6,12 @@ var index = require('../../Icon/index.js');
 
 const ToastIcon = ({ status }) => {
     const iconProps = {
-        info: jsxRuntime.jsx(index.LuInfo, { boxSize: "md", color: "primary.main" }),
-        warning: jsxRuntime.jsx(index.IoWarning, { boxSize: "lg", color: "warning.main" }),
-        success: jsxRuntime.jsx(index.IoIosCheckmarkCircle, { boxSize: "lg", color: "success.main" }),
-        error: jsxRuntime.jsx(index.MdError, { boxSize: "lg", color: "danger.main" }),
+        info: jsxRuntime.jsx(index.InfoCircleIcon, { boxSize: "md", color: "info.fg" }),
+        warning: jsxRuntime.jsx(index.WarningIcon, { boxSize: "lg", color: "warning.fg" }),
+        success: jsxRuntime.jsx(index.CircleCheckIcon, { boxSize: "lg", color: "success.fg" }),
+        error: jsxRuntime.jsx(index.AlertCircleFilledIcon, { boxSize: "lg", color: "danger.fg" }),
+        // neutral carries no status — no icon
+        neutral: null,
     };
     return iconProps[status];
 };

package/dist/components/Toast/ToastIcon/ToastIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastIcon.js","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx","LuInfo","IoWarning","IoIosCheckmarkCircle","MdError"],"mappings":";;;;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,cAAA,CAACC,YAAM,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QAClD,OAAO,EAAED,cAAA,CAACE,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QACxD,OAAO,EAAEF,cAAA,CAACG,0BAAoB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QACnE,KAAK,EAAEH,cAAA,CAACI,aAAO,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAA,CAAG;KACpD;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}
+{"version":3,"file":"ToastIcon.js","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx","InfoCircleIcon","WarningIcon","CircleCheckIcon","AlertCircleFilledIcon"],"mappings":";;;;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,cAAA,CAACC,oBAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG;QACrD,OAAO,EAAED,cAAA,CAACE,iBAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QACxD,OAAO,EAAEF,cAAA,CAACG,qBAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QAC5D,KAAK,EAAEH,cAAA,CAACI,2BAAqB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG;;AAE/D,QAAA,OAAO,EAAE,IAAI;KACd;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}

package/dist/components/Toast/ToastIcon/ToastIcon.mjs

@@ -1,13 +1,15 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { MdError, IoIosCheckmarkCircle, IoWarning, LuInfo } from '../../Icon/index.mjs';
+import { AlertCircleFilledIcon, CircleCheckIcon, WarningIcon, InfoCircleIcon } from '../../Icon/index.mjs';
 
 const ToastIcon = ({ status }) => {
     const iconProps = {
-        info: jsx(LuInfo, { boxSize: "md", color: "primary.main" }),
-        warning: jsx(IoWarning, { boxSize: "lg", color: "warning.main" }),
-        success: jsx(IoIosCheckmarkCircle, { boxSize: "lg", color: "success.main" }),
-        error: jsx(MdError, { boxSize: "lg", color: "danger.main" }),
+        info: jsx(InfoCircleIcon, { boxSize: "md", color: "info.fg" }),
+        warning: jsx(WarningIcon, { boxSize: "lg", color: "warning.fg" }),
+        success: jsx(CircleCheckIcon, { boxSize: "lg", color: "success.fg" }),
+        error: jsx(AlertCircleFilledIcon, { boxSize: "lg", color: "danger.fg" }),
+        // neutral carries no status — no icon
+        neutral: null,
     };
     return iconProps[status];
 };

package/dist/components/Toast/ToastIcon/ToastIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastIcon.mjs","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QAClD,OAAO,EAAEA,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QACxD,OAAO,EAAEA,GAAA,CAAC,oBAAoB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG;QACnE,KAAK,EAAEA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAA,CAAG;KACpD;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}
+{"version":3,"file":"ToastIcon.mjs","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG;QACrD,OAAO,EAAEA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QACxD,OAAO,EAAEA,GAAA,CAAC,eAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QAC5D,KAAK,EAAEA,GAAA,CAAC,qBAAqB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG;;AAE/D,QAAA,OAAO,EAAE,IAAI;KACd;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}

package/dist/components/Toast/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,mBAGpB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+CA0BnB,CAAC"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAM1B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,mBAGpB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+CAgDnB,CAAC"}

package/dist/components/Toast/Toaster.js

@@ -50,7 +50,26 @@ const Toaster = () => (jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(r
             // Extract custom data from meta
             const customStyles = toast.meta?.styles || {};
             const onClose = toast.meta?.onClose;
-            return (jsxRuntime.jsx(Toast.Toast, { title: toast.title, description: toast.description, status: toast.type, onClose: onClose, ...Toast_styles.toastStyles[toast.type], ...customStyles }));
+            // `useToast` passes the action through meta so its label can be a
+            // ReactNode. A plain `toaster.create({ action })` (Chakra's own option)
+            // also works: Toast.ActionTrigger already calls `toast.action.onClick`
+            // itself, so the handler passed down here must not call it again.
+            const action = toast.meta?.action ??
+                (toast.action
+                    ? { label: toast.action.label, onClick: () => { } }
+                    : undefined);
+            // `useToast` carries the real status in `meta.status` because Zag's
+            // own `type` is required and does not know `neutral` — see the note
+            // in `useToast.tsx`. A plain `toaster.create({ type })` (no `meta`)
+            // still renders correctly off `toast.type`, and so does a raw
+            // `toaster.update(id, { type })` on a `useToast` toast: `type` no
+            // longer matches the `statusType` it was paired with, so it wins.
+            const meta = toast.meta;
+            const status = meta?.status &&
+                (meta.statusType === undefined || meta.statusType === toast.type)
+                ? meta.status
+                : toast.type;
+            return (jsxRuntime.jsx(Toast.Toast, { title: toast.title, description: toast.description, status: status, onClose: onClose, action: action, ...Toast_styles.toastStyles[status], ...customStyles }));
         } }) }));
 
 exports.Toaster = Toaster;

package/dist/components/Toast/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["createToaster","_jsx","Portal","ChakraToaster","Toast","toastStyles"],"mappings":";;;;;;;;AAUA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwBA,mBAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBC,cAAA,CAACC,YAAM,cACLD,cAAA,CAACE,aAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;AAEnC,YAAA,QACEF,cAAA,CAACG,WAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,KACZC,wBAAW,CAAC,KAAK,CAAC,IAAgC,CAAC,EAAA,GACnD,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;;"}
+{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["createToaster","_jsx","Portal","ChakraToaster","Toast","toastStyles"],"mappings":";;;;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwBA,mBAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBC,cAAA,CAACC,YAAM,cACLD,cAAA,CAACE,aAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;;;;;;;AAOhB,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI;AACvB,YAAA,MAAM,MAAM,GACV,IAAI,EAAE,MAAM;AACZ,iBAAC,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,IAAI;kBAC5D,IAAI,CAAC;AACP,kBAAE,KAAK,CAAC,IAAI;AAEhB,YAAA,QACEF,cAAA,CAACG,WAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,GACVC,wBAAW,CAAC,MAAkC,CAAC,EAAA,GAC/C,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;;"}

package/dist/components/Toast/Toaster.mjs

@@ -48,7 +48,26 @@ const Toaster = () => (jsx(Portal, { children: jsx(Toaster$1, { toaster: toaster
             // Extract custom data from meta
             const customStyles = toast.meta?.styles || {};
             const onClose = toast.meta?.onClose;
-            return (jsx(Toast, { title: toast.title, description: toast.description, status: toast.type, onClose: onClose, ...toastStyles[toast.type], ...customStyles }));
+            // `useToast` passes the action through meta so its label can be a
+            // ReactNode. A plain `toaster.create({ action })` (Chakra's own option)
+            // also works: Toast.ActionTrigger already calls `toast.action.onClick`
+            // itself, so the handler passed down here must not call it again.
+            const action = toast.meta?.action ??
+                (toast.action
+                    ? { label: toast.action.label, onClick: () => { } }
+                    : undefined);
+            // `useToast` carries the real status in `meta.status` because Zag's
+            // own `type` is required and does not know `neutral` — see the note
+            // in `useToast.tsx`. A plain `toaster.create({ type })` (no `meta`)
+            // still renders correctly off `toast.type`, and so does a raw
+            // `toaster.update(id, { type })` on a `useToast` toast: `type` no
+            // longer matches the `statusType` it was paired with, so it wins.
+            const meta = toast.meta;
+            const status = meta?.status &&
+                (meta.statusType === undefined || meta.statusType === toast.type)
+                ? meta.status
+                : toast.type;
+            return (jsx(Toast, { title: toast.title, description: toast.description, status: status, onClose: onClose, action: action, ...toastStyles[status], ...customStyles }));
         } }) }));
 
 export { Toaster, toaster };

package/dist/components/Toast/Toaster.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraToaster"],"mappings":";;;;;;AAUA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwB,aAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBA,GAAA,CAAC,MAAM,cACLA,GAAA,CAACC,SAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;AAEnC,YAAA,QACED,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,KAAK,CAAC,IAAI,EAClB,OAAO,EAAE,OAAO,KACZ,WAAW,CAAC,KAAK,CAAC,IAAgC,CAAC,EAAA,GACnD,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;"}
+{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraToaster"],"mappings":";;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwB,aAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBA,GAAA,CAAC,MAAM,cACLA,GAAA,CAACC,SAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;;;;;;;AAOhB,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI;AACvB,YAAA,MAAM,MAAM,GACV,IAAI,EAAE,MAAM;AACZ,iBAAC,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,IAAI;kBAC5D,IAAI,CAAC;AACP,kBAAE,KAAK,CAAC,IAAI;AAEhB,YAAA,QACED,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,GACV,WAAW,CAAC,MAAkC,CAAC,EAAA,GAC/C,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;"}

package/dist/components/Toast/useToast.d.ts

@@ -1,11 +1,11 @@
-import { UseToastOptions } from './Toast.types';
+import { UseToastOptions, UseToastUpdateOptions } from './Toast.types';
 /**
  * Custom hook for managing toast notifications
  * @returns Toast management functions
  */
-export declare const useToast: () => (({ status, title, description, styles: stylesProp, duration, ...rest }: UseToastOptions) => string) & {
+export declare const useToast: () => (({ status, title, description, styles: stylesProp, duration: durationProp, action, ...rest }: UseToastOptions) => string) & {
     dismiss: (id?: string) => void;
     dismissAll: () => void;
-    update: (id: string, data: Partial<import("@zag-js/toast").Props<any>>) => string;
+    update: (id: string, { status, styles, action, meta, ...rest }: UseToastUpdateOptions) => string;
 };
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/Toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,eAAe,EAChB,MAAM,eAAe,CAAC;AAKvB;;;GAGG;AACH,eAAO,MAAM,QAAQ,iFAUhB,eAAe;;;;CAsDnB,CAAC"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAevB;;;GAGG;AACH,eAAO,MAAM,QAAQ,uGAWhB,eAAe;;;iBAmEZ,MAAM,6CACiC,qBAAqB;CA4BnE,CAAC"}

package/dist/components/Toast/useToast.js

@@ -6,18 +6,29 @@ var Toast_styles = require('./Toast.styles.js');
 var Toaster = require('./Toaster.js');
 
 const MAX_TOASTS = 3;
+/**
+ * Zag's own toast store only knows `info/success/warning/error/loading` and
+ * REQUIRES one — `neutral` is ours, not Zag's, and both omitting `type` and
+ * passing `'neutral'` throw from inside the machine. `'info'` only feeds Zag's
+ * priority sort; the status that actually renders travels in `meta.status`
+ * and is read back out in `Toaster`.
+ */
+const toZagType = (status) => status === 'neutral' ? 'info' : status;
 /**
  * Custom hook for managing toast notifications
  * @returns Toast management functions
  */
 const useToast = () => {
     const activeToasts = React.useRef([]); // Track active toast IDs
-    const showToast = ({ status = 'success', title, description, styles: stylesProp, duration = 5000, ...rest }) => {
+    const showToast = ({ status = 'neutral', title, description, styles: stylesProp, duration: durationProp, action, ...rest }) => {
+        // A toast with an action stays longer, unless the caller chose a duration
+        // (including `null` / `Infinity` for a persistent toast).
+        const duration = durationProp !== undefined
+            ? durationProp
+            : action
+                ? Toast_styles.TOAST_ACTION_DURATION
+                : Toast_styles.TOAST_DEFAULT_DURATION;
         // NOTE: placement is not supported - must be configured in Toaster.tsx createToaster()
-        const styles = {
-            ...Toast_styles.toastStyles[status],
-            ...stylesProp,
-        };
         // Close the earliest toast if the limit is reached
         if (activeToasts.current.length >= MAX_TOASTS) {
             const [oldestToastId] = activeToasts.current;
@@ -31,10 +42,18 @@ const useToast = () => {
             duration,
             title,
             description,
-            type: status, // Maps to our status
+            type: toZagType(status),
             meta: {
                 // Pass custom data through meta
-                styles, // for custom toast style
+                status, // the real status — `Toaster` renders from this, not `type`
+                // The `type` that `status` was paired with. A later
+                // `toaster.update(id, { type })` changes `type` without touching
+                // `meta.status`; the mismatch tells `Toaster` that `type` is newer.
+                statusType: toZagType(status),
+                // Only the caller's overrides — `Toaster` applies the status styles
+                // itself, so they follow the status when it is updated.
+                styles: stylesProp,
+                action, // ReactNode label, so it travels in meta rather than `action`
                 onClose: () => Toaster.toaster.dismiss(toastId), // Custom close handler
             },
             onStatusChange: (details) => {
@@ -53,10 +72,33 @@ const useToast = () => {
         activeToasts.current.forEach((id) => Toaster.toaster.dismiss(id));
         activeToasts.current = [];
     };
+    /**
+     * Update a toast in place. `status` (or Chakra's `type`) changes the colours
+     * and icon; `meta` is merged into the toast's existing meta rather than
+     * replacing it, so the close handler and the action survive the update.
+     */
+    const update = (id, { status, styles, action, meta, ...rest }) => {
+        const current = Toaster.toaster.getVisibleToasts().find((toast) => toast.id === id)?.meta ?? {};
+        const nextStatus = status ?? rest.type;
+        return Toaster.toaster.update(id, {
+            ...rest,
+            ...(nextStatus && { type: toZagType(nextStatus) }),
+            meta: {
+                ...current,
+                ...meta,
+                ...(nextStatus && {
+                    status: nextStatus,
+                    statusType: toZagType(nextStatus),
+                }),
+                ...(styles !== undefined && { styles }),
+                ...(action !== undefined && { action }),
+            },
+        });
+    };
     return Object.assign(showToast, {
         dismiss: Toaster.toaster.dismiss,
         dismissAll,
-        update: Toaster.toaster.update,
+        update,
     });
 };
 

package/dist/components/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["useRef","toastStyles","toaster"],"mappings":";;;;;;;AAUA,MAAM,UAAU,GAAG,CAAC;AAEpB;;;AAGG;AACI,MAAM,QAAQ,GAAG,MAAK;IAC3B,MAAM,YAAY,GAAGA,YAAM,CAAW,EAAE,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,WAAW,EACX,MAAM,EAAE,UAAU,EAClB,QAAQ,GAAG,IAAI,EACf,GAAG,IAAI,EACS,KAAI;;AAEpB,QAAA,MAAM,MAAM,GAAG;YACb,GAAGC,wBAAW,CAAC,MAAM,CAAC;AACtB,YAAA,GAAG,UAAU;SACd;;QAGD,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,IAAI,UAAU,EAAE;AAC7C,YAAA,MAAM,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,OAAO;YAC5C,IAAI,aAAa,EAAE;AACjB,gBAAAC,eAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC/B,gBAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC/B;QACF;;AAGA,QAAA,MAAM,OAAO,GAAGA,eAAO,CAAC,MAAM,CAAC;YAC7B,QAAQ;YACR,KAAK;YACL,WAAW;YACX,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE;;AAEJ,gBAAA,MAAM;gBACN,OAAO,EAAE,MAAMA,eAAO,CAAC,OAAO,CAAC,OAAO,CAAC;AACxC,aAAA;AACD,YAAA,cAAc,EAAE,CAAC,OAAiC,KAAI;AACpD,gBAAA,IAAI,OAAO,CAAC,MAAM,KAAK,WAAW,EAAE;;AAElC,oBAAA,YAAY,CAAC,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAChD,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,CACvB;gBACH;YACF,CAAC;AACD,YAAA,GAAG,IAAI;AACgB,SAAA,CAAC;;AAG1B,QAAA,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;AAElC,QAAA,OAAO,OAAO;AAChB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,KAAKA,eAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACzD,QAAA,YAAY,CAAC,OAAO,GAAG,EAAE;AAC3B,IAAA,CAAC;AAED,IAAA,OAAO,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9B,OAAO,EAAEA,eAAO,CAAC,OAAO;QACxB,UAAU;QACV,MAAM,EAAEA,eAAO,CAAC,MAAM;AACvB,KAAA,CAAC;AACJ;;;;"}
+{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["useRef","TOAST_ACTION_DURATION","TOAST_DEFAULT_DURATION","toaster"],"mappings":"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"}

package/dist/components/Toast/useToast.mjs

@@ -1,21 +1,32 @@
 "use client";
 import { useRef } from 'react';
-import { toastStyles } from './Toast.styles.mjs';
+import { TOAST_ACTION_DURATION, TOAST_DEFAULT_DURATION } from './Toast.styles.mjs';
 import { toaster } from './Toaster.mjs';
 
 const MAX_TOASTS = 3;
+/**
+ * Zag's own toast store only knows `info/success/warning/error/loading` and
+ * REQUIRES one — `neutral` is ours, not Zag's, and both omitting `type` and
+ * passing `'neutral'` throw from inside the machine. `'info'` only feeds Zag's
+ * priority sort; the status that actually renders travels in `meta.status`
+ * and is read back out in `Toaster`.
+ */
+const toZagType = (status) => status === 'neutral' ? 'info' : status;
 /**
  * Custom hook for managing toast notifications
  * @returns Toast management functions
  */
 const useToast = () => {
     const activeToasts = useRef([]); // Track active toast IDs
-    const showToast = ({ status = 'success', title, description, styles: stylesProp, duration = 5000, ...rest }) => {
+    const showToast = ({ status = 'neutral', title, description, styles: stylesProp, duration: durationProp, action, ...rest }) => {
+        // A toast with an action stays longer, unless the caller chose a duration
+        // (including `null` / `Infinity` for a persistent toast).
+        const duration = durationProp !== undefined
+            ? durationProp
+            : action
+                ? TOAST_ACTION_DURATION
+                : TOAST_DEFAULT_DURATION;
         // NOTE: placement is not supported - must be configured in Toaster.tsx createToaster()
-        const styles = {
-            ...toastStyles[status],
-            ...stylesProp,
-        };
         // Close the earliest toast if the limit is reached
         if (activeToasts.current.length >= MAX_TOASTS) {
             const [oldestToastId] = activeToasts.current;
@@ -29,10 +40,18 @@ const useToast = () => {
             duration,
             title,
             description,
-            type: status, // Maps to our status
+            type: toZagType(status),
             meta: {
                 // Pass custom data through meta
-                styles, // for custom toast style
+                status, // the real status — `Toaster` renders from this, not `type`
+                // The `type` that `status` was paired with. A later
+                // `toaster.update(id, { type })` changes `type` without touching
+                // `meta.status`; the mismatch tells `Toaster` that `type` is newer.
+                statusType: toZagType(status),
+                // Only the caller's overrides — `Toaster` applies the status styles
+                // itself, so they follow the status when it is updated.
+                styles: stylesProp,
+                action, // ReactNode label, so it travels in meta rather than `action`
                 onClose: () => toaster.dismiss(toastId), // Custom close handler
             },
             onStatusChange: (details) => {
@@ -51,10 +70,33 @@ const useToast = () => {
         activeToasts.current.forEach((id) => toaster.dismiss(id));
         activeToasts.current = [];
     };
+    /**
+     * Update a toast in place. `status` (or Chakra's `type`) changes the colours
+     * and icon; `meta` is merged into the toast's existing meta rather than
+     * replacing it, so the close handler and the action survive the update.
+     */
+    const update = (id, { status, styles, action, meta, ...rest }) => {
+        const current = toaster.getVisibleToasts().find((toast) => toast.id === id)?.meta ?? {};
+        const nextStatus = status ?? rest.type;
+        return toaster.update(id, {
+            ...rest,
+            ...(nextStatus && { type: toZagType(nextStatus) }),
+            meta: {
+                ...current,
+                ...meta,
+                ...(nextStatus && {
+                    status: nextStatus,
+                    statusType: toZagType(nextStatus),
+                }),
+                ...(styles !== undefined && { styles }),
+                ...(action !== undefined && { action }),
+            },
+        });
+    };
     return Object.assign(showToast, {
         dismiss: toaster.dismiss,
         dismissAll,
-        update: toaster.update,
+        update,
     });
 };