@mindlogic-ai/logician-ui 3.2.0-alpha.4 → 4.0.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/components/InlineCode/InlineCode.d.ts.map +1 -1
  2. package/dist/components/InlineCode/InlineCode.js +8 -1
  3. package/dist/components/InlineCode/InlineCode.js.map +1 -1
  4. package/dist/components/InlineCode/InlineCode.mjs +8 -1
  5. package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
  6. package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  7. package/dist/components/SegmentedControl/SegmentedControl.js +23 -15
  8. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  9. package/dist/components/SegmentedControl/SegmentedControl.mjs +23 -15
  10. package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
  11. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.d.ts.map +1 -1
  12. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js +6 -1
  13. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
  14. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs +6 -1
  15. package/dist/components/SegmentedProgressBar/SegmentedProgressBar.mjs.map +1 -1
  16. package/dist/components/Slider/SliderTrack/SliderTrack.d.ts.map +1 -1
  17. package/dist/components/Slider/SliderTrack/SliderTrack.js +13 -1
  18. package/dist/components/Slider/SliderTrack/SliderTrack.js.map +1 -1
  19. package/dist/components/Slider/SliderTrack/SliderTrack.mjs +13 -1
  20. package/dist/components/Slider/SliderTrack/SliderTrack.mjs.map +1 -1
  21. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  22. package/dist/components/Spinner/Spinner.js +7 -1
  23. package/dist/components/Spinner/Spinner.js.map +1 -1
  24. package/dist/components/Spinner/Spinner.mjs +7 -1
  25. package/dist/components/Spinner/Spinner.mjs.map +1 -1
  26. package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
  27. package/dist/components/Switch/SwitchControl.js +7 -1
  28. package/dist/components/Switch/SwitchControl.js.map +1 -1
  29. package/dist/components/Switch/SwitchControl.mjs +7 -1
  30. package/dist/components/Switch/SwitchControl.mjs.map +1 -1
  31. package/dist/index.d.ts +0 -1
  32. package/dist/index.d.ts.map +1 -1
  33. package/dist/index.js +0 -2
  34. package/dist/index.js.map +1 -1
  35. package/dist/index.mjs +0 -1
  36. package/dist/index.mjs.map +1 -1
  37. package/dist/theme/colors.d.ts +7 -1
  38. package/dist/theme/colors.d.ts.map +1 -1
  39. package/dist/theme/colors.js +12 -0
  40. package/dist/theme/colors.js.map +1 -1
  41. package/dist/theme/colors.mjs +12 -0
  42. package/dist/theme/colors.mjs.map +1 -1
  43. package/package.json +1 -2
  44. package/src/components/InlineCode/InlineCode.tsx +7 -0
  45. package/src/components/SegmentedControl/SegmentedControl.stories.tsx +27 -1
  46. package/src/components/SegmentedControl/SegmentedControl.tsx +22 -15
  47. package/src/components/SegmentedProgressBar/SegmentedProgressBar.tsx +5 -1
  48. package/src/components/Slider/SliderTrack/SliderTrack.tsx +10 -1
  49. package/src/components/Spinner/Spinner.tsx +6 -1
  50. package/src/components/Switch/SwitchControl.tsx +6 -1
  51. package/src/index.ts +0 -1
  52. package/src/theme/Surfaces.stories.tsx +208 -0
  53. package/src/theme/colors.ts +13 -0
  54. package/dist/components/MDXEditor/MDXEditor.d.ts +0 -6
  55. package/dist/components/MDXEditor/MDXEditor.d.ts.map +0 -1
  56. package/dist/components/MDXEditor/MDXEditor.js +0 -237
  57. package/dist/components/MDXEditor/MDXEditor.js.map +0 -1
  58. package/dist/components/MDXEditor/MDXEditor.mjs +0 -235
  59. package/dist/components/MDXEditor/MDXEditor.mjs.map +0 -1
  60. package/dist/components/MDXEditor/MDXEditor.types.d.ts +0 -7
  61. package/dist/components/MDXEditor/MDXEditor.types.d.ts.map +0 -1
  62. package/dist/components/MDXEditor/index.d.ts +0 -3
  63. package/dist/components/MDXEditor/index.d.ts.map +0 -1
  64. package/src/components/MDXEditor/MDXEditor.css +0 -40
  65. package/src/components/MDXEditor/MDXEditor.stories.tsx +0 -56
  66. package/src/components/MDXEditor/MDXEditor.tsx +0 -337
  67. package/src/components/MDXEditor/MDXEditor.types.ts +0 -7
  68. package/src/components/MDXEditor/index.ts +0 -2
