@a-type/ui 3.0.12 → 3.0.14

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 (160) hide show
  1. package/dist/cjs/__tests__/setup.d.ts +1 -0
  2. package/dist/cjs/__tests__/setup.js +5 -0
  3. package/dist/cjs/__tests__/setup.js.map +1 -0
  4. package/dist/cjs/colors.stories.d.ts +1 -8
  5. package/dist/cjs/colors.stories.js +36 -26
  6. package/dist/cjs/colors.stories.js.map +1 -1
  7. package/dist/cjs/components/box/Box.d.ts +1 -1
  8. package/dist/cjs/components/box/Box.stories.js +2 -2
  9. package/dist/cjs/components/box/Box.stories.js.map +1 -1
  10. package/dist/cjs/components/button/Button.d.ts +1 -1
  11. package/dist/cjs/components/button/Button.stories.js +9 -9
  12. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  13. package/dist/cjs/components/button/classes.d.ts +1 -1
  14. package/dist/cjs/components/card/Card.d.ts +1 -1
  15. package/dist/cjs/components/chip/Chip.d.ts +1 -1
  16. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +1 -1
  17. package/dist/cjs/components/colorPicker/ColorPicker.js +2 -2
  18. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  19. package/dist/cjs/components/datePicker/DatePicker.d.ts +1 -1
  20. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +1 -1
  21. package/dist/cjs/components/layouts/PageRoot.d.ts +5 -1
  22. package/dist/cjs/components/layouts/PageRoot.js +22 -2
  23. package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
  24. package/dist/cjs/components/note/Note.d.ts +1 -1
  25. package/dist/cjs/components/progress/Progress.d.ts +1 -1
  26. package/dist/cjs/components/slider/Slider.d.ts +1 -1
  27. package/dist/cjs/hooks/useOverrideTheme.d.ts +1 -1
  28. package/dist/cjs/hooks/useTitleBarColor.d.ts +4 -0
  29. package/dist/cjs/hooks/useTitleBarColor.js +33 -3
  30. package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
  31. package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
  32. package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
  33. package/dist/cjs/index.d.ts +1 -1
  34. package/dist/cjs/index.js +2 -4
  35. package/dist/cjs/index.js.map +1 -1
  36. package/dist/cjs/uno/index.d.ts +1 -0
  37. package/dist/cjs/uno/index.js +8 -0
  38. package/dist/cjs/uno/index.js.map +1 -0
  39. package/dist/cjs/uno/logic/color.d.ts +100 -27
  40. package/dist/cjs/uno/logic/color.js +259 -42
  41. package/dist/cjs/uno/logic/color.js.map +1 -1
  42. package/dist/cjs/uno/logic/color.test.d.ts +1 -0
  43. package/dist/cjs/uno/logic/color.test.js +74 -0
  44. package/dist/cjs/uno/logic/color.test.js.map +1 -0
  45. package/dist/cjs/uno/logic/oklch.d.ts +3 -0
  46. package/dist/cjs/uno/logic/oklch.js +96 -0
  47. package/dist/cjs/uno/logic/oklch.js.map +1 -0
  48. package/dist/cjs/uno/logic/palettes.d.ts +63 -0
  49. package/dist/cjs/uno/logic/palettes.js +99 -0
  50. package/dist/cjs/uno/logic/palettes.js.map +1 -0
  51. package/dist/cjs/uno/preflights/colors.js +18 -42
  52. package/dist/cjs/uno/preflights/colors.js.map +1 -1
  53. package/dist/cjs/uno/preflights/fonts.d.ts +4 -0
  54. package/dist/cjs/uno/preflights/fonts.js +20 -0
  55. package/dist/cjs/uno/preflights/fonts.js.map +1 -0
  56. package/dist/cjs/uno/preflights/index.d.ts +2 -1
  57. package/dist/cjs/uno/preflights/index.js +2 -0
  58. package/dist/cjs/uno/preflights/index.js.map +1 -1
  59. package/dist/cjs/uno/theme/colors.d.ts +17 -53
  60. package/dist/cjs/uno/theme/colors.js +11 -13
  61. package/dist/cjs/uno/theme/colors.js.map +1 -1
  62. package/dist/cjs/uno/uno.preset.d.ts +2 -1
  63. package/dist/cjs/uno/uno.preset.js +3 -1
  64. package/dist/cjs/uno/uno.preset.js.map +1 -1
  65. package/dist/css/main.css +9 -8
  66. package/dist/esm/__tests__/setup.d.ts +1 -0
  67. package/dist/esm/__tests__/setup.js +3 -0
  68. package/dist/esm/__tests__/setup.js.map +1 -0
  69. package/dist/esm/colors.stories.d.ts +1 -8
  70. package/dist/esm/colors.stories.js +33 -26
  71. package/dist/esm/colors.stories.js.map +1 -1
  72. package/dist/esm/components/box/Box.d.ts +1 -1
  73. package/dist/esm/components/box/Box.stories.js +1 -1
  74. package/dist/esm/components/box/Box.stories.js.map +1 -1
  75. package/dist/esm/components/button/Button.d.ts +1 -1
  76. package/dist/esm/components/button/Button.stories.js +1 -1
  77. package/dist/esm/components/button/Button.stories.js.map +1 -1
  78. package/dist/esm/components/button/classes.d.ts +1 -1
  79. package/dist/esm/components/card/Card.d.ts +1 -1
  80. package/dist/esm/components/chip/Chip.d.ts +1 -1
  81. package/dist/esm/components/colorPicker/ColorPicker.d.ts +1 -1
  82. package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
  83. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  84. package/dist/esm/components/datePicker/DatePicker.d.ts +1 -1
  85. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +1 -1
  86. package/dist/esm/components/layouts/PageRoot.d.ts +5 -1
  87. package/dist/esm/components/layouts/PageRoot.js +19 -2
  88. package/dist/esm/components/layouts/PageRoot.js.map +1 -1
  89. package/dist/esm/components/note/Note.d.ts +1 -1
  90. package/dist/esm/components/progress/Progress.d.ts +1 -1
  91. package/dist/esm/components/slider/Slider.d.ts +1 -1
  92. package/dist/esm/hooks/useOverrideTheme.d.ts +1 -1
  93. package/dist/esm/hooks/useTitleBarColor.d.ts +4 -0
  94. package/dist/esm/hooks/useTitleBarColor.js +32 -3
  95. package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
  96. package/dist/esm/hooks/useTitleBarColor.stories.js +2 -2
  97. package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
  98. package/dist/esm/index.d.ts +1 -1
  99. package/dist/esm/index.js +1 -1
  100. package/dist/esm/index.js.map +1 -1
  101. package/dist/esm/uno/index.d.ts +1 -0
  102. package/dist/esm/uno/index.js +3 -0
  103. package/dist/esm/uno/index.js.map +1 -0
  104. package/dist/esm/uno/logic/color.d.ts +100 -27
  105. package/dist/esm/uno/logic/color.js +256 -38
  106. package/dist/esm/uno/logic/color.js.map +1 -1
  107. package/dist/esm/uno/logic/color.test.d.ts +1 -0
  108. package/dist/esm/uno/logic/color.test.js +72 -0
  109. package/dist/esm/uno/logic/color.test.js.map +1 -0
  110. package/dist/esm/uno/logic/oklch.d.ts +3 -0
  111. package/dist/esm/uno/logic/oklch.js +90 -0
  112. package/dist/esm/uno/logic/oklch.js.map +1 -0
  113. package/dist/esm/uno/logic/palettes.d.ts +63 -0
  114. package/dist/esm/uno/logic/palettes.js +95 -0
  115. package/dist/esm/uno/logic/palettes.js.map +1 -0
  116. package/dist/esm/uno/preflights/colors.js +17 -41
  117. package/dist/esm/uno/preflights/colors.js.map +1 -1
  118. package/dist/esm/uno/preflights/fonts.d.ts +4 -0
  119. package/dist/esm/uno/preflights/fonts.js +16 -0
  120. package/dist/esm/uno/preflights/fonts.js.map +1 -0
  121. package/dist/esm/uno/preflights/index.d.ts +2 -1
  122. package/dist/esm/uno/preflights/index.js +2 -0
  123. package/dist/esm/uno/preflights/index.js.map +1 -1
  124. package/dist/esm/uno/theme/colors.d.ts +17 -53
  125. package/dist/esm/uno/theme/colors.js +11 -13
  126. package/dist/esm/uno/theme/colors.js.map +1 -1
  127. package/dist/esm/uno/uno.preset.d.ts +2 -1
  128. package/dist/esm/uno/uno.preset.js +3 -1
  129. package/dist/esm/uno/uno.preset.js.map +1 -1
  130. package/package.json +132 -125
  131. package/src/__tests__/setup.ts +1 -0
  132. package/src/colors.stories.tsx +94 -71
  133. package/src/components/box/Box.stories.tsx +1 -1
  134. package/src/components/box/Box.tsx +1 -1
  135. package/src/components/button/Button.stories.tsx +1 -1
  136. package/src/components/button/Button.tsx +1 -1
  137. package/src/components/button/classes.tsx +1 -1
  138. package/src/components/chip/Chip.tsx +1 -1
  139. package/src/components/colorPicker/ColorPicker.tsx +1 -1
  140. package/src/components/datePicker/DatePicker.tsx +1 -1
  141. package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
  142. package/src/components/layouts/PageRoot.tsx +29 -8
  143. package/src/components/note/Note.tsx +1 -1
  144. package/src/components/progress/Progress.tsx +1 -1
  145. package/src/components/slider/Slider.tsx +1 -1
  146. package/src/hooks/useOverrideTheme.ts +1 -1
  147. package/src/hooks/useTitleBarColor.stories.tsx +2 -2
  148. package/src/hooks/useTitleBarColor.ts +41 -3
  149. package/src/index.ts +1 -5
  150. package/src/themes.stories.tsx +1 -1
  151. package/src/uno/index.ts +5 -0
  152. package/src/uno/logic/color.test.ts +109 -0
  153. package/src/uno/logic/color.ts +428 -80
  154. package/src/uno/logic/oklch.ts +120 -0
  155. package/src/uno/logic/palettes.ts +266 -0
  156. package/src/uno/preflights/colors.ts +22 -41
  157. package/src/uno/preflights/fonts.ts +23 -0
  158. package/src/uno/preflights/index.ts +3 -1
  159. package/src/uno/theme/colors.ts +13 -18
  160. package/src/uno/uno.preset.ts +8 -3
