@mindlogic-ai/logician-ui 4.0.0-alpha.23 → 4.0.0-alpha.24

package/dist/components/CodeTabs/CodeTabs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Code = require('../Code/Code.js');
 var Tab = require('../Tabs/Tab/Tab.js');
+require('../Tabs/Tab/Tab.styles.js');
 var TabList = require('../Tabs/TabList/TabList.js');
 var Tabs = require('../Tabs/Tabs.js');
 var CopyButton = require('./CopyButton.js');

package/dist/components/CodeTabs/CodeTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
+{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}

package/dist/components/CodeTabs/CodeTabs.mjs

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import { Flex, Box } from '@chakra-ui/react';
 import { Code } from '../Code/Code.mjs';
 import { Tab } from '../Tabs/Tab/Tab.mjs';
+import '../Tabs/Tab/Tab.styles.mjs';
 import { TabList } from '../Tabs/TabList/TabList.mjs';
 import { Tabs } from '../Tabs/Tabs.mjs';
 import { CopyButton } from './CopyButton.mjs';

package/dist/components/CodeTabs/CodeTabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,GAAA,CAAC,GAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVA,GAAA,CAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
+{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,GAAA,CAAC,GAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVA,GAAA,CAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}

package/dist/components/Tabs/Tab/Tab.styles.d.ts

@@ -7,8 +7,43 @@ export declare const verticalStyles: {
     p: number;
     width: string;
 };
