@mindlogic-ai/logician-ui 5.0.0-alpha.3 → 5.0.0-alpha.30

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":";;;;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAGA,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAGC,4BAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;;;;;;;"}
+{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["disabledControl","disabledText"],"mappings":"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"}

package/dist/components/Select/Select.styles.mjs

@@ -35,9 +35,26 @@ const fieldBase = {
         fontWeight: 'semibold',
     },
 };
+/**
+ * Room for the × and its divider at the end of the value, while the × shows.
+ *
+ * The indicator group overlays the value. Chakra keeps the value off the
+ * chevron with `maxW: 80%` on a Select (too little in a narrow filter) and a
+ * 1.5× height padding on a Combobox, and neither counts the × with its
+ * divider. This reserves the whole group instead: padding on both sides, the
+ * × (`8`) with its `me` (`3`), the group `gap` (`1`) and the chevron (`1em`),
+ * so a long value ends in an ellipsis before the ×.
+ */
+const clearTriggerRoom = (paddingVar) => ({
+    '[data-part=control]:has([data-part=clear-trigger]:not([hidden])) > &': {
+        pe: `calc(var(${paddingVar}) * 2 + 4em)`,
+        '& [data-part=value-text]': { maxW: 'none' },
+    },
+});
 /** Select trigger — the clickable control. */
 const triggerStyles = {
     ...fieldBase,
+    ...clearTriggerRoom('--select-trigger-padding-x'),
     cursor: 'pointer',
     _open: {
         borderColor: 'primary.main',
@@ -64,6 +81,11 @@ const ghostTriggerStyles = {
     _hover: { borderColor: 'border.control' },
     _disabled: {
         ...disabledText,
+        // A field, not a ghost button: the value text stays readable at
+        // `disabled.fg` (well apart from the resting `fg.default` already).
+        // `disabled.fgGhost` is for fill-less buttons whose resting glyph is
+        // `fg.icon`.
+        color: 'disabled.fg',
         cursor: 'not-allowed',
         fontWeight: 'semibold',
     },
@@ -71,6 +93,7 @@ const ghostTriggerStyles = {
 /** Combobox text input — the typeable control. */
 const inputStyles = {
     ...fieldBase,
+    ...clearTriggerRoom('--combobox-input-padding-x'),
 };
 /** Dropdown panel for both Select and Combobox. */
 const contentStyles = {
@@ -107,6 +130,64 @@ const itemStyles = {
 const indicatorStyles = {
     color: 'fg.muted',
 };
+/**
+ * Clear (×) button for both Select and Combobox.
+ *
+ * Chakra's recipe gives this part a colour and no size, and its default icon
+ * is `1em`, so a bare `ClearTrigger` drew a 21px × next to a 14px chevron. The
+ * × is the secondary action, so it is smaller (`3.5`, 12px at 14px text) and
+ * lighter (`fg.icon`) than the chevron, on an `8` box. `& svg` rather than
+ * `_icon` so the size also wins over an icon passed with its own `boxSize`.
+ *
+ * On a touch screen the hit area widens to 44px, toward the value only: the
+ * chevron sits to the right and has to keep opening the list. The height stays
+ * the control's own height (`heightVar`), so the area never reaches the field
+ * above or below. Every control height is over the 24px KWCAG minimum.
+ */
+const clearTriggerStyles = (heightVar) => ({
+    position: 'relative',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    boxSize: '8',
+    // The divider sits `1` past the box. `3` leaves the same space between the
+    // divider and the chevron glyph as between the × glyph and the divider
+    // (about 13px at 14px text).
+    me: '3',
+    color: 'fg.icon',
+    cursor: 'pointer',
+    _hover: { color: 'fg.default' },
+    // The divider marks where opening starts: it sits in the `me` gap, takes no
+    // clicks, and everything right of it belongs to the chevron.
+    _after: {
+        content: '""',
+        position: 'absolute',
+        insetEnd: '-1',
+        top: '50%',
+        transform: 'translateY(-50%)',
+        h: '4',
+        borderEndWidth: '1px',
+        borderColor: 'border.subtle',
+        pointerEvents: 'none',
+    },
+    // zag hides the × with the `hidden` attribute while nothing is selected,
+    // and the `display` above would otherwise override it.
+    _hidden: { display: 'none' },
+    '& svg': { width: '3.5', height: '3.5' },
+    '@media (pointer: coarse)': {
+        '&::before': {
+            content: '""',
+            position: 'absolute',
+            insetEnd: 0,
+            top: '50%',
+            transform: 'translateY(-50%)',
+            width: '44px',
+            height: `var(${heightVar})`,
+        },
+    },
+});
+const selectClearTriggerStyles = clearTriggerStyles('--select-trigger-height');
+const comboboxClearTriggerStyles = clearTriggerStyles('--combobox-input-height');
 
-export { contentStyles, ghostContentStyles, ghostTriggerStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };
+export { comboboxClearTriggerStyles, contentStyles, ghostContentStyles, ghostTriggerStyles, indicatorStyles, inputStyles, itemStyles, selectClearTriggerStyles, triggerStyles };
 //# sourceMappingURL=Select.styles.mjs.map

package/dist/components/Select/Select.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAIH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,mCAAmC;CACrD;AAED,MAAM,SAAS,GAAG;AAChB,IAAA,GAAG,SAAS;AACZ,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE;AAClC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACxC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,eAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;CACF;AAED;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,GAAG,SAAS;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,SAAS,EAAE,6CAA6C;AACzD,KAAA;;AAGH;;;;;;;AAOG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,WAAW,EAAE,aAAa;;;;;AAK1B,IAAA,EAAE,EAAE,kDAAkD;IACtD,0BAA0B,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;AAClE,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;AACzC,IAAA,SAAS,EAAE;AACT,QAAA,GAAG,YAAY;AACf,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,UAAU;AACvB,KAAA;;AAGH;AACO,MAAM,WAAW,GAAG;AACzB,IAAA,GAAG,SAAS;;AAGd;AACO,MAAM,aAAa,GAAG;AAC3B,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,OAAO,EAAE,KAAK;;AAGhB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,wBAAwB;;AAGhC;AACO,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE;AACpC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kBAAkB;AACtB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;IACD,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE;;AAG1D;AACO,MAAM,eAAe,GAAG;AAC7B,IAAA,KAAK,EAAE,UAAU;;;;;"}
+{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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;AAK9E,eAAO,MAAM,aAAa,uHAkCzB,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;AAS9E,eAAO,MAAM,aAAa,uHA+CzB,CAAC"}

package/dist/components/Switch/SwitchControl.js

@@ -7,13 +7,29 @@ var react = require('@chakra-ui/react');
 var disabledControl = require('../../utils/disabledControl.js');
 var focusRing = require('../../utils/focusRing.js');
 
+// Drawn as an inset shadow, not a border, so the thumb's travel and the
+// track's size stay exactly what Chakra's recipe computes.
+const OFF_OUTLINE = 'inset 0 0 0 1px var(--chakra-colors-border-control)';
 const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref, 
-    // The off-state track is a meter surface — its extent is the information —
-    // so it needs a visible fill, not just an edge. bg.muted (gray.100) is
-    // 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", _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
+    // Off is drawn the way an unchecked Checkbox is: a bg.surface track with a
+    // border.control outline and a border.control thumb, each at least 3:1
+    // against what it sits on (WCAG 1.4.11). The previous off state, a
+    // bg.track fill with a bg.surface thumb, measured 1.3:1 (light) and
+    // 1.4:1 (dark) between thumb and track, so the thumb's position, the only
+    // thing that tells off from on, could not be seen.
+    // On is control.on with a control.onFg thumb: the role for binary on/off
+    // state, not a status. With a black (light) or pale (dark) primary fill,
+    // neither state carried colour, and dark-mode "on" read as light-mode
+    // "off"; a green fill gives both modes one meaning. It is the same green
+    // success.solid used to supply, under its own name, because "on" does
+    // not mean "succeeded".
+    bg: "bg.surface", boxShadow: OFF_OUTLINE, _checked: { bg: 'control.on', boxShadow: 'none' }, animationStyle: "feedback", transitionProperty: "background-color, box-shadow", _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' }, ...focusRing.focusRing, 
+    // focusRing's shadow would replace the outline; keep both while off.
+    _focusVisible: {
+        ...focusRing.focusRing._focusVisible,
+        boxShadow: `${OFF_OUTLINE}, ${focusRing.FOCUS_RING_SHADOW}`,
+        _checked: { boxShadow: focusRing.FOCUS_RING_SHADOW },
+    }, ...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
@@ -26,11 +42,10 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
         // curve that stays legible over the thumb's ~16px of travel, because it
         // reverses direction — `standard` vs `emphasized` would not.
         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' } }) })));
+        // Off: border.control, the same 3:1 control token as the outline.
+        // On: control.onFg, the colour for anything drawn on control.on
+        // (white in light, ink in dark).
+        bg: "border.control", _checked: { bg: 'control.onFg' } }) })));
 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","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;;;;"}
+{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","disabledControl","focusRing","FOCUS_RING_SHADOW"],"mappings":";;;;;;;;;AAMA;AACA;AACA,MAAM,WAAW,GAAG,qDAAqD;MAE5D,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;;;;;;;;AAaR,IAAA,EAAE,EAAC,YAAY,EACf,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,EACjD,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,8BAA8B,EACjD,SAAS,EAAE,EAAE,GAAGC,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE,KACpDC,mBAAS;;AAEb,IAAA,aAAa,EAAE;QACb,GAAGA,mBAAS,CAAC,aAAa;AAC1B,QAAA,SAAS,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,EAAKC,2BAAiB,CAAA,CAAE;AACjD,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAEA,2BAAiB,EAAE;AAC3C,KAAA,EAAA,GACG,KAAK,EAAA,QAAA,EAETJ,cAAA,CAACC,YAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;AAI9B,QAAA,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Switch/SwitchControl.mjs

@@ -3,15 +3,31 @@ 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';
+import { FOCUS_RING_SHADOW, focusRing } from '../../utils/focusRing.mjs';
 
+// Drawn as an inset shadow, not a border, so the thumb's travel and the
+// track's size stay exactly what Chakra's recipe computes.
+const OFF_OUTLINE = 'inset 0 0 0 1px var(--chakra-colors-border-control)';
 const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, 
-    // The off-state track is a meter surface — its extent is the information —
-    // so it needs a visible fill, not just an edge. bg.muted (gray.100) is
-    // 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", _disabled: { ...disabledControl, cursor: 'not-allowed' }, ...focusRing, ...props, children: jsx(Switch.Thumb
+    // Off is drawn the way an unchecked Checkbox is: a bg.surface track with a
+    // border.control outline and a border.control thumb, each at least 3:1
+    // against what it sits on (WCAG 1.4.11). The previous off state, a
+    // bg.track fill with a bg.surface thumb, measured 1.3:1 (light) and
+    // 1.4:1 (dark) between thumb and track, so the thumb's position, the only
+    // thing that tells off from on, could not be seen.
+    // On is control.on with a control.onFg thumb: the role for binary on/off
+    // state, not a status. With a black (light) or pale (dark) primary fill,
+    // neither state carried colour, and dark-mode "on" read as light-mode
+    // "off"; a green fill gives both modes one meaning. It is the same green
+    // success.solid used to supply, under its own name, because "on" does
+    // not mean "succeeded".
+    bg: "bg.surface", boxShadow: OFF_OUTLINE, _checked: { bg: 'control.on', boxShadow: 'none' }, animationStyle: "feedback", transitionProperty: "background-color, box-shadow", _disabled: { ...disabledControl, cursor: 'not-allowed' }, ...focusRing, 
+    // focusRing's shadow would replace the outline; keep both while off.
+    _focusVisible: {
+        ...focusRing._focusVisible,
+        boxShadow: `${OFF_OUTLINE}, ${FOCUS_RING_SHADOW}`,
+        _checked: { boxShadow: FOCUS_RING_SHADOW },
+    }, ...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
@@ -24,11 +40,10 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
         // curve that stays legible over the thumb's ~16px of travel, because it
         // reverses direction — `standard` vs `emphasized` would not.
         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' } }) })));
+        // Off: border.control, the same 3:1 control token as the outline.
+        // On: control.onFg, the colour for anything drawn on control.on
+        // (white in light, ink in dark).
+        bg: "border.control", _checked: { bg: 'control.onFg' } }) })));
 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":";;;;;;;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;;;;"}