@@ -0,0 +1 @@
1
+ import 'virtual:uno.css';
@@ -0,0 +1,5 @@
1
+ // @unocss-include
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ require("virtual:uno.css");
5
+ //# sourceMappingURL=setup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setup.js","sourceRoot":"","sources":["../../../src/__tests__/setup.ts"],"names":[],"mappings":";;AAAA,2BAAyB"}
@@ -9,17 +9,9 @@ declare const meta: {
9
9
  max: number;
10
10
  };
11
11
  };
12
- customRotate: {
13
- control: {
14
- type: "number";
15
- min: number;
16
- max: number;
17
- };
18
- };
19
12
  };
20
13
  args: {
21
14
  customHue: number;
22
- customRotate: number;
23
15
  };
24
16
  parameters: {
25
17
  controls: {
@@ -33,3 +25,4 @@ export declare const Default: Story;
33
25
  export declare const Modifiers: Story;
34
26
  export declare const Inheritance: Story;
35
27
  export declare const TweakOpacity: Story;
28
+ export declare const ComputedColors: Story;
@@ -1,9 +1,15 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
3
6
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.TweakOpacity = exports.Inheritance = exports.Modifiers = exports.Default = void 0;
7
+ exports.ComputedColors = exports.TweakOpacity = exports.Inheritance = exports.Modifiers = exports.Default = void 0;
5
8
  const jsx_runtime_1 = require("react/jsx-runtime");
9
+ const clsx_1 = __importDefault(require("clsx"));
6
10
  const index_js_1 = require("./components/index.js");
11
+ const color_js_1 = require("./uno/logic/color.js");
12
+ const palettes_js_1 = require("./uno/logic/palettes.js");
7
13
  const meta = {
8
14
  title: 'System/Colors',
9
15
  argTypes: {
@@ -14,17 +20,9 @@ const meta = {
14
20
  max: 360,
15
21
  },
16
22
  },
17
- customRotate: {
18
- control: {
19
- type: 'number',
20
- min: -20,
21
- max: 20,
22
- },
23
- },
24
23
  },
25
24
  args: {
26
25
  customHue: 0,
27
- customRotate: 0,
28
26
  },
29
27
  parameters: {
30
28
  controls: { expanded: true },
@@ -35,45 +33,37 @@ exports.Default = {
35
33
  render(args) {
36
34
  const style = args.customHue
37
35
  ? {
38
- '--dyn-primary-source': args.customHue,
39
- '--dyn-primary-hue-rotate': args.customRotate,
36
+ '--p-primary-hue': args.customHue,
40
37
  }
41
38
  : {};
42
- return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)("input", { type: "color", className: "sticky top-0 z-1" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { full: true, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", grow: true, p: true, surface: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { d: "col", className: "override-dark theme", grow: true, p: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] })] })] }));
39
+ const ranges = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme", style: style }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(Range, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-attention" }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-success" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-light" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-dark" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-gray-ink" })] }), (0, jsx_runtime_1.jsx)(Range, { className: "palette-high-contrast" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: "h-100px", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-black" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-wash" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { grow: true, className: "bg-white" })] })] }));
40
+ return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)("input", { type: "color", className: "sticky top-0 z-1" }), (0, jsx_runtime_1.jsxs)(index_js_1.Box, { full: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { d: "col", grow: true, p: true, surface: true, children: ranges }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { d: "col", className: "override-dark theme", grow: true, p: true, children: ranges })] })] }));
43
41
  },