+/**
+ * The steps the horizontal tab's selected state paints, exported as tokens so
+ * the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
+ * this component actually renders rather than an arithmetic restatement of it.
+ *
+ * `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
+ * resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
+ * background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
+ * the selected tab cleared AA on a full-page layout and failed it the moment
+ * the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
+ * (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
+ * end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
+ * page. Light is untouched — `primary.main` is 6.62:1 on white.
+ *
+ * `indicator` stays `primary.main` deliberately. The 2px underline is a
+ * GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
+ * change the standard does not ask for.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is also a solid
+ * fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
+ * `blue.200` measures 2.60:1. The same reasoning already produced
+ * `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
+ * moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
+ * treatment.
+ */
+export declare const TAB_RAMP: {
+    readonly label: {
+        readonly base: "primary.main";
+        readonly _dark: "primary.dark";
+    };
+    readonly indicator: "primary.main";
+};
 export declare const horizontalSelectedStyles: {
-    color: string;
+    color: {
+        readonly base: "primary.main";
+        readonly _dark: "primary.dark";
+    };
     fontWeight: string;
     position: string;
     _after: {
@@ -18,7 +53,7 @@ export declare const horizontalSelectedStyles: {
         left: number;
         width: string;
         height: string;
-        background: string;
+        background: "primary.main";
     };
 };
 export declare const verticalSelectedStyles: {

package/dist/components/Tabs/Tab/Tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAelC,CAAC"}
+{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ;;;;;;CAGX,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAelC,CAAC"}

package/dist/components/Tabs/Tab/Tab.styles.js

@@ -11,8 +11,37 @@ const verticalStyles = {
     p: 4,
     width: '100%',
 };
+/**
+ * The steps the horizontal tab's selected state paints, exported as tokens so
+ * the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
+ * this component actually renders rather than an arithmetic restatement of it.
+ *
+ * `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
+ * resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
+ * background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
+ * the selected tab cleared AA on a full-page layout and failed it the moment
+ * the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
+ * (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
+ * end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
+ * page. Light is untouched — `primary.main` is 6.62:1 on white.
+ *
+ * `indicator` stays `primary.main` deliberately. The 2px underline is a
+ * GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
+ * change the standard does not ask for.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is also a solid
+ * fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
+ * `blue.200` measures 2.60:1. The same reasoning already produced
+ * `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
+ * moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
+ * treatment.
+ */
+const TAB_RAMP = {
+    label: { base: 'primary.main', _dark: 'primary.dark' },
+    indicator: 'primary.main',
+};
 const horizontalSelectedStyles = {
-    color: 'primary.main',
+    color: TAB_RAMP.label,
     fontWeight: 'semibold',
     position: 'relative',
     _after: {
@@ -22,7 +51,7 @@ const horizontalSelectedStyles = {
         left: 0,
         width: '100%',
         height: '2px',
-        background: 'primary.main',
+        background: TAB_RAMP.indicator,
     },
 };
 const verticalSelectedStyles = {
@@ -42,6 +71,7 @@ const verticalSelectedStyles = {
     },
 };
 
+exports.TAB_RAMP = TAB_RAMP;
 exports.horizontalSelectedStyles = horizontalSelectedStyles;
 exports.verticalSelectedStyles = verticalSelectedStyles;
 exports.verticalStyles = verticalStyles;

package/dist/components/Tabs/Tab/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGR,MAAM,wBAAwB,GAAG;AACtC,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;;;"}
+{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AACtD,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;;;;"}

package/dist/components/Tabs/Tab/Tab.styles.mjs

@@ -9,8 +9,37 @@ const verticalStyles = {
     p: 4,
     width: '100%',
 };
+/**
+ * The steps the horizontal tab's selected state paints, exported as tokens so
+ * the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
+ * this component actually renders rather than an arithmetic restatement of it.
+ *
+ * `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
+ * resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
+ * background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
+ * the selected tab cleared AA on a full-page layout and failed it the moment
+ * the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
+ * (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
+ * end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
+ * page. Light is untouched — `primary.main` is 6.62:1 on white.
+ *
+ * `indicator` stays `primary.main` deliberately. The 2px underline is a
+ * GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
+ * change the standard does not ask for.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is also a solid
+ * fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
+ * `blue.200` measures 2.60:1. The same reasoning already produced
+ * `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
+ * moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
+ * treatment.
+ */
+const TAB_RAMP = {
+    label: { base: 'primary.main', _dark: 'primary.dark' },
+    indicator: 'primary.main',
+};
 const horizontalSelectedStyles = {
-    color: 'primary.main',
+    color: TAB_RAMP.label,
     fontWeight: 'semibold',
     position: 'relative',
     _after: {
@@ -20,7 +49,7 @@ const horizontalSelectedStyles = {
         left: 0,
         width: '100%',
         height: '2px',
-        background: 'primary.main',
+        background: TAB_RAMP.indicator,
     },
 };
 const verticalSelectedStyles = {
@@ -40,5 +69,5 @@ const verticalSelectedStyles = {
     },
 };
 
-export { horizontalSelectedStyles, verticalSelectedStyles, verticalStyles };
+export { TAB_RAMP, horizontalSelectedStyles, verticalSelectedStyles, verticalStyles };
 //# sourceMappingURL=Tab.styles.mjs.map

package/dist/components/Tabs/Tab/Tab.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGR,MAAM,wBAAwB,GAAG;AACtC,IAAA,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;"}
+{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;AAwBG;AACI,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE;AACtD,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,oBAAoB;IACrC,KAAK,EAAE,cAAc;AACrB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,UAAU,EAAE,cAAc;AAC3B,KAAA;;;;;"}

package/dist/components/Tabs/Tab/index.d.ts

@@ -1,3 +1,4 @@
 export type { TabProps } from './Tab';
 export { Tab } from './Tab';
+export { TAB_RAMP } from './Tab.styles';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/Tab/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/Tabs/index.d.ts

@@ -1,5 +1,5 @@
 export type { TabProps } from './Tab';
-export { Tab } from './Tab';
+export { Tab, TAB_RAMP } from './Tab';
 export type { TabListProps } from './TabList';
 export { TabList } from './TabList';
 export type { TabPanelProps } from './TabPanel';

package/dist/components/Tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.d.ts

@@ -62,7 +62,7 @@ export * from './components/Toast';
 export * from './components/Tooltip';
 export * from './components/Tree';
 export * from './components/Workflow';
-export { Caption, H1, H2, H3, H4, H5, Link, Overline, Subtext, Subtitle, Text, } from './components/Typography';
+export { Caption, H1, H2, H3, H4, H5, Link, LINK_RAMP, Overline, Subtext, Subtitle, Text, } from './components/Typography';
 export { useHasHover } from './hooks/useHasHover';
 export type { LanguageContextValue } from './hooks/useLanguage';
 export { LanguageContext, useLanguage } from './hooks/useLanguage';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,OAAO,EACP,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -112,6 +112,7 @@ var Th = require('./components/Table/Th.js');
 var Thead = require('./components/Table/Thead.js');
 var Tr = require('./components/Table/Tr.js');
 var Tab = require('./components/Tabs/Tab/Tab.js');
+var Tab_styles = require('./components/Tabs/Tab/Tab.styles.js');
 var TabList = require('./components/Tabs/TabList/TabList.js');
 var TabPanel = require('./components/Tabs/TabPanel.js');
 var TabPanels = require('./components/Tabs/TabPanels.js');
@@ -327,6 +328,7 @@ exports.Th = Th.Th;
 exports.Thead = Thead.Thead;
 exports.Tr = Tr.Tr;
 exports.Tab = Tab.Tab;
+exports.TAB_RAMP = Tab_styles.TAB_RAMP;
 exports.TabList = TabList.TabList;
 exports.TabPanel = TabPanel.TabPanel;
 exports.TabPanels = TabPanels.TabPanels;
@@ -394,6 +396,7 @@ exports.H2 = H2.H2;
 exports.H3 = H3.H3;
 exports.H4 = H4.H4;
 exports.H5 = H5.H5;
+exports.LINK_RAMP = Link.LINK_RAMP;
 exports.Link = Link.Link;
 exports.Overline = Overline.Overline;
 exports.Subtext = Subtext.Subtext;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -110,6 +110,7 @@ export { Th } from './components/Table/Th.mjs';
 export { Thead } from './components/Table/Thead.mjs';
 export { Tr } from './components/Table/Tr.mjs';
 export { Tab } from './components/Tabs/Tab/Tab.mjs';
+export { TAB_RAMP } from './components/Tabs/Tab/Tab.styles.mjs';
 export { TabList } from './components/Tabs/TabList/TabList.mjs';
 export { TabPanel } from './components/Tabs/TabPanel.mjs';
 export { TabPanels } from './components/Tabs/TabPanels.mjs';
@@ -162,7 +163,7 @@ export { H2 } from './components/Typography/H2.mjs';
 export { H3 } from './components/Typography/H3.mjs';
 export { H4 } from './components/Typography/H4.mjs';
 export { H5 } from './components/Typography/H5.mjs';
-export { Link } from './components/Typography/Link.mjs';
+export { LINK_RAMP, Link } from './components/Typography/Link.mjs';
 export { Overline } from './components/Typography/Overline.mjs';
 export { Subtext } from './components/Typography/Subtext.mjs';
 export { Subtitle } from './components/Typography/Subtitle.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "4.0.0-alpha.23",
+  "version": "4.0.0-alpha.24",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/Tabs/Tab/Tab.styles.ts

@@ -9,8 +9,38 @@ export const verticalStyles = {
   width: '100%',
 };
 
+/**
+ * The steps the horizontal tab's selected state paints, exported as tokens so
+ * the contrast regression in `src/components/a11y.kwcag.test.tsx` measures what
+ * this component actually renders rather than an arithmetic restatement of it.
+ *
+ * `label` is mode-aware for the same reason `LINK_RAMP` is. `primary.main`
+ * resolves to `blue.300` (#4A79DC) in dark, which is 4.59:1 on the page
+ * background (#0E1014) but only **4.19:1** on a raised surface (#181A20) — so
+ * the selected tab cleared AA on a full-page layout and failed it the moment
+ * the same tab list rendered inside a modal or a popover. KWCAG 5.3.3
+ * (텍스트 콘텐츠의 명도 대비) asks 4.5:1 of text, and this is text. The `.dark`
+ * end of the ramp is `blue.200` (#7DA0E8): 6.68:1 on the surface, 7.31:1 on the
+ * page. Light is untouched — `primary.main` is 6.62:1 on white.
+ *
+ * `indicator` stays `primary.main` deliberately. The 2px underline is a
+ * GRAPHIC, judged at 3:1, which 4.19:1 clears; moving it would be a visual
+ * change the standard does not ask for.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is also a solid
+ * fill under white labels (`Checkbox`, `Switch`, `Banner`), where white on
+ * `blue.200` measures 2.60:1. The same reasoning already produced
+ * `secondary.main`'s `_dark` step — see its note in `theme/colors.ts`, which
+ * moved violet off `.300` at 4.29:1 for exactly this. Blue never got the same
+ * treatment.
+ */
+export const TAB_RAMP = {
+  label: { base: 'primary.main', _dark: 'primary.dark' },
+  indicator: 'primary.main',
+} as const;
+
 export const horizontalSelectedStyles = {
-  color: 'primary.main',
+  color: TAB_RAMP.label,
   fontWeight: 'semibold',
   position: 'relative',
   _after: {
@@ -20,7 +50,7 @@ export const horizontalSelectedStyles = {
     left: 0,
     width: '100%',
     height: '2px',
-    background: 'primary.main',
+    background: TAB_RAMP.indicator,
   },
 };
 

package/src/components/Tabs/Tab/index.ts

@@ -1,2 +1,3 @@
 export type { TabProps } from './Tab';
 export { Tab } from './Tab';
+export { TAB_RAMP } from './Tab.styles';

package/src/components/Tabs/index.tsx

@@ -1,5 +1,5 @@
 export type { TabProps } from './Tab';
-export { Tab } from './Tab';
+export { Tab, TAB_RAMP } from './Tab';
 export type { TabListProps } from './TabList';
 export { TabList } from './TabList';
 export type { TabPanelProps } from './TabPanel';

package/src/components/a11y.kwcag.test.tsx

@@ -13,6 +13,7 @@ import {
   SliderThumb,
   SliderTrack,
 } from '@/components/Slider';
+import { TAB_RAMP } from '@/components/Tabs';
 import { Link, LINK_RAMP, Subtitle } from '@/components/Typography';
 import { colors } from '@/theme/colors';
 
@@ -312,7 +313,11 @@ describe('axe — 구조·ARIA 규칙', () => {
  * KWCAG 2.2 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.
  */
-describe('Link 색 대비 — 링크 램프의 hover 상태', () => {
+// Both ramps live here because they share one defect and one measuring
+// table: `primary.main`/`danger.main` are tuned against a WHITE page and
+// go under AA as TEXT in dark. `Link` was the first component caught;
+// `Tab`'s selected label was the third.
+describe('브랜드 색 대비 — Link · Tab 램프', () => {
   const relativeLuminance = (hex: string) => {
     const n = hex.replace('#', '');
     const channels = [0, 2, 4].map(
@@ -409,4 +414,32 @@ describe('Link 색 대비 — 링크 램프의 hover 상태', () => {
       ).toBeGreaterThan(resting);
     }
   });
+
+  it('선택된 가로 탭의 레이블이 라이트·다크 양쪽에서 4.5:1 을 넘는다', () => {
+    // Measured against `DARK_CANVAS` (#181A20), the RAISED surface — not the
+    // page background (#0E1014). That distinction is the whole defect:
+    // `primary.main` is 4.59:1 on the page and 4.19:1 here, so the selected tab
+    // passed every full-page scan and failed the first time a tab list rendered
+    // inside a modal. The stricter of the two surfaces is the one to hold.
+    expect(
+      contrast(resolve(TAB_RAMP.label.base, 'base'), LIGHT_CANVAS)
+    ).toBeGreaterThanOrEqual(AA_BODY_TEXT);
+    expect(
+      contrast(resolve(TAB_RAMP.label._dark, '_dark'), DARK_CANVAS)
+    ).toBeGreaterThanOrEqual(AA_BODY_TEXT);
+  });
+
+  it('선택 표시 밑줄은 그래픽 기준 3:1 을 넘는다', () => {
+    // The underline is not text, so its bar is 3:1 (KWCAG 5.3.4 콘텐츠 간의
+    // 구분 / WCAG 1.4.11), which is why it keeps `primary.main` while the label
+    // moves. Held here so a later "make them match" edit has to be deliberate
+    // rather than arriving as a silent contrast change.
+    const AA_NON_TEXT = 3;
+    expect(
+      contrast(resolve(TAB_RAMP.indicator, 'base'), LIGHT_CANVAS)
+    ).toBeGreaterThanOrEqual(AA_NON_TEXT);
+    expect(
+      contrast(resolve(TAB_RAMP.indicator, '_dark'), DARK_CANVAS)
+    ).toBeGreaterThanOrEqual(AA_NON_TEXT);
+  });
 });

package/src/index.ts

@@ -99,6 +99,7 @@ export {
   H4,
   H5,
   Link,
+  LINK_RAMP,
   Overline,
   Subtext,
   Subtitle,