@revikornmann/muka-ui 0.7.0 → 0.9.0

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 (172) hide show
  1. package/build/manifest.json +4 -1
  2. package/dist/cjs/components/Alert/Alert.css +7 -0
  3. package/dist/cjs/components/Button/Button.css +29 -0
  4. package/dist/cjs/components/Button/Button.js +1 -1
  5. package/dist/cjs/components/Checkbox/Checkbox.js +44 -5
  6. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  7. package/dist/cjs/components/DataPieChart/DataPieChart.css +29 -0
  8. package/dist/cjs/components/DataPieChart/DataPieChart.js +20 -3
  9. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  10. package/dist/cjs/components/DatePicker/DatePicker.js +51 -6
  11. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  12. package/dist/cjs/components/Dialog/Dialog.js +64 -7
  13. package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
  14. package/dist/cjs/components/Form/Form.css +17 -0
  15. package/dist/cjs/components/Form/Form.js +31 -0
  16. package/dist/cjs/components/Form/Form.js.map +1 -0
  17. package/dist/cjs/components/Form/index.js +13 -0
  18. package/dist/cjs/components/Form/index.js.map +1 -0
  19. package/dist/cjs/components/Form/useForm.js +95 -0
  20. package/dist/cjs/components/Form/useForm.js.map +1 -0
  21. package/dist/cjs/components/Input/Input.js +52 -5
  22. package/dist/cjs/components/Input/Input.js.map +1 -1
  23. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js +50 -5
  24. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  25. package/dist/cjs/components/NumberInput/NumberInput.js +51 -6
  26. package/dist/cjs/components/NumberInput/NumberInput.js.map +1 -1
  27. package/dist/cjs/components/PhotoUploader/PhotoUploader.css +125 -0
  28. package/dist/cjs/components/PhotoUploader/PhotoUploader.js +257 -0
  29. package/dist/cjs/components/PhotoUploader/PhotoUploader.js.map +1 -0
  30. package/dist/cjs/components/PhotoUploader/index.js +6 -0
  31. package/dist/cjs/components/PhotoUploader/index.js.map +1 -0
  32. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +32 -2
  33. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +13 -2
  34. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  35. package/dist/cjs/components/Radio/Radio.js +37 -5
  36. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  37. package/dist/cjs/components/RangeSlider/RangeSlider.js +37 -5
  38. package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
  39. package/dist/cjs/components/Select/Select.js +53 -7
  40. package/dist/cjs/components/Select/Select.js.map +1 -1
  41. package/dist/cjs/components/Textarea/Textarea.js +43 -5
  42. package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
  43. package/dist/cjs/components/Thumbnail/Thumbnail.css +171 -0
  44. package/dist/cjs/components/Thumbnail/Thumbnail.js +55 -0
  45. package/dist/cjs/components/Thumbnail/Thumbnail.js.map +1 -0
  46. package/dist/cjs/components/Thumbnail/index.js +6 -0
  47. package/dist/cjs/components/Thumbnail/index.js.map +1 -0
  48. package/dist/cjs/components/Toggle/Toggle.js +37 -5
  49. package/dist/cjs/components/Toggle/Toggle.js.map +1 -1
  50. package/dist/cjs/components/index.js +10 -3
  51. package/dist/cjs/components/index.js.map +1 -1
  52. package/dist/esm/components/Alert/Alert.css +7 -0
  53. package/dist/esm/components/Button/Button.css +29 -0
  54. package/dist/esm/components/Button/Button.js +1 -1
  55. package/dist/esm/components/Checkbox/Checkbox.js +11 -4
  56. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  57. package/dist/esm/components/DataPieChart/DataPieChart.css +29 -0
  58. package/dist/esm/components/DataPieChart/DataPieChart.js +20 -3
  59. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  60. package/dist/esm/components/DatePicker/DatePicker.js +18 -5
  61. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  62. package/dist/esm/components/Dialog/Dialog.js +31 -7
  63. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  64. package/dist/esm/components/Form/Form.css +17 -0
  65. package/dist/esm/components/Form/Form.js +27 -0
  66. package/dist/esm/components/Form/Form.js.map +1 -0
  67. package/dist/esm/components/Form/index.js +4 -0
  68. package/dist/esm/components/Form/index.js.map +1 -0
  69. package/dist/esm/components/Form/useForm.js +92 -0
  70. package/dist/esm/components/Form/useForm.js.map +1 -0
  71. package/dist/esm/components/Input/Input.js +19 -4
  72. package/dist/esm/components/Input/Input.js.map +1 -1
  73. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js +17 -4
  74. package/dist/esm/components/LicensePlateInput/LicensePlateInput.js.map +1 -1
  75. package/dist/esm/components/NumberInput/NumberInput.js +18 -5
  76. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  77. package/dist/esm/components/PhotoUploader/PhotoUploader.css +125 -0
  78. package/dist/esm/components/PhotoUploader/PhotoUploader.js +254 -0
  79. package/dist/esm/components/PhotoUploader/PhotoUploader.js.map +1 -0
  80. package/dist/esm/components/PhotoUploader/index.js +2 -0
  81. package/dist/esm/components/PhotoUploader/index.js.map +1 -0
  82. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +32 -2
  83. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +13 -2
  84. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  85. package/dist/esm/components/Radio/Radio.js +4 -4
  86. package/dist/esm/components/Radio/Radio.js.map +1 -1
  87. package/dist/esm/components/RangeSlider/RangeSlider.js +4 -4
  88. package/dist/esm/components/RangeSlider/RangeSlider.js.map +1 -1
  89. package/dist/esm/components/Select/Select.js +18 -5
  90. package/dist/esm/components/Select/Select.js.map +1 -1
  91. package/dist/esm/components/Textarea/Textarea.js +10 -4
  92. package/dist/esm/components/Textarea/Textarea.js.map +1 -1
  93. package/dist/esm/components/Thumbnail/Thumbnail.css +171 -0
  94. package/dist/esm/components/Thumbnail/Thumbnail.js +52 -0
  95. package/dist/esm/components/Thumbnail/Thumbnail.js.map +1 -0
  96. package/dist/esm/components/Thumbnail/index.js +2 -0
  97. package/dist/esm/components/Thumbnail/index.js.map +1 -0
  98. package/dist/esm/components/Toggle/Toggle.js +4 -4
  99. package/dist/esm/components/Toggle/Toggle.js.map +1 -1
  100. package/dist/esm/components/index.js +3 -0
  101. package/dist/esm/components/index.js.map +1 -1
  102. package/dist/styles/components/Alert.css +7 -0
  103. package/dist/styles/components/Button.css +29 -0
  104. package/dist/styles/components/DataPieChart.css +29 -0
  105. package/dist/styles/components/Form.css +17 -0
  106. package/dist/styles/components/PhotoUploader.css +125 -0
  107. package/dist/styles/components/ProgressAccordeon.css +32 -2
  108. package/dist/styles/components/Thumbnail.css +171 -0
  109. package/dist/styles/index.css +2554 -2099
  110. package/dist/styles/muka-dark.css +2554 -2099
  111. package/dist/styles/muka-light.css +2554 -2099
  112. package/dist/styles/tokens-bouwplan-dark.css +38 -0
  113. package/dist/styles/tokens-bouwplan-light.css +38 -0
  114. package/dist/styles/tokens-fscl-dark.css +38 -0
  115. package/dist/styles/tokens-fscl-light.css +38 -0
  116. package/dist/styles/tokens-grip-dark.css +38 -0
  117. package/dist/styles/tokens-grip-light.css +38 -0
  118. package/dist/styles/tokens-muka-dark.css +38 -0
  119. package/dist/styles/tokens-muka-light.css +38 -0
  120. package/dist/styles/tokens-wireframe-dark.css +80 -42
  121. package/dist/styles/tokens-wireframe-light.css +80 -42
  122. package/dist/styles/wireframe-dark.css +2596 -2141
  123. package/dist/styles/wireframe-light.css +2596 -2141
  124. package/dist/types/components/Button/Button.d.ts +2 -2
  125. package/dist/types/components/Button/Button.d.ts.map +1 -1
  126. package/dist/types/components/Checkbox/Checkbox.d.ts +1 -1
  127. package/dist/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  128. package/dist/types/components/DataPieChart/DataPieChart.d.ts +7 -0
  129. package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
  130. package/dist/types/components/DatePicker/DatePicker.d.ts +5 -1
  131. package/dist/types/components/DatePicker/DatePicker.d.ts.map +1 -1
  132. package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
  133. package/dist/types/components/FileUpload/FileUpload.d.ts +1 -1
  134. package/dist/types/components/FileUpload/FileUpload.d.ts.map +1 -1
  135. package/dist/types/components/FileUpload/FileUploadItem.d.ts +1 -1
  136. package/dist/types/components/FileUpload/FileUploadItem.d.ts.map +1 -1
  137. package/dist/types/components/Form/Form.d.ts +34 -0
  138. package/dist/types/components/Form/Form.d.ts.map +1 -0
  139. package/dist/types/components/Form/index.d.ts +4 -0
  140. package/dist/types/components/Form/index.d.ts.map +1 -0
  141. package/dist/types/components/Form/useForm.d.ts +74 -0
  142. package/dist/types/components/Form/useForm.d.ts.map +1 -0
  143. package/dist/types/components/Input/Input.d.ts +5 -1
  144. package/dist/types/components/Input/Input.d.ts.map +1 -1
  145. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts +5 -1
  146. package/dist/types/components/LicensePlateInput/LicensePlateInput.d.ts.map +1 -1
  147. package/dist/types/components/NumberInput/NumberInput.d.ts +5 -1
  148. package/dist/types/components/NumberInput/NumberInput.d.ts.map +1 -1
  149. package/dist/types/components/PhotoUploader/PhotoUploader.d.ts +71 -0
  150. package/dist/types/components/PhotoUploader/PhotoUploader.d.ts.map +1 -0
  151. package/dist/types/components/PhotoUploader/index.d.ts +2 -0
  152. package/dist/types/components/PhotoUploader/index.d.ts.map +1 -0
  153. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -1
  154. package/dist/types/components/Radio/Radio.d.ts +1 -1
  155. package/dist/types/components/Radio/Radio.d.ts.map +1 -1
  156. package/dist/types/components/RangeSlider/RangeSlider.d.ts +1 -1
  157. package/dist/types/components/RangeSlider/RangeSlider.d.ts.map +1 -1
  158. package/dist/types/components/Select/Select.d.ts +7 -1
  159. package/dist/types/components/Select/Select.d.ts.map +1 -1
  160. package/dist/types/components/Textarea/Textarea.d.ts +5 -1
  161. package/dist/types/components/Textarea/Textarea.d.ts.map +1 -1
  162. package/dist/types/components/Thumbnail/Thumbnail.d.ts +77 -0
  163. package/dist/types/components/Thumbnail/Thumbnail.d.ts.map +1 -0
  164. package/dist/types/components/Thumbnail/index.d.ts +2 -0
  165. package/dist/types/components/Thumbnail/index.d.ts.map +1 -0
  166. package/dist/types/components/Toggle/Toggle.d.ts +1 -1
  167. package/dist/types/components/Toggle/Toggle.d.ts.map +1 -1
  168. package/dist/types/components/index.d.ts +3 -0
  169. package/dist/types/components/index.d.ts.map +1 -1
  170. package/package.json +1 -1
  171. package/tokens/t2-alias/brand/wireframe/radius.json +34 -0
  172. package/tokens/t4-components/button.json +56 -0