@@ -1 +1 @@
1
- {"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,IAAI,eAAe,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,UAAU,GAAI,uBAAuB,eAAe,4CAYhE,CAAC"}
1
+ {"version":3,"file":"InlineCode.d.ts","sourceRoot":"","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,IAAI,eAAe,EAC7B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,UAAU,GAAI,uBAAuB,eAAe,4CAmBhE,CAAC"}
@@ -5,7 +5,14 @@ var jsxRuntime = require('react/jsx-runtime');
5
5
  var react = require('@chakra-ui/react');
6
6
 
7
7
  const InlineCode = ({ children, ...rest }) => {
8
- return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p", ...rest, children: children }));
8
+ return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
9
+ // bg.subtle (gray.50) matches the bg.sunken page wash, so on a sunken
10
+ // page the chip fill vanishes. The chip is too small for a fill bump to
11
+ // register, so (like SegmentedControl) it gets an outline instead — a
12
+ // border.default ring, kept lighter than border.strong so it doesn't read
13
+ // as a heavy box inline in running text. Box-shadow so inline flow and
14
+ // sizing are untouched.
15
+ boxShadow: "0 0 0 1px var(--chakra-colors-border-default)", ...rest, children: children }));
9
16
  };
10
17
 
11
18
  exports.InlineCode = InlineCode;
