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

package/dist/components/RadialProgress/RadialProgress.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,sHAAsH;IACtH,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,4HAA4H;IAC5H,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}

package/dist/components/Radio/RadioControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioControl.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8B,MAAM,kBAAkB,CAAC;AAM1E,eAAO,MAAM,YAAY,wHAgCvB,CAAC"}
+{"version":3,"file":"RadioControl.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA8B,MAAM,kBAAkB,CAAC;AA+B1E,eAAO,MAAM,YAAY,wHAmCvB,CAAC"}

package/dist/components/Radio/RadioControl.js

@@ -4,9 +4,32 @@
 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');
+var mergeCss = require('../../utils/mergeCss.js');
 var Radio_styles = require('./Radio.styles.js');
 
+/**
+ * Same treatment as Checkbox: `border.control` is the 3:1 non-text-contrast
+ * token for input/checkbox/radio borders, on the same raised surface as Input,
+ * replacing Chakra's `border.emphasized`. Disabled is the fixed `disabled.*`
+ * pair at full opacity, never the recipe's `opacity: 0.5`.
+ *
+ * Applied to both the outer control and the indicator that covers it.
+ */
+const markStyles = {
+    bg: 'bg.surface',
+    borderWidth: '1px',
+    borderColor: 'border.control',
+    _checked: {
+        bg: 'primary.main',
+        borderColor: 'primary.main',
+        // The dot is `currentColor`.
+        color: 'fg.onPrimary',
+    },
+    _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' },
+};
+const indicatorCss = mergeCss.mergeCss(markStyles, Radio_styles.dotPop);
 const RadioControl = React.forwardRef((props, ref) => {
     // Chakra derives the indicator's id from the same `ids.itemControl` it gives
     // the control it sits inside, so every radio on the page shipped TWO elements
@@ -19,11 +42,9 @@ const RadioControl = React.forwardRef((props, ref) => {
     // unique value fixes it, and `useId` is the one that stays stable across
     // server and client render.
     const indicatorId = React.useId();
-    return (jsxRuntime.jsx(react.RadioGroup.ItemControl, { ref: ref, 
-        // The outer ring is fully covered by the indicator below, but it carries
-        // the same checked fill — left untimed it would snap behind the one that
-        // eases.
-        animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.RadioGroup.ItemIndicator, { id: indicatorId, css: Radio_styles.dotPop }) }));
+    return (jsxRuntime.jsx(react.RadioGroup.ItemControl, { ref: ref, ...markStyles, 
+        // Timed like the indicator so the two never drift apart mid-transition.
+        animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.RadioGroup.ItemIndicator, { id: indicatorId, css: indicatorCss }) }));
 });
 RadioControl.displayName = 'Radio.Control';
 

package/dist/components/Radio/RadioControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioControl.js","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["forwardRef","useId","_jsx","RadioGroup","focusRing","dotPop"],"mappings":";;;;;;;;;AAOO,MAAM,YAAY,GAAGA,gBAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAGC,WAAK,EAAE;IAE3B,QACEC,eAACC,gBAAU,CAAC,WAAW,EAAA,EACrB,GAAG,EAAE,GAAG;;;;QAIR,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/CC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAITF,cAAA,CAACC,gBAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAEE,mBAAM,EAAA,CAAI,EAAA,CACnC;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"RadioControl.js","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["disabledControl","mergeCss","dotPop","forwardRef","useId","_jsx","RadioGroup","focusRing"],"mappings":";;;;;;;;;;;AASA;;;;;;;AAOG;AACH,MAAM,UAAU,GAAG;AACjB,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,WAAW,EAAE,cAAc;;AAE3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA;IACD,SAAS,EAAE,EAAE,GAAGA,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE;CAChD;AAEV,MAAM,YAAY,GAAGC,iBAAQ,CAAC,UAAU,EAAEC,mBAAM,CAAC;AAE1C,MAAM,YAAY,GAAGC,gBAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAGC,WAAK,EAAE;IAE3B,QACEC,cAAA,CAACC,gBAAU,CAAC,WAAW,IACrB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU;;QAEd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/CC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAQTF,cAAA,CAACC,gBAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,EAAA,CACzC;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/components/Radio/RadioControl.mjs

