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

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

@@ -7,8 +7,41 @@ 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.
+ *
+ * **A selected tab is a PLACE, not a value.** It answers "where am I", which is
+ * the same question the app nav rail answers — so it is carried by ink and
+ * weight rather than by the brand hue. Colour is reserved for what a control
+ * MEANS (primary action, danger, success); spending it on chrome is what stops
+ * a state colour from registering when it appears.
+ *
+ * Ink also retires the defect the previous ramp was written around. The old
+ * `primary.main` label was 4.59:1 on the dark PAGE but only **4.19:1** on a
+ * raised surface, so a tab list passed every full-page scan and failed the
+ * first time it rendered inside a modal or a popover. `fg.emphasized` is the
+ * near-black/near-white step by construction — **15.49:1** on the light canvas
+ * and **13.62:1** on the dark raised surface — so no surface it can land on is
+ * marginal, and the mode-aware two-arm ramp is no longer needed.
+ *
+ * The indicator moves with the label. It was left on `primary.main` because a
+ * 2px underline is a GRAPHIC judged at 3:1, which the old value cleared — but
+ * that argument only justified LEAVING it, and an azure bar under an ink label
+ * is the half-migrated look.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is a solid fill
+ * under white labels (`Checkbox`, `Switch`, `Banner`) where white on
+ * `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
+ * a checkbox is a VALUE, not a place.
+ */
+export declare const TAB_RAMP: {
+    readonly label: "fg.emphasized";
+    readonly indicator: "fg.emphasized";
+};
 export declare const horizontalSelectedStyles: {
-    color: string;
+    color: "fg.emphasized";
     fontWeight: string;
     position: string;
     _after: {
@@ -18,7 +51,7 @@ export declare const horizontalSelectedStyles: {
         left: number;
         width: string;
         height: string;
-        background: string;
+        background: "fg.emphasized";
     };
 };
 export declare const verticalSelectedStyles: {
@@ -35,7 +68,7 @@ export declare const verticalSelectedStyles: {
         insetInlineEnd: string;
         insetBlock: number;
         width: string;
-        background: string;
+        background: "fg.emphasized";
     };
 };
 //# sourceMappingURL=Tab.styles.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAwBlC,CAAC"}

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

@@ -11,8 +11,41 @@ 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.
+ *
+ * **A selected tab is a PLACE, not a value.** It answers "where am I", which is
+ * the same question the app nav rail answers — so it is carried by ink and
+ * weight rather than by the brand hue. Colour is reserved for what a control
+ * MEANS (primary action, danger, success); spending it on chrome is what stops
+ * a state colour from registering when it appears.
+ *
+ * Ink also retires the defect the previous ramp was written around. The old
+ * `primary.main` label was 4.59:1 on the dark PAGE but only **4.19:1** on a
+ * raised surface, so a tab list passed every full-page scan and failed the
+ * first time it rendered inside a modal or a popover. `fg.emphasized` is the
+ * near-black/near-white step by construction — **15.49:1** on the light canvas
+ * and **13.62:1** on the dark raised surface — so no surface it can land on is
+ * marginal, and the mode-aware two-arm ramp is no longer needed.
+ *
+ * The indicator moves with the label. It was left on `primary.main` because a
+ * 2px underline is a GRAPHIC judged at 3:1, which the old value cleared — but
+ * that argument only justified LEAVING it, and an azure bar under an ink label
+ * is the half-migrated look.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is a solid fill
+ * under white labels (`Checkbox`, `Switch`, `Banner`) where white on
+ * `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
+ * a checkbox is a VALUE, not a place.
+ */
+const TAB_RAMP = {
+    label: 'fg.emphasized',
+    indicator: 'fg.emphasized',
+};
 const horizontalSelectedStyles = {
-    color: 'primary.main',
+    color: TAB_RAMP.label,
     fontWeight: 'semibold',
     position: 'relative',
     _after: {
@@ -22,12 +55,15 @@ const horizontalSelectedStyles = {
         left: 0,
         width: '100%',
         height: '2px',
-        background: 'primary.main',
+        background: TAB_RAMP.indicator,
     },
 };
 const verticalSelectedStyles = {
-    backgroundColor: 'primary.extralight', // #E8EEFB
-    color: 'primary.dark', // #0D317D
+    // Neutral fill, not a brand tint, for the same reason the label is ink: the
+    // vertical tab rail is navigation chrome. `bg.muted` inverts with the mode,
+    // where `primary.extralight` was a fixed light wash.
+    backgroundColor: 'bg.muted',
+    color: 'fg.emphasized',
     fontWeight: 'bold',
     _after: { content: 'none' },
     _before: {
@@ -38,10 +74,17 @@ const verticalSelectedStyles = {
         insetInlineEnd: 'unset',
         insetBlock: 0,
         width: '2px',
-        background: 'primary.main',
+        // Follows the label, like the horizontal tab's underline does. This one was
+        // missed when selection moved to ink: the vertical rail carries its OWN
+        // indicator here rather than through `TAB_RAMP.indicator`, so changing the
+        // ramp left an azure bar beside an ink label — the half-migrated look the
+        // ink change existed to remove. Reads through the ramp now so the two
+        // orientations cannot drift apart again.
+        background: TAB_RAMP.indicator,
     },
 };
 
+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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,SAAS,EAAE,eAAe;;AAGrB,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;;;;AAIpC,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,KAAK,EAAE,eAAe;AACtB,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;;;;;;;QAOZ,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;;;;;;;"}

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

@@ -9,8 +9,41 @@ 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.
+ *
+ * **A selected tab is a PLACE, not a value.** It answers "where am I", which is
+ * the same question the app nav rail answers — so it is carried by ink and
+ * weight rather than by the brand hue. Colour is reserved for what a control
+ * MEANS (primary action, danger, success); spending it on chrome is what stops
+ * a state colour from registering when it appears.
+ *
+ * Ink also retires the defect the previous ramp was written around. The old
+ * `primary.main` label was 4.59:1 on the dark PAGE but only **4.19:1** on a
+ * raised surface, so a tab list passed every full-page scan and failed the
+ * first time it rendered inside a modal or a popover. `fg.emphasized` is the
+ * near-black/near-white step by construction — **15.49:1** on the light canvas
+ * and **13.62:1** on the dark raised surface — so no surface it can land on is
+ * marginal, and the mode-aware two-arm ramp is no longer needed.
+ *
+ * The indicator moves with the label. It was left on `primary.main` because a
+ * 2px underline is a GRAPHIC judged at 3:1, which the old value cleared — but
+ * that argument only justified LEAVING it, and an azure bar under an ink label
+ * is the half-migrated look.
+ *
+ * `primary.main` itself is not re-pegged, and should not be: it is a solid fill
+ * under white labels (`Checkbox`, `Switch`, `Banner`) where white on
+ * `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
+ * a checkbox is a VALUE, not a place.
+ */
+const TAB_RAMP = {
+    label: 'fg.emphasized',
+    indicator: 'fg.emphasized',
+};
 const horizontalSelectedStyles = {
-    color: 'primary.main',
+    color: TAB_RAMP.label,
     fontWeight: 'semibold',
     position: 'relative',
     _after: {
@@ -20,12 +53,15 @@ const horizontalSelectedStyles = {
         left: 0,
         width: '100%',
         height: '2px',
-        background: 'primary.main',
+        background: TAB_RAMP.indicator,
     },
 };
 const verticalSelectedStyles = {
-    backgroundColor: 'primary.extralight', // #E8EEFB
-    color: 'primary.dark', // #0D317D
+    // Neutral fill, not a brand tint, for the same reason the label is ink: the
+    // vertical tab rail is navigation chrome. `bg.muted` inverts with the mode,
+    // where `primary.extralight` was a fixed light wash.
+    backgroundColor: 'bg.muted',
+    color: 'fg.emphasized',
     fontWeight: 'bold',
     _after: { content: 'none' },
     _before: {
@@ -36,9 +72,15 @@ const verticalSelectedStyles = {
         insetInlineEnd: 'unset',
         insetBlock: 0,
         width: '2px',
-        background: 'primary.main',
+        // Follows the label, like the horizontal tab's underline does. This one was
+        // missed when selection moved to ink: the vertical rail carries its OWN
+        // indicator here rather than through `TAB_RAMP.indicator`, so changing the
+        // ramp left an azure bar beside an ink label — the half-migrated look the
+        // ink change existed to remove. Reads through the ramp now so the two
+        // orientations cannot drift apart again.
+        background: TAB_RAMP.indicator,
     },
 };
 
-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,SAAS,EAAE,eAAe;;AAGrB,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;;;;AAIpC,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,KAAK,EAAE,eAAe;AACtB,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;;;;;;;QAOZ,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,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/components/Tag/Tag.d.ts

@@ -1,22 +1,4 @@
-import { TagProps } from './Tag.types';
-/**
- * Tag component for categorization, filtering, and labeling.
- *
- * Uses a two-dimensional variant system:
- * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
- * - `variant`: How it looks visually (soft, solid, outline)
- *
- * Supports close button via TagCloseButton sub-component.
- *
- * @example
- * ```tsx
- * <Tag colorPalette="primary">Category</Tag>
- * <Tag colorPalette="danger" variant="solid">Error</Tag>
- * <Tag colorPalette="success" variant="outline">
- *   Completed
- *   <TagCloseButton />
- * </Tag>
- * ```
- */
-export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLDivElement>>;
+import { TagOwnProps } from './Tag.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Tag: import("../..").PolymorphicComponent<TagOwnProps, "span">;
 //# sourceMappingURL=Tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,GAAG,qGAqBf,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAoD1C,yEAAyE;AACzE,eAAO,MAAM,GAAG,2DAA4C,CAAC"}

package/dist/components/Tag/Tag.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');
 var Tag_styles = require('./Tag.styles.js');
 
 /**
@@ -25,11 +26,13 @@ var Tag_styles = require('./Tag.styles.js');
  * </Tag>
  * ```
  */
-const Tag = React.forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
+const TagImpl = React.forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
     const styles = Tag_styles.getTagStyles(colorPalette, variant);
-    return (jsxRuntime.jsx(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", ...styles, ...rest, ref: ref, children: children }));
+    return (jsxRuntime.jsx(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...rest, ref: ref, children: children }));
 });
-Tag.displayName = 'Tag';
+TagImpl.displayName = 'Tag';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Tag = polymorphic.polymorphic(TagImpl);
 
 exports.Tag = Tag;
 //# sourceMappingURL=Tag.js.map

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","getTagStyles","_jsx","ChakraTag"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,GAAG,GAAGA,gBAAU,CAC3B,CACE,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAY,EAC3E,GAAkC,KAChC;IACF,MAAM,MAAM,GAAGC,uBAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,SAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EAAA,GACT,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","getTagStyles","_jsx","ChakraTag","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAkBG;AACH,MAAM,OAAO,GAAGA,gBAAU,CACxB,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,MAAM,GAAGC,uBAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,SAAS,CAAC,IAAI,IACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,KACjB,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,YAEP,QAAQ,EAAA,CACM;AAErB,CAAC,CACF;AAED,OAAO,CAAC,WAAW,GAAG,KAAK;AAE3B;MACa,GAAG,GAAGC,uBAAW,CAAsB,OAAO;;;;"}

