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

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

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

@@ -1 +1 @@
-{"version":3,"file":"H5.js","sources":["../../../src/components/Typography/H5.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":"H5.js","sources":["../../../src/components/Typography/H5.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/H5.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 H5 = forwardRef((props, ref) => {
+const H5Impl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Heading, { ref: ref, as: "h5", textStyle: fontSize ? undefined : 'h5', fontSize: fontSize, wordBreak: "keep-all", ...rest }));
+    return (jsx(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(H5Impl);
 
 export { H5 };
 //# sourceMappingURL=H5.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"H5.mjs","sources":["../../../src/components/Typography/H5.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":"H5.mjs","sources":["../../../src/components/Typography/H5.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/Link.d.ts

@@ -1,6 +1,36 @@
+import type { ElementType } from 'react';
 import { LinkProps } from '@chakra-ui/react';
-export interface LinkCustomProps extends Omit<LinkProps, 'variant'> {
+import type { PolymorphicProps } from '../../types/polymorphic';
+export type LinkOwnProps = Omit<LinkProps, 'variant' | 'as'> & {
     variant?: 'error';
-}
-export declare const Link: import("react").ForwardRefExoticComponent<LinkCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+/**
+ * Props for `Link`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'a'`, so the bare type is unchanged. `as={NextLink}` is the
+ * reason this exists — the router link's own props (`href`, `prefetch`,
+ * `replace`) now come with it instead of arriving anonymously in `...rest`.
+ */
+export type LinkCustomProps<TElement extends ElementType = 'a'> = PolymorphicProps<TElement, LinkOwnProps>;
+/**
+ * The ramp steps the link paints, exported so a test can assert BOTH halves at
+ * once: that the component still picks these tokens, and that these tokens
+ * 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: "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">;
 //# sourceMappingURL=Link.d.ts.map

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":"AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,+GA6BhB,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

@@ -4,22 +4,62 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const Link = React.forwardRef(({ color, variant, ...rest }, ref) => {
-    const defaultColor = 'primary.main';
-    const errorColor = 'danger.main';
-    const defaultHoverColor = 'primary.dark';
-    const errorHoverColor = 'danger.dark';
-    const linkColor = variant === 'error'
-        ? errorColor
-        : (typeof color === 'string' ? color : undefined) || defaultColor;
+/**
+ * The ramp steps the link paints, exported so a test can assert BOTH halves at
+ * once: that the component still picks these tokens, and that these tokens
+ * 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: 'fg.link',
+    error: 'danger.fg',
+    defaultHover: 'fg.linkHover',
+    errorHover: 'danger.fg',
+};
+const LinkImpl = React.forwardRef(({ color, variant, ...rest }, ref) => {
+    // `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;
+    const defaultHoverColor = LINK_RAMP.defaultHover;
+    const errorHoverColor = LINK_RAMP.errorHover;
+    // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
+    // old form silently DISCARDED any non-string value, so a call site passing
+    // a per-theme `{ base, _dark }` — the documented Chakra way to fix exactly
+    // the contrast problem above — got the default back and no error, in the
+    // types or at runtime. A prop the type accepts and the component throws
+    // away is worse than one it rejects.
+    const linkColor = variant === 'error' ? errorColor : (color ?? defaultColor);
     const hoverColor = variant === 'error' ? errorHoverColor : defaultHoverColor;
-    return (jsxRuntime.jsx(react.Link, { ref: ref, fontWeight: "semibold", wordBreak: "keep-all", color: linkColor, _hover: {
+    return (jsxRuntime.jsx(react.Link, { ref: ref, 
+        // 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 }));
 });
-Link.displayName = 'Link';
+LinkImpl.displayName = 'Link';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Link = polymorphic.polymorphic(LinkImpl);
 
+exports.LINK_RAMP = LINK_RAMP;
 exports.Link = Link;
 //# sourceMappingURL=Link.js.map

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"],"mappings":";;;;;;;AAOO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IACnC,MAAM,YAAY,GAAG,cAAc;IACnC,MAAM,UAAU,GAAG,aAAa;IAChC,MAAM,iBAAiB,GAAG,cAAc;IACxC,MAAM,eAAe,GAAG,aAAa;AAErC,IAAA,MAAM,SAAS,GACb,OAAO,KAAK;AACV,UAAE;AACF,UAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS,KAAK,YAAY;AAErE,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;IAE3D,QACEC,eAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,UAAU,EACrB,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;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"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

@@ -2,22 +2,61 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Link as Link$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const Link = forwardRef(({ color, variant, ...rest }, ref) => {
-    const defaultColor = 'primary.main';
-    const errorColor = 'danger.main';
-    const defaultHoverColor = 'primary.dark';
-    const errorHoverColor = 'danger.dark';
-    const linkColor = variant === 'error'
-        ? errorColor
-        : (typeof color === 'string' ? color : undefined) || defaultColor;
+/**
+ * The ramp steps the link paints, exported so a test can assert BOTH halves at
+ * once: that the component still picks these tokens, and that these tokens
+ * 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: 'fg.link',
+    error: 'danger.fg',
+    defaultHover: 'fg.linkHover',
+    errorHover: 'danger.fg',
+};
+const LinkImpl = forwardRef(({ color, variant, ...rest }, ref) => {
+    // `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;
+    const defaultHoverColor = LINK_RAMP.defaultHover;
+    const errorHoverColor = LINK_RAMP.errorHover;
+    // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
+    // old form silently DISCARDED any non-string value, so a call site passing
+    // a per-theme `{ base, _dark }` — the documented Chakra way to fix exactly
+    // the contrast problem above — got the default back and no error, in the
+    // types or at runtime. A prop the type accepts and the component throws
+    // away is worse than one it rejects.
+    const linkColor = variant === 'error' ? errorColor : (color ?? defaultColor);
     const hoverColor = variant === 'error' ? errorHoverColor : defaultHoverColor;
-    return (jsx(Link$1, { ref: ref, fontWeight: "semibold", wordBreak: "keep-all", color: linkColor, _hover: {
+    return (jsx(Link$1, { ref: ref, 
+        // 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 }));
 });
-Link.displayName = 'Link';
+LinkImpl.displayName = 'Link';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Link = polymorphic(LinkImpl);
 
-export { Link };
+export { LINK_RAMP, Link };
 //# sourceMappingURL=Link.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"mappings":";;;;;AAOO,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IACnC,MAAM,YAAY,GAAG,cAAc;IACnC,MAAM,UAAU,GAAG,aAAa;IAChC,MAAM,iBAAiB,GAAG,cAAc;IACxC,MAAM,eAAe,GAAG,aAAa;AAErC,IAAA,MAAM,SAAS,GACb,OAAO,KAAK;AACV,UAAE;AACF,UAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS,KAAK,YAAY;AAErE,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;IAE3D,QACEA,IAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,UAAU,EACrB,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;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Link.mjs","sources":["../../../src/components/Typography/Link.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraLink"],"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,GAAG,UAAU,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,QACEA,GAAA,CAACC,MAAU,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,GAAG,WAAW,CAAoB,QAAQ;;;;"}

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

@@ -1,14 +1,4 @@
-import { TextProps } from '@chakra-ui/react';
-/**
- * Small, uppercase, letter-spaced label used as a section "eyebrow" or category
- * heading (e.g. an "EXECUTION MODE" eyebrow above a panel heading, or a
- * "RECENT" group label).
- *
- * Part of the typography scale alongside `Subtext` — it shares the subtext size
- * but adds the baked-in overline styling (`textStyle="overline"`: uppercase,
- * wider tracking, medium weight). Every aspect stays one Chakra prop away, so
- * brand/status variants are a single override (e.g. `color="primary.main"`,
- * `fontWeight="extrabold"`).
- */
-export declare const Overline: import("react").ForwardRefExoticComponent<TextProps & import("react").RefAttributes<HTMLParagraphElement>>;
+import { TypographyOwnProps } from './Typography.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Overline: import("../..").PolymorphicComponent<TypographyOwnProps, "p">;
 //# sourceMappingURL=Overline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Overline.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,4GAgBpB,CAAC"}
+{"version":3,"file":"Overline.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Overline.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAiCxD,yEAAyE;AACzE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}

package/dist/components/Typography/Overline.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
 /**
  * Small, uppercase, letter-spaced label used as a section "eyebrow" or category
@@ -13,16 +14,18 @@ var react = require('@chakra-ui/react');
  * Part of the typography scale alongside `Subtext` — it shares the subtext size
  * but adds the baked-in overline styling (`textStyle="overline"`: uppercase,
  * wider tracking, medium weight). Every aspect stays one Chakra prop away, so
- * brand/status variants are a single override (e.g. `color="primary.main"`,
+ * brand/status variants are a single override (e.g. `color="fg.default"`,
  * `fontWeight="extrabold"`).
  */
-const Overline = React.forwardRef((props, ref) => {
+const OverlineImpl = 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 : 'overline', fontSize: fontSize, color: "slate.800", wordBreak: "keep-all", ...rest }));
+        textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
 });
-Overline.displayName = 'Overline';
+OverlineImpl.displayName = 'Overline';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Overline = polymorphic.polymorphic(OverlineImpl);
 
 exports.Overline = Overline;
 //# sourceMappingURL=Overline.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overline.js","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text"],"mappings":";;;;;;;AAGA;;;;;;;;;;AAUG;AACI,MAAM,QAAQ,GAAGA,gBAAU,CAChC,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,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Overline.js","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,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,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}

package/dist/components/Typography/Overline.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Text } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
 /**
  * Small, uppercase, letter-spaced label used as a section "eyebrow" or category
@@ -11,16 +12,18 @@ import { Text } from '@chakra-ui/react';
  * Part of the typography scale alongside `Subtext` — it shares the subtext size
  * but adds the baked-in overline styling (`textStyle="overline"`: uppercase,
  * wider tracking, medium weight). Every aspect stays one Chakra prop away, so
- * brand/status variants are a single override (e.g. `color="primary.main"`,
+ * brand/status variants are a single override (e.g. `color="fg.default"`,
  * `fontWeight="extrabold"`).
  */
-const Overline = forwardRef((props, ref) => {
+const OverlineImpl = 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 : 'overline', fontSize: fontSize, color: "slate.800", wordBreak: "keep-all", ...rest }));
+        textStyle: fontSize ? undefined : 'overline', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
 });