@@ -5,6 +5,7 @@
5
5
  "tokens/t1-primitives/**/*.json",
6
6
  "tokens/t2-alias/base.json",
7
7
  "tokens/t2-alias/brand/wireframe/fonts.json",
8
+ "tokens/t2-alias/brand/wireframe/radius.json",
8
9
  "tokens/t2-alias/brand/wireframe/light.json",
9
10
  "tokens/t2-alias/layout/mobile.json",
10
11
  "tokens/t3-semantics/ui.json",
@@ -64,6 +65,7 @@
64
65
  "tokens/t1-primitives/**/*.json",
65
66
  "tokens/t2-alias/base.json",
66
67
  "tokens/t2-alias/brand/wireframe/fonts.json",
68
+ "tokens/t2-alias/brand/wireframe/radius.json",
67
69
  "tokens/t2-alias/brand/wireframe/dark.json",
68
70
  "tokens/t2-alias/layout/mobile.json",
69
71
  "tokens/t3-semantics/ui.json",
@@ -594,7 +596,8 @@
594
596
  },
595
597
  "breakpoints": {
596
598
  "md": "tokens/t2-alias/layout/tablet.json",
597
- "lg": "tokens/t2-alias/layout/desktop.json"
599
+ "lg": "tokens/t2-alias/layout/desktop.json",
600
+ "xl": "tokens/t2-alias/layout/wide.json"
598
601
  },