+{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;;AAMA;AACA;AACA,MAAM,WAAW,GAAG,qDAAqD;MAE5D,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;;;;;;;;AAaR,IAAA,EAAE,EAAC,YAAY,EACf,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,EACjD,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,8BAA8B,EACjD,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,KACpD,SAAS;;AAEb,IAAA,aAAa,EAAE;QACb,GAAG,SAAS,CAAC,aAAa;AAC1B,QAAA,SAAS,EAAE,CAAA,EAAG,WAAW,CAAA,EAAA,EAAK,iBAAiB,CAAA,CAAE;AACjD,QAAA,QAAQ,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE;AAC3C,KAAA,EAAA,GACG,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,MAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;AAI9B,QAAA,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -29,7 +29,7 @@ export declare const verticalStyles: {
  * 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
+ * inverted off-white 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.

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

@@ -33,7 +33,7 @@ const verticalStyles = {
  * 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
+ * inverted off-white 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.

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

@@ -31,7 +31,7 @@ const verticalStyles = {
  * 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
+ * inverted off-white 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.

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

package/dist/components/Tag/Tag.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var mergeCss = require('../../utils/mergeCss.js');
 var polymorphic = require('../../types/polymorphic.js');
 var Tag_styles = require('./Tag.styles.js');
 
@@ -20,6 +21,13 @@ var Tag_styles = require('./Tag.styles.js');
  * toggle (`selected` passed) or renders as a `button` / `a`. Render filter
  * chips `as="button"` so they are keyboard-operable.
  *
+ * **Size depends on that.** A static tag is a badge and keeps Chakra's badge
+ * sizes (`sm` 15.75px · `md` 17.5px · `lg` 21px · `xl` 28px at the 14px root).
+ * An interactive tag is a control that sits in a row with buttons and inputs,
+ * so its `size` (`xs`–`xl`, default `md`) follows the shared control scale
+ * (`controlSizes`): the same height, type, padding and icon size as a
+ * `Button` of that size.
+ *
  * @example
  * ```tsx
  * <Tag>Draft</Tag>
@@ -30,7 +38,7 @@ var Tag_styles = require('./Tag.styles.js');
  * ```
  */
 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;
+    const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, size, css: cssProp, __legacyComponent: legacyComponent, ...rest } = props;
     let tone = toneProp;
     let selected = selectedProp;
     if (legacyComponent !== undefined ||
@@ -52,10 +60,14 @@ const TagImpl = React.forwardRef((props, ref) => {
     // order. `as="button"` gets the real attribute instead.
     const disabledNonNative = disabled && wantsInteraction && !isButton;
     const styles = Tag_styles.getTagStyles({ tone, selected, category, interactive });
+    // Decided on `wantsInteraction`, not `interactive`, so disabling a filter
+    // chip does not shrink it.
+    const { sizeStyles, recipeSize, cssVars } = Tag_styles.getTagSizeStyles(size, wantsInteraction);
+    const css = cssVars ? mergeCss.mergeCss(cssVars, cssProp) : cssProp;
     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] }));
+    return (jsxRuntime.jsxs(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontWeight: "semibold", size: recipeSize, ...sizeStyles, ...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, css: css, 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","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;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","mapLegacyTagProps","warnLegacyTagProps","getTagStyles","getTagSizeStyles","mergeCss","_jsxs","ChakraTag","focusRing","_jsx","polymorphic"],"mappings":"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"}

package/dist/components/Tag/Tag.mjs

@@ -3,8 +3,9 @@ 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 { mergeCss } from '../../utils/mergeCss.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
-import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles } from './Tag.styles.mjs';
+import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles, getTagSizeStyles } from './Tag.styles.mjs';
 
 /**
  * Tag — a label for categorising, filtering and removable selections. Since
@@ -18,6 +19,13 @@ import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles } from './Tag.style
  * toggle (`selected` passed) or renders as a `button` / `a`. Render filter
  * chips `as="button"` so they are keyboard-operable.
  *
+ * **Size depends on that.** A static tag is a badge and keeps Chakra's badge
+ * sizes (`sm` 15.75px · `md` 17.5px · `lg` 21px · `xl` 28px at the 14px root).
+ * An interactive tag is a control that sits in a row with buttons and inputs,
+ * so its `size` (`xs`–`xl`, default `md`) follows the shared control scale
+ * (`controlSizes`): the same height, type, padding and icon size as a
+ * `Button` of that size.
+ *
  * @example
  * ```tsx
  * <Tag>Draft</Tag>
@@ -28,7 +36,7 @@ import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles } from './Tag.style
  * ```
  */
 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;
+    const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, size, css: cssProp, __legacyComponent: legacyComponent, ...rest } = props;
     let tone = toneProp;
     let selected = selectedProp;
     if (legacyComponent !== undefined ||
@@ -50,10 +58,14 @@ const TagImpl = forwardRef((props, ref) => {
     // order. `as="button"` gets the real attribute instead.
     const disabledNonNative = disabled && wantsInteraction && !isButton;
     const styles = getTagStyles({ tone, selected, category, interactive });
+    // Decided on `wantsInteraction`, not `interactive`, so disabling a filter
+    // chip does not shrink it.
+    const { sizeStyles, recipeSize, cssVars } = getTagSizeStyles(size, wantsInteraction);
+    const css = cssVars ? mergeCss(cssVars, cssProp) : cssProp;
     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] }));
