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

package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
+{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}

package/dist/components/Switch/SwitchControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,uHA2BzB,CAAC"}
+{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAK9E,eAAO,MAAM,aAAa,uHAkCzB,CAAC"}

package/dist/components/Switch/SwitchControl.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var disabledControl = require('../../utils/disabledControl.js');
 var focusRing = require('../../utils/focusRing.js');
 
 const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref, 
@@ -12,7 +13,7 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
     // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
     // there; bg.track (gray.300) reads as a filled track on any background.
     // The checked state is the self-defining primary.main fill.
-    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
+    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
     // A toggle is the metaphor of a physical switch, so the thumb settles
     // slightly past its stop rather than easing to a halt. Chakra's default
     // is `translate` over `fast` on a plain curve; `overshoot` is the one
@@ -24,7 +25,12 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
         // is `translate` over `fast` on a plain curve; `overshoot` is the one
         // curve that stays legible over the thumb's ~16px of travel, because it
         // reverses direction — `standard` vs `emphasized` would not.
-        animationStyle: "spring", transitionProperty: "translate" }) })));
+        animationStyle: "spring", transitionProperty: "translate", 
+        // Chakra's default is a raw `white` thumb that stays `white` when
+        // checked via an undefined `colorPalette.contrast`. bg.surface reads
+        // as the same near-white in light and flips correctly in dark; the
+        // checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
+        bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
 SwitchControl.displayName = 'Switch.Control';
 
 exports.SwitchControl = SwitchControl;

package/dist/components/Switch/SwitchControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EAAA,GACjCC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,YAAY,CAAC;;;;;;;;;;;;QAMZ,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW,EAAA,CAC9B,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","disabledControl","focusRing"],"mappings":";;;;;;;;;MAMa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAGC,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpDC,mBAAS,EAAA,GACT,KAAK,YAETH,cAAA,CAACC,YAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Switch/SwitchControl.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Switch } from '@chakra-ui/react';
+import { disabledControl } from '../../utils/disabledControl.mjs';
 import { focusRing } from '../../utils/focusRing.mjs';
 
 const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, 
@@ -10,7 +11,7 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
     // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
     // there; bg.track (gray.300) reads as a filled track on any background.
     // The checked state is the self-defining primary.main fill.
-    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", ...focusRing, ...props, children: jsx(Switch.Thumb
+    bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl, cursor: 'not-allowed' }, ...focusRing, ...props, children: jsx(Switch.Thumb
     // A toggle is the metaphor of a physical switch, so the thumb settles
     // slightly past its stop rather than easing to a halt. Chakra's default
     // is `translate` over `fast` on a plain curve; `overshoot` is the one
@@ -22,7 +23,12 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
         // is `translate` over `fast` on a plain curve; `overshoot` is the one
         // curve that stays legible over the thumb's ~16px of travel, because it
         // reverses direction — `standard` vs `emphasized` would not.
-        animationStyle: "spring", transitionProperty: "translate" }) })));
+        animationStyle: "spring", transitionProperty: "translate", 
+        // Chakra's default is a raw `white` thumb that stays `white` when
+        // checked via an undefined `colorPalette.contrast`. bg.surface reads
+        // as the same near-white in light and flips correctly in dark; the
+        // checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
+        bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
 SwitchControl.displayName = 'Switch.Control';
 
 export { SwitchControl };

package/dist/components/Switch/SwitchControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EAAA,GACjC,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,MAAY,CAAC;;;;;;;;;;;;QAMZ,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW,EAAA,CAC9B,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;;MAMa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpD,SAAS,EAAA,GACT,KAAK,YAETD,GAAA,CAACC,MAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Table/Table.types.d.ts