599
602
  "exports": {
600
603
  "css": {
@@ -109,6 +109,13 @@
109
109
  height: 100%;
110
110
  }
111
111
 
112
+ /* The leading icon and the dismiss (×) icon inherit the variant accent set on
113
+ their container, overriding the Icon component's default color. */
114
+ .muka-alert__icon .muka-icon,
115
+ .muka-alert__dismiss .muka-icon {
116
+ color: inherit;
117
+ }
118
+
112
119
  /* Content */
113
120
  .muka-alert__content {
114
121
  flex: 1;
@@ -200,6 +200,35 @@
200
200
  opacity: 1;
201
201
  }
202
202
 
203
+ /* Muted variant - same as ghost but resting foreground is subtle, darkens on interaction */
204
+ .muka-button--muted {
205
+ background-color: var(--button-color-muted-background-default);
206
+ color: var(--button-color-muted-foreground-default);
207
+ border: 1px solid var(--button-color-muted-border-default);
208
+ }
209
+
210
+ .muka-button--muted:hover:not(:disabled) {
211
+ background-color: var(--button-color-muted-background-hover);
212
+ color: var(--button-color-muted-foreground-hover);
213
+ border-color: var(--button-color-muted-border-hover);
214
+ }
215
+
216
+ .muka-button--muted:active:not(:disabled),
217
+ .muka-button--muted.muka-button--pressed:not(:disabled),
218
+ .muka-button--muted[data-state="open"]:not(:disabled) {
219
+ background-color: var(--button-color-muted-background-pressed);
220
+ color: var(--button-color-muted-foreground-pressed);
221
+ border-color: var(--button-color-muted-border-pressed);
222
+ }
223
+
224
+ .muka-button--muted:disabled {
225
+ background-color: var(--button-color-muted-background-disabled);
226
+ color: var(--button-color-muted-foreground-disabled);
227
+ border-color: var(--button-color-muted-border-disabled);
228
+ cursor: not-allowed;
229
+ opacity: 1;
230
+ }
231
+
203
232
  /* General disabled state - fallback */
204
233
  .muka-button:disabled {
205
234
  cursor: not-allowed;
@@ -10,7 +10,7 @@ require("./Button.css");
10
10
  * Button Component
11
11
  *
12
12
  * Built using the Muka design token system with support for:
13
- * - 4 variants: primary, secondary, tertiary, ghost
13
+ * - 5 variants: primary, secondary, tertiary, ghost, muted
14
14
  * - 3 sizes: sm, md, lg
15
15
  * - Interactive states: default, hover, pressed, disabled
16
16
  * - Icons with flexible positioning (left, right, or both)
@@ -1,9 +1,42 @@
1
1
  "use strict";
2
2
  'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
3
36
  Object.defineProperty(exports, "__esModule", { value: true });
4
37
  exports.Checkbox = void 0;
5
38
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
39
+ const react_1 = __importStar(require("react"));
7
40
  require("./Checkbox.css");
8
41
  /**
9
42
  * Checkbox Component
@@ -21,7 +54,7 @@ require("./Checkbox.css");
21
54
  * - checkbox.icon.size.{size}
22
55
  * - checkbox.color.{state}.{background|border|icon}
23
56
  */
24
- const Checkbox = ({ checked, defaultChecked, indeterminate = false, onChange, label, disabled = false, name, value, size = 'md', className = '', id, ...props }) => {
57
+ exports.Checkbox = react_1.default.forwardRef(function Checkbox({ checked, defaultChecked, indeterminate = false, onChange, label, disabled = false, name, value, size = 'md', className = '', id, ...props }, forwardedRef) {
25
58
  const generatedId = (0, react_1.useId)();
26
59
  const inputId = id || generatedId;
27
60
  const inputRef = (0, react_1.useRef)(null);
@@ -37,8 +70,14 @@ const Checkbox = ({ checked, defaultChecked, indeterminate = false, onChange, la
37
70
  disabled && 'muka-checkbox--disabled',
38
71
  className
39
72
  ].filter(Boolean).join(' ');
40
- return ((0, jsx_runtime_1.jsxs)("label", { className: wrapperClasses, htmlFor: inputId, children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-checkbox__control", children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: "checkbox", id: inputId, className: "muka-checkbox__input", checked: checked, defaultChecked: defaultChecked, onChange: onChange, disabled: disabled, name: name, value: value, ...props }), (0, jsx_runtime_1.jsxs)("span", { className: "muka-checkbox__indicator", children: [(0, jsx_runtime_1.jsx)("svg", { className: "muka-checkbox__icon muka-checkbox__icon--check", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6666 3.5L5.24992 9.91667L2.33325 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "muka-checkbox__icon muka-checkbox__icon--indeterminate", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.91675 7H11.0834", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }), label && (0, jsx_runtime_1.jsx)("span", { className: "muka-checkbox__label", children: label })] }));
41
- };
42
- exports.Checkbox = Checkbox;
73
+ return ((0, jsx_runtime_1.jsxs)("label", { className: wrapperClasses, htmlFor: inputId, children: [(0, jsx_runtime_1.jsxs)("span", { className: "muka-checkbox__control", children: [(0, jsx_runtime_1.jsx)("input", { ref: (node) => {
74
+ inputRef.current = node;
75
+ if (typeof forwardedRef === 'function')
76
+ forwardedRef(node);
77
+ else if (forwardedRef)
78
+ forwardedRef.current =
79
+ node;
80
+ }, type: "checkbox", id: inputId, className: "muka-checkbox__input", checked: checked, defaultChecked: defaultChecked, onChange: onChange, disabled: disabled, name: name, value: value, ...props }), (0, jsx_runtime_1.jsxs)("span", { className: "muka-checkbox__indicator", children: [(0, jsx_runtime_1.jsx)("svg", { className: "muka-checkbox__icon muka-checkbox__icon--check", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M11.6666 3.5L5.24992 9.91667L2.33325 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), (0, jsx_runtime_1.jsx)("svg", { className: "muka-checkbox__icon muka-checkbox__icon--indeterminate", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M2.91675 7H11.0834", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }), label && (0, jsx_runtime_1.jsx)("span", { className: "muka-checkbox__label", children: label })] }));
81
+ });
43
82
  exports.default = exports.Checkbox;
44
83
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,iCAAwD;AACxD,0BAAwB;AA2CxB;;;;;;;;;;;;;;;GAeG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,cAAc,EACd,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,8DAA8D;IAC9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG;QACrB,eAAe;QACf,kBAAkB,IAAI,EAAE;QACxB,QAAQ,IAAI,yBAAyB;QACrC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,mCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,aAChD,kCAAM,SAAS,EAAC,wBAAwB,aACtC,kCACE,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,KAAK,GACT,EACF,kCAAM,SAAS,EAAC,0BAA0B,aAExC,gCACE,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,wCAAwC,EAC1C,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EAEN,gCACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACD,IACF,EACN,KAAK,IAAI,iCAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,IACzD,CACT,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,QAAQ,YAoFnB;AAEF,kBAAe,gBAAQ,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAAwD;AACxD,0BAAwB;AA2CxB;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CAAkC,SAAS,QAAQ,CACzF,EACE,OAAO,EACP,cAAc,EACd,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,EACD,YAAY;IAEZ,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,EAAE,IAAI,WAAW,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEvD,8DAA8D;IAC9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG;QACrB,eAAe;QACf,kBAAkB,IAAI,EAAE;QACxB,QAAQ,IAAI,yBAAyB;QACrC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,mCAAO,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,aAChD,kCAAM,SAAS,EAAC,wBAAwB,aACtC,kCACE,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;4BACZ,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;4BACxB,IAAI,OAAO,YAAY,KAAK,UAAU;gCAAE,YAAY,CAAC,IAAI,CAAC,CAAC;iCACtD,IAAI,YAAY;gCAClB,YAAgE,CAAC,OAAO;oCACvE,IAAI,CAAC;wBACX,CAAC,EACD,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,KAAK,GACT,EACF,kCAAM,SAAS,EAAC,0BAA0B,aAExC,gCACE,SAAS,EAAC,gDAAgD,EAC1D,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,wCAAwC,EAC1C,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EAEN,gCACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,iCACE,CAAC,EAAC,oBAAoB,EACtB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,IACD,IACF,EACN,KAAK,IAAI,iCAAM,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAQ,IACzD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gBAAQ,CAAC"}
@@ -27,6 +27,35 @@
27
27
  transition: stroke-dasharray 0.3s ease;
28
28
  }
29
29
 
30
+ /* ─── Indeterminate (spinner) ─────────────────────────── */
31
+ /* A masked ring filled with an angular (conic) gradient that rotates. The mask
32
+ band matches the donut geometry (r=40, strokeWidth=16 → 64%–96% of radius) so
33
+ it swaps seamlessly with the value-based progress donut. */
34
+ .muka-data-pie-chart__spinner-track,
35
+ .muka-data-pie-chart__spinner {
36
+ position: absolute;
37
+ inset: 0;
38
+ border-radius: 50%;
39
+ -webkit-mask: radial-gradient(farthest-side, transparent 63%, #000 65%, #000 95%, transparent 97%);
40
+ mask: radial-gradient(farthest-side, transparent 63%, #000 65%, #000 95%, transparent 97%);
41
+ }
42
+
43
+ .muka-data-pie-chart__spinner {
44
+ animation: muka-data-pie-chart-spin 0.9s linear infinite;
45
+ }
46
+
47
+ @keyframes muka-data-pie-chart-spin {
48
+ to {
49
+ transform: rotate(360deg);
50
+ }
51
+ }
52
+
53
+ @media (prefers-reduced-motion: reduce) {
54
+ .muka-data-pie-chart__spinner {
55
+ animation-duration: 2.5s;
56
+ }
57
+ }
58
+
30
59
  .muka-data-pie-chart__value {
31
60
  position: absolute;
32
61
  inset: 0;
@@ -17,9 +17,14 @@ const GEOMETRY = {
17
17
  *
18
18
  * Variants: donut (default), pie
19
19
  */
20
- const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-action-default)', trackColor = 'var(--color-surface-level0)', showValue = false, className = '', 'aria-label': ariaLabel, ...props }) => {
20
+ const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color, trackColor = 'var(--color-surface-level0)', showValue = false, indeterminate = false, className = '', 'aria-label': ariaLabel, ...props }) => {
21
21
  const { radius, strokeWidth } = GEOMETRY[variant];
22
22
  const circumference = 2 * Math.PI * radius;
23
+ // Indeterminate is a donut-only spinner; ignore it for the pie variant.
24
+ const spinning = indeterminate && variant === 'donut';
25
+ // The determinate arc defaults to the accent; the indeterminate spinner
26
+ // defaults to a subtle grey (its angular gradient fades to this colour).
27
+ const resolvedColor = color ?? (spinning ? 'var(--color-icon-subtle-default)' : 'var(--color-action-default)');
23
28
  const safeMax = max > 0 ? max : 1;
24
29
  const fraction = Math.min(1, Math.max(0, value / safeMax));
25
30
  const percent = Math.round(fraction * 100);
@@ -27,12 +32,24 @@ const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color =
27
32
  const chartClasses = [
28
33
  'muka-data-pie-chart',
29
34
  `muka-data-pie-chart--${variant}`,
35
+ spinning && 'muka-data-pie-chart--indeterminate',
30
36
  className,
31
37
  ]
32
38
  .filter(Boolean)
33
39
  .join(' ');
34
- const label = ariaLabel ?? `${variant === 'donut' ? 'Donut' : 'Pie'} chart: ${percent}%`;
35
- return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsxs)("svg", { className: "muka-data-pie-chart__svg", viewBox: "0 0 100 100", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__track", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: trackColor }), fraction > 0 && ((0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__segment", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: color, strokeDasharray: `${arcLength} ${circumference - arcLength}`, strokeDashoffset: 0 }))] }), showValue && variant === 'donut' && ((0, jsx_runtime_1.jsxs)("span", { className: "muka-data-pie-chart__value", "aria-hidden": "true", children: [percent, "%"] }))] }));
40
+ const label = ariaLabel ??
41
+ (spinning
42
+ ? 'Loading'
43
+ : `${variant === 'donut' ? 'Donut' : 'Pie'} chart: ${percent}%`);
44
+ // Indeterminate spinner: a masked ring with an angular (conic) gradient that
45
+ // fades from the track colour round to `resolvedColor`, rotating. Shares the
46
+ // donut footprint so it swaps seamlessly with a progress donut of the same size.
47
+ if (spinning) {
48
+ return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "muka-data-pie-chart__spinner-track", "aria-hidden": "true", style: { background: trackColor } }), (0, jsx_runtime_1.jsx)("span", { className: "muka-data-pie-chart__spinner", "aria-hidden": "true", style: {
49
+ background: `conic-gradient(from 0deg, ${trackColor} 0deg, ${resolvedColor} 340deg, ${resolvedColor} 360deg)`,
50
+ } })] }));
51
+ }
52
+ return ((0, jsx_runtime_1.jsxs)("div", { className: chartClasses, style: { width: size, height: size }, role: "img", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsxs)("svg", { className: "muka-data-pie-chart__svg", viewBox: "0 0 100 100", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__track", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: trackColor }), fraction > 0 && ((0, jsx_runtime_1.jsx)("circle", { className: "muka-data-pie-chart__segment", cx: 50, cy: 50, r: radius, strokeWidth: strokeWidth, stroke: resolvedColor, strokeDasharray: `${arcLength} ${circumference - arcLength}`, strokeDashoffset: 0 }))] }), showValue && variant === 'donut' && ((0, jsx_runtime_1.jsxs)("span", { className: "muka-data-pie-chart__value", "aria-hidden": "true", children: [percent, "%"] }))] }));
36
53
  };
37
54
  exports.DataPieChart = DataPieChart;
38
55
  exports.default = exports.DataPieChart;
@@ -1 +1 @@
1
- {"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,6BAA6B,EACrC,UAAU,GAAG,6BAA6B,EAC1C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAE3C,MAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,wBAAwB,OAAO,EAAE;QACjC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,IAAI,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,OAAO,GAAG,CAAC;IAEzF,OAAO,CACL,iCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACpC,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,KAAK,aAET,iCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,aAAa,iBAAa,MAAM,aAEhF,mCACE,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,GAClB,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,mCACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,GAAG,SAAS,EAAE,EAC5D,gBAAgB,EAAE,CAAC,GACnB,CACH,IACG,EACL,SAAS,IAAI,OAAO,KAAK,OAAO,IAAI,CACnC,kCAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,aAC5D,OAAO,SACH,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB;AAEF,kBAAe,oBAAY,CAAC"}
1
+ {"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,42 @@
1
1
  "use strict";
2
2
  'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
3
36
  Object.defineProperty(exports, "__esModule", { value: true });
4
37
  exports.DatePicker = void 0;
5
38
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
39
+ const react_1 = __importStar(require("react"));
7
40
  require("../Input/Input.css");
8
41
  require("./DatePicker.css");
9
42
  const pad2 = (n) => (n < 10 ? `0${n}` : `${n}`);
@@ -21,7 +54,7 @@ function toIso(date) {
21
54
  *
22
55
  * Emits `Date | null` (null when cleared). Sizes: sm, md, lg.
23
56
  */
24
- const DatePicker = ({ value, onChange, label, helperText, error = false, errorMessage, disabled = false, size = 'md', min, max, fullWidth = false, className = '', id, name, required = false, readOnly = false, 'aria-label': ariaLabel, }) => {
57
+ exports.DatePicker = react_1.default.forwardRef(function DatePicker({ value, onChange, label, helperText, error = false, errorMessage, disabled = false, size = 'md', min, max, fullWidth = false, className = '', id, name, required = false, readOnly = false, 'aria-label': ariaLabel, onBlur, onFocus, }, forwardedRef) {
25
58
  const [isFocused, setIsFocused] = (0, react_1.useState)(false);
26
59
  const inputRef = (0, react_1.useRef)(null);
27
60
  const generatedId = (0, react_1.useId)();
@@ -51,7 +84,14 @@ const DatePicker = ({ value, onChange, label, helperText, error = false, errorMe
51
84
  e.preventDefault();
52
85
  inputRef.current?.focus();
53
86
  }
54
- }, children: (0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: inputId, className: "muka-input__native", type: "date", value: toIso(value), min: min ? toIso(min) : undefined, max: max ? toIso(max) : undefined, disabled: disabled, readOnly: readOnly, name: name, required: required, "aria-label": ariaLabel, "aria-invalid": error || undefined, "aria-describedby": describedBy, onChange: (e) => {
87
+ }, children: (0, jsx_runtime_1.jsx)("input", { ref: (node) => {
88
+ inputRef.current = node;
89
+ if (typeof forwardedRef === 'function')
90
+ forwardedRef(node);
91
+ else if (forwardedRef)
92
+ forwardedRef.current =
93
+ node;
94
+ }, id: inputId, className: "muka-input__native", type: "date", value: toIso(value), min: min ? toIso(min) : undefined, max: max ? toIso(max) : undefined, disabled: disabled, readOnly: readOnly, name: name, required: required, "aria-label": ariaLabel, "aria-invalid": error || undefined, "aria-describedby": describedBy, onChange: (e) => {
55
95
  const v = e.target.value;
56
96
  if (!v) {
57
97
  onChange?.(null);
@@ -60,8 +100,13 @@ const DatePicker = ({ value, onChange, label, helperText, error = false, errorMe
60
100
  const [y, m, d] = v.split('-').map(Number);
61
101
  if (y && m && d)
62
102
  onChange?.(new Date(y, m - 1, d));
63
- }, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }) }), showError && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__error", id: errorMessageId, role: "alert", children: errorMessage })), !showError && helperText && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__helper", id: helperTextId, children: helperText }))] }));
64
- };
65
- exports.DatePicker = DatePicker;
103
+ }, onFocus: (e) => {
104
+ setIsFocused(true);
105
+ onFocus?.(e);
106
+ }, onBlur: (e) => {
107
+ setIsFocused(false);
108
+ onBlur?.(e);
109
+ } }) }), showError && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__error", id: errorMessageId, role: "alert", children: errorMessage })), !showError && helperText && ((0, jsx_runtime_1.jsx)("p", { className: "muka-input__helper", id: helperTextId, children: helperText }))] }));
110
+ });
66
111
  exports.default = exports.DatePicker;
