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

package/dist/components/Toast/useToast.js

@@ -12,7 +12,14 @@ const MAX_TOASTS = 3;
  */
 const useToast = () => {
     const activeToasts = React.useRef([]); // Track active toast IDs
-    const showToast = ({ status = 'success', title, description, styles: stylesProp, duration = 5000, ...rest }) => {
+    const showToast = ({ status = 'success', 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],
@@ -35,6 +42,7 @@ const useToast = () => {
             meta: {
                 // Pass custom data through meta
                 styles, // for custom toast style
+                action, // ReactNode label, so it travels in meta rather than `action`
                 onClose: () => Toaster.toaster.dismiss(toastId), // Custom close handler
             },
             onStatusChange: (details) => {

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","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;;;;"}

package/dist/components/Toast/useToast.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { useRef } from 'react';
-import { toastStyles } from './Toast.styles.mjs';
+import { toastStyles, TOAST_ACTION_DURATION, TOAST_DEFAULT_DURATION } from './Toast.styles.mjs';
 import { toaster } from './Toaster.mjs';
 
 const MAX_TOASTS = 3;
@@ -10,7 +10,14 @@ const MAX_TOASTS = 3;
  */
 const useToast = () => {
     const activeToasts = useRef([]); // Track active toast IDs
-    const showToast = ({ status = 'success', title, description, styles: stylesProp, duration = 5000, ...rest }) => {
+    const showToast = ({ status = 'success', 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],
@@ -33,6 +40,7 @@ const useToast = () => {
             meta: {
                 // Pass custom data through meta
                 styles, // for custom toast style
+                action, // ReactNode label, so it travels in meta rather than `action`
                 onClose: () => toaster.dismiss(toastId), // Custom close handler
             },
             onStatusChange: (details) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useToast.mjs","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUA,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,GAAG,IAAI,EACf,GAAG,IAAI,EACS,KAAI;;AAEpB,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;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":";;;;;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;;;;"}

package/dist/components/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGA8DnB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGA4EnB,CAAC"}

package/dist/components/Tooltip/Tooltip.js

@@ -10,7 +10,21 @@ 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", ...contentProps, css: mergeCss.mergeCss({ '--tooltip-bg': 'var(--chakra-colors-gray-1200)' }, contentProps?.css), children: [showArrow && (jsxRuntime.jsx(react.Tooltip.Arrow, { ...arrowProps, children: jsxRuntime.jsx(react.Tooltip.ArrowTip, {}) })), content] }) }) })] }));
+    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", 
+                        // 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)',
+                            // 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
+                            // doesn't replay the animation on every button. The extra
+                            // `[data-state]` outranks the presence clock's
+                            // `:is([data-state=open])`.
+                            '&[data-instant][data-state]': { animationDuration: '0ms' },
+                        }, contentProps?.css), children: [showArrow && (jsxRuntime.jsx(react.Tooltip.Arrow, { ...arrowProps, children: jsxRuntime.jsx(react.Tooltip.ArrowTip, {}) })), content] }) }) })] }));
 });
 Tooltip.displayName = 'Tooltip';
 

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,EAAA,EACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,EAAA,IAAA,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,cAAA,CAACG,aAAa,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,GAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,cAAA,CAACI,YAAM,EAAA,EAAA,QAAA,EACLJ,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,EAAA,GACR,YAAY,EAChB,GAAG,EAAEE,iBAAQ,CACX,EAAE,cAAc,EAAE,gCAAgC,EAAE,EACpD,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,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;;;;"}

package/dist/components/Tooltip/Tooltip.mjs

@@ -8,7 +8,21 @@ 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", ...contentProps, css: mergeCss({ '--tooltip-bg': 'var(--chakra-colors-gray-1200)' }, contentProps?.css), children: [showArrow && (jsx(Tooltip$1.Arrow, { ...arrowProps, children: jsx(Tooltip$1.ArrowTip, {}) })), content] }) }) })] }));
+    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", 
+                        // 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)',
+                            // 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
+                            // doesn't replay the animation on every button. The extra
+                            // `[data-state]` outranks the presence clock's
+                            // `:is([data-state=open])`.
+                            '&[data-instant][data-state]': { animationDuration: '0ms' },
+                        }, contentProps?.css), children: [showArrow && (jsx(Tooltip$1.Arrow, { ...arrowProps, children: jsx(Tooltip$1.ArrowTip, {}) })), content] }) }) })] }));
 });
 Tooltip.displayName = 'Tooltip';
 

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,EAAA,EACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,EAAA,IAAA,EACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,GAAA,CAACG,SAAa,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,GAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,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,EAAA,GACR,YAAY,EAChB,GAAG,EAAE,QAAQ,CACX,EAAE,cAAc,EAAE,gCAAgC,EAAE,EACpD,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,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;;;;"}