@@ -2,9 +2,32 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useId } from 'react';
 import { RadioGroup } from '@chakra-ui/react';
+import { disabledControl } from '../../utils/disabledControl.mjs';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { mergeCss } from '../../utils/mergeCss.mjs';
 import { dotPop } from './Radio.styles.mjs';
 
+/**
+ * Same treatment as Checkbox: `border.control` is the 3:1 non-text-contrast
+ * token for input/checkbox/radio borders, on the same raised surface as Input,
+ * replacing Chakra's `border.emphasized`. Disabled is the fixed `disabled.*`
+ * pair at full opacity, never the recipe's `opacity: 0.5`.
+ *
+ * Applied to both the outer control and the indicator that covers it.
+ */
+const markStyles = {
+    bg: 'bg.surface',
+    borderWidth: '1px',
+    borderColor: 'border.control',
+    _checked: {
+        bg: 'primary.main',
+        borderColor: 'primary.main',
+        // The dot is `currentColor`.
+        color: 'fg.onPrimary',
+    },
+    _disabled: { ...disabledControl, cursor: 'not-allowed' },
+};
+const indicatorCss = mergeCss(markStyles, dotPop);
 const RadioControl = forwardRef((props, ref) => {
     // Chakra derives the indicator's id from the same `ids.itemControl` it gives
     // the control it sits inside, so every radio on the page shipped TWO elements
@@ -17,11 +40,9 @@ const RadioControl = forwardRef((props, ref) => {
     // unique value fixes it, and `useId` is the one that stays stable across
     // server and client render.
     const indicatorId = useId();
-    return (jsx(RadioGroup.ItemControl, { ref: ref, 
-        // The outer ring is fully covered by the indicator below, but it carries
-        // the same checked fill — left untimed it would snap behind the one that
-        // eases.
-        animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing, ...props, children: jsx(RadioGroup.ItemIndicator, { id: indicatorId, css: dotPop }) }));
+    return (jsx(RadioGroup.ItemControl, { ref: ref, ...markStyles, 
+        // Timed like the indicator so the two never drift apart mid-transition.
+        animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing, ...props, children: jsx(RadioGroup.ItemIndicator, { id: indicatorId, css: indicatorCss }) }));
 });
 RadioControl.displayName = 'Radio.Control';
 

package/dist/components/Radio/RadioControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioControl.mjs","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAOO,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;IAE3B,QACEA,IAAC,UAAU,CAAC,WAAW,EAAA,EACrB,GAAG,EAAE,GAAG;;;;QAIR,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/C,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAITA,GAAA,CAAC,UAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,EAAA,CAAI,EAAA,CACnC;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"RadioControl.mjs","sources":["../../../src/components/Radio/RadioControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;AASA;;;;;;;AAOG;AACH,MAAM,UAAU,GAAG;AACjB,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,cAAc;AAClB,QAAA,WAAW,EAAE,cAAc;;AAE3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA;IACD,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE;CAChD;AAEV,MAAM,YAAY,GAAG,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;AAE1C,MAAM,YAAY,GAAG,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;;;;;AAWf,IAAA,MAAM,WAAW,GAAG,KAAK,EAAE;IAE3B,QACEA,GAAA,CAAC,UAAU,CAAC,WAAW,IACrB,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU;;QAEd,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/C,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAQTA,GAAA,CAAC,UAAU,CAAC,aAAa,EAAA,EAAC,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAA,CAAI,EAAA,CACzC;AAE7B,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/components/Radio/RadioGroup.js

@@ -8,7 +8,7 @@ var mergeCss = require('../../utils/mergeCss.js');
 const RadioGroup = ({ css, ...rest }) => {
     return (jsxRuntime.jsx(react.RadioGroup.Root, { ...rest, css: mergeCss.mergeCss({
             '--chakra-colors-color-palette-solid': 'var(--chakra-colors-primary-main)',
-            '--chakra-colors-color-palette-contrast': 'var(--chakra-colors-white)',
+            '--chakra-colors-color-palette-contrast': 'var(--chakra-colors-fg-on-primary)',
         }, css) }));
 };
 

package/dist/components/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraRadioGroup","mergeCss"],"mappings":";;;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAuB,KAAI;IAClE,QACEA,cAAA,CAACC,gBAAgB,CAAC,IAAI,EAAA,EAAA,GAChB,IAAI,EACR,GAAG,EAAEC,iBAAQ,CACX;AACE,YAAA,qCAAqC,EACnC,mCAAmC;AACrC,YAAA,wCAAwC,EACtC,4BAA4B;AAC/B,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraRadioGroup","mergeCss"],"mappings":";;;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAuB,KAAI;IAClE,QACEA,cAAA,CAACC,gBAAgB,CAAC,IAAI,EAAA,EAAA,GAChB,IAAI,EACR,GAAG,EAAEC,iBAAQ,CACX;AACE,YAAA,qCAAqC,EACnC,mCAAmC;AACrC,YAAA,wCAAwC,EACtC,oCAAoC;AACvC,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN;;;;"}

package/dist/components/Radio/RadioGroup.mjs

@@ -6,7 +6,7 @@ import { mergeCss } from '../../utils/mergeCss.mjs';
 const RadioGroup = ({ css, ...rest }) => {
     return (jsx(RadioGroup$1.Root, { ...rest, css: mergeCss({
             '--chakra-colors-color-palette-solid': 'var(--chakra-colors-primary-main)',
-            '--chakra-colors-color-palette-contrast': 'var(--chakra-colors-white)',
+            '--chakra-colors-color-palette-contrast': 'var(--chakra-colors-fg-on-primary)',
         }, css) }));
 };
 

package/dist/components/Radio/RadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.mjs","sources":["../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraRadioGroup"],"mappings":";;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAuB,KAAI;IAClE,QACEA,GAAA,CAACC,YAAgB,CAAC,IAAI,EAAA,EAAA,GAChB,IAAI,EACR,GAAG,EAAE,QAAQ,CACX;AACE,YAAA,qCAAqC,EACnC,mCAAmC;AACrC,YAAA,wCAAwC,EACtC,4BAA4B;AAC/B,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN;;;;"}
+{"version":3,"file":"RadioGroup.mjs","sources":["../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraRadioGroup"],"mappings":";;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAuB,KAAI;IAClE,QACEA,GAAA,CAACC,YAAgB,CAAC,IAAI,EAAA,EAAA,GAChB,IAAI,EACR,GAAG,EAAE,QAAQ,CACX;AACE,YAAA,qCAAqC,EACnC,mCAAmC;AACrC,YAAA,wCAAwC,EACtC,oCAAoC;AACvC,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA2B9D,yEAAyE;AACzE,eAAO,MAAM,aAAa,uEAC6B,CAAC"}
+{"version":3,"file":"SeeMoreButton.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAmC9D,yEAAyE;AACzE,eAAO,MAAM,aAAa,uEAC6B,CAAC"}

package/dist/components/SeeMoreButton/SeeMoreButton.js

@@ -2,23 +2,28 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('@chakra-ui/react');
+var Button = require('../Button/Button.js');
+require('../Button/Button.styles.js');
 var index = require('../Icon/index.js');
 var useTranslate = require('../../hooks/useTranslate.js');
+var mergeCss = require('../../utils/mergeCss.js');
 var polymorphic = require('../../types/polymorphic.js');
 var SeeMoreButton_styles = require('./SeeMoreButton.styles.js');
 
 /**
  * A button component that allows users to load or see more items.
  * It displays the current count and the maximum count of items.
+ * Rendered with the ghost Button recipe (5.0): same colours and states.
  *
  * @param {object} props - Props for the SeeMoreButton component.
  * @param {number} props.currentCount - The current number of items shown.
  * @param {number} props.maxCount - The maximum number of items available.
  */
-const SeeMoreButtonImpl = ({ currentCount, maxCount, ...rest }) => {
+const SeeMoreButtonImpl = ({ currentCount, maxCount, _disabled: disabledProp, ...rest }) => {
     const translate = useTranslate.useTranslate();
-    return (jsxRuntime.jsxs(react.Button, { ...SeeMoreButton_styles.seeMoreButtonStyles, ...rest, children: [translate('see_more'), " (", currentCount, "/", maxCount, ")", ' ', jsxRuntime.jsx(index.ChevronDownIcon, { color: "inherit" })] }));
+    return (jsxRuntime.jsxs(Button.Button, { variant: "ghost", ...SeeMoreButton_styles.seeMoreButtonStyles, 
+        // Merged so a call site's `_disabled` cannot drop the hairline.
+        _disabled: mergeCss.mergeCss(SeeMoreButton_styles.seeMoreButtonStyles._disabled, disabledProp), ...rest, children: [translate('see_more'), " (", currentCount, "/", maxCount, ")", ' ', jsxRuntime.jsx(index.ChevronDownIcon, { color: "inherit" })] }));
 };
 SeeMoreButtonImpl.displayName = 'SeeMoreButton';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

package/dist/components/SeeMoreButton/SeeMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.js","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"sourcesContent":[null],"names":["useTranslate","_jsxs","Button","seeMoreButtonStyles","_jsx","ChevronDownIcon","polymorphic"],"mappings":";;;;;;;;;;AAUA;;;;;;;AAOG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACe,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;AAEhC,IAAA,QACEC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAKC,wCAAmB,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CACtC,SAAS,CAAC,UAAU,CAAC,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,EAAG,QAAQ,EAAA,GAAA,EAAG,GAAG,EACvDC,cAAA,CAACC,qBAAe,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,CAAA,EAAA,CAC5B;AAEb,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,eAAe;AAE/C;MACa,aAAa,GACxBC,uBAAW,CAAwB,iBAAiB;;;;"}
+{"version":3,"file":"SeeMoreButton.js","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"sourcesContent":[null],"names":["useTranslate","_jsxs","Button","seeMoreButtonStyles","mergeCss","_jsx","ChevronDownIcon","polymorphic"],"mappings":";;;;;;;;;;;;AAWA;;;;;;;;AAQG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,SAAS,EAAE,YAAY,EACvB,GAAG,IAAI,EACe,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAEhC,QACEC,gBAACC,aAAM,EAAA,EACL,OAAO,EAAC,OAAO,KACXC,wCAAmB;;AAEvB,QAAA,SAAS,EAAEC,iBAAQ,CAACD,wCAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAA,GAC5D,IAAI,EAAA,QAAA,EAAA,CAEP,SAAS,CAAC,UAAU,CAAC,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,EAAG,QAAQ,EAAA,GAAA,EAAG,GAAG,EACvDE,cAAA,CAACC,qBAAe,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,CAAA,EAAA,CAC5B;AAEb,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,eAAe;AAE/C;MACa,aAAa,GACxBC,uBAAW,CAAwB,iBAAiB;;;;"}

package/dist/components/SeeMoreButton/SeeMoreButton.mjs

@@ -1,22 +1,27 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Button } from '@chakra-ui/react';
+import { Button } from '../Button/Button.mjs';
+import '../Button/Button.styles.mjs';
 import { ChevronDownIcon } from '../Icon/index.mjs';
 import { useTranslate } from '../../hooks/useTranslate.mjs';
+import { mergeCss } from '../../utils/mergeCss.mjs';
 import { polymorphic } from '../../types/polymorphic.mjs';
 import { seeMoreButtonStyles } from './SeeMoreButton.styles.mjs';
 
 /**
  * A button component that allows users to load or see more items.
  * It displays the current count and the maximum count of items.
+ * Rendered with the ghost Button recipe (5.0): same colours and states.
  *
  * @param {object} props - Props for the SeeMoreButton component.
  * @param {number} props.currentCount - The current number of items shown.
  * @param {number} props.maxCount - The maximum number of items available.
  */
-const SeeMoreButtonImpl = ({ currentCount, maxCount, ...rest }) => {
+const SeeMoreButtonImpl = ({ currentCount, maxCount, _disabled: disabledProp, ...rest }) => {
     const translate = useTranslate();
-    return (jsxs(Button, { ...seeMoreButtonStyles, ...rest, children: [translate('see_more'), " (", currentCount, "/", maxCount, ")", ' ', jsx(ChevronDownIcon, { color: "inherit" })] }));
+    return (jsxs(Button, { variant: "ghost", ...seeMoreButtonStyles, 
+        // Merged so a call site's `_disabled` cannot drop the hairline.
+        _disabled: mergeCss(seeMoreButtonStyles._disabled, disabledProp), ...rest, children: [translate('see_more'), " (", currentCount, "/", maxCount, ")", ' ', jsx(ChevronDownIcon, { color: "inherit" })] }));
 };
 SeeMoreButtonImpl.displayName = 'SeeMoreButton';
 /** Type-level polymorphism over the same runtime — see `polymorphic`. */

package/dist/components/SeeMoreButton/SeeMoreButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.mjs","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUA;;;;;;;AAOG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACe,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,QACEA,IAAA,CAAC,MAAM,EAAA,EAAA,GAAK,mBAAmB,EAAA,GAAM,IAAI,EAAA,QAAA,EAAA,CACtC,SAAS,CAAC,UAAU,CAAC,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,EAAG,QAAQ,EAAA,GAAA,EAAG,GAAG,EACvDC,GAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,CAAA,EAAA,CAC5B;AAEb,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,eAAe;AAE/C;MACa,aAAa,GACxB,WAAW,CAAwB,iBAAiB;;;;"}
+{"version":3,"file":"SeeMoreButton.mjs","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAWA;;;;;;;;AAQG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,YAAY,EACZ,QAAQ,EACR,SAAS,EAAE,YAAY,EACvB,GAAG,IAAI,EACe,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;IAEhC,QACEA,KAAC,MAAM,EAAA,EACL,OAAO,EAAC,OAAO,KACX,mBAAmB;;AAEvB,QAAA,SAAS,EAAE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,YAAY,CAAC,EAAA,GAC5D,IAAI,EAAA,QAAA,EAAA,CAEP,SAAS,CAAC,UAAU,CAAC,EAAA,IAAA,EAAI,YAAY,EAAA,GAAA,EAAG,QAAQ,EAAA,GAAA,EAAG,GAAG,EACvDC,GAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG,CAAA,EAAA,CAC5B;AAEb,CAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,eAAe;AAE/C;MACa,aAAa,GACxB,WAAW,CAAwB,iBAAiB;;;;"}

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

@@ -1,13 +1,23 @@
+/**
+ * Layout only. Colours, hover/press and disabled come from the ghost Button
+ * recipe (`<Button variant="ghost">`), so SeeMoreButton cannot drift from it.
+ * The top hairline is structural (it separates the button from the list it
+ * extends), so it is the ONLY border — Button draws 1px on every side, which
+ * would put transparent borders left/right/bottom — and it survives the
+ * disabled ("all shown") state, where the ghost recipe's `_disabled` would
+ * otherwise turn it transparent.
+ */
 export declare const seeMoreButtonStyles: {
-    alignSelf: string;
-    w: string;
-    variant: any;
-    display: string;
-    borderTop: string;
-    borderRadius: string;
-    borderColor: string;
-    color: string;
-    fontSize: string;
-    cursor: string;
+    readonly alignSelf: "stretch";
+    readonly w: "100%";
+    readonly display: "flex";
+    readonly borderRadius: "none";
+    readonly borderWidth: "0";
+    readonly borderTopWidth: "1px";
+    readonly borderTopColor: "border.subtle";
+    readonly fontSize: "subtitle";
+    readonly _disabled: {
+        readonly borderTopColor: "border.subtle";
+    };
 };
 //# sourceMappingURL=SeeMoreButton.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;aAGP,GAAG;;;;;;;;CAQ3B,CAAC"}
+{"version":3,"file":"SeeMoreButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;CAUtB,CAAC"}

package/dist/components/SeeMoreButton/SeeMoreButton.styles.js

@@ -1,17 +1,25 @@
 "use client";
 'use strict';
 
+/**
+ * Layout only. Colours, hover/press and disabled come from the ghost Button
+ * recipe (`<Button variant="ghost">`), so SeeMoreButton cannot drift from it.
+ * The top hairline is structural (it separates the button from the list it
+ * extends), so it is the ONLY border — Button draws 1px on every side, which
+ * would put transparent borders left/right/bottom — and it survives the
+ * disabled ("all shown") state, where the ghost recipe's `_disabled` would
+ * otherwise turn it transparent.
+ */
 const seeMoreButtonStyles = {
     alignSelf: 'stretch',
     w: '100%',
-    variant: 'unstyled',
     display: 'flex',
-    borderTop: '1px solid',
     borderRadius: 'none',
-    borderColor: 'border.default',
-    color: 'fg.subtle',
+    borderWidth: '0',
+    borderTopWidth: '1px',
+    borderTopColor: 'border.subtle',
     fontSize: 'subtitle',
-    cursor: 'pointer',
+    _disabled: { borderTopColor: 'border.subtle' },
 };
 
 exports.seeMoreButtonStyles = seeMoreButtonStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.styles.js","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAO,MAAM,mBAAmB,GAAG;AACjC,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,OAAO,EAAE,UAAiB;AAC1B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE,SAAS;;;;;"}
+{"version":3,"file":"SeeMoreButton.styles.js","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;AAQG;AACI,MAAM,mBAAmB,GAAG;AACjC,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,SAAS,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;;;;;"}

package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs

@@ -1,15 +1,23 @@
 "use client";
+/**
+ * Layout only. Colours, hover/press and disabled come from the ghost Button
+ * recipe (`<Button variant="ghost">`), so SeeMoreButton cannot drift from it.
+ * The top hairline is structural (it separates the button from the list it
+ * extends), so it is the ONLY border — Button draws 1px on every side, which
+ * would put transparent borders left/right/bottom — and it survives the
+ * disabled ("all shown") state, where the ghost recipe's `_disabled` would
+ * otherwise turn it transparent.
+ */
 const seeMoreButtonStyles = {
     alignSelf: 'stretch',
     w: '100%',
-    variant: 'unstyled',
     display: 'flex',
-    borderTop: '1px solid',
     borderRadius: 'none',
-    borderColor: 'border.default',
-    color: 'fg.subtle',
+    borderWidth: '0',
+    borderTopWidth: '1px',
+    borderTopColor: 'border.subtle',
     fontSize: 'subtitle',
-    cursor: 'pointer',
+    _disabled: { borderTopColor: 'border.subtle' },
 };
 
 export { seeMoreButtonStyles };

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

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.styles.mjs","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAO,MAAM,mBAAmB,GAAG;AACjC,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,OAAO,EAAE,UAAiB;AAC1B,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,WAAW,EAAE,gBAAgB;AAC7B,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE,SAAS;;;;;"}
+{"version":3,"file":"SeeMoreButton.styles.mjs","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;AAQG;AACI,MAAM,mBAAmB,GAAG;AACjC,IAAA,SAAS,EAAE,SAAS;AACpB,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,WAAW,EAAE,GAAG;AAChB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,SAAS,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE;;;;;"}

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

@@ -1,7 +1,11 @@
 import type { ElementType } from 'react';
-import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
 import type { PolymorphicProps } from '../../types/polymorphic';
-export type SeeMoreButtonOwnProps = Omit<ChakraButtonProps, 'as'> & {
+import type { ButtonOwnProps } from '../Button/Button.types';
+/**
+ * SeeMoreButton always renders the ghost Button recipe, so it takes Button's
+ * props minus the role (`variant` / `isDestructive`).
+ */
+export type SeeMoreButtonOwnProps = Omit<ButtonOwnProps, 'variant' | 'isDestructive'> & {
     currentCount: number;
     maxCount: number;
 };

package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG;IAClE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}

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

@@ -12,6 +12,7 @@ export declare const triggerStyles: {
     cursor: string;
     _open: {
         borderColor: string;
+        boxShadow: string;
     };
     bg: string;
     color: string;
@@ -21,6 +22,7 @@ export declare const triggerStyles: {
     };
     _focus: {
         borderColor: string;
+        boxShadow: string;
     };
     _invalid: {
         borderColor: string;
@@ -32,14 +34,13 @@ export declare const triggerStyles: {
         };
     };
     _disabled: {
-        opacity: number;
         cursor: string;
-        bg: string;
-        color: {
-            base: string;
-            _dark: string;
-        };
         fontWeight: string;
+        bg: "disabled.bg";
+        color: "disabled.fg";
+        borderColor: "transparent";
+        opacity: 1;
+        boxShadow: "none";
     };
     '--focus-color': string;
     '--error-color': string;
@@ -54,6 +55,7 @@ export declare const inputStyles: {
     };
     _focus: {
         borderColor: string;
+        boxShadow: string;
     };
     _invalid: {
         borderColor: string;
@@ -65,14 +67,13 @@ export declare const inputStyles: {
         };
     };
     _disabled: {
-        opacity: number;
         cursor: string;
-        bg: string;
-        color: {
-            base: string;
-            _dark: string;
-        };
         fontWeight: string;
+        bg: "disabled.bg";
+        color: "disabled.fg";
+        borderColor: "transparent";
+        opacity: 1;
+        boxShadow: "none";
     };
     '--focus-color': string;
     '--error-color': string;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA4BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIzB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA+BH,8CAA8C;AAC9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOzB,CAAC;AAEF,kDAAkD;AAClD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEvB,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe;;CAE3B,CAAC"}

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

@@ -1,6 +1,8 @@
 "use client";
 'use strict';
 
+var disabledControl = require('../../utils/disabledControl.js');
+
 /**
  * Shared style objects for the Select and Combobox components.
  *
@@ -12,25 +14,26 @@
  */
 const focusVars = {
     '--focus-color': 'var(--chakra-colors-primary-main)',
-    '--error-color': 'var(--chakra-colors-danger-main)',
+    '--error-color': 'var(--chakra-colors-danger-solid)',
 };
 const fieldBase = {
     ...focusVars,
     bg: 'bg.surface',
     color: 'fg.default',
-    borderColor: 'border.default',
-    _hover: { borderColor: 'primary.lighter' },
-    _focus: { borderColor: 'primary.main' },
+    borderColor: 'border.control',
+    _hover: { borderColor: 'fg.icon' },
+    _focus: {
+        borderColor: 'primary.main',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
+    },
     _invalid: {
-        borderColor: 'danger.main',
-        _hover: { borderColor: 'danger.main' },
-        _focus: { borderColor: 'danger.main' },
+        borderColor: 'danger.solid',
+        _hover: { borderColor: 'danger.solid' },
+        _focus: { borderColor: 'danger.solid' },
     },
     _disabled: {
-        opacity: 1,
+        ...disabledControl.disabledControl,
         cursor: 'not-allowed',
-        bg: 'bg.subtle',
-        color: { base: 'gray.1000', _dark: 'gray.400' },
         fontWeight: 'semibold',
     },
 };
@@ -38,7 +41,10 @@ const fieldBase = {
 const triggerStyles = {
     ...fieldBase,
     cursor: 'pointer',
-    _open: { borderColor: 'primary.main' },
+    _open: {
+        borderColor: 'primary.main',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
+    },
 };
 /** Combobox text input — the typeable control. */
 const inputStyles = {
@@ -58,10 +64,10 @@ const itemStyles = {
     borderRadius: '4px',
     cursor: 'pointer',
     color: 'fg.default',
-    _highlighted: { bg: 'bg.subtle' },
+    _highlighted: { bg: 'primary.wash' },
     _checked: {
-        bg: 'primary.extralight',
-        color: 'primary.dark',
+        bg: 'primary.selected',
+        color: 'fg.default',
         fontWeight: 'bold',
     },
     _disabled: { color: 'fg.subtle', cursor: 'not-allowed' },

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":[],"mappings":";;;AAAA;;;;;;;;AAQG;AAEH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,kCAAkC;CACpD;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,iBAAiB,EAAE;AAC1C,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;AACtC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;AACvC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC/C,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,EAAE,WAAW,EAAE,cAAc,EAAE;;AAGxC;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;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,WAAW,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,KAAK,EAAE,cAAc;AACrB,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"],"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;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;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;;;;;;;;;"}

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

@@ -1,4 +1,6 @@
 "use client";
+import { disabledControl } from '../../utils/disabledControl.mjs';
+
 /**
  * Shared style objects for the Select and Combobox components.
  *
@@ -10,25 +12,26 @@
  */
 const focusVars = {
     '--focus-color': 'var(--chakra-colors-primary-main)',
-    '--error-color': 'var(--chakra-colors-danger-main)',
+    '--error-color': 'var(--chakra-colors-danger-solid)',
 };
 const fieldBase = {
     ...focusVars,
     bg: 'bg.surface',
     color: 'fg.default',
-    borderColor: 'border.default',
-    _hover: { borderColor: 'primary.lighter' },
-    _focus: { borderColor: 'primary.main' },
+    borderColor: 'border.control',
+    _hover: { borderColor: 'fg.icon' },
+    _focus: {
+        borderColor: 'primary.main',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
+    },
     _invalid: {
-        borderColor: 'danger.main',
-        _hover: { borderColor: 'danger.main' },
-        _focus: { borderColor: 'danger.main' },
+        borderColor: 'danger.solid',
+        _hover: { borderColor: 'danger.solid' },
+        _focus: { borderColor: 'danger.solid' },
     },
     _disabled: {
-        opacity: 1,
+        ...disabledControl,
         cursor: 'not-allowed',
-        bg: 'bg.subtle',
-        color: { base: 'gray.1000', _dark: 'gray.400' },
         fontWeight: 'semibold',
     },
 };
@@ -36,7 +39,10 @@ const fieldBase = {
 const triggerStyles = {
     ...fieldBase,
     cursor: 'pointer',
-    _open: { borderColor: 'primary.main' },
+    _open: {
+        borderColor: 'primary.main',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary-main)',
+    },
 };
 /** Combobox text input — the typeable control. */
 const inputStyles = {
@@ -56,10 +62,10 @@ const itemStyles = {
     borderRadius: '4px',
     cursor: 'pointer',
     color: 'fg.default',
-    _highlighted: { bg: 'bg.subtle' },
+    _highlighted: { bg: 'primary.wash' },
     _checked: {
-        bg: 'primary.extralight',
-        color: 'primary.dark',
+        bg: 'primary.selected',
+        color: 'fg.default',
         fontWeight: 'bold',
     },
     _disabled: { color: 'fg.subtle', cursor: 'not-allowed' },

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;AAEH,MAAM,SAAS,GAAG;AAChB,IAAA,eAAe,EAAE,mCAAmC;AACpD,IAAA,eAAe,EAAE,kCAAkC;CACpD;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,iBAAiB,EAAE;AAC1C,IAAA,MAAM,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE;AACvC,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;AACtC,QAAA,MAAM,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE;AACvC,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC/C,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,EAAE,WAAW,EAAE,cAAc,EAAE;;AAGxC;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;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,WAAW,EAAE;AACjC,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,oBAAoB;AACxB,QAAA,KAAK,EAAE,cAAc;AACrB,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":";;;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;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;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;;;;;"}