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

package/dist/components/Toast/useToast.js

@@ -6,13 +6,21 @@ 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: durationProp, action, ...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
@@ -21,10 +29,6 @@ const useToast = () => {
                 ? 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;
@@ -38,10 +42,17 @@ 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
             },
@@ -61,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","TOAST_ACTION_DURATION","TOAST_DEFAULT_DURATION","toastStyles","toaster"],"mappings":";;;;;;;AAcA,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,EAAE,YAAY,EACtB,MAAM,EACN,GAAG,IAAI,EACS,KAAI;;;AAGpB,QAAA,MAAM,QAAQ,GACZ,YAAY,KAAK;AACf,cAAE;AACF,cAAE;AACA,kBAAEC;kBACAC,mCAAsB;;AAG9B,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;AACN,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,16 +1,24 @@
 "use client";
 import { useRef } from 'react';
-import { toastStyles, TOAST_ACTION_DURATION, TOAST_DEFAULT_DURATION } 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: durationProp, action, ...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
@@ -19,10 +27,6 @@ const useToast = () => {
                 ? 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;
@@ -36,10 +40,17 @@ 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
             },
@@ -59,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,
     });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"useToast.mjs","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAcA,MAAM,UAAU,GAAG,CAAC;AAEpB;;;AAGG;AACI,MAAM,QAAQ,GAAG,MAAK;IAC3B,MAAM,YAAY,GAAG,MAAM,CAAW,EAAE,CAAC,CAAC;IAE1C,MAAM,SAAS,GAAG,CAAC,EACjB,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,WAAW,EACX,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,GAAG,IAAI,EACS,KAAI;;;AAGpB,QAAA,MAAM,QAAQ,GACZ,YAAY,KAAK;AACf,cAAE;AACF,cAAE;AACA,kBAAE;kBACA,sBAAsB;;AAG9B,QAAA,MAAM,MAAM,GAAG;YACb,GAAG,WAAW,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,gBAAA,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAC/B,gBAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC/B;QACF;;AAGA,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;YAC7B,QAAQ;YACR,KAAK;YACL,WAAW;YACX,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE;;AAEJ,gBAAA,MAAM;AACN,gBAAA,MAAM;gBACN,OAAO,EAAE,MAAM,OAAO,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,KAAK,OAAO,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,EAAE,OAAO,CAAC,OAAO;QACxB,UAAU;QACV,MAAM,EAAE,OAAO,CAAC,MAAM;AACvB,KAAA,CAAC;AACJ;;;;"}