44
42
  };
45
- function Swatch({ className, children, }) {
46
- return ((0, jsx_runtime_1.jsx)("div", { className: className, style: {
47
- height: '100px',
48
- display: 'flex',
49
- justifyContent: 'center',
50
- alignItems: 'center',
51
- flex: '1',
52
- }, children: children }));
43
+ function Swatch({ className, children, style, }) {
44
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)(className, 'color-contrast'), style: Object.assign({ height: '100px', display: 'flex', justifyContent: 'center', alignItems: 'center', flex: '1' }, style), children: children }));
53
45
  }
54
46
  function Range({ className, style }) {
55
- return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-wash" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-light" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-dark" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-ink" })] }));
47
+ return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-wash" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-ink" })] }));
56
48
  }
57
49
  exports.Modifiers = {
58
50
  render(args) {
59
51
  const style = args.customHue
60
52
  ? {
61
- '--dyn-primary-source': args.customHue,
62
- '--dyn-primary-hue-rotate': args.customRotate,
53
+ '--p-primary-hue': args.customHue,
63
54
  }
64
55
  : {};
65
56
  return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-salt" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-lemon" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-leek" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-tomato" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-eggplant" }), (0, jsx_runtime_1.jsx)(ModifierRange, { className: "theme-blueberry" }), (0, jsx_runtime_1.jsx)(ModifierRange, { style: style, className: "theme" })] }));
66
57
  },
67
58
  };