67
112
  //# sourceMappingURL=DatePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,42 @@
1
1
  "use strict";
2
2
  'use client';
3
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
+ if (k2 === undefined) k2 = k;
5
+ var desc = Object.getOwnPropertyDescriptor(m, k);
6
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
+ desc = { enumerable: true, get: function() { return m[k]; } };
8
+ }
9
+ Object.defineProperty(o, k2, desc);
10
+ }) : (function(o, m, k, k2) {
11
+ if (k2 === undefined) k2 = k;
12
+ o[k2] = m[k];
13
+ }));
14
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
16
+ }) : function(o, v) {
17
+ o["default"] = v;
18
+ });
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
3
36
  Object.defineProperty(exports, "__esModule", { value: true });
4
37
  exports.Dialog = void 0;
5
38
  const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_1 = require("react");
39
+ const react_1 = __importStar(require("react"));
7
40
  const TopBar_1 = require("../TopBar");
8
41
  const BottomBar_1 = require("../BottomBar");
9
42
  const Button_1 = require("../Button");
@@ -19,6 +52,25 @@ function getNearestSnap(height) {
19
52
  const snaps = [SNAP_SM, SNAP_MD, snapLg];
20
53
  return snaps.reduce((prev, curr) => Math.abs(curr - height) < Math.abs(prev - height) ? curr : prev);
21
54
  }