package/dist/components/Tree/TreeBranchIndicator.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 var index = require('../Icon/index.js');
 
 const TreeBranchIndicator = React.forwardRef(({ children, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.TreeView.BranchIndicator, { ref: ref, display: "inline-flex", alignItems: "center", justifyContent: "center", transition: "transform 0.15s ease-out", _open: { transform: 'rotate(90deg)' }, _motionReduce: { transition: 'none' }, ...rest, children: children ?? jsxRuntime.jsx(index.IoChevronForward, { boxSize: "xs" }) }));
+    return (jsxRuntime.jsx(react.TreeView.BranchIndicator, { ref: ref, display: "inline-flex", alignItems: "center", justifyContent: "center", animationStyle: "feedback", transitionProperty: "transform", _open: { transform: 'rotate(90deg)' }, ...rest, children: children ?? jsxRuntime.jsx(index.ChevronRightIcon, { boxSize: "xs" }) }));
 });
 TreeBranchIndicator.displayName = 'TreeBranchIndicator';
 

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

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchIndicator.js","sources":["../../../src/components/Tree/TreeBranchIndicator.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","IoChevronForward"],"mappings":";;;;;;;;AAOO,MAAM,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC/B,QACEC,cAAA,CAACC,cAAc,CAAC,eAAe,IAC7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,0BAA0B,EACrC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EACrC,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,GACjC,IAAI,EAAA,QAAA,EAEP,QAAQ,IAAID,cAAA,CAACE,sBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf;AAErC,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"TreeBranchIndicator.js","sources":["../../../src/components/Tree/TreeBranchIndicator.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView","ChevronRightIcon"],"mappings":";;;;;;;;AAOO,MAAM,mBAAmB,GAAGA,gBAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC/B,QACEC,eAACC,cAAc,CAAC,eAAe,EAAA,EAC7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,WAAW,EAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,GACjC,IAAI,YAEP,QAAQ,IAAID,cAAA,CAACE,sBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf;AAErC,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/components/Tree/TreeBranchIndicator.mjs

@@ -2,10 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { TreeView } from '@chakra-ui/react';
-import { IoChevronForward } from '../Icon/index.mjs';
+import { ChevronRightIcon } from '../Icon/index.mjs';
 
 const TreeBranchIndicator = forwardRef(({ children, ...rest }, ref) => {
-    return (jsx(TreeView.BranchIndicator, { ref: ref, display: "inline-flex", alignItems: "center", justifyContent: "center", transition: "transform 0.15s ease-out", _open: { transform: 'rotate(90deg)' }, _motionReduce: { transition: 'none' }, ...rest, children: children ?? jsx(IoChevronForward, { boxSize: "xs" }) }));
+    return (jsx(TreeView.BranchIndicator, { ref: ref, display: "inline-flex", alignItems: "center", justifyContent: "center", animationStyle: "feedback", transitionProperty: "transform", _open: { transform: 'rotate(90deg)' }, ...rest, children: children ?? jsx(ChevronRightIcon, { boxSize: "xs" }) }));
 });
 TreeBranchIndicator.displayName = 'TreeBranchIndicator';
 

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

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchIndicator.mjs","sources":["../../../src/components/Tree/TreeBranchIndicator.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC/B,QACEA,GAAA,CAACC,QAAc,CAAC,eAAe,IAC7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,0BAA0B,EACrC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EACrC,aAAa,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,GACjC,IAAI,EAAA,QAAA,EAEP,QAAQ,IAAID,GAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf;AAErC,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"TreeBranchIndicator.mjs","sources":["../../../src/components/Tree/TreeBranchIndicator.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;;AAOO,MAAM,mBAAmB,GAAG,UAAU,CAG3C,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC/B,QACEA,IAACC,QAAc,CAAC,eAAe,EAAA,EAC7B,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,WAAW,EAC9B,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,EAAA,GACjC,IAAI,YAEP,QAAQ,IAAID,GAAA,CAAC,gBAAgB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACf;AAErC,CAAC;AACD,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

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

@@ -0,0 +1,4 @@
+import { TypographyOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Caption: import("../..").PolymorphicComponent<TypographyOwnProps, "p">;
+//# sourceMappingURL=Caption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Caption.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAmCxD,yEAAyE;AACzE,eAAO,MAAM,OAAO,+DAAoD,CAAC"}

package/dist/components/Typography/Caption.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
+
+/**
+ * The smallest tier in the body type scale (`textStyle="caption"`, ~11–12px),
+ * one step below {@link Subtext}. Use it for de-emphasised metadata — message
+ * timestamps, counts, statuses, helper microcopy, table sub-values — text that
+ * supports the content without competing with it.
+ *
+ * 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.
+ */
+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 }));
+});
+CaptionImpl.displayName = 'Caption';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Caption = polymorphic.polymorphic(CaptionImpl);
+
+exports.Caption = Caption;
+//# sourceMappingURL=Caption.js.map

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