68
59
  function ModifierRange({ className, style, }) {
69
- return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-wash", children: "W" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-light bg-lighten-3", children: "L+3" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-light", children: "L" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary bg-lighten-3", children: "P+3" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary bg-lighten-1", children: "P+1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary", children: "P" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary bg-darken-1", children: "P-1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary bg-darken-3", children: "P-3" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-dark", children: "D" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-dark bg-darken-3", children: "D-3" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-primary-ink", children: "I" })] }));
60
+ return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { className: className, style: style, children: [(0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-wash", children: "W" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light bg-lighten-2", children: "L+2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-light", children: "L" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-lighten-2", children: "P+2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-lighten-1", children: "P+1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main", children: "P" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-darken-1", children: "P-1" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main bg-darken-2", children: "P-2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark", children: "D" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-dark bg-darken-2", children: "D-2" }), (0, jsx_runtime_1.jsx)(Swatch, { className: "bg-main-ink", children: "I" })] }));
70
61
  }
71
62
  exports.Inheritance = {
72
63
  render(args) {
73
64
  const style = args.customHue
74
65
  ? {
75
- '--dyn-primary-source': args.customHue,
76
- '--dyn-primary-hue-rotate': args.customRotate,
66
+ '--p-primary-hue': args.customHue,
77
67
  }
78
68
  : {};
79
69
  return ((0, jsx_runtime_1.jsx)(index_js_1.Box, { color: "primary", surface: true, p: "xl", className: "theme", style: style, children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "border-bg border-darken-5 color-bg color-darken-5", border: true, p: "xl", children: "Inherits and darkens" }) }));
@@ -85,4 +75,24 @@ exports.TweakOpacity = {
85
75
  return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { color: "accent", surface: true, className: "h-32", full: "width", p: true, gap: true, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/100 h-full color-primary-dark/100 ring ring-primary-light/100 border border-black/100", grow: true, children: "100" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/90 h-full color-primary-dark/90 ring ring-primary-light/90 border border-black/90", grow: true, children: "90" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/80 h-full color-primary-dark/80 ring ring-primary-light/80 border border-black/80", grow: true, children: "80" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/70 h-full color-primary-dark/70 ring ring-primary-light/70 border border-black/70", grow: true, children: "70" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/60 h-full color-primary-dark/60 ring ring-primary-light/60 border border-black/60", grow: true, children: "60" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/50 h-full color-primary-dark/50 ring ring-primary-light/50 border border-black/50", grow: true, children: "50" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/40 h-full color-primary-dark/40 ring ring-primary-light/40 border border-black/40", grow: true, children: "40" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/30 h-full color-primary-dark/30 ring ring-primary-light/30 border border-black/30", grow: true, children: "30" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/20 h-full color-primary-dark/20 ring ring-primary-light/20 border border-black/20", grow: true, children: "20" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "bg-primary/10 h-full color-primary-dark/10 ring ring-primary-light/10 border border-black/10", grow: true, children: "10" })] }));
86
76
  },
87
77
  };