55
+ /**
56
+ * Clone the Dialog's action Buttons (including those wrapped in a Fragment) to
57
+ * force a size, so the TopBar/BottomBar buttons always match the design regardless
58
+ * of the size a consumer passes. Non-Button nodes are left untouched.
59
+ */
60
+ function withButtonSize(node, size) {
61
+ return react_1.default.Children.map(node, (child) => {
62
+ if (!react_1.default.isValidElement(child))
63
+ return child;
64
+ if (child.type === react_1.default.Fragment) {
65
+ const fragment = child;
66
+ return react_1.default.cloneElement(fragment, {}, withButtonSize(fragment.props.children, size));
67
+ }
68
+ if (child.type === Button_1.Button) {
69
+ return react_1.default.cloneElement(child, { size });
70
+ }
71
+ return child;
72
+ });
73
+ }
22
74
  const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', modal = true, title, leading, trailing, footerActions, footerVariant = 'actions', mobileLeadingLabel, mobileTrailingLabel, onMobileLeadingClick, onMobileTrailingClick, 'aria-label': ariaLabel, surfaceLevel = 3, 'aria-describedby': ariaDescribedBy, className = '', }) => {
23
75
  const dialogRef = (0, react_1.useRef)(null);
24
76
  const surfaceRef = (0, react_1.useRef)(null);