package/dist/components/Tag/Tag.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Tag as Tag$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { getTagStyles } from './Tag.styles.mjs';
 
 /**
@@ -23,11 +24,13 @@ import { getTagStyles } from './Tag.styles.mjs';
  * </Tag>
  * ```
  */
-const Tag = forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
+const TagImpl = forwardRef(({ colorPalette = 'neutral', variant = 'soft', children, ...rest }, ref) => {
     const styles = getTagStyles(colorPalette, variant);
-    return (jsx(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", ...styles, ...rest, ref: ref, children: children }));
+    return (jsx(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...rest, ref: ref, children: children }));
 });
-Tag.displayName = 'Tag';
+TagImpl.displayName = 'Tag';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Tag = polymorphic(TagImpl);
 
 export { Tag };
 //# sourceMappingURL=Tag.mjs.map

package/dist/components/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTag"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,GAAG,GAAG,UAAU,CAC3B,CACE,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAY,EAC3E,GAAkC,KAChC;IACF,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EAAA,GACT,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTag"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAkBG;AACH,MAAM,OAAO,GAAG,UAAU,CACxB,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,MAAM,GAAG,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAS,CAAC,IAAI,IACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,KACjB,MAAM,EAAA,GACN,IAAI,EACR,GAAG,EAAE,GAAG,YAEP,QAAQ,EAAA,CACM;AAErB,CAAC,CACF;AAED,OAAO,CAAC,WAAW,GAAG,KAAK;AAE3B;MACa,GAAG,GAAG,WAAW,CAAsB,OAAO;;;;"}

package/dist/components/Tag/Tag.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,eAAe,EACf,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CA2G1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,eAAc,eAA2B,EACzC,UAAS,UAAmB,KAC3B,OAAO,CAAC,YAAY,CAEtB,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAO7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,oBAAoB,oEAAwB,CAAC;AAE1D,6BAA6B;AAC7B,eAAO,MAAM,WAAW,EAAE,UAAU,EAAiC,CAAC"}
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CACxC,eAAe,EACf,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAiH1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GACvB,eAAc,eAA2B,EACzC,UAAS,UAAmB,KAC3B,OAAO,CAAC,YAAY,CAEtB,CAAC;AAEF,mCAAmC;AACnC,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAO7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,mBAAmB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,oBAAoB,oEAAwB,CAAC;AAE1D,6BAA6B;AAC7B,eAAO,MAAM,WAAW,EAAE,UAAU,EAAiC,CAAC"}

package/dist/components/Tag/Tag.styles.js

@@ -12,8 +12,8 @@ const tagColorPaletteStyles = {
     primary: {
         soft: {
             bgColor: 'primary.extralight',
-            borderColor: 'primary.light',
-            color: 'primary.dark',
+            borderColor: 'primary.lighter',
+            color: 'primary.darker',
         },
         solid: {
             bgColor: 'blue.500',
@@ -23,14 +23,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'primary.main',
-            color: 'primary.main',
+            color: 'primary.dark',
         },
     },
     secondary: {
         soft: {
             bgColor: 'secondary.extralight',
-            borderColor: 'secondary.light',
-            color: 'secondary.dark',
+            borderColor: 'secondary.lighter',
+            color: 'secondary.darker',
         },
         solid: {
             bgColor: 'violet.500',
@@ -40,14 +40,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'secondary.main',
-            color: 'secondary.main',
+            color: 'secondary.dark',
         },
     },
     danger: {
         soft: {
             bgColor: 'danger.extralight',
-            borderColor: 'danger.light',
-            color: 'danger.dark',
+            borderColor: 'danger.lighter',
+            color: 'danger.darker',
         },
         solid: {
             bgColor: 'rose.500',
@@ -57,14 +57,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'danger.main',
-            color: 'danger.main',
+            color: 'danger.dark',
         },
     },
     success: {
         soft: {
             bgColor: 'success.extralight',
-            borderColor: 'success.light',
-            color: 'success.dark',
+            borderColor: 'success.lighter',
+            color: 'success.darker',
         },
         solid: {
             bgColor: 'green.600',
@@ -74,34 +74,40 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'success.main',
-            color: 'success.main',
+            color: 'success.dark',
         },
     },
     warning: {
         soft: {
             bgColor: 'warning.extralight',
-            borderColor: 'warning.light',
-            color: 'warning.dark',
+            borderColor: 'warning.lighter',
+            color: 'warning.darker',
         },
         solid: {
-            bgColor: 'gold.500',
-            borderColor: 'gold.500',
-            color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
+            // Deepened from gold.500 so white text clears AA and the chip matches the
+            // other solids (white on a saturated fill). White/gold.500 was only
+            // 2.39:1; white/gold.700 = 5.86:1 ✓ AA. Bright gold + near-black text read
+            // harsh on the dark canvas.
+            bgColor: 'gold.700',
+            borderColor: 'gold.700',
+            color: 'white',
         },
         outline: {
             bgColor: 'transparent',
             borderColor: 'warning.main',
-            color: 'warning.main',
+            // warning.dark (gold.700, 5.8:1 AA) over warning.main (gold.500, 3.0:1) —
+            // darker text also lifts this off the palette's AA-risk step.
+            color: 'warning.dark',
         },
     },
     neutral: {
         soft: {
-            // Flip surface + border with the mode so the fg.muted text stays legible
+            // Flip surface + border with the mode so the fg.default text stays legible
             // in dark. Light values preserved (bg.muted → gray.100, border.default →
             // gray.300).
             bgColor: 'bg.muted',
             borderColor: 'border.default',
-            color: 'fg.muted',
+            color: 'fg.default',
         },
         solid: {
             bgColor: 'gray.800',
@@ -111,7 +117,7 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
-            color: 'fg.subtle',
+            color: 'fg.muted',
         },
     },
 };

package/dist/components/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;AAMG;AACI,MAAM,qBAAqB,GAG9B;AACF,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,KAAK,EAAE,gBAAgB;AACxB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,WAAW,EAAE,YAAY;AACzB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,KAAK,EAAE,gBAAgB;AACxB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;YACvB,KAAK,EAAE,UAAU;AAClB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;;;;AAIJ,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,KAAK,EAAE,UAAU;AAClB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,WAAW;AACnB,SAAA;AACF,KAAA;;AAGH;;AAEG;AACI,MAAM,YAAY,GAAG,CAC1B,YAAA,GAAgC,SAAS,EACzC,OAAA,GAAsB,MAAM,KACH;AACzB,IAAA,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC;AACrD;AAEA;AACO,MAAM,gBAAgB,GAAsB;IACjD,SAAS;IACT,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;;AAaX;AACO,MAAM,WAAW,GAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS;;;;;;;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Tag/Tag.styles.mjs

@@ -10,8 +10,8 @@ const tagColorPaletteStyles = {
     primary: {
         soft: {
             bgColor: 'primary.extralight',
-            borderColor: 'primary.light',
-            color: 'primary.dark',
+            borderColor: 'primary.lighter',
+            color: 'primary.darker',
         },
         solid: {
             bgColor: 'blue.500',
@@ -21,14 +21,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'primary.main',
-            color: 'primary.main',
+            color: 'primary.dark',
         },
     },
     secondary: {
         soft: {
             bgColor: 'secondary.extralight',
-            borderColor: 'secondary.light',
-            color: 'secondary.dark',
+            borderColor: 'secondary.lighter',
+            color: 'secondary.darker',
         },
         solid: {
             bgColor: 'violet.500',
@@ -38,14 +38,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'secondary.main',
-            color: 'secondary.main',
+            color: 'secondary.dark',
         },
     },
     danger: {
         soft: {
             bgColor: 'danger.extralight',
-            borderColor: 'danger.light',
-            color: 'danger.dark',
+            borderColor: 'danger.lighter',
+            color: 'danger.darker',
         },
         solid: {
             bgColor: 'rose.500',
@@ -55,14 +55,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'danger.main',
-            color: 'danger.main',
+            color: 'danger.dark',
         },
     },
     success: {
         soft: {
             bgColor: 'success.extralight',
-            borderColor: 'success.light',
-            color: 'success.dark',
+            borderColor: 'success.lighter',
+            color: 'success.darker',
         },
         solid: {
             bgColor: 'green.600',
@@ -72,34 +72,40 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'success.main',
-            color: 'success.main',
+            color: 'success.dark',
         },
     },
     warning: {
         soft: {
             bgColor: 'warning.extralight',
-            borderColor: 'warning.light',
-            color: 'warning.dark',
+            borderColor: 'warning.lighter',
+            color: 'warning.darker',
         },
         solid: {
-            bgColor: 'gold.500',
-            borderColor: 'gold.500',
-            color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
+            // Deepened from gold.500 so white text clears AA and the chip matches the
+            // other solids (white on a saturated fill). White/gold.500 was only
+            // 2.39:1; white/gold.700 = 5.86:1 ✓ AA. Bright gold + near-black text read
+            // harsh on the dark canvas.
+            bgColor: 'gold.700',
+            borderColor: 'gold.700',
+            color: 'white',
         },
         outline: {
             bgColor: 'transparent',
             borderColor: 'warning.main',
-            color: 'warning.main',
+            // warning.dark (gold.700, 5.8:1 AA) over warning.main (gold.500, 3.0:1) —
+            // darker text also lifts this off the palette's AA-risk step.
+            color: 'warning.dark',
         },
     },
     neutral: {
         soft: {
-            // Flip surface + border with the mode so the fg.muted text stays legible
+            // Flip surface + border with the mode so the fg.default text stays legible
             // in dark. Light values preserved (bg.muted → gray.100, border.default →
             // gray.300).
             bgColor: 'bg.muted',
             borderColor: 'border.default',
-            color: 'fg.muted',
+            color: 'fg.default',
         },
         solid: {
             bgColor: 'gray.800',
@@ -109,7 +115,7 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
-            color: 'fg.subtle',
+            color: 'fg.muted',
         },
     },
 };