@@ -1 +1 @@
1
- {"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,cAAA,CAACC,UAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG,EAAA,GACT,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
1
+ {"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;AACnE,IAAA,QACEA,cAAA,CAACC,UAAU,IACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG;;;;;;;QAOb,SAAS,EAAC,+CAA+C,EAAA,GACrD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
@@ -3,7 +3,14 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import { Code } from '@chakra-ui/react';
4
4
 
5
5
  const InlineCode = ({ children, ...rest }) => {
6
- return (jsx(Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p", ...rest, children: children }));
6
+ return (jsx(Code, { bg: "bg.subtle", color: "primary.dark", borderRadius: "sm", textStyle: "p",
7
+ // bg.subtle (gray.50) matches the bg.sunken page wash, so on a sunken
8
+ // page the chip fill vanishes. The chip is too small for a fill bump to
9
+ // register, so (like SegmentedControl) it gets an outline instead — a
10
+ // border.default ring, kept lighter than border.strong so it doesn't read
11
+ // as a heavy box inline in running text. Box-shadow so inline flow and
12
+ // sizing are untouched.
13
+ boxShadow: "0 0 0 1px var(--chakra-colors-border-default)", ...rest, children: children }));
7
14
  };
8
15
 
9
16
  export { InlineCode };
@@ -1 +1 @@
1
- {"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,GAAA,CAACC,IAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG,EAAA,GACT,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
1
+ {"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;AACnE,IAAA,QACEA,GAAA,CAACC,IAAU,IACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,cAAc,EACpB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,GAAG;;;;;;;QAOb,SAAS,EAAC,+CAA+C,EAAA,GACrD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAuH3B,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDA8H3B,CAAC"}
@@ -39,24 +39,32 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
39
39
  onSelect(details.value);
40
40
  }
41
41
  }, size: size,
42
- // Light mode: track is bg.subtle (gray.50) and the selected indicator is
43
- // bg.surface (white) lifted by an md shadow a classic raised thumb.
42
+ // Track is bg.subtle (gray.50 light) and the selected indicator rides on
43
+ // `bg.raised` a raised neutral surface that resolves white in light and
44
+ // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
45
+ // above the track in both modes (`bg.surface` could not: its dark value is
46
+ // darker than the track). The indicator also gains a shadow: an md drop
47
+ // shadow in light, and in dark — where a drop shadow is invisible on a
48
+ // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
44
49
  //
45
- // Selected indicator rides on `bg.raised` a raised neutral surface that
46
- // resolves white in light and the lightest neutral (gray.1100) in dark,
47
- // so the thumb reads as lifted above the `bg.subtle` track in both modes
48
- // (`bg.surface` could not: its dark value is darker than the track). Dark
49
- // mode also needs two things light mode doesn't, and neither
50
- // maps to a token: a drop shadow is invisible on a dark canvas, so the
51
- // indicator gains a soft ambient shadow + a translucent-white hairline
52
- // edge; and the track only contrasts against the app canvas on a
53
- // same-or-lighter dark surface (e.g. a bg.surface card) it would vanish
54
- // and leave the control looking like floating text, so a translucent
55
- // hairline ring defines its bounds on any dark background. Both rings are
56
- // box-shadows (not borders) so the matched item-height math is preserved.
57
- bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss.mergeCss({
50
+ // The track itself only contrasts where the page wash is darker (light) or
51
+ // lighter (dark) than the fill. It vanishes when the page matches the
52
+ // track: a `bg.sunken` list/overview page is gray.50 in light — identical
53
+ // to the bg.subtle track and a `bg.surface` card is lighter than the
54
+ // track in dark. In either case the control would read as floating text,
55
+ // so a hairline ring defines its bounds on *any* background: a neutral
56
+ // `border.default` ring in light, a translucent-white ring in dark. (The
57
+ // ring not the track fill does the work here: the selected thumb is a
58
+ // raised white surface lifted by its shadow, a relationship that depends
59
+ // on the track staying light, so we outline the group rather than darken
60
+ // it. `border.default` keeps the edge present but light — `border.strong`
61
+ // reads as a heavy box for a control that normally has no outline.) Both
62
+ // rings are box-shadows (not borders) so the matched item-height math is
63
+ // preserved.
64
+ bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss.mergeCss({
58
65
  '--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
59
66
  '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
67
+ boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
60
68
  '.dark &': {
61
69
  '--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
62
70
  boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
@@ -1 +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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"}
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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"}
@@ -37,24 +37,32 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
37
37
  onSelect(details.value);
38
38
  }
39
39
  }, size: size,
40
- // Light mode: track is bg.subtle (gray.50) and the selected indicator is
41
- // bg.surface (white) lifted by an md shadow a classic raised thumb.
40
+ // Track is bg.subtle (gray.50 light) and the selected indicator rides on
41
+ // `bg.raised` a raised neutral surface that resolves white in light and
42
+ // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
43
+ // above the track in both modes (`bg.surface` could not: its dark value is
44
+ // darker than the track). The indicator also gains a shadow: an md drop
45
+ // shadow in light, and in dark — where a drop shadow is invisible on a
46
+ // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
42
47
  //
43
- // Selected indicator rides on `bg.raised` a raised neutral surface that
44
- // resolves white in light and the lightest neutral (gray.1100) in dark,
45
- // so the thumb reads as lifted above the `bg.subtle` track in both modes
46
- // (`bg.surface` could not: its dark value is darker than the track). Dark
47
- // mode also needs two things light mode doesn't, and neither
48
- // maps to a token: a drop shadow is invisible on a dark canvas, so the
49
- // indicator gains a soft ambient shadow + a translucent-white hairline
50
- // edge; and the track only contrasts against the app canvas on a
51
- // same-or-lighter dark surface (e.g. a bg.surface card) it would vanish
52
- // and leave the control looking like floating text, so a translucent
53
- // hairline ring defines its bounds on any dark background. Both rings are
54
- // box-shadows (not borders) so the matched item-height math is preserved.
55
- bg: "bg.subtle", p: "1", borderRadius: borderRadius, boxShadow: "none", w: "fit-content", ...rest, css: mergeCss({
48
+ // The track itself only contrasts where the page wash is darker (light) or
49
+ // lighter (dark) than the fill. It vanishes when the page matches the
50
+ // track: a `bg.sunken` list/overview page is gray.50 in light — identical
51
+ // to the bg.subtle track and a `bg.surface` card is lighter than the
52
+ // track in dark. In either case the control would read as floating text,
53
+ // so a hairline ring defines its bounds on *any* background: a neutral
54
+ // `border.default` ring in light, a translucent-white ring in dark. (The
55
+ // ring not the track fill does the work here: the selected thumb is a
56
+ // raised white surface lifted by its shadow, a relationship that depends
57
+ // on the track staying light, so we outline the group rather than darken
58
+ // it. `border.default` keeps the edge present but light — `border.strong`
59
+ // reads as a heavy box for a control that normally has no outline.) Both
60
+ // rings are box-shadows (not borders) so the matched item-height math is
61
+ // preserved.
62
+ bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss({
56
63
  '--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
57
64
  '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
65
+ boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
58
66
  '.dark &': {
59
67
  '--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
60
68
  boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI;;;;;;;;;;;;;;;;QAgBV,EAAE,EAAC,WAAW,EACd,CAAC,EAAC,GAAG,EACL,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,MAAM,EAChB,CAAC,EAAC,aAAa,EAAA,GACX,IAAI,EACR,GAAG,EAAE,QAAQ,CACX;AACE,YAAA,wBAAwB,EAAE,CAAA,8BAAA,CAAgC;AAC1D,YAAA,4BAA4B,EAAE,CAAA,wBAAA,CAA0B;AACxD,YAAA,SAAS,EAAE;AACT,gBAAA,4BAA4B,EAC1B,oEAAoE;AACtE,gBAAA,SAAS,EAAE,qCAAqC;AACjD,aAAA;SACF,EACD,GAAG,CACJ,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,YAAY,CAAC,SAAS,EAAA,EAAC,YAAY,EAAE,eAAe,EAAA,CAAI,EACxD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,SAAS,EACjD,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAA,QAAA,EAAA,CAE7BC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAA,WAAA,EACT,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EAClE,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAC,aAAa,EACrB,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE;AACH,4BAAA,UAAU,EAAE;AACV,gCAAA,OAAO,EAAE,iBAAiB;AAC1B,gCAAA,UAAU,EAAE,KAAK;AACjB,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,aAAa,EAAE,MAAM;AACtB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC1B,gCAAA,KAAK,EAAE,iCAAiC;AACxC,gCAAA,UAAU,EAAE,KAAK;AAClB,6BAAA;AACF,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,KAAK,GACW,EACxBA,GAAA,CAAC,YAAY,CAAC,eAAe,KAAG,CAAA,EAAA,EAnC3B,IAAI,CAAC,KAAK,CAoCG,CACrB,CAAC,CAAA,EAAA,CACgB;AAExB,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
1
+ {"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,4CAgB3B,CAAC"}
1
+ {"version":3,"file":"SegmentedProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAGzE,eAAO,MAAM,oBAAoB,GAAI,kBAGlC,yBAAyB,4CAoB3B,CAAC"}
@@ -6,7 +6,12 @@ var react = require('@chakra-ui/react');
6
6
  var SegmentedProgressBarContext = require('./SegmentedProgressBarContext.js');
7
7
 
8
8
  const SegmentedProgressBar = ({ max, ...rest }) => {
9
- 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 }) }));
9
+ return (jsxRuntime.jsx(SegmentedProgressBarContext.SegmentedProgressBarProvider, { max: max, children: jsxRuntime.jsx(react.Box, { position: "relative", flex: 1, display: "flex",
10
+ // The remainder behind the segments is a meter surface, so it needs a
11
+ // visible fill. bg.muted (gray.100) is ~1.03:1 against the bg.sunken page
12
+ // wash (gray.50) and vanishes there; bg.track (gray.300) reads as a
13
+ // filled track on any background. Filled segments paint over it.
14
+ bgColor: "bg.track", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
10
15
  };
11
16
 
12
17
  exports.SegmentedProgressBar = SegmentedProgressBar;
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedProgressBar.js","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","SegmentedProgressBarProvider","Box"],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,eAACC,wDAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCD,cAAA,CAACE,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
1
+ {"version":3,"file":"SegmentedProgressBar.js","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","SegmentedProgressBarProvider","Box"],"mappings":";;;;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,eAACC,wDAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCD,cAAA,CAACE,SAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM;;;;;YAKd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
@@ -4,7 +4,12 @@ import { Box } from '@chakra-ui/react';
4
4
  import { SegmentedProgressBarProvider } from './SegmentedProgressBarContext.mjs';
5
5
 
6
6
  const SegmentedProgressBar = ({ max, ...rest }) => {
7
- 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 }) }));
7
+ return (jsx(SegmentedProgressBarProvider, { max: max, children: jsx(Box, { position: "relative", flex: 1, display: "flex",
8
+ // The remainder behind the segments is a meter surface, so it needs a
9
+ // visible fill. bg.muted (gray.100) is ~1.03:1 against the bg.sunken page
10
+ // wash (gray.50) and vanishes there; bg.track (gray.300) reads as a
11
+ // filled track on any background. Filled segments paint over it.
12
+ bgColor: "bg.track", borderRadius: "full", w: "100%", h: "16px", overflow: "hidden", ...rest }) }));
8
13
  };
9
14
 
10
15
  export { SegmentedProgressBar };
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedProgressBar.mjs","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,IAAC,4BAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCA,GAAA,CAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM,EACd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
1
+ {"version":3,"file":"SegmentedProgressBar.mjs","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,oBAAoB,GAAG,CAAC,EACnC,GAAG,EACH,GAAG,IAAI,EACmB,KAAI;IAC9B,QACEA,IAAC,4BAA4B,EAAA,EAAC,GAAG,EAAE,GAAG,YACpCA,GAAA,CAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,IAAI,EAAE,CAAC,EACP,OAAO,EAAC,MAAM;;;;;YAKd,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,CAAC,EAAC,MAAM,EACR,CAAC,EAAC,MAAM,EACR,QAAQ,EAAC,QAAQ,KACb,IAAI,EAAA,CACR,EAAA,CAC2B;AAEnC;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;eAEmC,SAAS;kDASnE,CAAC"}
1
+ {"version":3,"file":"SliderTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;eAEmC,SAAS;kDAkBnE,CAAC"}
@@ -6,7 +6,19 @@ var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
7
 
8
8
  const SliderTrack = React.forwardRef(({ children, ...rest }, ref) => {
9
- return (jsxRuntime.jsx(react.Slider.Track, { bg: "bg.muted", ...rest, ref: ref, children: children }));
9
+ return (jsxRuntime.jsx(react.Slider.Track
10
+ // The empty rail is a meter surface — too thin for an outline to read as
11
+ // anything but a hollow edge — so the fill itself must contrast. bg.muted
12
+ // (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
13
+ // disappears there; bg.track (gray.300) reads as a filled rail on any
14
+ // background. The filled portion stays primary (SliderFilledTrack).
15
+ , {
16
+ // The empty rail is a meter surface — too thin for an outline to read as
17
+ // anything but a hollow edge — so the fill itself must contrast. bg.muted
18
+ // (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
19
+ // disappears there; bg.track (gray.300) reads as a filled rail on any
20
+ // background. The filled portion stays primary (SliderFilledTrack).
21
+ bg: "bg.track", ...rest, ref: ref, children: children }));
10
22
  });
11
23
  SliderTrack.displayName = 'SliderTrack';
12
24
 
@@ -1 +1 @@
1
- {"version":3,"file":"SliderTrack.js","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,UAAU,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,YAC3C,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1
+ {"version":3,"file":"SliderTrack.js","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC;;;;;;;;;;;;AAMN,QAAA,EAAE,EAAC,UAAU,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
@@ -4,7 +4,19 @@ import { forwardRef } from 'react';
4
4
  import { Slider } from '@chakra-ui/react';
5
5
 
6
6
  const SliderTrack = forwardRef(({ children, ...rest }, ref) => {
7
- return (jsx(Slider.Track, { bg: "bg.muted", ...rest, ref: ref, children: children }));
7
+ return (jsx(Slider.Track
8
+ // The empty rail is a meter surface — too thin for an outline to read as
9
+ // anything but a hollow edge — so the fill itself must contrast. bg.muted
10
+ // (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
11
+ // disappears there; bg.track (gray.300) reads as a filled rail on any
12
+ // background. The filled portion stays primary (SliderFilledTrack).
13
+ , {
14
+ // The empty rail is a meter surface — too thin for an outline to read as
15
+ // anything but a hollow edge — so the fill itself must contrast. bg.muted
16
+ // (gray.100) is ~1.03:1 against the bg.sunken page wash (gray.50) and
17
+ // disappears there; bg.track (gray.300) reads as a filled rail on any
18
+ // background. The filled portion stays primary (SliderFilledTrack).
19
+ bg: "bg.track", ...rest, ref: ref, children: children }));
8
20
  });
9
21
  SliderTrack.displayName = 'SliderTrack';
10
22
 
@@ -1 +1 @@
1
- {"version":3,"file":"SliderTrack.mjs","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EAAC,EAAE,EAAC,UAAU,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,YAC3C,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1
+ {"version":3,"file":"SliderTrack.mjs","sources":["../../../../src/components/Slider/SliderTrack/SliderTrack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAA+C,EAClE,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC;;;;;;;;;;;;AAMN,QAAA,EAAE,EAAC,UAAU,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGAYnB,CAAC"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,yGAiBnB,CAAC"}
@@ -7,7 +7,13 @@ var react = require('@chakra-ui/react');
7
7
  var mergeCss = require('../../utils/mergeCss.js');
8
8
 
9
9
  const Spinner = React.forwardRef(({ css, ...rest }, ref) => {
10
- return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.bg.muted' }, css) }));
10
+ return (jsxRuntime.jsx(react.Spinner, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
11
+ // The track ring is the only non-animated affordance and can't take a
12
+ // box outline (SVG-style track), so its color carries the contrast.
13
+ // bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
14
+ // (gray.50) and vanishes there; bg.track (gray.300) reads on any
15
+ // background and stays mode-aware.
16
+ css: mergeCss.mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
11
17
  });
12
18
  Spinner.displayName = 'Spinner';
13
19
 
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EACR,GAAG,EAAEC,iBAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
1
+ {"version":3,"file":"Spinner.js","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSpinner","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEC,cAAA,CAACC,aAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAEC,iBAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
@@ -5,7 +5,13 @@ import { Spinner as Spinner$1 } from '@chakra-ui/react';
5
5
  import { mergeCss } from '../../utils/mergeCss.mjs';
6
6
 
7
7
  const Spinner = forwardRef(({ css, ...rest }, ref) => {
8
- return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest, css: mergeCss({ '--spinner-track-color': 'colors.bg.muted' }, css) }));
8
+ return (jsx(Spinner$1, { color: "primary.main", animationDuration: "0.65s", ref: ref, ...rest,
9
+ // The track ring is the only non-animated affordance and can't take a
10
+ // box outline (SVG-style track), so its color carries the contrast.
11
+ // bg.muted (gray.100) is ~1.03:1 against the bg.sunken page wash
12
+ // (gray.50) and vanishes there; bg.track (gray.300) reads on any
13
+ // background and stays mode-aware.
14
+ css: mergeCss({ '--spinner-track-color': 'colors.bg.track' }, css) }));
9
15
  });
10
16
  Spinner.displayName = 'Spinner';
11
17
 
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EACR,GAAG,EAAE,QAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
1
+ {"version":3,"file":"Spinner.mjs","sources":["../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSpinner"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAgB,EAAE,GAAkC,KAAI;AACrE,IAAA,QACEA,GAAA,CAACC,SAAa,EAAA,EACZ,KAAK,EAAC,cAAc,EACpB,iBAAiB,EAAC,OAAO,EACzB,GAAG,EAAE,GAAG,KACJ,IAAI;;;;;;AAMR,QAAA,GAAG,EAAE,QAAQ,CAAC,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,EAAE,GAAG,CAAC,EAAA,CAClE;AAEN,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,uHAYzB,CAAC"}
1
+ {"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAI9E,eAAO,MAAM,aAAa,uHAiBzB,CAAC"}
@@ -6,7 +6,13 @@ var React = require('react');
6
6
  var react = require('@chakra-ui/react');
7
7
  var focusRing = require('../../utils/focusRing.js');
8
8
 
9
- 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, {}) })));
9
+ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref,
10
+ // The off-state track is a meter surface — its extent is the information —
11
+ // so it needs a visible fill, not just an edge. bg.muted (gray.100) is
12
+ // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
13
+ // there; bg.track (gray.300) reads as a filled track on any background.
14
+ // The checked state is the self-defining primary.main fill.
15
+ bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb, {}) })));
10
16
  SwitchControl.displayName = 'Switch.Control';
11
17
 
12
18
  exports.SwitchControl = SwitchControl;
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5BC,mBAAS,KACT,KAAK,EAAA,QAAA,EAETF,eAACC,YAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1
+ {"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":";;;;;;;;MAKa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5BC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,YAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
@@ -4,7 +4,13 @@ import { forwardRef } from 'react';
4
4
  import { Switch } from '@chakra-ui/react';
5
5
  import { focusRing } from '../../utils/focusRing.mjs';
6
6
 
7
- const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref, bg: "bg.muted", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
7
+ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref,
8
+ // The off-state track is a meter surface — its extent is the information —
9
+ // so it needs a visible fill, not just an edge. bg.muted (gray.100) is
10
+ // only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
11
+ // there; bg.track (gray.300) reads as a filled track on any background.
12
+ // The checked state is the self-defining primary.main fill.
13
+ bg: "bg.track", _checked: { bg: 'primary.main' }, ...focusRing, ...props, children: jsx(Switch.Thumb, {}) })));
8
14
  SwitchControl.displayName = 'Switch.Control';