78
+ exports.ComputedColors = {
79
+ render() {
80
+ const ctx = (0, color_js_1.snapshotColorContext)('primary');
81
+ const hexValues = [
82
+ palettes_js_1.palettes.primary.definitions.wash.computeHex(ctx),
83
+ palettes_js_1.palettes.primary.definitions.light.computeHex(ctx),
84
+ palettes_js_1.palettes.primary.definitions.default.computeHex(ctx),
85
+ palettes_js_1.palettes.primary.definitions.dark.computeHex(ctx),
86
+ palettes_js_1.palettes.primary.definitions.ink.computeHex(ctx),
87
+ ];
88
+ const oklchValues = [
89
+ palettes_js_1.palettes.primary.definitions.wash.computeOklch(ctx),
90
+ palettes_js_1.palettes.primary.definitions.light.computeOklch(ctx),
91
+ palettes_js_1.palettes.primary.definitions.default.computeOklch(ctx),
92
+ palettes_js_1.palettes.primary.definitions.dark.computeOklch(ctx),
93
+ palettes_js_1.palettes.primary.definitions.ink.computeOklch(ctx),
94
+ ];
95
+ return ((0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, children: [(0, jsx_runtime_1.jsx)(Range, { className: "theme" }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-100px", children: oklchValues.map((oklch) => ((0, jsx_runtime_1.jsx)(Swatch, { style: { backgroundColor: oklch }, children: "OK" }))) }), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "h-100px", children: hexValues.map((hex) => ((0, jsx_runtime_1.jsx)(Swatch, { style: { backgroundColor: hex }, children: "Hex" }))) })] }));
96
+ },
97
+ };
88
98
  //# sourceMappingURL=colors.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { Ref } from 'react';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  import { SlotDivProps } from '../utility/SlotDiv.js';
4
4
  export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
5
5
  export type BoxJustification = 'center' | 'safe-center' | 'start' | 'stretch' | 'between' | 'around' | 'end';
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.Surfaces = exports.NestedContainers = exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const color_js_1 = require("../../uno/logic/color.js");
6
+ const index_js_1 = require("../../uno/index.js");
7
7
  const Button_js_1 = require("../button/Button.js");
8
8
  const Checkbox_js_1 = require("../checkbox/Checkbox.js");
9
9
  const Progress_js_1 = require("../progress/Progress.js");
@@ -58,7 +58,7 @@ const meta = {
58
58
  },
59
59
  color: {
60
60
  type: 'string',
61
- options: color_js_1.paletteNames,
61
+ options: index_js_1.paletteNames,
62
62
  control: {
63
63
  type: 'select',
64
64
  },
@@ -1 +1 @@
1
- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { ButtonHTMLAttributes, Ref } from 'react';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
4
4
  color?: PaletteName;
5
5
  emphasis?: 'primary' | 'default' | 'ghost' | 'contrast' | 'light' | 'unstyled';
@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.FragmentTest = exports.ConfirmedButtonDemo = exports.Alignment = exports.Toggled = exports.IconTransition = exports.IconOnly = exports.WithIcon = exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_1 = require("react");
7
- const color_js_1 = require("../../uno/logic/color.js");
7
+ const index_js_1 = require("../../uno/index.js");
8
8
  const Box_js_1 = require("../box/Box.js");
9
- const index_js_1 = require("../icon/index.js");
9
+ const index_js_2 = require("../icon/index.js");
10
10
  const Button_js_1 = require("./Button.js");
11
11
  const ConfirmedButton_js_1 = require("./ConfirmedButton.js");
12
12
  const meta = {
@@ -15,7 +15,7 @@ const meta = {
15
15
  argTypes: {
16
16
  color: {
17
17
  control: 'select',
18
- options: color_js_1.paletteNames,
18
+ options: index_js_1.paletteNames,
19
19
  },
20
20
  },
21
21
  parameters: {
@@ -34,23 +34,23 @@ const meta = {
34
34
  exports.default = meta;
35
35
  exports.Default = {
36
36
  render: (args) => {
37
- return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: true, children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args)), (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "default", children: "Default" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "light", children: "Light" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "contrast", children: "Contrast" })] })] }));
37
+ return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: true, children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args)), (0, jsx_runtime_1.jsxs)(Button_js_1.Button, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }), args.children] })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "default", children: "Default" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "light", children: "Light" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "contrast", children: "Contrast" })] })] }));
38
38
  },
39
39
  };
40
40
  exports.WithIcon = {
41
41
  args: {
42
- children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), "Iconic"] })),
42
+ children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }), "Iconic"] })),
43
43
  },
44
44
  };
45
45
  exports.IconOnly = {
46
46
  args: {
47
- children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }),
47
+ children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }),
48
48
  },
49
49
  };
50
50
  exports.IconTransition = {
51
51
  render: (args) => {
52
52
  const [toggled, setToggled] = (0, react_1.useState)(false);
53
- return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { onClick: () => setToggled((v) => !v), children: toggled ? (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "check" }) : 'no icon' })));
53
+ return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { onClick: () => setToggled((v) => !v), children: toggled ? (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "check" }) : 'no icon' })));
54
54
  },
55
55
  };
56
56
  exports.Toggled = {
@@ -62,7 +62,7 @@ exports.Toggled = {
62
62
  };
63
63
  exports.Alignment = {
64
64
  render(args) {
65
- return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }))] })] }));
65
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { size: "small", children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "row border-default", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: "Button" })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }))] })] }));
66
66
  },
67
67
  };
68
68
  exports.ConfirmedButtonDemo = {
@@ -72,7 +72,7 @@ exports.ConfirmedButtonDemo = {
72
72
  };
73
73
  exports.FragmentTest = {
74
74
  render(args) {
75
- return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: args.children }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }), args.children] }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "placeholder" }) }) })] }));
75
+ return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: args.children }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }), args.children] }) })), (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "placeholder" }) }) })] }));
76
76
  },
77
77
  };