@@ -12,7 +12,7 @@ export type TableRowState = 'selected' | 'invalid' | 'highlighted';
 export interface TableRowProps extends Table.RowProps {
     /**
      * Row background tint, driven by the table recipe's semantic tokens
-     * (`bg.selected` / `bg.invalid.subtle` / `bg.highlighted`) so it renders
+     * (`primary.selected` / `bg.invalid.subtle` / `bg.highlighted`) so it renders
      * correctly in both light and dark mode.
      */
     state?: TableRowState;

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IAgCf,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IAiCf,CAAC"}

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

@@ -11,7 +11,7 @@ const Tab = React.forwardRef(({ value, children, css, ...props }, ref) => {
     if (!value) {
         throw new Error('Tab component requires a "value" prop');
     }
-    return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
+    return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
                 '&[data-orientation=vertical]': {
                     ...Tab_styles.verticalStyles,
                     '&[data-selected]': Tab_styles.verticalSelectedStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IAEA,QACEC,eAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,kBACjCD,cAAA,CAACE,YAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAEC,mCAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEC,cAAA,CAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCD,cAAA,CAACE,YAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAEC,mCAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

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

@@ -9,7 +9,7 @@ const Tab = forwardRef(({ value, children, css, ...props }, ref) => {
     if (!value) {
         throw new Error('Tab component requires a "value" prop');
     }
-    return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: horizontalSelectedStyles, ...props, css: mergeCss({
+    return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: horizontalSelectedStyles, ...props, css: mergeCss({
                 '&[data-orientation=vertical]': {
                     ...verticalStyles,
                     '&[data-selected]': verticalSelectedStyles,

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;IAEA,QACEA,IAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,kBACjCA,GAAA,CAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,wBAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAG,cAAc;AACjB,oBAAA,kBAAkB,EAAE,sBAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEA,GAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAE,wBAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAG,cAAc;AACjB,oBAAA,kBAAkB,EAAE,sBAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}

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

@@ -26,19 +26,17 @@ export declare const verticalStyles: {
  * 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.
+ * The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
+ * indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
+ * so it reads the brand accent `primary.main` directly (black in light, the
+ * inverted cream fill in dark), matching the house gallery spec. The label
+ * stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
+ * value, and `primary.main` in dark mode is a solid-fill colour tuned for a
+ * button face under `fg.onPrimary`, not for text on the page.
  */
 export declare const TAB_RAMP: {
     readonly label: "fg.emphasized";
-    readonly indicator: "fg.emphasized";
+    readonly indicator: "primary.main";
 };
 export declare const horizontalSelectedStyles: {
     color: "fg.emphasized";
@@ -51,7 +49,7 @@ export declare const horizontalSelectedStyles: {
         left: number;
         width: string;
         height: string;
-        background: "fg.emphasized";
+        background: "primary.main";
     };
 };
 export declare const verticalSelectedStyles: {
@@ -68,7 +66,7 @@ export declare const verticalSelectedStyles: {
         insetInlineEnd: string;
         insetBlock: number;
         width: string;
-        background: "fg.emphasized";
+        background: "primary.main";
     };
 };
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAwBlC,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;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;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

@@ -30,19 +30,17 @@ const verticalStyles = {
  * 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.
+ * The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
+ * indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
+ * so it reads the brand accent `primary.main` directly (black in light, the
+ * inverted cream fill in dark), matching the house gallery spec. The label
+ * stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
+ * value, and `primary.main` in dark mode is a solid-fill colour tuned for a
+ * button face under `fg.onPrimary`, not for text on the page.
  */
 const TAB_RAMP = {
     label: 'fg.emphasized',
-    indicator: 'fg.emphasized',
+    indicator: 'primary.main',
 };
 const horizontalSelectedStyles = {
     color: TAB_RAMP.label,

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;;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;;;;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,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;;;;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

@@ -28,19 +28,17 @@ const verticalStyles = {
  * 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.
+ * The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
+ * indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
+ * so it reads the brand accent `primary.main` directly (black in light, the
+ * inverted cream fill in dark), matching the house gallery spec. The label
+ * stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
+ * value, and `primary.main` in dark mode is a solid-fill colour tuned for a
+ * button face under `fg.onPrimary`, not for text on the page.
  */
 const TAB_RAMP = {
     label: 'fg.emphasized',
-    indicator: 'fg.emphasized',
+    indicator: 'primary.main',
 };
 const horizontalSelectedStyles = {
     color: TAB_RAMP.label,

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;;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;;;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,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;;;;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/Tag/Tag.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgI1C,yEAAyE;AACzE,eAAO,MAAM,GAAG,2DAA4C,CAAC"}

package/dist/components/Tag/Tag.js

@@ -4,31 +4,58 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var focusRing = require('../../utils/focusRing.js');
 var polymorphic = require('../../types/polymorphic.js');
 var Tag_styles = require('./Tag.styles.js');
 
 /**
- * Tag component for categorization, filtering, and labeling.
+ * Tag — a label for categorising, filtering and removable selections. Since
+ * 5.0 it also replaces `Chip`.
  *
- * Uses a two-dimensional variant system:
- * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
- * - `variant`: How it looks visually (soft, solid, outline)
+ * - `tone`: `neutral` (default, grey wash) · `success` · `warning` · `danger` · `info`
+ * - `selected`: filter-chip "on" (black fill)
+ * - `category`: decorative hue (`blue`, `green`, …) with an optional `icon` mark
  *
- * Supports close button via TagCloseButton sub-component.
+ * A tag is interactive (hover border, pointer) when it has `onClick`, is a
+ * toggle (`selected` passed) or renders as a `button` / `a`. Render filter
+ * chips `as="button"` so they are keyboard-operable.
  *
  * @example
  * ```tsx
- * <Tag colorPalette="primary">Category</Tag>
- * <Tag colorPalette="danger" variant="solid">Error</Tag>
- * <Tag colorPalette="success" variant="outline">
- *   Completed
- *   <TagCloseButton />
- * </Tag>
+ * <Tag>Draft</Tag>
+ * <Tag tone="danger">Failed</Tag>
+ * <Tag as="button" selected={on} onClick={toggle}>Images</Tag>
+ * <Tag category="purple" icon="#">research</Tag>
+ * <Tag>Removable<TagCloseButton /></Tag>
  * ```
  */
-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", fontWeight: "semibold", ...styles, ...rest, ref: ref, children: children }));
+const TagImpl = React.forwardRef((props, ref) => {
+    const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, __legacyComponent: legacyComponent, ...rest } = props;
+    let tone = toneProp;
+    let selected = selectedProp;
+    if (legacyComponent !== undefined ||
+        legacyPalette !== undefined ||
+        legacyVariant !== undefined) {
+        // Mapped `selected` is the look only: `selectedProp` (below) still
+        // decides whether the tag is a toggle.
+        const mapped = Tag_styles.mapLegacyTagProps(legacyPalette, legacyVariant);
+        Tag_styles.warnLegacyTagProps(legacyComponent ?? 'Tag', legacyPalette, legacyVariant, mapped);
+        tone ?? (tone = mapped.tone);
+        selected ?? (selected = mapped.selected);
+    }
+    const isButton = as === 'button';
+    const isLink = as === 'a' || rest.href != null;
+    const wantsInteraction = onClick != null || isButton || isLink || selectedProp !== undefined;
+    const interactive = !disabled && wantsInteraction;
+    // A disabled tag that would otherwise be operable (a link, a clickable
+    // span) has no native `disabled`, so say so and take it out of the tab
+    // order. `as="button"` gets the real attribute instead.
+    const disabledNonNative = disabled && wantsInteraction && !isButton;
+    const styles = Tag_styles.getTagStyles({ tone, selected, category, interactive });
+    const handleClick = disabled
+        ? (event) => event.preventDefault()
+        : onClick;
+    return (jsxRuntime.jsxs(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...focusRing.focusRing, "data-selected": selected ? '' : undefined, "data-disabled": disabled ? '' : undefined, "aria-pressed": isButton && selectedProp !== undefined ? !!selected : undefined, "aria-disabled": disabledNonNative ? true : undefined, ...(isButton && { type: 'button', disabled }), onClick: handleClick, ...rest, ...(disabledNonNative && { tabIndex: -1 }), as: as, ref: ref, children: [icon != null ? (jsxRuntime.jsx(react.Tag.StartElement, { color: category ? `category.${category}.fg` : undefined, fontWeight: "bold", children: icon })) : null, children] }));
 });
 TagImpl.displayName = 'Tag';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

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","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;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","mapLegacyTagProps","warnLegacyTagProps","getTagStyles","_jsxs","ChakraTag","focusRing","_jsx","polymorphic"],"mappings":";;;;;;;;;;AA0BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,MAAM,OAAO,GAAGA,gBAAU,CACxB,CAAC,KAAkB,EAAE,GAAkC,KAAI;AACzD,IAAA,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,aAAa,EACtB,EAAE,EACF,iBAAiB,EAAE,eAAe,EAClC,GAAG,IAAI,EACR,GAAG,KAAqC;IAEzC,IAAI,IAAI,GAAG,QAAQ;IACnB,IAAI,QAAQ,GAAG,YAAY;IAC3B,IACE,eAAe,KAAK,SAAS;AAC7B,QAAA,aAAa,KAAK,SAAS;QAC3B,aAAa,KAAK,SAAS,EAC3B;;;QAGA,MAAM,MAAM,GAAGC,4BAAiB,CAAC,aAAa,EAAE,aAAa,CAAC;QAC9DC,6BAAkB,CAChB,eAAe,IAAI,KAAK,EACxB,aAAa,EACb,aAAa,EACb,MAAM,CACP;AACD,QAAA,IAAI,KAAJ,IAAI,GAAK,MAAM,CAAC,IAAI,CAAA;AACpB,QAAA,QAAQ,KAAR,QAAQ,GAAK,MAAM,CAAC,QAAQ,CAAA;IAC9B;AAEA,IAAA,MAAM,QAAQ,GAAG,EAAE,KAAK,QAAQ;IAChC,MAAM,MAAM,GAAG,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;AAC9C,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,YAAY,KAAK,SAAS;AACrE,IAAA,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,gBAAgB;;;;IAIjD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,gBAAgB,IAAI,CAAC,QAAQ;AAEnE,IAAA,MAAM,MAAM,GAAGC,uBAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG;UAChB,CAAC,KAAkC,KAAK,KAAK,CAAC,cAAc;UAC5D,OAAO;AAEX,IAAA,QACEC,eAAA,CAACC,SAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EAAA,GACjB,MAAM,EAAA,GACNC,mBAAS,mBACE,QAAQ,GAAG,EAAE,GAAG,SAAS,mBACzB,QAAQ,GAAG,EAAE,GAAG,SAAS,kBAEtC,QAAQ,IAAI,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,QAAQ,GAAG,SAAS,EAAA,eAAA,EAElD,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAA,IAC9C,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC9C,OAAO,EAAE,WAAW,EAAA,GAChB,IAAI,MAEH,iBAAiB,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAC3C,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,IACXC,cAAA,CAACF,SAAS,CAAC,YAAY,EAAA,EACrB,KAAK,EAAE,QAAQ,GAAG,CAAA,SAAA,EAAY,QAAQ,KAAK,GAAG,SAAS,EACvD,UAAU,EAAC,MAAM,EAAA,QAAA,EAEhB,IAAI,EAAA,CACkB,IACvB,IAAI,EACP,QAAQ,CAAA,EAAA,CACM;AAErB,CAAC,CACF;AAED,OAAO,CAAC,WAAW,GAAG,KAAK;AAE3B;MACa,GAAG,GAAGG,uBAAW,CAAsB,OAAO;;;;"}

package/dist/components/Tag/Tag.mjs

@@ -1,32 +1,59 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Tag as Tag$1 } from '@chakra-ui/react';
+import { focusRing } from '../../utils/focusRing.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
-import { getTagStyles } from './Tag.styles.mjs';
+import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles } from './Tag.styles.mjs';
 
 /**
- * Tag component for categorization, filtering, and labeling.
+ * Tag — a label for categorising, filtering and removable selections. Since
+ * 5.0 it also replaces `Chip`.
  *
- * Uses a two-dimensional variant system:
- * - `colorPalette`: What semantic color (primary, secondary, danger, etc.)
- * - `variant`: How it looks visually (soft, solid, outline)
+ * - `tone`: `neutral` (default, grey wash) · `success` · `warning` · `danger` · `info`
+ * - `selected`: filter-chip "on" (black fill)
+ * - `category`: decorative hue (`blue`, `green`, …) with an optional `icon` mark
  *
- * Supports close button via TagCloseButton sub-component.
+ * A tag is interactive (hover border, pointer) when it has `onClick`, is a
+ * toggle (`selected` passed) or renders as a `button` / `a`. Render filter
+ * chips `as="button"` so they are keyboard-operable.
  *
  * @example
  * ```tsx
- * <Tag colorPalette="primary">Category</Tag>
- * <Tag colorPalette="danger" variant="solid">Error</Tag>
- * <Tag colorPalette="success" variant="outline">
- *   Completed
- *   <TagCloseButton />
- * </Tag>
+ * <Tag>Draft</Tag>
+ * <Tag tone="danger">Failed</Tag>
+ * <Tag as="button" selected={on} onClick={toggle}>Images</Tag>
+ * <Tag category="purple" icon="#">research</Tag>
+ * <Tag>Removable<TagCloseButton /></Tag>
  * ```
  */
-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", fontWeight: "semibold", ...styles, ...rest, ref: ref, children: children }));
+const TagImpl = forwardRef((props, ref) => {
+    const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, __legacyComponent: legacyComponent, ...rest } = props;
+    let tone = toneProp;
+    let selected = selectedProp;
+    if (legacyComponent !== undefined ||
+        legacyPalette !== undefined ||
+        legacyVariant !== undefined) {
+        // Mapped `selected` is the look only: `selectedProp` (below) still
+        // decides whether the tag is a toggle.
+        const mapped = mapLegacyTagProps(legacyPalette, legacyVariant);
+        warnLegacyTagProps(legacyComponent ?? 'Tag', legacyPalette, legacyVariant, mapped);
+        tone ?? (tone = mapped.tone);
+        selected ?? (selected = mapped.selected);
+    }
+    const isButton = as === 'button';
+    const isLink = as === 'a' || rest.href != null;
+    const wantsInteraction = onClick != null || isButton || isLink || selectedProp !== undefined;
+    const interactive = !disabled && wantsInteraction;
+    // A disabled tag that would otherwise be operable (a link, a clickable
+    // span) has no native `disabled`, so say so and take it out of the tab
+    // order. `as="button"` gets the real attribute instead.
+    const disabledNonNative = disabled && wantsInteraction && !isButton;
+    const styles = getTagStyles({ tone, selected, category, interactive });
+    const handleClick = disabled
+        ? (event) => event.preventDefault()
+        : onClick;
+    return (jsxs(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...focusRing, "data-selected": selected ? '' : undefined, "data-disabled": disabled ? '' : undefined, "aria-pressed": isButton && selectedProp !== undefined ? !!selected : undefined, "aria-disabled": disabledNonNative ? true : undefined, ...(isButton && { type: 'button', disabled }), onClick: handleClick, ...rest, ...(disabledNonNative && { tabIndex: -1 }), as: as, ref: ref, children: [icon != null ? (jsx(Tag$1.StartElement, { color: category ? `category.${category}.fg` : undefined, fontWeight: "bold", children: icon })) : null, children] }));
 });
 TagImpl.displayName = 'Tag';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

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":";;;;;;;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;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraTag","_jsx"],"mappings":";;;;;;;;AA0BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAkC,KAAI;AACzD,IAAA,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,aAAa,EACtB,EAAE,EACF,iBAAiB,EAAE,eAAe,EAClC,GAAG,IAAI,EACR,GAAG,KAAqC;IAEzC,IAAI,IAAI,GAAG,QAAQ;IACnB,IAAI,QAAQ,GAAG,YAAY;IAC3B,IACE,eAAe,KAAK,SAAS;AAC7B,QAAA,aAAa,KAAK,SAAS;QAC3B,aAAa,KAAK,SAAS,EAC3B;;;QAGA,MAAM,MAAM,GAAG,iBAAiB,CAAC,aAAa,EAAE,aAAa,CAAC;QAC9D,kBAAkB,CAChB,eAAe,IAAI,KAAK,EACxB,aAAa,EACb,aAAa,EACb,MAAM,CACP;AACD,QAAA,IAAI,KAAJ,IAAI,GAAK,MAAM,CAAC,IAAI,CAAA;AACpB,QAAA,QAAQ,KAAR,QAAQ,GAAK,MAAM,CAAC,QAAQ,CAAA;IAC9B;AAEA,IAAA,MAAM,QAAQ,GAAG,EAAE,KAAK,QAAQ;IAChC,MAAM,MAAM,GAAG,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;AAC9C,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,YAAY,KAAK,SAAS;AACrE,IAAA,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,gBAAgB;;;;IAIjD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,gBAAgB,IAAI,CAAC,QAAQ;AAEnE,IAAA,MAAM,MAAM,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG;UAChB,CAAC,KAAkC,KAAK,KAAK,CAAC,cAAc;UAC5D,OAAO;AAEX,IAAA,QACEA,IAAA,CAACC,KAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EAAA,GACjB,MAAM,EAAA,GACN,SAAS,mBACE,QAAQ,GAAG,EAAE,GAAG,SAAS,mBACzB,QAAQ,GAAG,EAAE,GAAG,SAAS,kBAEtC,QAAQ,IAAI,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,QAAQ,GAAG,SAAS,EAAA,eAAA,EAElD,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAA,IAC9C,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC9C,OAAO,EAAE,WAAW,EAAA,GAChB,IAAI,MAEH,iBAAiB,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAC3C,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,IACXC,GAAA,CAACD,KAAS,CAAC,YAAY,EAAA,EACrB,KAAK,EAAE,QAAQ,GAAG,CAAA,SAAA,EAAY,QAAQ,KAAK,GAAG,SAAS,EACvD,UAAU,EAAC,MAAM,EAAA,QAAA,EAEhB,IAAI,EAAA,CACkB,IACvB,IAAI,EACP,QAAQ,CAAA,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

@@ -1,27 +1,65 @@
 import { TagRootProps } from '@chakra-ui/react';
-import { TagColorPalette, TagVariant } from './Tag.types';
+import type { SystemHue } from '@/theme/colors';
+import { TagColorPalette, TagTone, TagVariant } from './Tag.types';
+type StyleProps = Partial<TagRootProps>;
 /**
- * Tag styles using a two-dimensional variant system.
- *
- * Structure: tagColorPaletteStyles[colorPalette][variant]
- *
- * Uses semantic color tokens from the Golden Ratio color system.
+ * Colour per tone (5.0 BAZE tokens). `hoverBorder` is applied only when the
+ * tag is interactive (clickable / toggle).
+ */
+export declare const tagToneStyles: Record<TagTone, {
+    bgColor: string;
+    color: string;
+    hoverBorder: string;
+}>;
+/** Every 5.0 tone, in display order. */
+export declare const tagTones: TagTone[];
+export interface TagStyleOptions {
+    tone?: TagTone;
+    selected?: boolean;
+    category?: SystemHue;
+    interactive?: boolean;
+}
+/**
+ * Resolve the colour styles for a tag. Precedence: `selected` > `category` >
+ * `tone`.
  */
-export declare const tagColorPaletteStyles: Record<TagColorPalette, Record<TagVariant, Partial<TagRootProps>>>;
+export declare const getTagStyles: ({ tone, selected, category, interactive, }?: TagStyleOptions) => StyleProps;
 /**
- * Helper function to get tag styles for a given colorPalette and variant.
+ * Result of mapping a 4.x `colorPalette × variant` pair onto 5.0 Tag props.
+ * `needsHuman` marks a pair 5.0 cannot render faithfully (a status `solid`
+ * fill, a status `outline`, an unknown value): it still renders, but the
+ * dev warning asks for a hand decision instead of saying "replace with X".
  */
-export declare const getTagStyles: (colorPalette?: TagColorPalette, variant?: TagVariant) => Partial<TagRootProps>;
-/** All available color palettes */
-export declare const tagColorPalettes: TagColorPalette[];
+export type LegacyTagResolution = {
+    tone: TagTone;
+    selected?: boolean;
+    needsHuman: boolean;
+};
 /**
- * @deprecated Use tagColorPalettes instead. Will be removed in next major version.
+ * Map 4.x `colorPalette` × `variant` (or Chip's `colorScheme` × `variant`) to
+ * 5.0 Tag props. A missing palette / variant takes the 4.x default of the
+ * component it came from — Tag was `neutral` / `soft`, Chip `primary` / `soft`
+ * (Chip passes its own default in).
+ *
+ * | palette \ variant           | soft (or —)    | solid                  | outline                 |
+ * |-----------------------------|----------------|------------------------|-------------------------|
+ * | primary · secondary · neutral | neutral        | selected               | neutral                 |
+ * | danger · success · warning  | that tone      | that tone (needsHuman) | neutral (needsHuman)    |
+ * | anything else               | neutral (needsHuman, as does any unknown variant)                  |
+ *
+ * `neutral`/`secondary` × `solid` → `selected`, same as `primary`: 4.x
+ * call sites toggled `colorScheme={on ? 'primary' : 'neutral'}` or
+ * `variant={on ? 'solid' : 'soft'}`, and both arms must stay distinct.
+ * Selected here is the *look* only — it does not make the tag a toggle
+ * (no hover, no `aria-pressed`); only an explicit `selected` prop does.
  */
-export declare const tagColorSchemes: TagColorPalette[];
+export declare const mapLegacyTagProps: (colorPalette: TagColorPalette | string | undefined, variant: TagVariant | string | undefined) => LegacyTagResolution;
 /**
- * @deprecated Use tagColorPaletteStyles instead. Will be removed in next major version.
+ * Warn once per (component, palette, variant) in development, naming the
+ * combination and what it now renders as. Exported for tests.
  */
-export declare const tagColorSchemeStyles: Record<TagColorPalette, Record<TagVariant, Partial<TagRootProps>>>;
-/** All available variants */
-export declare const tagVariants: TagVariant[];
+export declare const warnLegacyTagProps: (component: "Tag" | "Chip", colorPalette: unknown, variant: unknown, resolved: LegacyTagResolution) => void;
+/** Test-only: forget which combinations have warned. */
+export declare const __resetLegacyTagWarnings: () => void;
+export {};
 //# sourceMappingURL=Tag.styles.d.ts.map

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,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"}
+{"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,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,OAAO,EACP;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CA2BxD,CAAC;AAEF,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,OAAO,EAM7B,CAAC;AASF,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,6CAK1B,eAAoB,KAAG,UAkCzB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB,GAC5B,cAAc,eAAe,GAAG,MAAM,GAAG,SAAS,EAClD,SAAS,UAAU,GAAG,MAAM,GAAG,SAAS,KACvC,mBAqBF,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAC7B,WAAW,KAAK,GAAG,MAAM,EACzB,cAAc,OAAO,EACrB,SAAS,OAAO,EAChB,UAAU,mBAAmB,KAC5B,IAwBF,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,QAAO,IAAsB,CAAC"}