9
15
 
10
16
  export { SwitchControl };
@@ -1 +1 @@
1
- {"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5B,SAAS,KACT,KAAK,EAAA,QAAA,EAETD,IAACC,MAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
1
+ {"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;MAKa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;IAMR,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,GAC5B,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,MAAY,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACD,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
package/dist/index.d.ts CHANGED
@@ -35,7 +35,6 @@ export * from './components/LogicianProvider';
35
35
  export * from './components/Markdown';
36
36
  export * from './components/Masonry';
37
37
  export * from './components/MaxLengthIndicator';
38
- export * from './components/MDXEditor';
39
38
  export * from './components/Menu';
40
39
  export * from './components/Modal';
41
40
  export * from './components/MonthPicker';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EACL,MAAM,EACN,KAAK,kBAAkB,EACvB,cAAc,GACf,MAAM,gBAAgB,CAAC"}
package/dist/index.js CHANGED
@@ -54,7 +54,6 @@ var LogicianProvider = require('./components/LogicianProvider/LogicianProvider.j
54
54
  var Markdown = require('./components/Markdown/Markdown.js');
55
55
  var Masonry = require('./components/Masonry/Masonry.js');
56
56
  var MaxLengthIndicator = require('./components/MaxLengthIndicator/MaxLengthIndicator.js');
57
- var MDXEditor = require('./components/MDXEditor/MDXEditor.js');
58
57
  var Menu = require('./components/Menu/Menu.js');
59
58
  var MenuItem = require('./components/Menu/MenuItem.js');
60
59
  var MenuList = require('./components/Menu/MenuList.js');
@@ -232,7 +231,6 @@ exports.Markdown = Markdown.Markdown;
232
231
  exports.baseMarkdownComponents = Markdown.baseMarkdownComponents;
233
232
  exports.Masonry = Masonry.Masonry;
234
233
  exports.MaxLengthIndicator = MaxLengthIndicator.MaxLengthIndicator;
235
- exports.MDXEditor = MDXEditor.MDXEditor;
236
234
  exports.Menu = Menu.Menu;
237
235
  exports.MenuItem = MenuItem.MenuItem;
238
236
  exports.MenuList = MenuList.MenuList;
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.mjs CHANGED
@@ -52,7 +52,6 @@ export { LogicianProvider } from './components/LogicianProvider/LogicianProvider
52
52
  export { Markdown, baseMarkdownComponents } from './components/Markdown/Markdown.mjs';
53
53
  export { Masonry } from './components/Masonry/Masonry.mjs';
54
54
  export { MaxLengthIndicator } from './components/MaxLengthIndicator/MaxLengthIndicator.mjs';
55
- export { MDXEditor } from './components/MDXEditor/MDXEditor.mjs';
56
55
  export { Menu } from './components/Menu/Menu.mjs';
57
56
  export { MenuItem } from './components/Menu/MenuItem.mjs';
58
57
  export { MenuList } from './components/Menu/MenuList.mjs';
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -504,6 +504,12 @@ export declare const semanticTokens: {
504
504
  readonly _dark: "#0E1014";
505
505
  };
506
506
  };
507
+ readonly track: {
508
+ readonly value: {
509
+ readonly base: "{colors.gray.300}";
510
+ readonly _dark: "#30343C";
511
+ };
512
+ };
507
513
  readonly panel: {
508
514
  readonly value: {
509
515
  readonly base: "{colors.white}";
@@ -635,7 +641,7 @@ export declare const semanticTokens: {
635
641
  * (overlay surfaces and html-level globals), not part of the public migration
636
642
  * contract. App code should use `bg.surface`/`bg.canvas`, `fg.default`, etc.
637
643
  */
638
- export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'emphasized' | 'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `slate.${0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500}` | `primary.${'fill' | 'fillStrong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
644
+ export type SemanticColorToken = `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'track' | 'inverse' | 'selected' | 'highlighted'}` | 'bg.invalid.subtle' | `fg.${'emphasized' | 'default' | 'muted' | 'subtle' | 'inverse'}` | `border.${'default' | 'subtle' | 'strong'}` | `slate.${0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1300 | 1400 | 1500}` | `primary.${'fill' | 'fillStrong'}` | `${'primary' | 'secondary' | 'danger' | 'success' | 'warning'}.${'lightest' | 'extralight' | 'lighter' | 'light' | 'main' | 'dark' | 'darker'}`;
639
645
  /**
640
646
  * Primitive color palette following the Golden Ratio system.
641
647
  *
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2DH,eAAO,MAAM,cAAc;;QAEvB;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;;;;;;;;;;;;;;;WAwBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+CH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAoDD;;;;;;;;;eASG;;;;;;;;;;;;;;;;;;;;;;QAcL;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyCH;;;;;;WAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBG,CAAC;AAEX;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MACI,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,aAAa,EAAE,GACnB,mBAAmB,GACnB,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,EAAE,GACjE,UAAU,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAI3C,SACI,CAAC,GACD,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,EAAE,GACV,WAAW,MAAM,GAAG,YAAY,EAAE,GAClC,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,IACzD,UAAU,GACV,YAAY,GACZ,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,EAAE,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBJ,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AA2DH,eAAO,MAAM,cAAc;;QAEvB;;;;;;;;;;;;WAYG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6BH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyBH;;;;;;;;;;;;;;;;;;;;;;;;WAwBG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+CH;;;;;;;;;;WAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAgED;;;;;;;;;eASG;;;;;;;;;;;;;;;;;;;;;;QAcL;;;;;;;WAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyCH;;;;;;WAMG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBG,CAAC;AAEX;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,MACI,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,GACV,aAAa,EAAE,GACnB,mBAAmB,GACnB,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,EAAE,GACjE,UAAU,SAAS,GAAG,QAAQ,GAAG,QAAQ,EAAE,GAI3C,SACI,CAAC,GACD,EAAE,GACF,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,EAAE,GACV,WAAW,MAAM,GAAG,YAAY,EAAE,GAClC,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,IACzD,UAAU,GACV,YAAY,GACZ,SAAS,GACT,OAAO,GACP,MAAM,GACN,MAAM,GACN,QAAQ,EAAE,CAAC;AAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,MAAM;IACjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAcH;;;;;;;;;;OAUG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBJ,CAAC"}
@@ -397,6 +397,18 @@ const semanticTokens = {
397
397
  sunken: {
398
398
  value: { base: '{colors.gray.50}', _dark: desaturatedGray[1500] },
399
399
  },
400
+ // Recessed control-track surface for "meter"-style components whose
401
+ // unfilled track carries meaning (Switch off-state, Slider rail,
402
+ // SegmentedProgressBar remainder, Spinner track). Unlike `bg.subtle` /
403
+ // `bg.muted` (gray.50 / gray.100), which collapse into the `bg.sunken`
404
+ // page wash in light mode, this sits at gray.300 so the track reads as a
405
+ // filled surface on any background. Dark keeps the `bg.muted` value
406
+ // (desaturatedGray[1200]) — already lighter than the dark canvas/surface,
407
+ // so it reads there without change. Use this only for control tracks, not
408
+ // as a general fill (that stays `bg.subtle` / `bg.muted`).
409
+ track: {
410
+ value: { base: '{colors.gray.300}', _dark: desaturatedGray[1200] },
411
+ },
400
412
  // Override Chakra's default `bg.panel` (whose `_dark` resolves to Chakra's
401
413
  // own gray.950 = #111111, off our slate palette). Light value is white —
402
414
  // identical to Chakra's default — so this only realigns dark overlay