-Overline.displayName = 'Overline';
+OverlineImpl.displayName = 'Overline';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Overline = polymorphic(OverlineImpl);
 
 export { Overline };
 //# sourceMappingURL=Overline.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overline.mjs","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;AAUG;AACI,MAAM,QAAQ,GAAG,UAAU,CAChC,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,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Overline.mjs","sources":["../../../src/components/Typography/Overline.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;AAUG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,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,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Subtext.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,OAAO,wFAenB,CAAC"}
+{"version":3,"file":"Subtext.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAqBxD,yEAAyE;AACzE,eAAO,MAAM,OAAO,+DAAoD,CAAC"}

package/dist/components/Typography/Subtext.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 Subtext = React.forwardRef((props, ref) => {
+const SubtextImpl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
     return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtext', fontSize: fontSize, color: "fg.default", wordBreak: "keep-all", ...rest }));
 });
-Subtext.displayName = 'Subtext';
+SubtextImpl.displayName = 'Subtext';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Subtext = polymorphic.polymorphic(SubtextImpl);
 
 exports.Subtext = Subtext;
 //# sourceMappingURL=Subtext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subtext.js","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text"],"mappings":";;;;;;;AAGO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Subtext.js","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,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/Subtext.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"Subtext.mjs","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,OAAO,GAAG,UAAU,CAC/B,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