78
78
  //# sourceMappingURL=Button.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { PaletteName } from '../../uno/logic/color.js';
1
+ import { PaletteName } from '../../uno/index.js';
2
2
  import { type ButtonProps } from './Button.jsx';
3
3
  export declare function getButtonClassName({ color, emphasis, size, toggleable, align, disableIconMode, }: {
4
4
  color?: PaletteName;
@@ -25,7 +25,7 @@ export declare const CardActions: import("react").FunctionComponent<import("reac
25
25
  export declare const CardMenu: import("react").FunctionComponent<import("react").DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
26
26
  export declare const cardGridColumns: {
27
27
  default: (size: number) => 2 | 1 | 3;
28
- small: (size: number) => 2 | 1 | 4 | 3;
28
+ small: (size: number) => 2 | 1 | 3 | 4;
29
29
  };
30
30
  export declare const CardGrid: ({ children, className, columns, gap, }: MasonryProps) => import("react/jsx-runtime.js").JSX.Element;
31
31
  export declare const Card: import("react").FunctionComponent<import("../box/Box.js").BoxProps> & {
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes, Ref } from 'react';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  export interface ChipProps extends HTMLAttributes<HTMLElement> {
4
4
  color?: PaletteName;
5
5
  asChild?: boolean;
@@ -1,6 +1,6 @@
1
1
  import { SelectTriggerProps } from '@radix-ui/react-select';
2
2
  import { ReactNode } from 'react';
3
- import { PaletteName } from '../../uno/logic/color.js';
3
+ import { PaletteName } from '../../uno/index.js';
4
4
  export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'onChange' | 'color'> {
5
5
  value: PaletteName | null;
6
6
  onChange: (value: PaletteName) => void;
@@ -50,11 +50,11 @@ exports.ColorSwatch = ColorSwatch;
50
50
  const jsx_runtime_1 = require("react/jsx-runtime");
51
51
  const clsx_1 = __importStar(require("clsx"));
52
52
  const withClassName_js_1 = require("../../hooks/withClassName.js");
53
- const color_js_1 = require("../../uno/logic/color.js");
53
+ const index_js_1 = require("../../uno/index.js");
54
54
  const Select_js_1 = require("../select/Select.js");
55
55
  function ColorPicker(_a) {
56
56
  var { value, onChange, showGray, className } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className"]);
57
- const resolvedValue = value && color_js_1.paletteNames.includes(value) ? value : 'lemon';
57
+ const resolvedValue = value && index_js_1.paletteNames.includes(value) ? value : 'lemon';
58
58
  return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, Object.assign({ className: (0, clsx_1.clsx)('layer-composed:p-sm', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Select_js_1.SelectValue, {}) })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectContent, { className: "z-[calc(var(--z-dialog)+1)]", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "lemon", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "tomato", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "leek", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "blueberry", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "eggplant", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }), showGray && ((0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "gray", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "gray" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] }))] })] }));
59
59
  }
60
60
  const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'sr-only');
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,kCAgDC;AAID,kCAiBC;;AAxFD,6CAAwC;AAExC,mEAA6D;AAC7D,uDAAqE;AACrE,mDAM6B;AAS7B,SAAgB,WAAW,CAAC,EAMT;QANS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoB,8CAM3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,uBAAC,yBAAa,kBACb,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC7C,IAAI,cAER,uBAAC,uBAAW,KAAG,IACA,EAChB,wBAAC,yBAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,wBAAC,sBAAU,IAAC,KAAK,EAAC,OAAO,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IAChB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IACjB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACpB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC7B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,kCAgDC;AAID,kCAiBC;;AAxFD,6CAAwC;AAExC,mEAA6D;AAC7D,iDAA+D;AAC/D,mDAM6B;AAS7B,SAAgB,WAAW,CAAC,EAMT;QANS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoB,8CAM3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,uBAAC,yBAAa,kBACb,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC7C,IAAI,cAER,uBAAC,uBAAW,KAAG,IACA,EAChB,wBAAC,yBAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,wBAAC,sBAAU,IAAC,KAAK,EAAC,OAAO,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IAChB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IACjB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACpB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC7B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
@@ -1,4 +1,4 @@
1
- import { PaletteName } from '../../uno/logic/color.js';
1
+ import { PaletteName } from '../../uno/index.js';
2
2
  export interface DatePickerProps {
3
3
  value: Date | null;
4
4
  onChange: (date: Date | null) => void;
@@ -1,6 +1,6 @@
1
1
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
2
2
  import { Ref } from 'react';
3
- import { PaletteName } from '../../uno/logic/color.js';
3
+ import { PaletteName } from '../../uno/index.js';
4
4
  export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
5
5
  color?: PaletteName;
6
6
  ref?: Ref<HTMLDivElement>;
@@ -1 +1,5 @@
1
- export declare const PageRoot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
1
+ import { HTMLAttributes } from 'react';
2
+ export interface PageRootProps extends HTMLAttributes<HTMLDivElement> {
3
+ disableTitleBarColor?: boolean;
4
+ }
5
+ export declare function PageRoot({ className, children, disableTitleBarColor, ...rest }: PageRootProps): import("react/jsx-runtime.js").JSX.Element;
@@ -1,7 +1,27 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
+ var __rest = (this && this.__rest) || function (s, e) {
4
+ var t = {};
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
6
+ t[p] = s[p];
7
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
8
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
9
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
10
+ t[p[i]] = s[p[i]];
11
+ }
12
+ return t;
13
+ };
14
+ var __importDefault = (this && this.__importDefault) || function (mod) {
15
+ return (mod && mod.__esModule) ? mod : { "default": mod };
16
+ };
3
17
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.PageRoot = void 0;
18
+ exports.PageRoot = PageRoot;
19
+ const jsx_runtime_1 = require("react/jsx-runtime");
20
+ const clsx_1 = __importDefault(require("clsx"));
5
21
  const hooks_js_1 = require("../../hooks.js");
