@mindlogic-ai/logician-ui 3.0.0 → 3.1.0-alpha.1

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -38,10 +38,14 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
             if (onSelect) {
                 onSelect(details.value);
             }
-        }, size: size, bg: "gray.50", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss.mergeCss({
-            '--segment-indicator-bg': `var(--chakra-colors-gray-0)`,
+        }, size: size, 
+        // Track + selected-indicator flip with the mode (light values preserved:
+        // bg.subtle → gray.50, bg.surface → white/gray.0). The indicator's md
+        // shadow carries the raised affordance in both modes.
+        bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss.mergeCss({
+            '--segment-indicator-bg': `var(--chakra-colors-bg-surface)`,
             '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
-        }, css), children: [jsxRuntime.jsx(react.SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "gray.800", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
+        }, css), children: [jsxRuntime.jsx(react.SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
                             '&::after': {
                                 content: 'attr(data-text)',
                                 fontWeight: '600',
@@ -52,7 +56,7 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
                                 pointerEvents: 'none',
                             },
                             '[data-state="checked"] &': {
-                                color: 'var(--chakra-colors-gray-1500)',
+                                color: 'var(--chakra-colors-fg-default)',
                                 fontWeight: '600',
                             },
                         }, children: item.label }), jsxRuntime.jsx(react.SegmentGroup.ItemHiddenInput, {})] }, item.value)))] }));

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx"],"mappings":"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"}

package/dist/components/SegmentedControl/SegmentedControl.mjs

@@ -36,10 +36,14 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
             if (onSelect) {
                 onSelect(details.value);
             }
-        }, size: size, bg: "gray.50", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss({
-            '--segment-indicator-bg': `var(--chakra-colors-gray-0)`,
+        }, size: size, 
+        // Track + selected-indicator flip with the mode (light values preserved:
+        // bg.subtle → gray.50, bg.surface → white/gray.0). The indicator's md
+        // shadow carries the raised affordance in both modes.
+        bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss({
+            '--segment-indicator-bg': `var(--chakra-colors-bg-surface)`,
             '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
-        }, css), children: [jsx(SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsx(SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "gray.800", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
+        }, css), children: [jsx(SegmentGroup.Indicator, { borderRadius: indicatorRadius }), items.map((item) => (jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsx(SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
                             '&::after': {
                                 content: 'attr(data-text)',
                                 fontWeight: '600',
@@ -50,7 +54,7 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
                                 pointerEvents: 'none',
                             },
                             '[data-state="checked"] &': {
-                                color: 'var(--chakra-colors-gray-1500)',
+                                color: 'var(--chakra-colors-fg-default)',
                                 fontWeight: '600',
                             },
                         }, children: item.label }), jsx(SegmentGroup.ItemHiddenInput, {})] }, item.value)))] }));

package/dist/components/SegmentedControl/SegmentedControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/SegmentedProgressBar/ProgressSegment.js

@@ -7,7 +7,7 @@ var SegmentedProgressBarContext = require('./SegmentedProgressBarContext.js');
 
 const ProgressSegment = ({ value, ...rest }) => {
     const { max } = SegmentedProgressBarContext.useSegmentedProgressBarContext();
-    return (jsxRuntime.jsx(ProgressBar.ProgressBar, { value: value, max: value, width: `${(value / max) * 100}%`, height: "100%", bg: "gray.200", borderRadius: 0, ...rest }));
+    return (jsxRuntime.jsx(ProgressBar.ProgressBar, { value: value, max: value, width: `${(value / max) * 100}%`, height: "100%", bg: "bg.muted", borderRadius: 0, ...rest }));
 };
 
 exports.ProgressSegment = ProgressSegment;

package/dist/components/SegmentedProgressBar/ProgressSegment.mjs