+    return (jsxs(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontWeight: "semibold", size: recipeSize, ...sizeStyles, ...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, css: css, 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":["_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;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraTag","_jsx"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { TagRootProps } from '@chakra-ui/react';
+import type { ConditionalValue, SystemStyleObject, TagRootProps } from '@chakra-ui/react';
 import type { SystemHue } from '@/theme/colors';
-import { TagColorPalette, TagTone, TagVariant } from './Tag.types';
+import { TagColorPalette, TagSize, TagTone, TagVariant } from './Tag.types';
 type StyleProps = Partial<TagRootProps>;
 /**
  * Colour per tone (5.0 BAZE tokens). `hoverBorder` is applied only when the
@@ -24,6 +24,24 @@ export interface TagStyleOptions {
  * `tone`.
  */
 export declare const getTagStyles: ({ tone, selected, category, interactive, }?: TagStyleOptions) => StyleProps;
+type ResponsiveTagSize = ConditionalValue<TagSize>;
+/**
+ * Size styles for a tag.
+ *
+ * - **Interactive** (a filter chip, a toggle, a link): the shared control
+ *   scale — the same height, type, inline padding, gap, icon size and radius
+ *   as a `Button` of that `size` (default `md`), so a chip row lines up with
+ *   the search field and buttons next to it. A responsive `size` resolves the
+ *   scale per breakpoint. A composed `TagLabel` inherits the control type
+ *   instead of the badge recipe's smaller label type.
+ * - **Static** (a badge): Chakra's tag sizes, unchanged. `xs` exists only on
+ *   the control scale, so a static `xs` falls back to the smallest badge.
+ */
+export declare const getTagSizeStyles: (size: ResponsiveTagSize | undefined, interactive: boolean) => {
+    sizeStyles: StyleProps;
+    recipeSize: TagRootProps["size"];
+    cssVars?: SystemStyleObject;
+};
 /**
  * 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`

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,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"}
+{"version":3,"file":"Tag.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAShD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5E,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,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;AA+CnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,iBAAiB,GAAG,SAAS,EACnC,aAAa,OAAO,KACnB;IACD,UAAU,EAAE,UAAU,CAAC;IACvB,UAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAuC7B,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"}

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

@@ -1,6 +1,7 @@
 "use client";
 'use strict';
 
+var controlSizes = require('../../theme/controlSizes.js');
 var disabledControl = require('../../utils/disabledControl.js');
 var isDev = require('../../utils/isDev.js');
 
@@ -88,6 +89,85 @@ const getTagStyles = ({ tone = 'neutral', selected = false, category, interactiv
         _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' },
     };
 };
+const isPlainObject = (value) => typeof value === 'object' && value !== null && !Array.isArray(value);
+/**
+ * Map every leaf of a Chakra conditional value (`'sm'`, `['xs', null, 'md']`,
+ * `{ base: 'xs', md: 'lg' }`, nested conditions) through `fn`, keeping its
+ * shape so Chakra still applies each result at its breakpoint. `null` array
+ * slots ("no change at this breakpoint") stay `null`.
+ */
+const mapConditional = (value, fn) => {
+    if (Array.isArray(value)) {
+        return value.map((v) => (v == null ? null : mapConditional(v, fn)));
+    }
+    if (isPlainObject(value)) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => [
+            k,
+            v == null ? v : mapConditional(v, fn),
+        ]));
+    }
+    return fn(value);
+};
+/**
+ * An interactive tag must draw a control size at every width. A responsive
+ * value that starts above `base` (`{ md: 'lg' }`, `[null, 'sm']`) would leave
+ * the narrowest screens on the badge recipe, so they start at the default `md`.
+ */
+const withBaseSize = (size) => {
+    if (size == null)
+        return 'md';
+    if (Array.isArray(size)) {
+        return size[0] == null ? ['md', ...size.slice(1)] : size;
+    }
+    if (isPlainObject(size)) {
+        return 'base' in size && size.base != null ? size : { base: 'md', ...size };
+    }
+    return size;
+};
+/**
+ * Size styles for a tag.
+ *
+ * - **Interactive** (a filter chip, a toggle, a link): the shared control
+ *   scale — the same height, type, inline padding, gap, icon size and radius
+ *   as a `Button` of that `size` (default `md`), so a chip row lines up with
+ *   the search field and buttons next to it. A responsive `size` resolves the
+ *   scale per breakpoint. A composed `TagLabel` inherits the control type
+ *   instead of the badge recipe's smaller label type.
+ * - **Static** (a badge): Chakra's tag sizes, unchanged. `xs` exists only on
+ *   the control scale, so a static `xs` falls back to the smallest badge.
+ */
+const getTagSizeStyles = (size, interactive) => {
+    const recipeSize = size == null
+        ? undefined
+        : mapConditional(size, (s) => s === 'xs' ? 'sm' : s);
+    if (!interactive)
+        return { sizeStyles: { fontSize: 'sm' }, recipeSize };
+    const scale = withBaseSize(size);
+    const pick = (key) => mapConditional(scale, (s) => controlSizes.getControlSize(s)[key]);
+    const height = pick('height');
+    return {
+        sizeStyles: {
+            h: height,
+            minH: height,
+            px: pick('actionPaddingX'),
+            gap: pick('gap'),
+            textStyle: pick('textStyle'),
+            borderRadius: controlSizes.CONTROL_RADIUS,
+        },
+        recipeSize,
+        cssVars: {
+            // The `icon` slot is sized by this variable.
+            '--tag-element-size': mapConditional(scale, (s) => `var(--chakra-sizes-${controlSizes.getControlSize(s).iconSize.replace('.', '\\.')})`),
+            // The tag recipe gives its label the badge type (`xs` at sm/md). Inside
+            // a control that would shrink the label below the root's control type
+            // (12.25px instead of Button's 14px at desktop md), so it inherits.
+            '& .chakra-tag__label': {
+                fontSize: 'inherit',
+                lineHeight: 'inherit',
+            },
+        },
+    };
+};
 const PLAIN_PALETTES = new Set(['primary', 'secondary', 'neutral']);
 const STATUS_PALETTES = new Set(['danger', 'success', 'warning']);
 /**
@@ -158,6 +238,7 @@ const warnLegacyTagProps = (component, colorPalette, variant, resolved) => {
             : ' Replace the props with that.'));
 };
 
+exports.getTagSizeStyles = getTagSizeStyles;
 exports.getTagStyles = getTagStyles;
 exports.mapLegacyTagProps = mapLegacyTagProps;
 exports.tagToneStyles = tagToneStyles;

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":["disabledControl","isDev"],"mappings":";;;;;;AAUA;;;AAGG;AACI,MAAM,aAAa,GAGtB;AACF,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,kBAAkB;AAChC,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,WAAW,EAAE,aAAa;AAC3B,KAAA;;AAGH;AACO,MAAM,QAAQ,GAAc;IACjC,SAAS;IACT,SAAS;IACT,SAAS;IACT,QAAQ;IACR,MAAM;;AAGR;AACA,MAAM,cAAc,GAAe;AACjC,IAAA,kBAAkB,EAAE,uCAAuC;AAC3D,IAAA,kBAAkB,EAAE,MAAM;AAC1B,IAAA,wBAAwB,EAAE,UAAU;CACrC;AASD;;;AAGG;MACU,YAAY,GAAG,CAAC,EAC3B,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,WAAW,GAAG,KAAK,GAAA,GACA,EAAE,KAAgB;AACrC,IAAA,IAAI,MAAkB;IACtB,IAAI,QAAQ,EAAE;AACZ,QAAA,MAAM,GAAG;AACP,YAAA,OAAO,EAAE,cAAc;AACvB,YAAA,KAAK,EAAE,cAAc;YACrB,IAAI,WAAW,IAAI;AACjB,gBAAA,MAAM,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;AACpC,gBAAA,OAAO,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;aACvC,CAAC;SACH;IACH;SAAO,IAAI,QAAQ,EAAE;AACnB,QAAA,MAAM,GAAG;YACP,OAAO,EAAE,CAAA,SAAA,EAAY,QAAQ,CAAA,QAAA,CAAU;AACvC,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,IAAI,WAAW,IAAI,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,CAAC;SACpE;IACH;SAAO;AACL,QAAA,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GACnC,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,OAAO;AAC9C,QAAA,MAAM,GAAG;YACP,OAAO;YACP,KAAK;AACL,YAAA,IAAI,WAAW,IAAI,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,CAAC;SAC7D;IACH;IAEA,OAAO;AACL,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,GAAG,MAAM;AACT,QAAA,GAAG,cAAc;QACjB,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS;QAC3C,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE;KACzD;AACH;AAcA,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;AACnE,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEjE;;;;;;;;;;;;;;;;;AAiBG;MACU,iBAAiB,GAAG,CAC/B,YAAkD,EAClD,OAAwC,KACjB;AACvB,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;AACzC,IAAA,MAAM,CAAC,GAAG,OAAO,IAAI,MAAM;IAC3B,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;IACzC,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC;AAE3C,IAAA,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE;IACnE,QAAQ,CAAC;AACP,QAAA,KAAK,MAAM;AACT,YAAA,OAAO;kBACH,EAAE,IAAI,EAAE,OAAkB,EAAE,UAAU,EAAE,KAAK;kBAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE;AAC5C,QAAA,KAAK,OAAO;AACV,YAAA,OAAO;kBACH,EAAE,IAAI,EAAE,OAAkB,EAAE,UAAU,EAAE,IAAI;AAC9C,kBAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAC5D,QAAA,KAAK,SAAS;YACZ,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE;AAChD,QAAA;YACE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE;;AAElD;AAEA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAEhC;;;AAGG;AACI,MAAM,kBAAkB,GAAG,CAChC,SAAyB,EACzB,YAAqB,EACrB,OAAgB,EAChB,QAA6B,KACrB;IACR,IAAI,CAACC,WAAK,EAAE;QAAE;AACd,IAAA,MAAM,GAAG,GAAG,CAAA,EAAG,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE;AACrE,IAAA,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAAE;AACrB,IAAA,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;AACf,IAAA,MAAM,WAAW,GAAG,SAAS,KAAK,MAAM,GAAG,aAAa,GAAG,cAAc;AACzE,IAAA,MAAM,EAAE,GAAG,QAAQ,CAAC;AAClB,UAAE;AACF,UAAE,QAAQ,CAAC,IAAI,KAAK;AAClB,cAAE;AACF,cAAE,CAAA,WAAA,EAAc,QAAQ,CAAC,IAAI,IAAI;AACrC,IAAA,MAAM,IAAI,GACR,SAAS,KAAK;AACZ,UAAE;UACA,EAAE;AACR,IAAA,OAAO,CAAC,IAAI,CACV,iBAAiB,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,WAAW,KAAK,MAAM,CAC1D,YAAY,CACb,CAAA,WAAA,EAAc,MAAM,CAAC,OAAO,CAAC,CAAA,wCAAA,CAA0C;AACtE,QAAA,CAAA,aAAA,EAAgB,EAAE,CAAA,CAAA,CAAG;SACpB,QAAQ,CAAC;AACR,cAAE;AACF,cAAE,+BAA+B,CAAC,CACvC;AACH;;;;;;;;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":["disabledControl","getControlSize","CONTROL_RADIUS","isDev"],"mappings":"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"}