+{"version":3,"file":"useToast.mjs","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.js

@@ -10,13 +10,13 @@ const Tooltip = React.forwardRef(({ children, content, open, onOpenChange, place
     if (disabled) {
         return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
     }
-    return (jsxRuntime.jsxs(react.Tooltip.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { asChild: true, ...triggerProps, children: children }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Tooltip.Positioner, { children: jsxRuntime.jsxs(react.Tooltip.Content, { ref: ref, color: "white", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px", 
+    return (jsxRuntime.jsxs(react.Tooltip.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { asChild: true, ...triggerProps, children: children }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Tooltip.Positioner, { children: jsxRuntime.jsxs(react.Tooltip.Content, { ref: ref, color: "tooltip.fg", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px", 
                         // The one part whose recipe timing was symmetric — 150ms both
                         // ways — which is why a tooltip used to feel like it was being
                         // peeled off the trigger. It has the shortest dwell of anything
                         // here, so the exit being half the enter matters most.
                         animationStyle: "presence-anchored", ...contentProps, css: mergeCss.mergeCss({
-                            '--tooltip-bg': 'var(--chakra-colors-gray-1200)',
+                            '--tooltip-bg': 'var(--chakra-colors-tooltip-bg)',
                             // zag sets `data-instant` when the pointer moves from one
                             // open tooltip to the next. It already skips the delay
                             // there; skip the enter/exit too, so sweeping a toolbar

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","_Fragment","_jsxs","ChakraTooltip","Portal","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,eAAA,CAACC,aAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,eAACG,aAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,cAAA,CAACI,YAAM,cACLJ,cAAA,CAACG,aAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,eAAA,CAACC,aAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAEE,iBAAQ,CACX;AACE,4BAAA,cAAc,EAAE,gCAAgC;;;;;;;AAOhD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRL,cAAA,CAACG,aAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,cAAA,CAACG,aAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","_Fragment","_jsxs","ChakraTooltip","Portal","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,eAAA,CAACC,aAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,eAACG,aAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,cAAA,CAACI,YAAM,cACLJ,cAAA,CAACG,aAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,eAAA,CAACC,aAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAEE,iBAAQ,CACX;AACE,4BAAA,cAAc,EAAE,iCAAiC;;;;;;;AAOjD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRL,cAAA,CAACG,aAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,cAAA,CAACG,aAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/dist/components/Tooltip/Tooltip.mjs

@@ -8,13 +8,13 @@ const Tooltip = forwardRef(({ children, content, open, onOpenChange, placement =
     if (disabled) {
         return jsx(Fragment, { children: children });
     }
-    return (jsxs(Tooltip$1.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsx(Tooltip$1.Trigger, { asChild: true, ...triggerProps, children: children }), jsx(Portal, { children: jsx(Tooltip$1.Positioner, { children: jsxs(Tooltip$1.Content, { ref: ref, color: "white", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px", 
+    return (jsxs(Tooltip$1.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsx(Tooltip$1.Trigger, { asChild: true, ...triggerProps, children: children }), jsx(Portal, { children: jsx(Tooltip$1.Positioner, { children: jsxs(Tooltip$1.Content, { ref: ref, color: "tooltip.fg", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px", 
                         // The one part whose recipe timing was symmetric — 150ms both
                         // ways — which is why a tooltip used to feel like it was being
                         // peeled off the trigger. It has the shortest dwell of anything
                         // here, so the exit being half the enter matters most.
                         animationStyle: "presence-anchored", ...contentProps, css: mergeCss({
-                            '--tooltip-bg': 'var(--chakra-colors-gray-1200)',
+                            '--tooltip-bg': 'var(--chakra-colors-tooltip-bg)',
                             // zag sets `data-instant` when the pointer moves from one
                             // open tooltip to the next. It already skips the delay
                             // there; skip the enter/exit too, so sweeping a toolbar

package/dist/components/Tooltip/Tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","ChakraTooltip"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,IAAA,CAACC,SAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,IAACG,SAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,GAAA,CAAC,MAAM,cACLA,GAAA,CAACG,SAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,IAAA,CAACC,SAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAE,QAAQ,CACX;AACE,4BAAA,cAAc,EAAE,gCAAgC;;;;;;;AAOhD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRH,GAAA,CAACG,SAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,GAAA,CAACG,SAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Tooltip.mjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","ChakraTooltip"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,IAAA,CAACC,SAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,IAACG,SAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,GAAA,CAAC,MAAM,cACLA,GAAA,CAACG,SAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,IAAA,CAACC,SAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAE,QAAQ,CACX;AACE,4BAAA,cAAc,EAAE,iCAAiC;;;;;;;AAOjD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRH,GAAA,CAACG,SAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,GAAA,CAACG,SAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/dist/components/Tree/TreeBranchControl.js

@@ -11,7 +11,7 @@ const TreeBranchControl = React.forwardRef((props, ref) => {
     // start (`var(--tree-offset)`) gets overridden if we re-declare `px`
     // here. Only the color/state overrides remain. `cursor: pointer` is
     // re-added because the recipe's `baseItemStyle` doesn't include it.
-    return (jsxRuntime.jsx(react.TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.lightest', color: 'primary.dark' }, ...focusRing.focusRing, ...props }));
+    return (jsxRuntime.jsx(react.TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.selected', color: 'fg.default' }, ...focusRing.focusRing, ...props }));
 });
 TreeBranchControl.displayName = 'TreeBranchControl';
 

package/dist/components/Tree/TreeBranchControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchControl.js","sources":["../../../src/components/Tree/TreeBranchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;AAKf,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,aAAa,EAAA,EAC3B,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,GACxDC,mBAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"TreeBranchControl.js","sources":["../../../src/components/Tree/TreeBranchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,iBAAiB,GAAGA,gBAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;AAKf,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,aAAa,EAAA,EAC3B,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,GACtDC,mBAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/components/Tree/TreeBranchControl.mjs

@@ -9,7 +9,7 @@ const TreeBranchControl = forwardRef((props, ref) => {
     // start (`var(--tree-offset)`) gets overridden if we re-declare `px`
     // here. Only the color/state overrides remain. `cursor: pointer` is
     // re-added because the recipe's `baseItemStyle` doesn't include it.
-    return (jsx(TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.lightest', color: 'primary.dark' }, ...focusRing, ...props }));
+    return (jsx(TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.selected', color: 'fg.default' }, ...focusRing, ...props }));
 });
 TreeBranchControl.displayName = 'TreeBranchControl';
 

package/dist/components/Tree/TreeBranchControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchControl.mjs","sources":["../../../src/components/Tree/TreeBranchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;AAKf,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,aAAa,EAAA,EAC3B,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,GACxD,SAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"TreeBranchControl.mjs","sources":["../../../src/components/Tree/TreeBranchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;AAKf,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,aAAa,EAAA,EAC3B,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,GACtD,SAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AACD,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/components/Tree/TreeItem.js

@@ -17,7 +17,7 @@ const TreeItem = React.forwardRef((props, ref) => {
     //
     // `cursor` is the one common-sense interactive default the recipe
     // does NOT supply, so we add it explicitly.
-    return (jsxRuntime.jsx(react.TreeView.Item, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.lightest', color: 'primary.dark' }, ...focusRing.focusRing, ...props }));
+    return (jsxRuntime.jsx(react.TreeView.Item, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.selected', color: 'fg.default' }, ...focusRing.focusRing, ...props }));
 });
 TreeItem.displayName = 'TreeItem';
 

package/dist/components/Tree/TreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","sources":["../../../src/components/Tree/TreeItem.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWb,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,GACxDC,mBAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TreeItem.js","sources":["../../../src/components/Tree/TreeItem.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWb,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,GACtDC,mBAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Tree/TreeItem.mjs

@@ -15,7 +15,7 @@ const TreeItem = forwardRef((props, ref) => {
     //
     // `cursor` is the one common-sense interactive default the recipe
     // does NOT supply, so we add it explicitly.
-    return (jsx(TreeView.Item, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.lightest', color: 'primary.dark' }, ...focusRing, ...props }));
+    return (jsx(TreeView.Item, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.selected', color: 'fg.default' }, ...focusRing, ...props }));
 });
 TreeItem.displayName = 'TreeItem';
 

package/dist/components/Tree/TreeItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.mjs","sources":["../../../src/components/Tree/TreeItem.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWb,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,GACxD,SAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TreeItem.mjs","sources":["../../../src/components/Tree/TreeItem.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWb,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,IAAI,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,SAAS,EAChB,KAAK,EAAC,YAAY,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,EAC3B,SAAS,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,YAAY,EAAE,EAAA,GACtD,SAAS,KACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Typography/Caption.js

@@ -14,16 +14,16 @@ var polymorphic = require('../../types/polymorphic.js');
  *
  * Scale: `Text` (p, 14–16px) → `Subtext` (12.88–14px) → `Caption` (11–12px).
  *
- * Defaults to `fg.muted` since captions are secondary by nature; every aspect
- * stays one Chakra prop away, so a brand/status variant is a single override
- * (e.g. `color="danger.main"`). Passing `fontSize` opts out of the baked-in
- * `textStyle` so an explicit size wins.
+ * Defaults to `fg.subtle` since captions are the most de-emphasised tier in
+ * the scale; every aspect stays one Chakra prop away, so a brand/status
+ * variant is a single override (e.g. `color="danger.fg"`). Passing `fontSize`
+ * opts out of the baked-in `textStyle` so an explicit size wins.
  */
 const CaptionImpl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
     return (jsxRuntime.jsx(react.Text, { ref: ref, 
         // If fontSize is provided, disable textStyle to allow the override
-        textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
+        textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle", wordBreak: "keep-all", ...rest }));
 });
 CaptionImpl.displayName = 'Caption';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

package/dist/components/Typography/Caption.js.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAGC,uBAAW,CAA0B,WAAW;;;;"}
+{"version":3,"file":"Caption.js","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,UAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAGC,uBAAW,CAA0B,WAAW;;;;"}

package/dist/components/Typography/Caption.mjs

@@ -12,16 +12,16 @@ import { polymorphic } from '../../types/polymorphic.mjs';
  *
  * Scale: `Text` (p, 14–16px) → `Subtext` (12.88–14px) → `Caption` (11–12px).
  *
- * Defaults to `fg.muted` since captions are secondary by nature; every aspect
- * stays one Chakra prop away, so a brand/status variant is a single override
- * (e.g. `color="danger.main"`). Passing `fontSize` opts out of the baked-in
- * `textStyle` so an explicit size wins.
+ * Defaults to `fg.subtle` since captions are the most de-emphasised tier in
+ * the scale; every aspect stays one Chakra prop away, so a brand/status
+ * variant is a single override (e.g. `color="danger.fg"`). Passing `fontSize`
+ * opts out of the baked-in `textStyle` so an explicit size wins.
  */
 const CaptionImpl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
     return (jsx(Text, { ref: ref, 
         // If fontSize is provided, disable textStyle to allow the override
-        textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
+        textStyle: fontSize ? undefined : 'caption', fontSize: fontSize, color: "fg.subtle", wordBreak: "keep-all", ...rest }));
 });
 CaptionImpl.displayName = 'Caption';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

package/dist/components/Typography/Caption.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Caption.mjs","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAG,WAAW,CAA0B,WAAW;;;;"}
+{"version":3,"file":"Caption.mjs","sources":["../../../src/components/Typography/Caption.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACH,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG;;QAER,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,WAAW,CAAC,WAAW,GAAG,SAAS;AAEnC;MACa,OAAO,GAAG,WAAW,CAA0B,WAAW;;;;"}

package/dist/components/Typography/Link.d.ts

@@ -18,24 +18,18 @@ export type LinkCustomProps<TElement extends ElementType = 'a'> = PolymorphicPro
  * still clear the contrast bar. Asserting only the second half is a test that
  * passes while the component points somewhere else entirely — which is how the
  * dark hover regressed with a green suite.
+ *
+ * 5.0: every entry is a flipping semantic role — `fg.link` / `fg.linkHover` /
+ * `danger.fg` each already resolve to the right hex in light and dark — so a
+ * ramp step is one token, not the 4.x `{ base, _dark }` pair of hand-picked
+ * steps. There is no darker danger token than `danger.fg` today, so the error
+ * link does not change colour on hover (only its underline thickens).
  */
 export declare const LINK_RAMP: {
-    readonly default: {
-        readonly base: "primary.main";
-        readonly _dark: "primary.dark";
-    };
-    readonly error: {
-        readonly base: "danger.main";
-        readonly _dark: "danger.dark";
-    };
-    readonly defaultHover: {
-        readonly base: "primary.dark";
-        readonly _dark: "primary.darker";
-    };
-    readonly errorHover: {
-        readonly base: "danger.dark";
-        readonly _dark: "danger.darker";
-    };
+    readonly default: "fg.link";
+    readonly error: "danger.fg";
+    readonly defaultHover: "fg.linkHover";
+    readonly errorHover: "danger.fg";
 };
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */
 export declare const Link: import("../..").PolymorphicComponent<LinkOwnProps, "a">;

package/dist/components/Typography/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAE3C;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAKZ,CAAC;AA8DX,yEAAyE;AACzE,eAAO,MAAM,IAAI,yDAA2C,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAsDX,yEAAyE;AACzE,eAAO,MAAM,IAAI,yDAA2C,CAAC"}

package/dist/components/Typography/Link.js

@@ -12,35 +12,29 @@ var polymorphic = require('../../types/polymorphic.js');
  * still clear the contrast bar. Asserting only the second half is a test that
  * passes while the component points somewhere else entirely — which is how the
  * dark hover regressed with a green suite.
+ *
+ * 5.0: every entry is a flipping semantic role — `fg.link` / `fg.linkHover` /
+ * `danger.fg` each already resolve to the right hex in light and dark — so a
+ * ramp step is one token, not the 4.x `{ base, _dark }` pair of hand-picked
+ * steps. There is no darker danger token than `danger.fg` today, so the error
+ * link does not change colour on hover (only its underline thickens).
  */
 const LINK_RAMP = {
-    default: { base: 'primary.main', _dark: 'primary.dark' },
-    error: { base: 'danger.main', _dark: 'danger.dark' },
-    defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
-    errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
+    default: 'fg.link',
+    error: 'danger.fg',
+    defaultHover: 'fg.linkHover',
+    errorHover: 'danger.fg',
 };
 const LinkImpl = React.forwardRef(({ color, variant, ...rest }, ref) => {
-    // Theme-aware, because `.main` is tuned against a WHITE page. On the dark
-    // canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
-    // — both under the 4.5:1 that KWCAG 2.1 5.1.3.3 (명도 대비) asks of body
-    // text, and every link in a consuming app inherits it. The `.dark` end of
-    // each ramp is the far side from the PAGE rather than a fixed lightness, so
-    // in dark mode it resolves lighter: 6.68:1 and 6.38:1.
+    // `fg.link` / `danger.fg` are flipping semantic roles, tuned against their
+    // own canvas in both modes — unlike the 4.x `primary.*` ramp, there is no
+    // light/dark arm to hand-pick here. KWCAG 2.1 5.1.3.3 (명도 대비) still
+    // applies to every state a user can put the link in: the default link's
+    // hover has its own token (`fg.linkHover`); the error link's hover keeps
+    // `danger.fg` (no darker danger token exists), so for it the thicker
+    // underline is the only hover cue.
     const defaultColor = LINK_RAMP.default;
     const errorColor = LINK_RAMP.error;
-    // The hover has to move AWAY from the page in BOTH modes, and `.main` is
-    // the wrong end of the ramp to move toward in dark. Mirroring the light
-    // step ("one darker") instead of reflecting it sent the dark hover back
-    // toward the background: resting 6.68:1 → hovering **4.19:1**, under the
-    // same 4.5:1 the resting colour above was just fixed to clear. KWCAG
-    // 5.3.3 applies to text in every state a user can put it in, and hover is
-    // a state a mouse user is IN while reading the link.
-    //
-    // `.darker` is the step past `.dark` at both ends, so one token is correct
-    // in both modes with no special-casing: light 11.98:1 (unchanged from
-    // before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
-    //
-    // No axe rule would have caught this — it measures the resting state only.
     const defaultHoverColor = LINK_RAMP.defaultHover;
     const errorHoverColor = LINK_RAMP.errorHover;
     // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
@@ -52,13 +46,14 @@ const LinkImpl = React.forwardRef(({ color, variant, ...rest }, ref) => {
     const linkColor = variant === 'error' ? errorColor : (color ?? defaultColor);
     const hoverColor = variant === 'error' ? errorHoverColor : defaultHoverColor;
     return (jsxRuntime.jsx(react.Link, { ref: ref, 
-        // Inherit the surrounding text weight so an inline link reads as part of
-        // its sentence (extrabold inside an H1, body weight inside a paragraph)
-        // rather than a fixed-semibold patch. Color + underline carry the link
-        // affordance. Override with an explicit `fontWeight` when needed.
-        fontWeight: "inherit", wordBreak: "keep-all", color: linkColor, _hover: {
+        // 5.0: links carry their own weight (500) instead of inheriting the
+        // surrounding text's, because colour alone (`fg.link`) no longer
+        // reads as an affordance against every body-text colour in the fg.*
+        // scale the way `primary.main` used to. `{...rest}` below still lets
+        // a call site override it.
+        fontWeight: 500, wordBreak: "keep-all", color: linkColor, textDecoration: "underline", textDecorationThickness: "1px", textUnderlineOffset: "3px", _hover: {
             color: hoverColor,
-            textDecor: 'none',
+            textDecorationThickness: '2px',
         }, ...rest }));
 });
 LinkImpl.displayName = 'Link';

package/dist/components/Typography/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink","polymorphic"],"mappings":";;;;;;;;AAsBA;;;;;;AAMG;AACI,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE;;AAG7D,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;AAOnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;;;;;;;;;;;;;;AAclC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;AAKR,QAAA,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,SAAS,EAAE,MAAM;SAClB,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAoB,QAAQ;;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraLink","polymorphic"],"mappings":";;;;;;;;AAsBA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,UAAU,EAAE,WAAW;;AAGzB,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;;AAQnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;AAClC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;;QAMR,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,cAAc,EAAC,WAAW,EAC1B,uBAAuB,EAAC,KAAK,EAC7B,mBAAmB,EAAC,KAAK,EACzB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,uBAAuB,EAAE,KAAK;SAC/B,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAoB,QAAQ;;;;;"}

package/dist/components/Typography/Link.mjs

@@ -10,35 +10,29 @@ import { polymorphic } from '../../types/polymorphic.mjs';
  * still clear the contrast bar. Asserting only the second half is a test that
  * passes while the component points somewhere else entirely — which is how the
  * dark hover regressed with a green suite.
+ *
+ * 5.0: every entry is a flipping semantic role — `fg.link` / `fg.linkHover` /
+ * `danger.fg` each already resolve to the right hex in light and dark — so a
+ * ramp step is one token, not the 4.x `{ base, _dark }` pair of hand-picked
+ * steps. There is no darker danger token than `danger.fg` today, so the error
+ * link does not change colour on hover (only its underline thickens).
  */
 const LINK_RAMP = {
-    default: { base: 'primary.main', _dark: 'primary.dark' },
-    error: { base: 'danger.main', _dark: 'danger.dark' },
-    defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
-    errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
+    default: 'fg.link',
+    error: 'danger.fg',
+    defaultHover: 'fg.linkHover',
+    errorHover: 'danger.fg',
 };
 const LinkImpl = forwardRef(({ color, variant, ...rest }, ref) => {
-    // Theme-aware, because `.main` is tuned against a WHITE page. On the dark
-    // canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
-    // — both under the 4.5:1 that KWCAG 2.1 5.1.3.3 (명도 대비) asks of body
-    // text, and every link in a consuming app inherits it. The `.dark` end of
-    // each ramp is the far side from the PAGE rather than a fixed lightness, so
-    // in dark mode it resolves lighter: 6.68:1 and 6.38:1.
+    // `fg.link` / `danger.fg` are flipping semantic roles, tuned against their
+    // own canvas in both modes — unlike the 4.x `primary.*` ramp, there is no
+    // light/dark arm to hand-pick here. KWCAG 2.1 5.1.3.3 (명도 대비) still
+    // applies to every state a user can put the link in: the default link's
+    // hover has its own token (`fg.linkHover`); the error link's hover keeps
+    // `danger.fg` (no darker danger token exists), so for it the thicker
+    // underline is the only hover cue.
     const defaultColor = LINK_RAMP.default;
     const errorColor = LINK_RAMP.error;
-    // The hover has to move AWAY from the page in BOTH modes, and `.main` is
-    // the wrong end of the ramp to move toward in dark. Mirroring the light
-    // step ("one darker") instead of reflecting it sent the dark hover back
-    // toward the background: resting 6.68:1 → hovering **4.19:1**, under the
-    // same 4.5:1 the resting colour above was just fixed to clear. KWCAG
-    // 5.3.3 applies to text in every state a user can put it in, and hover is
-    // a state a mouse user is IN while reading the link.
-    //
-    // `.darker` is the step past `.dark` at both ends, so one token is correct
-    // in both modes with no special-casing: light 11.98:1 (unchanged from
-    // before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
-    //
-    // No axe rule would have caught this — it measures the resting state only.
     const defaultHoverColor = LINK_RAMP.defaultHover;
     const errorHoverColor = LINK_RAMP.errorHover;
     // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
@@ -50,13 +44,14 @@ const LinkImpl = forwardRef(({ color, variant, ...rest }, ref) => {
     const linkColor = variant === 'error' ? errorColor : (color ?? defaultColor);
     const hoverColor = variant === 'error' ? errorHoverColor : defaultHoverColor;
     return (jsx(Link$1, { ref: ref, 
-        // Inherit the surrounding text weight so an inline link reads as part of
-        // its sentence (extrabold inside an H1, body weight inside a paragraph)
-        // rather than a fixed-semibold patch. Color + underline carry the link
-        // affordance. Override with an explicit `fontWeight` when needed.
-        fontWeight: "inherit", wordBreak: "keep-all", color: linkColor, _hover: {
+        // 5.0: links carry their own weight (500) instead of inheriting the
+        // surrounding text's, because colour alone (`fg.link`) no longer
+        // reads as an affordance against every body-text colour in the fg.*
+        // scale the way `primary.main` used to. `{...rest}` below still lets
+        // a call site override it.
+        fontWeight: 500, wordBreak: "keep-all", color: linkColor, textDecoration: "underline", textDecorationThickness: "1px", textUnderlineOffset: "3px", _hover: {
             color: hoverColor,
-            textDecor: 'none',
+            textDecorationThickness: '2px',
         }, ...rest }));
 });
 LinkImpl.displayName = 'Link';