@@ -5,7 +5,7 @@ import { useSegmentedProgressBarContext } from './SegmentedProgressBarContext.mj
 
 const ProgressSegment = ({ value, ...rest }) => {
     const { max } = useSegmentedProgressBarContext();
-    return (jsx(ProgressBar, { value: value, max: value, width: `${(value / max) * 100}%`, height: "100%", bg: "gray.200", borderRadius: 0, ...rest }));
+    return (jsx(ProgressBar, { value: value, max: value, width: `${(value / max) * 100}%`, height: "100%", bg: "bg.muted", borderRadius: 0, ...rest }));
 };
 
 export { ProgressSegment };

package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js

@@ -6,7 +6,7 @@ var react = require('@chakra-ui/react');
 var SegmentedProgressBarContext = require('./SegmentedProgressBarContext.js');
 
 const SegmentedProgressBar = ({ max, ...rest }) => {
-    return (jsxRuntime.jsx(SegmentedProgressBarContext.SegmentedProgressBarProvider, { max: max, children: jsxRuntime.jsx(react.Box, { position: "relative", flex: 1, display: "flex", bgColor: "gray.200", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
+    return (jsxRuntime.jsx(SegmentedProgressBarContext.SegmentedProgressBarProvider, { max: max, children: jsxRuntime.jsx(react.Box, { position: "relative", flex: 1, display: "flex", bgColor: "bg.muted", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
 };
 
 exports.SegmentedProgressBar = SegmentedProgressBar;

package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs

@@ -4,7 +4,7 @@ import { Box } from '@chakra-ui/react';
 import { SegmentedProgressBarProvider } from './SegmentedProgressBarContext.mjs';
 
 const SegmentedProgressBar = ({ max, ...rest }) => {
-    return (jsx(SegmentedProgressBarProvider, { max: max, children: jsx(Box, { position: "relative", flex: 1, display: "flex", bgColor: "gray.200", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
+    return (jsx(SegmentedProgressBarProvider, { max: max, children: jsx(Box, { position: "relative", flex: 1, display: "flex", bgColor: "bg.muted", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
 };
 
 export { SegmentedProgressBar };

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

@@ -14,7 +14,11 @@ export declare const triggerStyles: {
         borderColor: string;
     };
     bg: string;
-    borderColor: string;
+    color: string;
+    borderColor: {
+        base: string;
+        _dark: string;
+    };
     _hover: {
         borderColor: string;
     };
@@ -34,7 +38,10 @@ export declare const triggerStyles: {
         opacity: number;
         cursor: string;
         bg: string;
-        color: string;
+        color: {
+            base: string;
+            _dark: string;
+        };
         fontWeight: string;
     };
     '--focus-color': string;
@@ -43,7 +50,11 @@ export declare const triggerStyles: {
 /** Combobox text input — the typeable control. */
 export declare const inputStyles: {
     bg: string;
-    borderColor: string;
+    color: string;
+    borderColor: {
+        base: string;
+        _dark: string;
+    };
     _hover: {
         borderColor: string;
     };
@@ -63,7 +74,10 @@ export declare const inputStyles: {
         opacity: number;
         cursor: string;
         bg: string;
-        color: string;
+        color: {
+            base: string;
+            _dark: string;
+        };
         fontWeight: string;
     };
     '--focus-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;AA2BH,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;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"}

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

@@ -16,8 +16,9 @@ const focusVars = {
 };
 const fieldBase = {
     ...focusVars,
-    bg: 'white',
-    borderColor: 'gray.400',
+    bg: 'bg.surface',
+    color: 'fg.default',
+    borderColor: { base: 'gray.400', _dark: 'gray.1100' },
     _hover: { borderColor: 'primary.lighter' },
     _focus: { borderColor: 'primary.main' },
     _invalid: {
@@ -28,8 +29,8 @@ const fieldBase = {
     _disabled: {
         opacity: 1,
         cursor: 'not-allowed',
-        bg: 'gray.50',
-        color: 'gray.1000',
+        bg: 'bg.subtle',
+        color: { base: 'gray.1000', _dark: 'gray.400' },
         fontWeight: 'semibold',
     },
 };
@@ -45,8 +46,8 @@ const inputStyles = {
 };
 /** Dropdown panel for both Select and Combobox. */
 const contentStyles = {
-    bg: 'white',
-    borderColor: 'gray.300',
+    bg: 'bg.surface',
+    borderColor: 'border.default',
     borderWidth: '1px',
     borderRadius: '8px',
     boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
@@ -56,18 +57,18 @@ const contentStyles = {
 const itemStyles = {
     borderRadius: '4px',
     cursor: 'pointer',
-    color: 'gray.1200',
-    _highlighted: { bg: 'gray.50' },
+    color: 'fg.default',
+    _highlighted: { bg: 'bg.subtle' },
     _checked: {
         bg: 'primary.extralight',
         color: 'primary.dark',
         fontWeight: 'bold',
     },
-    _disabled: { color: 'gray.500', cursor: 'not-allowed' },
+    _disabled: { color: 'fg.subtle', cursor: 'not-allowed' },
 };
 /** Dropdown chevron — softened so it doesn't outweigh adjacent icons. */
 const indicatorStyles = {
-    color: 'gray.600',
+    color: 'fg.muted',
 };
 
 exports.contentStyles = contentStyles;

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,OAAO;AACX,IAAA,WAAW,EAAE,UAAU;AACvB,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,SAAS;AACb,QAAA,KAAK,EAAE,WAAW;AAClB,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,OAAO;AACX,IAAA,WAAW,EAAE,UAAU;AACvB,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,WAAW;AAClB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;AAC/B,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,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE;;AAGzD;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":[],"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;IACnB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACrD,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;;;;;;;;;"}

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

@@ -14,8 +14,9 @@ const focusVars = {
 };
 const fieldBase = {
     ...focusVars,
-    bg: 'white',
-    borderColor: 'gray.400',
+    bg: 'bg.surface',
+    color: 'fg.default',
+    borderColor: { base: 'gray.400', _dark: 'gray.1100' },
     _hover: { borderColor: 'primary.lighter' },
     _focus: { borderColor: 'primary.main' },
     _invalid: {
@@ -26,8 +27,8 @@ const fieldBase = {
     _disabled: {
         opacity: 1,
         cursor: 'not-allowed',
-        bg: 'gray.50',
-        color: 'gray.1000',
+        bg: 'bg.subtle',
+        color: { base: 'gray.1000', _dark: 'gray.400' },
         fontWeight: 'semibold',
     },
 };
@@ -43,8 +44,8 @@ const inputStyles = {
 };
 /** Dropdown panel for both Select and Combobox. */
 const contentStyles = {
-    bg: 'white',
-    borderColor: 'gray.300',
+    bg: 'bg.surface',
+    borderColor: 'border.default',
     borderWidth: '1px',
     borderRadius: '8px',
     boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
@@ -54,18 +55,18 @@ const contentStyles = {
 const itemStyles = {
     borderRadius: '4px',
     cursor: 'pointer',
-    color: 'gray.1200',
-    _highlighted: { bg: 'gray.50' },
+    color: 'fg.default',
+    _highlighted: { bg: 'bg.subtle' },
     _checked: {
         bg: 'primary.extralight',
         color: 'primary.dark',
         fontWeight: 'bold',
     },
-    _disabled: { color: 'gray.500', cursor: 'not-allowed' },
+    _disabled: { color: 'fg.subtle', cursor: 'not-allowed' },
 };
 /** Dropdown chevron — softened so it doesn't outweigh adjacent icons. */
 const indicatorStyles = {
-    color: 'gray.600',
+    color: 'fg.muted',
 };
 
 export { contentStyles, indicatorStyles, inputStyles, itemStyles, triggerStyles };

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,OAAO;AACX,IAAA,WAAW,EAAE,UAAU;AACvB,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,SAAS;AACb,QAAA,KAAK,EAAE,WAAW;AAClB,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,OAAO;AACX,IAAA,WAAW,EAAE,UAAU;AACvB,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,WAAW;AAClB,IAAA,YAAY,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE;AAC/B,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,UAAU,EAAE,MAAM,EAAE,aAAa,EAAE;;AAGzD;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;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;IACnB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACrD,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;;;;;"}

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 
 const SliderFilledTrack = React.forwardRef(({ ...rest }, ref) => {
     return (jsxRuntime.jsx(react.Slider.Range, { bg: "primary.main", _disabled: {
-            bg: 'gray.400',
+            bg: 'bg.muted',
         }, ...rest, ref: ref }));
 });
 SliderFilledTrack.displayName = 'SliderFilledTrack';

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.mjs

@@ -5,7 +5,7 @@ import { Slider } from '@chakra-ui/react';
 
 const SliderFilledTrack = forwardRef(({ ...rest }, ref) => {
     return (jsx(Slider.Range, { bg: "primary.main", _disabled: {
-            bg: 'gray.400',
+            bg: 'bg.muted',
         }, ...rest, ref: ref }));
 });
 SliderFilledTrack.displayName = 'SliderFilledTrack';

package/dist/components/Slider/SliderThumb/SliderThumb.js

@@ -8,8 +8,8 @@ var focusRing = require('../../../utils/focusRing.js');
 
 const SliderThumb = React.forwardRef(({ index = 0, ...rest }, ref) => {
     return (jsxRuntime.jsx(react.Slider.Thumb, { index: index, boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
-            bg: 'gray.100',
-            borderColor: 'gray.400',
+            bg: 'bg.muted',
+            borderColor: 'border.default',
             cursor: 'not-allowed',
         }, ...focusRing.focusRing, ...rest, ref: ref }));
 });

package/dist/components/Slider/SliderThumb/SliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACGC,mBAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACGC,mBAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Slider/SliderThumb/SliderThumb.mjs

@@ -6,8 +6,8 @@ import { focusRing } from '../../../utils/focusRing.mjs';
 
 const SliderThumb = forwardRef(({ index = 0, ...rest }, ref) => {
     return (jsx(Slider.Thumb, { index: index, boxSize: 4, bg: "white", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
-            bg: 'gray.100',
-            borderColor: 'gray.400',
+            bg: 'bg.muted',
+            borderColor: 'border.default',
             cursor: 'not-allowed',
         }, ...focusRing, ...rest, ref: ref }));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACG,SAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,OAAO,EACV,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACG,SAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/dist/components/Slider/SliderTrack/SliderTrack.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const SliderTrack = React.forwardRef(({ children, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Slider.Track, { bg: "gray.200", ...rest, ref: ref, children: children }));
+    return (jsxRuntime.jsx(react.Slider.Track, { bg: "bg.muted", ...rest, ref: ref, children: children }));
 });
 SliderTrack.displayName = 'SliderTrack';
 

package/dist/components/Slider/SliderTrack/SliderTrack.mjs

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Slider } from '@chakra-ui/react';
 
 const SliderTrack = forwardRef(({ children, ...rest }, ref) => {
-    return (jsx(Slider.Track, { bg: "gray.200", ...rest, ref: ref, children: children }));
+    return (jsx(Slider.Track, { bg: "bg.muted", ...rest, ref: ref, children: children }));
 });
 SliderTrack.displayName = 'SliderTrack';
 

package/dist/components/Spinner/Spinner.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 var mergeCss = require('../../utils/mergeCss.js');
 
 const Spinner = React.forwardRef(({ css, ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.gray.200' }, css) }));
+    return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.bg.muted' }, css) }));
 });
 Spinner.displayName = 'Spinner';
 

package/dist/components/Spinner/Spinner.mjs

@@ -5,7 +5,7 @@ import { Spinner as Spinner$1 } from '@chakra-ui/react';
 import { mergeCss } from '../../utils/mergeCss.mjs';
 
 const Spinner = forwardRef(({ css, ...rest }, ref) => {
-    return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss({ '--spinner-track-color': 'colors.gray.200' }, css) }));
+    return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss({ '--spinner-track-color': 'colors.bg.muted' }, css) }));
 });
 Spinner.displayName = 'Spinner';
 

package/dist/components/Switch/SwitchControl.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
 
-const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref, bg: "gray.200", _checked: { bg: 'primary.main' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb, {}) })));
+const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref, bg: "bg.muted", _checked: { bg: 'primary.main' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb, {}) })));
 SwitchControl.displayName = 'Switch.Control';
 
 exports.SwitchControl = SwitchControl;

package/dist/components/Switch/SwitchControl.mjs

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Switch } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
 
-const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, bg: "gray.200", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
+const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, bg: "bg.muted", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
 SwitchControl.displayName = 'Switch.Control';
 
 export { SwitchControl };

package/dist/components/Table/Table.styles.js

@@ -17,7 +17,7 @@ const getStickyStyles = (isSticky, stickyDirection = 'left', scrollState, sticky
         overflow: 'visible',
         [stickyDirection]: `${stickyOffset}px`,
         zIndex: 2,
-        backgroundColor: 'white',
+        backgroundColor: 'bg.surface',
         ...(shouldShowShadow && {
             _after: {
                 content: '""',

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

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAIa,eAAe,GAAG,CAC7B,QAAiB,EACjB,kBAAmC,MAAM,EACzC,WAA6B,EAC7B,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,KAClB;AACF,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW;;IAG/D,MAAM,YAAY,GAChB,CAAC,eAAe,KAAK,MAAM,IAAI,WAAW;AAC1C,SAAC,eAAe,KAAK,OAAO,IAAI,aAAa,CAAC;;IAGhD,MAAM,cAAc,GAAG,WAAW;;IAGlC,MAAM,gBAAgB,GAAG,YAAY,KAAK,cAAc,IAAI,YAAY,CAAC;IAEzE,OAAO;AACL,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,CAAC,eAAe,GAAG,CAAA,EAAG,YAAY,CAAA,EAAA,CAAI;AACtC,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,OAAO;QACxB,IAAI,gBAAgB,IAAI;AACtB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,eAAe,KAAK,MAAM,GAAG,CAAC,GAAG,MAAM;gBACvD,SAAS,EAAE,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI;gBACrD,SAAS,EACP,eAAe,KAAK;AAClB,sBAAE;AACF,sBAAE,6CAA6C;AACpD,aAAA;SACF,CAAC;KACH;AACH;;;;"}
+{"version":3,"file":"Table.styles.js","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAIa,eAAe,GAAG,CAC7B,QAAiB,EACjB,kBAAmC,MAAM,EACzC,WAA6B,EAC7B,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,KAClB;AACF,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW;;IAG/D,MAAM,YAAY,GAChB,CAAC,eAAe,KAAK,MAAM,IAAI,WAAW;AAC1C,SAAC,eAAe,KAAK,OAAO,IAAI,aAAa,CAAC;;IAGhD,MAAM,cAAc,GAAG,WAAW;;IAGlC,MAAM,gBAAgB,GAAG,YAAY,KAAK,cAAc,IAAI,YAAY,CAAC;IAEzE,OAAO;AACL,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,CAAC,eAAe,GAAG,CAAA,EAAG,YAAY,CAAA,EAAA,CAAI;AACtC,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,YAAY;QAC7B,IAAI,gBAAgB,IAAI;AACtB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,eAAe,KAAK,MAAM,GAAG,CAAC,GAAG,MAAM;gBACvD,SAAS,EAAE,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI;gBACrD,SAAS,EACP,eAAe,KAAK;AAClB,sBAAE;AACF,sBAAE,6CAA6C;AACpD,aAAA;SACF,CAAC;KACH;AACH;;;;"}

package/dist/components/Table/Table.styles.mjs

@@ -15,7 +15,7 @@ const getStickyStyles = (isSticky, stickyDirection = 'left', scrollState, sticky
         overflow: 'visible',
         [stickyDirection]: `${stickyOffset}px`,
         zIndex: 2,
-        backgroundColor: 'white',
+        backgroundColor: 'bg.surface',
         ...(shouldShowShadow && {
             _after: {
                 content: '""',

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

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.mjs","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";MAIa,eAAe,GAAG,CAC7B,QAAiB,EACjB,kBAAmC,MAAM,EACzC,WAA6B,EAC7B,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,KAClB;AACF,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW;;IAG/D,MAAM,YAAY,GAChB,CAAC,eAAe,KAAK,MAAM,IAAI,WAAW;AAC1C,SAAC,eAAe,KAAK,OAAO,IAAI,aAAa,CAAC;;IAGhD,MAAM,cAAc,GAAG,WAAW;;IAGlC,MAAM,gBAAgB,GAAG,YAAY,KAAK,cAAc,IAAI,YAAY,CAAC;IAEzE,OAAO;AACL,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,CAAC,eAAe,GAAG,CAAA,EAAG,YAAY,CAAA,EAAA,CAAI;AACtC,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,OAAO;QACxB,IAAI,gBAAgB,IAAI;AACtB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,eAAe,KAAK,MAAM,GAAG,CAAC,GAAG,MAAM;gBACvD,SAAS,EAAE,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI;gBACrD,SAAS,EACP,eAAe,KAAK;AAClB,sBAAE;AACF,sBAAE,6CAA6C;AACpD,aAAA;SACF,CAAC;KACH;AACH;;;;"}
+{"version":3,"file":"Table.styles.mjs","sources":["../../../src/components/Table/Table.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";MAIa,eAAe,GAAG,CAC7B,QAAiB,EACjB,kBAAmC,MAAM,EACzC,WAA6B,EAC7B,YAAY,GAAG,CAAC,EAChB,YAAY,GAAG,KAAK,KAClB;AACF,IAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,EAAE;IACxC,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,WAAW;;IAG/D,MAAM,YAAY,GAChB,CAAC,eAAe,KAAK,MAAM,IAAI,WAAW;AAC1C,SAAC,eAAe,KAAK,OAAO,IAAI,aAAa,CAAC;;IAGhD,MAAM,cAAc,GAAG,WAAW;;IAGlC,MAAM,gBAAgB,GAAG,YAAY,KAAK,cAAc,IAAI,YAAY,CAAC;IAEzE,OAAO;AACL,QAAA,QAAQ,EAAE,QAAiB;AAC3B,QAAA,QAAQ,EAAE,SAAS;AACnB,QAAA,CAAC,eAAe,GAAG,CAAA,EAAG,YAAY,CAAA,EAAA,CAAI;AACtC,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,eAAe,EAAE,YAAY;QAC7B,IAAI,gBAAgB,IAAI;AACtB,YAAA,MAAM,EAAE;AACN,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,KAAK,EAAE,MAAM;gBACb,cAAc,EAAE,eAAe,KAAK,MAAM,GAAG,CAAC,GAAG,MAAM;gBACvD,SAAS,EAAE,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI;gBACrD,SAAS,EACP,eAAe,KAAK;AAClB,sBAAE;AACF,sBAAE,6CAA6C;AACpD,aAAA;SACF,CAAC;KACH;AACH;;;;"}

package/dist/components/Table/TableContainer.js

@@ -21,7 +21,7 @@ const TableContainerInner = React.forwardRef(({ children, ...rest }, ref) => {
         // 내부 컨텍스트 ref 설정
         setContainerRef(node);
     }, [ref, setContainerRef]);
-    return (jsxRuntime.jsx(react.Table.ScrollArea, { border: "1px solid", borderRadius: "md", borderColor: "gray.200", ref: handleRef, ...rest, children: children }));
+    return (jsxRuntime.jsx(react.Table.ScrollArea, { border: "1px solid", borderRadius: "md", borderColor: "border.subtle", ref: handleRef, ...rest, children: children }));
 });
 TableContainerInner.displayName = 'TableContainerInner';
 // 외부 노출용 컴포넌트

package/dist/components/Table/TableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sources":["../../../src/components/Table/TableContainer.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useCallback","_jsx","Table","TableProvider"],"mappings":";;;;;;;;AAMA;AACA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC7B,IAAA,MAAM,EAAE,eAAe,EAAE,GAAGC,4BAAe,EAAE;;AAG7C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAC3B,CAAC,IAA2B,KAAI;;AAE9B,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC;QACX;aAAO,IAAI,GAAG,EAAE;AACd,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;QACpB;;QAGA,eAAe,CAAC,IAAI,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,GAAG,EAAE,eAAe,CAAC,CACvB;IAED,QACEC,cAAA,CAACC,WAAK,CAAC,UAAU,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,GAAG,EAAE,SAAS,EAAA,GACV,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;AAEvD;AACO,MAAM,cAAc,GAAGJ,gBAAU,CACtC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEG,cAAA,CAACE,0BAAa,EAAA,EAAA,QAAA,EACZF,eAAC,mBAAmB,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CAC9B;AAEpB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"TableContainer.js","sources":["../../../src/components/Table/TableContainer.tsx"],"sourcesContent":[null],"names":["forwardRef","useTableContext","useCallback","_jsx","Table","TableProvider"],"mappings":";;;;;;;;AAMA;AACA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC7B,IAAA,MAAM,EAAE,eAAe,EAAE,GAAGC,4BAAe,EAAE;;AAG7C,IAAA,MAAM,SAAS,GAAGC,iBAAW,CAC3B,CAAC,IAA2B,KAAI;;AAE9B,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC;QACX;aAAO,IAAI,GAAG,EAAE;AACd,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;QACpB;;QAGA,eAAe,CAAC,IAAI,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,GAAG,EAAE,eAAe,CAAC,CACvB;IAED,QACEC,cAAA,CAACC,WAAK,CAAC,UAAU,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,eAAe,EAC3B,GAAG,EAAE,SAAS,EAAA,GACV,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;AAEvD;AACO,MAAM,cAAc,GAAGJ,gBAAU,CACtC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEG,cAAA,CAACE,0BAAa,EAAA,EAAA,QAAA,EACZF,eAAC,mBAAmB,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CAC9B;AAEpB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Table/TableContainer.mjs

@@ -19,7 +19,7 @@ const TableContainerInner = forwardRef(({ children, ...rest }, ref) => {
         // 내부 컨텍스트 ref 설정
         setContainerRef(node);
     }, [ref, setContainerRef]);
-    return (jsx(Table.ScrollArea, { border: "1px solid", borderRadius: "md", borderColor: "gray.200", ref: handleRef, ...rest, children: children }));
+    return (jsx(Table.ScrollArea, { border: "1px solid", borderRadius: "md", borderColor: "border.subtle", ref: handleRef, ...rest, children: children }));
 });
 TableContainerInner.displayName = 'TableContainerInner';
 // 외부 노출용 컴포넌트

package/dist/components/Table/TableContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.mjs","sources":["../../../src/components/Table/TableContainer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;AACA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC7B,IAAA,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE;;AAG7C,IAAA,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAA2B,KAAI;;AAE9B,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC;QACX;aAAO,IAAI,GAAG,EAAE;AACd,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;QACpB;;QAGA,eAAe,CAAC,IAAI,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,GAAG,EAAE,eAAe,CAAC,CACvB;IAED,QACEA,GAAA,CAAC,KAAK,CAAC,UAAU,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,UAAU,EACtB,GAAG,EAAE,SAAS,EAAA,GACV,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;AAEvD;AACO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,IAAC,mBAAmB,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CAC9B;AAEpB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"TableContainer.mjs","sources":["../../../src/components/Table/TableContainer.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;AACA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC7B,IAAA,MAAM,EAAE,eAAe,EAAE,GAAG,eAAe,EAAE;;AAG7C,IAAA,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAA2B,KAAI;;AAE9B,QAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC7B,GAAG,CAAC,IAAI,CAAC;QACX;aAAO,IAAI,GAAG,EAAE;AACd,YAAA,GAAG,CAAC,OAAO,GAAG,IAAI;QACpB;;QAGA,eAAe,CAAC,IAAI,CAAC;AACvB,IAAA,CAAC,EACD,CAAC,GAAG,EAAE,eAAe,CAAC,CACvB;IAED,QACEA,GAAA,CAAC,KAAK,CAAC,UAAU,EAAA,EACf,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,WAAW,EAAC,eAAe,EAC3B,GAAG,EAAE,SAAS,EAAA,GACV,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC,CACF;AAED,mBAAmB,CAAC,WAAW,GAAG,qBAAqB;AAEvD;AACO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,IAAC,mBAAmB,EAAA,EAAA,GAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,EAAA,CAC9B;AAEpB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Table/Tbody.js

@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
 var mergeCss = require('../../utils/mergeCss.js');
 
 const Tbody = React.forwardRef(({ css, ...props }, ref) => {
-    return (jsxRuntime.jsx(react.Table.Body, { ref: ref, color: "gray.1500", fontWeight: "medium", ...props, css: mergeCss.mergeCss({
+    return (jsxRuntime.jsx(react.Table.Body, { ref: ref, color: "fg.default", fontWeight: "medium", ...props, css: mergeCss.mergeCss({
             // Remove bottom border from last row to prevent overlap with container border
             '& > tr:last-of-type > td': {
                 borderBottom: 'none',

package/dist/components/Table/Tbody.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tbody.js","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Table","mergeCss"],"mappings":";;;;;;;;AAKO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzB,QACEC,eAACC,WAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,WAAW,EACjB,UAAU,EAAC,QAAQ,EAAA,GACf,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;;AAEE,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Tbody.js","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Table","mergeCss"],"mappings":";;;;;;;;AAKO,MAAM,KAAK,GAAGA,gBAAU,CAC7B,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzB,QACEC,eAACC,WAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,UAAU,EAAC,QAAQ,EAAA,GACf,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;;AAEE,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Table/Tbody.mjs

@@ -5,7 +5,7 @@ import { Table } from '@chakra-ui/react';
 import { mergeCss } from '../../utils/mergeCss.mjs';
 
 const Tbody = forwardRef(({ css, ...props }, ref) => {
-    return (jsx(Table.Body, { ref: ref, color: "gray.1500", fontWeight: "medium", ...props, css: mergeCss({
+    return (jsx(Table.Body, { ref: ref, color: "fg.default", fontWeight: "medium", ...props, css: mergeCss({
             // Remove bottom border from last row to prevent overlap with container border
             '& > tr:last-of-type > td': {
                 borderBottom: 'none',

package/dist/components/Table/Tbody.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tbody.mjs","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAKO,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzB,QACEA,IAAC,KAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,WAAW,EACjB,UAAU,EAAC,QAAQ,EAAA,GACf,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;;AAEE,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Tbody.mjs","sources":["../../../src/components/Table/Tbody.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAKO,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IACzB,QACEA,IAAC,KAAK,CAAC,IAAI,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,UAAU,EAAC,QAAQ,EAAA,GACf,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;;AAEE,YAAA,0BAA0B,EAAE;AAC1B,gBAAA,YAAY,EAAE,MAAM;AACrB,aAAA;AACF,SAAA,EACD,GAAG,CACJ,EAAA,CACD;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}

package/dist/components/Table/Thead.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const Thead = ({ ...rest }) => {
-    return jsxRuntime.jsx(react.Table.Header, { color: "gray.800", fontWeight: "medium", ...rest });
+    return jsxRuntime.jsx(react.Table.Header, { color: "fg.muted", fontWeight: "medium", ...rest });
 };
 
 exports.Thead = Thead;

package/dist/components/Table/Thead.mjs

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Table } from '@chakra-ui/react';
 
 const Thead = ({ ...rest }) => {
-    return jsx(Table.Header, { color: "gray.800", fontWeight: "medium", ...rest });
+    return jsx(Table.Header, { color: "fg.muted", fontWeight: "medium", ...rest });
 };
 
 export { Thead };

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

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

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

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