6
- exports.PageRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-100dvh layer-components:bg-wash', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr_auto] layer-components:items-start layer-components:justify-center', 'md:layer-responsive:grid-areas-[gutter1_nav_content_gutter2] md:layer-responsive:grid-cols-[1fr_auto_20fr_1fr] md:layer-responsive:min-h-auto md:layer-responsive:h-auto md:layer-responsive:bg-wash', 'lg:layer-responsive:grid-cols-[1fr_auto_min(800px,70vw)_1fr]');
22
+ function PageRoot(_a) {
23
+ var { className, children, disableTitleBarColor } = _a, rest = __rest(_a, ["className", "children", "disableTitleBarColor"]);
24
+ (0, hooks_js_1.useThemedTitleBar)('gray', 'wash', undefined, disableTitleBarColor);
25
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('layer-components:flex-grow-1 layer-components:flex-shrink-1 layer-components:flex-basis-0 layer-components:min-h-100dvh layer-components:bg-wash', 'layer-components:grid layer-components:grid-areas-[content]-[nav] layer-components:grid-cols-[1fr] layer-components:grid-rows-[1fr_auto] layer-components:items-start layer-components:justify-center', 'md:layer-responsive:grid-areas-[gutter1_nav_content_gutter2] md:layer-responsive:grid-cols-[1fr_auto_20fr_1fr] md:layer-responsive:min-h-auto md:layer-responsive:h-auto md:layer-responsive:bg-wash', 'lg:layer-responsive:grid-cols-[1fr_auto_min(800px,70vw)_1fr]', className) }, rest, { children: children })));
26
+ }
7
27
  //# sourceMappingURL=PageRoot.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,gFAAgF,EAChF,oHAAoH,EACpH,wHAAwH,EACxH,gEAAgE,CAChE,CAAC"}
