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

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,42 @@
+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.
+ */
+export declare const LINK_RAMP: {
+    readonly default: {
+        readonly base: "primary.main";
+        readonly _dark: "primary.dark";
+    };
+    readonly error: {
+        readonly base: "danger.main";
+        readonly _dark: "danger.dark";
+    };
+    readonly defaultHover: {
+        readonly base: "primary.dark";
+        readonly _dark: "primary.darker";
+    };
+    readonly errorHover: {
+        readonly base: "danger.dark";
+        readonly _dark: "danger.darker";
+    };
+};
+/** 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;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;CAKZ,CAAC;AA8DX,yEAAyE;AACzE,eAAO,MAAM,IAAI,yDAA2C,CAAC"}

package/dist/components/Typography/Link.js

@@ -4,22 +4,67 @@
 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.
+ */
+const LINK_RAMP = {
+    default: { base: 'primary.main', _dark: 'primary.dark' },
+    error: { base: 'danger.main', _dark: 'danger.dark' },
+    defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
+    errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
+};
+const LinkImpl = React.forwardRef(({ color, variant, ...rest }, ref) => {
+    // Theme-aware, because `.main` is tuned against a WHITE page. On the dark
+    // canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
+    // — both under the 4.5:1 that KWCAG 2.1 5.1.3.3 (명도 대비) asks of body
+    // text, and every link in a consuming app inherits it. The `.dark` end of
+    // each ramp is the far side from the PAGE rather than a fixed lightness, so
+    // in dark mode it resolves lighter: 6.68:1 and 6.38:1.
+    const defaultColor = LINK_RAMP.default;
+    const errorColor = LINK_RAMP.error;
+    // The hover has to move AWAY from the page in BOTH modes, and `.main` is
+    // the wrong end of the ramp to move toward in dark. Mirroring the light
+    // step ("one darker") instead of reflecting it sent the dark hover back
+    // toward the background: resting 6.68:1 → hovering **4.19:1**, under the
+    // same 4.5:1 the resting colour above was just fixed to clear. KWCAG
+    // 5.3.3 applies to text in every state a user can put it in, and hover is
+    // a state a mouse user is IN while reading the link.
+    //
+    // `.darker` is the step past `.dark` at both ends, so one token is correct
+    // in both modes with no special-casing: light 11.98:1 (unchanged from
+    // before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
+    //
+    // No axe rule would have caught this — it measures the resting state only.
+    const defaultHoverColor = LINK_RAMP.defaultHover;
+    const errorHoverColor = LINK_RAMP.errorHover;
+    // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
+    // 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, 
+        // Inherit the surrounding text weight so an inline link reads as part of
+        // its sentence (extrabold inside an H1, body weight inside a paragraph)
+        // rather than a fixed-semibold patch. Color + underline carry the link
+        // affordance. Override with an explicit `fontWeight` when needed.
+        fontWeight: "inherit", wordBreak: "keep-all", color: linkColor, _hover: {
             color: hoverColor,
             textDecor: 'none',
         }, ...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;;;;;;AAMG;AACI,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE;;AAG7D,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;AAOnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;;;;;;;;;;;;;;AAclC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEC,cAAA,CAACC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;AAKR,QAAA,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,SAAS,EAAE,MAAM;SAClB,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAoB,QAAQ;;;;;"}

package/dist/components/Typography/Link.mjs

@@ -2,22 +2,66 @@
 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.
+ */
+const LINK_RAMP = {
+    default: { base: 'primary.main', _dark: 'primary.dark' },
+    error: { base: 'danger.main', _dark: 'danger.dark' },
+    defaultHover: { base: 'primary.dark', _dark: 'primary.darker' },
+    errorHover: { base: 'danger.dark', _dark: 'danger.darker' },
+};
+const LinkImpl = forwardRef(({ color, variant, ...rest }, ref) => {
+    // Theme-aware, because `.main` is tuned against a WHITE page. On the dark
+    // canvas (#181A20) `primary.main` measures 4.19:1 and `danger.main` 4.26:1
+    // — both under the 4.5:1 that KWCAG 2.1 5.1.3.3 (명도 대비) asks of body
+    // text, and every link in a consuming app inherits it. The `.dark` end of
+    // each ramp is the far side from the PAGE rather than a fixed lightness, so
+    // in dark mode it resolves lighter: 6.68:1 and 6.38:1.
+    const defaultColor = LINK_RAMP.default;
+    const errorColor = LINK_RAMP.error;
+    // The hover has to move AWAY from the page in BOTH modes, and `.main` is
+    // the wrong end of the ramp to move toward in dark. Mirroring the light
+    // step ("one darker") instead of reflecting it sent the dark hover back
+    // toward the background: resting 6.68:1 → hovering **4.19:1**, under the
+    // same 4.5:1 the resting colour above was just fixed to clear. KWCAG
+    // 5.3.3 applies to text in every state a user can put it in, and hover is
+    // a state a mouse user is IN while reading the link.
+    //
+    // `.darker` is the step past `.dark` at both ends, so one token is correct
+    // in both modes with no special-casing: light 11.98:1 (unchanged from
+    // before), dark 10.68:1. Error the same: 10.83:1 and 10.34:1.
+    //
+    // No axe rule would have caught this — it measures the resting state only.
+    const defaultHoverColor = LINK_RAMP.defaultHover;
+    const errorHoverColor = LINK_RAMP.errorHover;
+    // `color ?? defaultColor`, not a `typeof color === 'string'` narrowing. The
+    // 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, 
+        // Inherit the surrounding text weight so an inline link reads as part of
+        // its sentence (extrabold inside an H1, body weight inside a paragraph)
+        // rather than a fixed-semibold patch. Color + underline carry the link
+        // affordance. Override with an explicit `fontWeight` when needed.
+        fontWeight: "inherit", wordBreak: "keep-all", color: linkColor, _hover: {
             color: hoverColor,
             textDecor: 'none',
         }, ...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;;;;;;AAMG;AACI,MAAM,SAAS,GAAG;IACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;IACxD,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IACpD,YAAY,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,gBAAgB,EAAE;IAC/D,UAAU,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,EAAE;;AAG7D,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;;;;;;;AAOnC,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO;AACtC,IAAA,MAAM,UAAU,GAAG,SAAS,CAAC,KAAK;;;;;;;;;;;;;;AAclC,IAAA,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY;AAChD,IAAA,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU;;;;;;;AAQ5C,IAAA,MAAM,SAAS,GACb,OAAO,KAAK,OAAO,GAAG,UAAU,IAAI,KAAK,IAAI,YAAY,CAAC;AAE5D,IAAA,MAAM,UAAU,GACd,OAAO,KAAK,OAAO,GAAG,eAAe,GAAG,iBAAiB;AAE3D,IAAA,QACEA,GAAA,CAACC,MAAU,EAAA,EACT,GAAG,EAAE,GAAG;;;;;AAKR,QAAA,UAAU,EAAC,SAAS,EACpB,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,SAAS,EAAE,MAAM;SAClB,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,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
@@ -16,13 +17,15 @@ var react = require('@chakra-ui/react');
  * brand/status variants are a single override (e.g. `color="primary.main"`,
  * `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 }));
 });
-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,WAAW,EACjB,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
@@ -14,13 +15,15 @@ import { Text } from '@chakra-ui/react';
  * brand/status variants are a single override (e.g. `color="primary.main"`,
  * `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 }));
 });
-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,WAAW,EACjB,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

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

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraText"],"mappings":";;;;;AAGO,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEA,GAAA,CAACC,MAAU,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.mjs","sources":["../../../src/components/Typography/Text.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraText"],"mappings":";;;;;;AAMA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,KAAK,EAAE,GAAG,KAAI;;IAEb,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAEnC,QACEA,GAAA,CAACC,MAAU,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,GAAG,WAAW,CAA0B,QAAQ;;;;"}