@@ -158,17 +210,22 @@ const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', m
158
210
  ].filter(Boolean).join(' ');
159
211
  // Non-modal on mobile gets drag handle via TopBar variant
160
212
  const topBarVariant = !modal ? 'draggable' : 'default';
161
- // Compute leading/trailing for TopBar — avoid always-truthy fragments
213
+ // Compute leading/trailing for TopBar — avoid always-truthy fragments.
214
+ // Per design, TopBar action buttons are `lg` on every viewport.
162
215
  const topBarLeading = !modal
163
- ? leading
216
+ ? withButtonSize(leading, 'lg')
164
217
  : (mobileLeadingLabel && hasInputs)
165
- ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "sm", onClick: onMobileLeadingClick, children: mobileLeadingLabel }) }))
218
+ ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "lg", onClick: onMobileLeadingClick, children: mobileLeadingLabel }) }))
166
219
  : undefined;
167
220
  const topBarTrailing = !modal
168
- ? trailing
221
+ ? withButtonSize(trailing, 'lg')
169
222
  : (mobileTrailingLabel && hasInputs)
170
- ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "sm", onClick: onMobileTrailingClick || onClose, children: mobileTrailingLabel }) }))
223
+ ? ((0, jsx_runtime_1.jsx)("span", { className: "muka-dialog__mobile-only", children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "lg", onClick: onMobileTrailingClick || onClose, children: mobileTrailingLabel }) }))
171
224
  : undefined;