1
+ {"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQA,4BAqBC;;AA7BD,gDAAwB;AAExB,6CAAmD;AAMnD,SAAgB,QAAQ,CAAC,EAKT;QALS,EACxB,SAAS,EACT,QAAQ,EACR,oBAAoB,OAEL,EADZ,IAAI,cAJiB,iDAKxB,CADO;IAEP,IAAA,4BAAiB,EAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,oBAAoB,CAAC,CAAC;IACnE,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAI,EACd,gFAAgF,EAChF,oHAAoH,EACpH,wHAAwH,EACxH,gEAAgE,EAChE,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes, ReactNode } from 'react';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  export interface NoteProps extends HTMLAttributes<HTMLDivElement> {
4
4
  children?: ReactNode;
5
5
  color?: PaletteName;
@@ -1,5 +1,5 @@
1
1
  import * as ProgressPrimitive from '@radix-ui/react-progress';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  export declare const ProgressRoot: import("react").FunctionComponent<ProgressPrimitive.ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  export declare const ProgressIndicator: import("react").FunctionComponent<ProgressPrimitive.ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
5
5
  export declare const Progress: (({ ref, children, color, max, value, className, ...props }: ProgressPrimitive.ProgressProps & {
@@ -1,5 +1,5 @@
1
1
  import * as SliderPrimitive from '@radix-ui/react-slider';
2
- import { PaletteName } from '../../uno/logic/color.js';
2
+ import { PaletteName } from '../../uno/index.js';
3
3
  export declare const SliderRoot: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
4
4
  export declare const SliderTrack: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
5
5
  export declare const SliderRange: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
@@ -1,2 +1,2 @@
1
- import { PaletteName } from '../uno/logic/color.js';
1
+ import { PaletteName } from '../uno/index.js';
2
2
  export declare function useOverrideTheme(theme: PaletteName | null | undefined): void;
@@ -1,3 +1,4 @@
1
+ import { ColorLogicalPaletteDefinitions, PaletteName } from '../uno/logic/palettes.js';
1
2
  export declare function useTitleBarColor(color: string | {
2
3
  light: string;
3
4
  dark: string;
@@ -6,3 +7,6 @@ export declare function useSetTitleBarColor(): {
6
7
  setColor: (color: string) => void;
7
8
  resetColor: () => void;
8
9
  };
10
+ export declare function useThemedTitleBar(paletteName: PaletteName, value: keyof ColorLogicalPaletteDefinitions,
11
+ /** If not provided, will inherit from app */
12
+ mode?: 'light' | 'dark', skip?: boolean): void;
@@ -1,15 +1,22 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
- var _a, _b;
3
+ var _a;
4
4
  Object.defineProperty(exports, "__esModule", { value: true });
5
5
  exports.useTitleBarColor = useTitleBarColor;
6
6
  exports.useSetTitleBarColor = useSetTitleBarColor;
7
+ exports.useThemedTitleBar = useThemedTitleBar;
7
8
  const react_1 = require("react");
8
9
  const colorMode_js_1 = require("../colorMode.js");
10
+ const color_js_1 = require("../uno/logic/color.js");
11
+ const palettes_js_1 = require("../uno/logic/palettes.js");
9
12
  let defaultColor = '#ffffff';
13
+ function getCurrentColor() {
14
+ var _a;
15
+ return (_a = document
16
+ .querySelector('meta[name=theme-color]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content');
17
+ }
10
18
  if (typeof document !== 'undefined') {
11
- defaultColor =
12
- (_b = (_a = document.querySelector('meta[name=theme-color]')) === null || _a === void 0 ? void 0 : _a.getAttribute('content')) !== null && _b !== void 0 ? _b : defaultColor;
19
+ defaultColor = (_a = getCurrentColor()) !== null && _a !== void 0 ? _a : defaultColor;
13
20
  }
14
21
  function changeThemeColor(color) {
15
22
  // evaluate css var if necessary
@@ -49,4 +56,27 @@ function useSetTitleBarColor() {
49
56
  const resetColor = (0, react_1.useCallback)(() => changeThemeColor(defaultColor), []);
50
57
  return { setColor, resetColor };
51
58
  }
59
+ function useThemedTitleBar(paletteName, value,
60
+ /** If not provided, will inherit from app */
61
+ mode, skip) {
62
+ const { setColor } = useSetTitleBarColor();
63
+ (0, react_1.useEffect)(() => {
64
+ if (skip)
65
+ return;
66
+ const previousColor = getCurrentColor();
67
+ function update() {
68
+ var _a;
69
+ const palette = (_a = palettes_js_1.palettes[paletteName]) !== null && _a !== void 0 ? _a : palettes_js_1.palettes.primary;
70
+ const context = (0, color_js_1.snapshotColorContext)(paletteName, mode);
71
+ const color = palette.definitions[value].computeOklch(context);
72
+ setColor(color);
73
+ }
74
+ update();
75
+ if (previousColor) {
76
+ return () => {
77
+ setColor(previousColor);
78
+ };
79
+ }
80
+ }, [setColor, paletteName, value, mode, skip]);
81
+ }
52
82
  //# sourceMappingURL=useTitleBarColor.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":";;;AA2BA,4CAoBC;AAED,kDAIC;AArDD,iCAA+C;AAC/C,kDAAuD;AAEvD,IAAI,YAAY,GAAG,SAAS,CAAC;AAC7B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IACrC,YAAY;QACX,MAAA,MAAA,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,0CAAE,YAAY,CAAC,SAAS,CAAC,mCACzE,YAAY,CAAC;AACf,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACtC,gCAAgC;IAChC,IAAI,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;QACzC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IACD,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;IACtE,IAAI,CAAC,cAAc,EAAE,CAAC;QACrB,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,cAAc,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;IACD,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC/C,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,SAAgB,gBAAgB,CAC/B,KAA+C;IAE/C,MAAM,SAAS,GAAG,IAAA,mCAAoB,GAAE,CAAC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACd,MAAM,UAAU,GACf,OAAO,KAAK,KAAK,QAAQ;YACxB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,SAAS,KAAK,MAAM;gBACtB,CAAC,CAAC,KAAK,CAAC,IAAI;gBACZ,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAChB,MAAM,aAAa,GAClB,MAAA,MAAA,QAAQ;aACN,aAAa,CAAC,wBAAwB,CAAC,0CACtC,YAAY,CAAC,SAAS,CAAC,mCAAI,YAAY,CAAC;QAC5C,gBAAgB,CAAC,UAAU,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACX,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACjC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AACxB,CAAC;AAED,SAAgB,mBAAmB;IAClC,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAa,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAC7E,MAAM,UAAU,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;IACzE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC;AACjC,CAAC"}
1
+ {"version":3,"file":"useTitleBarColor.js","sourceRoot":"","sources":["../../../src/hooks/useTitleBarColor.ts"],"names":[],"mappings":"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"}