+{"version":3,"file":"Subtext.mjs","sources":["../../../src/components/Typography/Subtext.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,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/Subtitle.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,QAAQ,4GAgBpB,CAAC"}
+{"version":3,"file":"Subtitle.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Subtitle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAsCxD,yEAAyE;AACzE,eAAO,MAAM,QAAQ,+DAAqD,CAAC"}

package/dist/components/Typography/Subtitle.js

@@ -4,12 +4,32 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const Subtitle = React.forwardRef((props, ref) => {
+/**
+ * Supporting text under a heading — a subtitle by role in the page, not by
+ * document structure.
+ *
+ * Renders a paragraph. It used to render `<h6>`, which made every call site a
+ * level-6 heading in the document outline: a sentence of helper copy under an
+ * `<h1>` announced as a heading to a screen reader, and a jump from level 1 to
+ * level 6 in the heading list (KWCAG 2.1 5.2.4.2 제목 제공 / axe `heading-order`).
+ * A component chosen for its type scale should not decide the outline.
+ *
+ * A subtitle that genuinely IS the next heading level still says so at the call
+ * site, which is where that is known:
+ *
+ * ```tsx
+ * <Subtitle as="h2">{sectionTitle}</Subtitle>
+ * ```
+ */
+const SubtitleImpl = React.forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsxRuntime.jsx(react.Text, { ref: ref, as: "h6", textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
+    return (jsxRuntime.jsx(react.Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
 });
-Subtitle.displayName = 'Subtitle';
+SubtitleImpl.displayName = 'Subtitle';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Subtitle = polymorphic.polymorphic(SubtitleImpl);
 
 exports.Subtitle = Subtitle;
 //# sourceMappingURL=Subtitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.js","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text"],"mappings":";;;;;;;AAGO,MAAM,QAAQ,GAAGA,gBAAU,CAChC,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,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Subtitle.js","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Text","polymorphic"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAGA,gBAAU,CAC7B,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAGC,uBAAW,CAA0B,YAAY;;;;"}

package/dist/components/Typography/Subtitle.mjs

@@ -2,12 +2,32 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Text } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const Subtitle = forwardRef((props, ref) => {
+/**
+ * Supporting text under a heading — a subtitle by role in the page, not by
+ * document structure.
+ *
+ * Renders a paragraph. It used to render `<h6>`, which made every call site a
+ * level-6 heading in the document outline: a sentence of helper copy under an
+ * `<h1>` announced as a heading to a screen reader, and a jump from level 1 to
+ * level 6 in the heading list (KWCAG 2.1 5.2.4.2 제목 제공 / axe `heading-order`).
+ * A component chosen for its type scale should not decide the outline.
+ *
+ * A subtitle that genuinely IS the next heading level still says so at the call
+ * site, which is where that is known:
+ *
+ * ```tsx
+ * <Subtitle as="h2">{sectionTitle}</Subtitle>
+ * ```
+ */
+const SubtitleImpl = forwardRef((props, ref) => {
     const { fontSize, ...rest } = props;
-    return (jsx(Text, { ref: ref, as: "h6", textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
+    return (jsx(Text, { ref: ref, textStyle: fontSize ? undefined : 'subtitle', fontSize: fontSize, color: "fg.muted", wordBreak: "keep-all", ...rest }));
 });
-Subtitle.displayName = 'Subtitle';
+SubtitleImpl.displayName = 'Subtitle';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Subtitle = polymorphic(SubtitleImpl);
 
 export { Subtitle };
 //# sourceMappingURL=Subtitle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Subtitle.mjs","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGO,MAAM,QAAQ,GAAG,UAAU,CAChC,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,EACR,EAAE,EAAC,IAAI,EACP,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,KAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Subtitle.mjs","sources":["../../../src/components/Typography/Subtitle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;AAgBG;AACH,MAAM,YAAY,GAAG,UAAU,CAC7B,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,EACR,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,EAC5C,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,YAAY,CAAC,WAAW,GAAG,UAAU;AAErC;MACa,QAAQ,GAAG,WAAW,CAA0B,YAAY;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,eAAO,MAAM,IAAI,wFAkBhB,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAwBxD,yEAAyE;AACzE,eAAO,MAAM,IAAI,+DAAiD,CAAC"}

package/dist/components/Typography/Text.js

@@ -4,15 +4,18 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 
-const Text = React.forwardRef((props, ref) => {
+const TextImpl = React.forwardRef((props, ref) => {
     // Extract fontSize and textStyle to handle them conditionally
     const { fontSize, ...rest } = props;
     return (jsxRuntime.jsx(react.Text, { ref: ref, as: "p", 
         // If fontSize is provided, disable textStyle to allow fontSize override
         textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default", wordBreak: "keep-all", ...rest }));
 });
-Text.displayName = 'Text';
+TextImpl.displayName = 'Text';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Text = polymorphic.polymorphic(TextImpl);
 
 exports.Text = Text;
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraText"],"mappings":";;;;;;;AAGO,MAAM,IAAI,GAAGA,gBAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraText","polymorphic"],"mappings":";;;;;;;;AAMA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,GAAG;;QAEN,SAAS,EAAE,QAAQ,GAAG,SAAS,GAAG,GAAG,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,UAAU,EAAA,GAChB,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAA0B,QAAQ;;;;"}

package/dist/components/Typography/Text.mjs

@@ -2,15 +2,18 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Text as Text$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 
-const Text = forwardRef((props, ref) => {
+const TextImpl = forwardRef((props, ref) => {
     // Extract fontSize and textStyle to handle them conditionally
     const { fontSize, ...rest } = props;
     return (jsx(Text$1, { ref: ref, as: "p", 
         // If fontSize is provided, disable textStyle to allow fontSize override
         textStyle: fontSize ? undefined : 'p', fontSize: fontSize, color: "fg.default", wordBreak: "keep-all", ...rest }));
 });
-Text.displayName = 'Text';
+TextImpl.displayName = 'Text';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Text = polymorphic(TextImpl);
 
 export { Text };
 //# sourceMappingURL=Text.mjs.map