@@ -0,0 +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;;;;"}

package/dist/components/Typography/Caption.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Text } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
+
+/**
+ * The smallest tier in the body type scale (`textStyle="caption"`, ~11–12px),
+ * one step below {@link Subtext}. Use it for de-emphasised metadata — message
+ * timestamps, counts, statuses, helper microcopy, table sub-values — text that
+ * supports the content without competing with it.
+ *
+ * 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.
+ */
+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 }));
+});
+CaptionImpl.displayName = 'Caption';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Caption = polymorphic(CaptionImpl);
+
+export { Caption };
+//# sourceMappingURL=Caption.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -1,3 +1,4 @@
-import { HeadingProps } from '@chakra-ui/react';
-export declare const H1: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+import { HeadingOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const H1: import("../..").PolymorphicComponent<HeadingOwnProps, "h1">;
 //# sourceMappingURL=H1.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H1.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,EAAE,6GAab,CAAC"}
+{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H1.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}

package/dist/components/Typography/H1.js

@@ -4,12 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const H1 = React.forwardRef((props, ref) => {
+const H1Impl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h1", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H1.displayName = 'H1';
+H1Impl.displayName = 'H1';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H1 = polymorphic.polymorphic(H1Impl);
 
 exports.H1 = H1;
 //# sourceMappingURL=H1.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"H1.js","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading"],"mappings":";;;;;;;AAGO,MAAM,EAAE,GAAGA,gBAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H1.js","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}

package/dist/components/Typography/H1.mjs

@@ -2,12 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Heading } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const H1 = forwardRef((props, ref) => {
+const H1Impl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Heading, { ref: ref, as: "h1", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsx(Heading, { ref: ref, as: "h1", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h1', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H1.displayName = 'H1';
+H1Impl.displayName = 'H1';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H1 = polymorphic(H1Impl);
 
 export { H1 };
 //# sourceMappingURL=H1.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"H1.mjs","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,EAAE,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H1.mjs","sources":["../../../src/components/Typography/H1.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}

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

@@ -1,3 +1,4 @@
-import { HeadingProps } from '@chakra-ui/react';
-export declare const H2: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+import { HeadingOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const H2: import("../..").PolymorphicComponent<HeadingOwnProps, "h2">;
 //# sourceMappingURL=H2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,EAAE,6GAab,CAAC"}
+{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H2.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}

package/dist/components/Typography/H2.js

@@ -4,12 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const H2 = React.forwardRef((props, ref) => {
+const H2Impl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h2", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H2.displayName = 'H2';
+H2Impl.displayName = 'H2';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H2 = polymorphic.polymorphic(H2Impl);
 
 exports.H2 = H2;
 //# sourceMappingURL=H2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"H2.js","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading"],"mappings":";;;;;;;AAGO,MAAM,EAAE,GAAGA,gBAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H2.js","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}

package/dist/components/Typography/H2.mjs

@@ -2,12 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Heading } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const H2 = forwardRef((props, ref) => {
+const H2Impl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Heading, { ref: ref, as: "h2", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsx(Heading, { ref: ref, as: "h2", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h2', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H2.displayName = 'H2';
+H2Impl.displayName = 'H2';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H2 = polymorphic(H2Impl);
 
 export { H2 };
 //# sourceMappingURL=H2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"H2.mjs","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,EAAE,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H2.mjs","sources":["../../../src/components/Typography/H2.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}

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

@@ -1,3 +1,4 @@
-import { HeadingProps } from '@chakra-ui/react';
-export declare const H3: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+import { HeadingOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const H3: import("../..").PolymorphicComponent<HeadingOwnProps, "h3">;
 //# sourceMappingURL=H3.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H3.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,EAAE,6GAcb,CAAC"}
+{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H3.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}

package/dist/components/Typography/H3.js

@@ -4,12 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const H3 = React.forwardRef((props, ref) => {
+const H3Impl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h3", color: "fg.default", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H3.displayName = 'H3';
+H3Impl.displayName = 'H3';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H3 = polymorphic.polymorphic(H3Impl);
 
 exports.H3 = H3;
 //# sourceMappingURL=H3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"H3.js","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading"],"mappings":";;;;;;;AAGO,MAAM,EAAE,GAAGA,gBAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H3.js","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}

package/dist/components/Typography/H3.mjs

@@ -2,12 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Heading } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const H3 = forwardRef((props, ref) => {
+const H3Impl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Heading, { ref: ref, as: "h3", color: "fg.default", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsx(Heading, { ref: ref, as: "h3", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h3', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H3.displayName = 'H3';
+H3Impl.displayName = 'H3';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H3 = polymorphic(H3Impl);
 
 export { H3 };
 //# sourceMappingURL=H3.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"H3.mjs","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,EAAE,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,YAAY,EAClB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H3.mjs","sources":["../../../src/components/Typography/H3.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}

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

@@ -1,3 +1,4 @@
-import { HeadingProps } from '@chakra-ui/react';
-export declare const H4: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+import { HeadingOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const H4: import("../..").PolymorphicComponent<HeadingOwnProps, "h4">;
 //# sourceMappingURL=H4.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,EAAE,6GAab,CAAC"}
+{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H4.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}

package/dist/components/Typography/H4.js

@@ -4,12 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const H4 = React.forwardRef((props, ref) => {
+const H4Impl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h4", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H4.displayName = 'H4';
+H4Impl.displayName = 'H4';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H4 = polymorphic.polymorphic(H4Impl);
 
 exports.H4 = H4;
 //# sourceMappingURL=H4.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"H4.js","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading"],"mappings":";;;;;;;AAGO,MAAM,EAAE,GAAGA,gBAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H4.js","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Heading","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,MAAM,GAAGA,gBAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEC,cAAA,CAACC,aAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAGC,uBAAW,CAAwB,MAAM;;;;"}

package/dist/components/Typography/H4.mjs

@@ -2,12 +2,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Heading } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const H4 = forwardRef((props, ref) => {
+const H4Impl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Heading, { ref: ref, as: "h4", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsx(Heading, { ref: ref, as: "h4", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h4', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H4.displayName = 'H4';
+H4Impl.displayName = 'H4';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H4 = polymorphic(H4Impl);
 
 export { H4 };
 //# sourceMappingURL=H4.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"H4.mjs","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,EAAE,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAED,EAAE,CAAC,WAAW,GAAG,IAAI;;;;"}
+{"version":3,"file":"H4.mjs","sources":["../../../src/components/Typography/H4.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,MAAM,GAAG,UAAU,CAAsC,CAAC,KAAK,EAAE,GAAG,KAAI;IAC5E,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEnC,IAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EACN,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,IAAI,EACP,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,IAAI;AAEzB;MACa,EAAE,GAAG,WAAW,CAAwB,MAAM;;;;"}

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

@@ -1,3 +1,4 @@
-import { HeadingProps } from '@chakra-ui/react';
-export declare const H5: import("react").ForwardRefExoticComponent<HeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
+import { HeadingOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const H5: import("../..").PolymorphicComponent<HeadingOwnProps, "h5">;
 //# sourceMappingURL=H5.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H5.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEzD,eAAO,MAAM,EAAE,6GAab,CAAC"}
+{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/H5.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,yEAAyE;AACzE,eAAO,MAAM,EAAE,6DAA6C,CAAC"}

package/dist/components/Typography/H5.js

@@ -4,12 +4,15 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const H5 = React.forwardRef((props, ref) => {
+const H5Impl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h5", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Heading, { ref: ref, as: "h5", color: "fg.emphasized", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
 });
-H5.displayName = 'H5';
+H5Impl.displayName = 'H5';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const H5 = polymorphic.polymorphic(H5Impl);
 
 exports.H5 = H5;
 //# sourceMappingURL=H5.js.map