225
+ // Per design, BottomBar action buttons are `lg`.
226
+ const sizedFooterActions = footerActions
227
+ ? withButtonSize(footerActions, 'lg')
228
+ : undefined;
172
229
  // Surface inline style for drag/snap
173
230
  const surfaceStyle = isDragging && dragHeight !== null
174
231
  ? { height: `${dragHeight}px`, transition: 'none' }
@@ -179,7 +236,7 @@ const Dialog = ({ open, onClose, children, size = 'sm', mobileHeight = 'full', m
179
236
  return (
180
237
  // Native <dialog> is interactive and handles Escape natively; click handler closes on backdrop click.
181
238
  // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
182
- (0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, className: dialogClasses, onClick: handleBackdropClick, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children: (0, jsx_runtime_1.jsxs)("div", { ref: surfaceRef, className: "muka-dialog__surface", style: surfaceStyle, tabIndex: -1, children: [!modal ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__drag-area", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, style: { touchAction: 'none' }, children: topBar })) : (topBar), (0, jsx_runtime_1.jsx)("div", { ref: bodyRef, className: "muka-dialog__body", children: children }), footerActions && ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__footer", children: (0, jsx_runtime_1.jsx)(BottomBar_1.BottomBar, { variant: footerVariant, size: "lg", bordered: false, children: footerActions }) }))] }) }));
239
+ (0, jsx_runtime_1.jsx)("dialog", { ref: dialogRef, className: dialogClasses, onClick: handleBackdropClick, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, children: (0, jsx_runtime_1.jsxs)("div", { ref: surfaceRef, className: "muka-dialog__surface", style: surfaceStyle, tabIndex: -1, children: [!modal ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__drag-area", onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerUp, onPointerCancel: handlePointerUp, style: { touchAction: 'none' }, children: topBar })) : (topBar), (0, jsx_runtime_1.jsx)("div", { ref: bodyRef, className: "muka-dialog__body", children: children }), sizedFooterActions && ((0, jsx_runtime_1.jsx)("div", { className: "muka-dialog__footer", children: (0, jsx_runtime_1.jsx)(BottomBar_1.BottomBar, { variant: footerVariant, size: "lg", bordered: false, children: sizedFooterActions }) }))] }) }));
183
240
  };
184
241
  exports.Dialog = Dialog;
185
242
  exports.default = exports.Dialog;
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../components/Dialog/Dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ .muka-form {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ }
6
+
7
+ .muka-form--gap-sm {
8
+ gap: var(--size-sm);
9
+ }
10
+
11
+ .muka-form--gap-md {
12
+ gap: var(--size-md);
13
+ }
14
+
15
+ .muka-form--gap-lg {
16
+ gap: var(--size-lg);
17
+ }
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+ 'use client';
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Form = void 0;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ require("./Form.css");
7
+ /**
8
+ * Form Component
9
+ *
10
+ * A thin, dependency-free wrapper over the native `<form>` element that:
11
+ * - lays fields out in a vertical stack using muka spacing tokens
12
+ * - disables native browser validation bubbles (`noValidate`) so muka's own
13
+ * `error` / `errorMessage` field states are the single source of truth
14
+ * - works with both `useForm().handleSubmit` and native server `action`s
15
+ * (fields already emit `name`, so `FormData` is collected for free)
16
+ *
17
+ * @example Client state
18
+ * <Form onSubmit={form.handleSubmit}>…</Form>
19
+ *
20
+ * @example Server action (no client JS for submission)
21
+ * <Form action={saveCompany}>…</Form>
22
+ */
23
+ const Form = ({ onSubmit, gap = 'md', className = '', children, ...props }) => {
24
+ const classes = ['muka-form', `muka-form--gap-${gap}`, className]
25
+ .filter(Boolean)
26
+ .join(' ');
27
+ return ((0, jsx_runtime_1.jsx)("form", { className: classes, noValidate: true, onSubmit: onSubmit, ...props, children: children }));
28
+ };
29
+ exports.Form = Form;
30
+ exports.default = exports.Form;
31
+ //# sourceMappingURL=Form.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../components/Form/Form.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,sBAAoB;AAiBpB;;;;;;;;;;;;;;;GAeG;AACI,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,GAAG,GAAG,IAAI,EACV,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,kBAAkB,GAAG,EAAE,EAAE,SAAS,CAAC;SAC9D,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iCAAM,SAAS,EAAE,OAAO,EAAE,UAAU,QAAC,QAAQ,EAAE,QAAQ,KAAM,KAAK,YAC/D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,IAAI,QAgBf;AAEF,kBAAe,YAAI,CAAC"}
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = exports.useForm = exports.Form = void 0;
7
+ var Form_1 = require("./Form");
8
+ Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
9
+ var useForm_1 = require("./useForm");
10
+ Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return useForm_1.useForm; } });
11
+ var Form_2 = require("./Form");
12
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Form_2).default; } });
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Form/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAA8C;AAArC,4FAAA,IAAI,OAAA;AACb,qCAOmB;AANjB,kGAAA,OAAO,OAAA;AAOT,+BAAiC;AAAxB,gHAAA,OAAO,OAAA"}