@xemahq/ui-kernel 0.6.0 → 0.7.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 (195) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js +1 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/lib/biome-host/define-web-biome.d.ts +3 -2
  6. package/dist/lib/biome-host/define-web-biome.d.ts.map +1 -1
  7. package/dist/lib/biome-host/define-web-biome.js +23 -1
  8. package/dist/lib/biome-host/define-web-biome.js.map +1 -1
  9. package/dist/lib/biome-host/frontend-biome.d.ts +4 -1
  10. package/dist/lib/biome-host/frontend-biome.d.ts.map +1 -1
  11. package/dist/lib/biome-host/host-bridge.d.ts +2 -0
  12. package/dist/lib/biome-host/host-bridge.d.ts.map +1 -1
  13. package/dist/lib/biome-host/host-bridge.js.map +1 -1
  14. package/dist/lib/biome-host/i18n-hooks.d.ts +4 -0
  15. package/dist/lib/biome-host/i18n-hooks.d.ts.map +1 -0
  16. package/dist/lib/biome-host/i18n-hooks.js +22 -0
  17. package/dist/lib/biome-host/i18n-hooks.js.map +1 -0
  18. package/dist/lib/biome-host/i18n-port.d.ts +15 -0
  19. package/dist/lib/biome-host/i18n-port.d.ts.map +1 -0
  20. package/dist/lib/biome-host/i18n-port.js +29 -0
  21. package/dist/lib/biome-host/i18n-port.js.map +1 -0
  22. package/dist/lib/biome-host/index.d.ts +2 -0
  23. package/dist/lib/biome-host/index.d.ts.map +1 -1
  24. package/dist/lib/biome-host/index.js +2 -0
  25. package/dist/lib/biome-host/index.js.map +1 -1
  26. package/dist/lib/biome-host/realtime-port.d.ts +1 -1
  27. package/dist/lib/biome-host/realtime-port.d.ts.map +1 -1
  28. package/dist/session-kit/approvals/approval-model.d.ts.map +1 -1
  29. package/dist/session-kit/approvals/approval-model.js.map +1 -1
  30. package/dist/ui/branding/app-branding-provider.d.ts +17 -0
  31. package/dist/ui/branding/app-branding-provider.d.ts.map +1 -0
  32. package/dist/ui/branding/app-branding-provider.js +81 -0
  33. package/dist/ui/branding/app-branding-provider.js.map +1 -0
  34. package/dist/ui/branding/sanitize.d.ts +4 -0
  35. package/dist/ui/branding/sanitize.d.ts.map +1 -0
  36. package/dist/ui/branding/sanitize.js +47 -0
  37. package/dist/ui/branding/sanitize.js.map +1 -0
  38. package/dist/ui/breakpoints.d.ts +2 -0
  39. package/dist/ui/breakpoints.d.ts.map +1 -0
  40. package/dist/ui/breakpoints.js +5 -0
  41. package/dist/ui/breakpoints.js.map +1 -0
  42. package/dist/ui/capture/document-preview.d.ts +12 -0
  43. package/dist/ui/capture/document-preview.d.ts.map +1 -0
  44. package/dist/ui/capture/document-preview.js +31 -0
  45. package/dist/ui/capture/document-preview.js.map +1 -0
  46. package/dist/ui/capture/field-spec-to-zod.d.ts +5 -0
  47. package/dist/ui/capture/field-spec-to-zod.d.ts.map +1 -0
  48. package/dist/ui/capture/field-spec-to-zod.js +71 -0
  49. package/dist/ui/capture/field-spec-to-zod.js.map +1 -0
  50. package/dist/ui/capture/field-spec.d.ts +49 -0
  51. package/dist/ui/capture/field-spec.d.ts.map +1 -0
  52. package/dist/ui/capture/field-spec.js +59 -0
  53. package/dist/ui/capture/field-spec.js.map +1 -0
  54. package/dist/ui/capture/index.d.ts +11 -0
  55. package/dist/ui/capture/index.d.ts.map +1 -0
  56. package/dist/ui/capture/index.js +31 -0
  57. package/dist/ui/capture/index.js.map +1 -0
  58. package/dist/ui/capture/schema-field-input.d.ts +20 -0
  59. package/dist/ui/capture/schema-field-input.d.ts.map +1 -0
  60. package/dist/ui/capture/schema-field-input.js +64 -0
  61. package/dist/ui/capture/schema-field-input.js.map +1 -0
  62. package/dist/ui/capture/schema-form.d.ts +18 -0
  63. package/dist/ui/capture/schema-form.d.ts.map +1 -0
  64. package/dist/ui/capture/schema-form.js +26 -0
  65. package/dist/ui/capture/schema-form.js.map +1 -0
  66. package/dist/ui/capture/use-prefill.d.ts +18 -0
  67. package/dist/ui/capture/use-prefill.d.ts.map +1 -0
  68. package/dist/ui/capture/use-prefill.js +94 -0
  69. package/dist/ui/capture/use-prefill.js.map +1 -0
  70. package/dist/ui/capture/use-schema-validation.d.ts +11 -0
  71. package/dist/ui/capture/use-schema-validation.d.ts.map +1 -0
  72. package/dist/ui/capture/use-schema-validation.js +69 -0
  73. package/dist/ui/capture/use-schema-validation.js.map +1 -0
  74. package/dist/ui/capture/use-wizard.d.ts +28 -0
  75. package/dist/ui/capture/use-wizard.d.ts.map +1 -0
  76. package/dist/ui/capture/use-wizard.js +63 -0
  77. package/dist/ui/capture/use-wizard.js.map +1 -0
  78. package/dist/ui/capture/value-format.d.ts +4 -0
  79. package/dist/ui/capture/value-format.d.ts.map +1 -0
  80. package/dist/ui/capture/value-format.js +23 -0
  81. package/dist/ui/capture/value-format.js.map +1 -0
  82. package/dist/ui/capture/wizard.d.ts +19 -0
  83. package/dist/ui/capture/wizard.d.ts.map +1 -0
  84. package/dist/ui/capture/wizard.js +34 -0
  85. package/dist/ui/capture/wizard.js.map +1 -0
  86. package/dist/ui/charts/bar-chart.d.ts +7 -0
  87. package/dist/ui/charts/bar-chart.d.ts.map +1 -0
  88. package/dist/ui/charts/bar-chart.js +47 -0
  89. package/dist/ui/charts/bar-chart.js.map +1 -0
  90. package/dist/ui/charts/chart-frame.d.ts +25 -0
  91. package/dist/ui/charts/chart-frame.d.ts.map +1 -0
  92. package/dist/ui/charts/chart-frame.js +23 -0
  93. package/dist/ui/charts/chart-frame.js.map +1 -0
  94. package/dist/ui/charts/chart-types.d.ts +19 -0
  95. package/dist/ui/charts/chart-types.d.ts.map +1 -0
  96. package/dist/ui/charts/chart-types.js +3 -0
  97. package/dist/ui/charts/chart-types.js.map +1 -0
  98. package/dist/ui/charts/chart-utils.d.ts +22 -0
  99. package/dist/ui/charts/chart-utils.d.ts.map +1 -0
  100. package/dist/ui/charts/chart-utils.js +97 -0
  101. package/dist/ui/charts/chart-utils.js.map +1 -0
  102. package/dist/ui/charts/donut-chart.d.ts +7 -0
  103. package/dist/ui/charts/donut-chart.d.ts.map +1 -0
  104. package/dist/ui/charts/donut-chart.js +55 -0
  105. package/dist/ui/charts/donut-chart.js.map +1 -0
  106. package/dist/ui/charts/index.d.ts +8 -0
  107. package/dist/ui/charts/index.d.ts.map +1 -0
  108. package/dist/ui/charts/index.js +21 -0
  109. package/dist/ui/charts/index.js.map +1 -0
  110. package/dist/ui/charts/line-chart.d.ts +7 -0
  111. package/dist/ui/charts/line-chart.d.ts.map +1 -0
  112. package/dist/ui/charts/line-chart.js +70 -0
  113. package/dist/ui/charts/line-chart.js.map +1 -0
  114. package/dist/ui/charts/sparkline.d.ts +13 -0
  115. package/dist/ui/charts/sparkline.d.ts.map +1 -0
  116. package/dist/ui/charts/sparkline.js +39 -0
  117. package/dist/ui/charts/sparkline.js.map +1 -0
  118. package/dist/ui/hooks/use-is-mobile.d.ts +2 -0
  119. package/dist/ui/hooks/use-is-mobile.d.ts.map +1 -0
  120. package/dist/ui/hooks/use-is-mobile.js +19 -0
  121. package/dist/ui/hooks/use-is-mobile.js.map +1 -0
  122. package/dist/ui/index.d.ts +7 -0
  123. package/dist/ui/index.d.ts.map +1 -1
  124. package/dist/ui/index.js +15 -1
  125. package/dist/ui/index.js.map +1 -1
  126. package/dist/ui/pdf/pdf-preview.d.ts +8 -0
  127. package/dist/ui/pdf/pdf-preview.d.ts.map +1 -0
  128. package/dist/ui/pdf/pdf-preview.js +34 -0
  129. package/dist/ui/pdf/pdf-preview.js.map +1 -0
  130. package/dist/ui/primitives/badge.d.ts +1 -1
  131. package/dist/ui/primitives/button.d.ts +1 -1
  132. package/dist/ui/primitives/preview-device-frame.d.ts +9 -0
  133. package/dist/ui/primitives/preview-device-frame.d.ts.map +1 -0
  134. package/dist/ui/primitives/preview-device-frame.js +90 -0
  135. package/dist/ui/primitives/preview-device-frame.js.map +1 -0
  136. package/dist/ui/primitives/sheet.d.ts +1 -1
  137. package/package.json +10 -8
  138. package/src/index.ts +5 -0
  139. package/src/lib/biome-host/define-web-biome.test.js +93 -0
  140. package/src/lib/biome-host/define-web-biome.ts +71 -4
  141. package/src/lib/biome-host/frontend-biome.ts +45 -4
  142. package/src/lib/biome-host/host-bridge.ts +13 -0
  143. package/src/lib/biome-host/i18n-hooks.ts +50 -0
  144. package/src/lib/biome-host/i18n-port.test.ts +50 -0
  145. package/src/lib/biome-host/i18n-port.ts +96 -0
  146. package/src/lib/biome-host/index.ts +2 -0
  147. package/src/lib/biome-host/realtime-port.ts +9 -3
  148. package/src/lib/system-bus/enums.ts +1 -1
  149. package/src/lib/system-bus/index.ts +1 -1
  150. package/src/lib/system-bus/intents.ts +1 -1
  151. package/src/session-kit/approvals/ApprovalCard.tsx +1 -1
  152. package/src/session-kit/approvals/ApprovalsCenter.tsx +2 -2
  153. package/src/session-kit/approvals/CapabilityApprovalStickyBar.tsx +1 -1
  154. package/src/session-kit/approvals/Obligation.tsx +1 -1
  155. package/src/session-kit/approvals/ScopedBody.tsx +1 -1
  156. package/src/session-kit/approvals/approval-model.ts +7 -8
  157. package/src/session-kit/approvals/index.ts +1 -1
  158. package/src/session-kit/approvals/obligation-display.ts +1 -1
  159. package/src/session-kit/approvals/risk-accent.ts +1 -1
  160. package/src/session-kit/combobox/Combobox.tsx +1 -1
  161. package/src/session-kit/display/MessageTurn.tsx +1 -1
  162. package/src/session-kit/display/TokenMeter.tsx +1 -1
  163. package/src/session-kit/index.ts +3 -3
  164. package/src/session-kit/lib/enums.ts +1 -1
  165. package/src/session-kit/lib/status-dot.ts +1 -1
  166. package/src/session-kit/primitives/RiskPill.tsx +1 -1
  167. package/src/ui/branding/app-branding-provider.tsx +146 -0
  168. package/src/ui/branding/sanitize.ts +77 -0
  169. package/src/ui/breakpoints.ts +14 -0
  170. package/src/ui/capture/document-preview.tsx +101 -0
  171. package/src/ui/capture/field-spec-to-zod.test.ts +59 -0
  172. package/src/ui/capture/field-spec-to-zod.ts +93 -0
  173. package/src/ui/capture/field-spec.test.ts +49 -0
  174. package/src/ui/capture/field-spec.ts +160 -0
  175. package/src/ui/capture/index.ts +43 -0
  176. package/src/ui/capture/schema-field-input.tsx +186 -0
  177. package/src/ui/capture/schema-form.tsx +108 -0
  178. package/src/ui/capture/use-prefill.ts +150 -0
  179. package/src/ui/capture/use-schema-validation.ts +113 -0
  180. package/src/ui/capture/use-wizard.ts +134 -0
  181. package/src/ui/capture/value-format.ts +22 -0
  182. package/src/ui/capture/wizard.tsx +100 -0
  183. package/src/ui/charts/bar-chart.tsx +135 -0
  184. package/src/ui/charts/chart-frame.tsx +112 -0
  185. package/src/ui/charts/chart-types.ts +52 -0
  186. package/src/ui/charts/chart-utils.ts +158 -0
  187. package/src/ui/charts/charts.test.tsx +204 -0
  188. package/src/ui/charts/donut-chart.tsx +111 -0
  189. package/src/ui/charts/index.ts +27 -0
  190. package/src/ui/charts/line-chart.tsx +180 -0
  191. package/src/ui/charts/sparkline.tsx +101 -0
  192. package/src/ui/hooks/use-is-mobile.ts +28 -0
  193. package/src/ui/index.ts +25 -0
  194. package/src/ui/pdf/pdf-preview.tsx +122 -0
  195. package/src/ui/primitives/preview-device-frame.tsx +205 -0
@@ -0,0 +1,69 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useSchemaValidation = useSchemaValidation;
4
+ const react_1 = require("react");
5
+ const field_spec_1 = require("./field-spec");
6
+ const field_spec_to_zod_1 = require("./field-spec-to-zod");
7
+ function isZodSchema(input) {
8
+ return typeof input?.safeParse === 'function';
9
+ }
10
+ function sweepMissing(fields, values, prefix = '') {
11
+ const missing = [];
12
+ for (const field of fields) {
13
+ const path = prefix ? `${prefix}.${field.key}` : field.key;
14
+ const value = values?.[field.key];
15
+ if (field.type === field_spec_1.CaptureFieldType.Object) {
16
+ if (field.required && (0, field_spec_to_zod_1.isEmptyValue)(value))
17
+ missing.push(path);
18
+ if (value && typeof value === 'object' && !Array.isArray(value)) {
19
+ missing.push(...sweepMissing(field.fields ?? [], value, path));
20
+ }
21
+ continue;
22
+ }
23
+ if (field.type === field_spec_1.CaptureFieldType.List) {
24
+ if (field.required && (0, field_spec_to_zod_1.isEmptyValue)(value))
25
+ missing.push(path);
26
+ if (Array.isArray(value)) {
27
+ value.forEach((item, i) => {
28
+ if (item && typeof item === 'object') {
29
+ missing.push(...sweepMissing(field.fields ?? [], item, `${path}.${i}`));
30
+ }
31
+ });
32
+ }
33
+ continue;
34
+ }
35
+ if (field.required && (0, field_spec_to_zod_1.isEmptyValue)(value))
36
+ missing.push(path);
37
+ }
38
+ return missing;
39
+ }
40
+ function useSchemaValidation(input, values) {
41
+ const fields = (0, react_1.useMemo)(() => (isZodSchema(input) ? null : (0, field_spec_1.toFieldList)(input)), [input]);
42
+ const schema = (0, react_1.useMemo)(() => (isZodSchema(input) ? input : (0, field_spec_to_zod_1.fieldSpecToZod)(input)), [input]);
43
+ return (0, react_1.useMemo)(() => {
44
+ const errors = {};
45
+ const result = schema.safeParse(values);
46
+ if (!result.success) {
47
+ for (const issue of result.error.issues) {
48
+ const path = issue.path.map(String).join('.');
49
+ if (!(path in errors))
50
+ errors[path] = issue.message;
51
+ }
52
+ }
53
+ const missingRequired = fields
54
+ ? sweepMissing(fields, values)
55
+ : Object.keys(errors).filter((path) => {
56
+ const segments = path.split('.');
57
+ let cur = values;
58
+ for (const seg of segments)
59
+ cur = cur?.[seg];
60
+ return (0, field_spec_to_zod_1.isEmptyValue)(cur);
61
+ });
62
+ return {
63
+ errors,
64
+ missingRequired,
65
+ isValid: Object.keys(errors).length === 0 && missingRequired.length === 0,
66
+ };
67
+ }, [schema, fields, values]);
68
+ }
69
+ //# sourceMappingURL=use-schema-validation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-schema-validation.js","sourceRoot":"","sources":["../../../src/ui/capture/use-schema-validation.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,28 @@
1
+ import { FormStepStatus } from '../primitives/form-stepper';
2
+ export interface WizardStepDef {
3
+ readonly key: string;
4
+ readonly label: string;
5
+ readonly hint?: string;
6
+ }
7
+ export interface UseWizardOptions {
8
+ readonly steps: readonly WizardStepDef[];
9
+ readonly canAdvance?: (index: number) => boolean;
10
+ readonly initialStep?: number;
11
+ readonly step?: number;
12
+ readonly onStepChange?: (index: number) => void;
13
+ }
14
+ export interface WizardApi {
15
+ readonly steps: readonly WizardStepDef[];
16
+ readonly activeIndex: number;
17
+ readonly activeStep: WizardStepDef;
18
+ readonly isFirst: boolean;
19
+ readonly isLast: boolean;
20
+ readonly canAdvance: boolean;
21
+ readonly progress: number;
22
+ readonly next: () => void;
23
+ readonly prev: () => void;
24
+ readonly goTo: (index: number) => void;
25
+ readonly status: (index: number) => FormStepStatus;
26
+ }
27
+ export declare function useWizard(options: UseWizardOptions): WizardApi;
28
+ //# sourceMappingURL=use-wizard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-wizard.d.ts","sourceRoot":"","sources":["../../../src/ui/capture/use-wizard.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IAMzC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAEjD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAC;IACzC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,aAAa,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IAEzB,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;IAE7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC;IAE1B,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC,QAAQ,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;CACpD;AAaD,wBAAgB,SAAS,CAAC,OAAO,EAAE,gBAAgB,GAAG,SAAS,CAsE9D"}
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useWizard = useWizard;
4
+ const react_1 = require("react");
5
+ const form_stepper_1 = require("../primitives/form-stepper");
6
+ function useWizard(options) {
7
+ const { steps, canAdvance, initialStep = 0, step, onStepChange } = options;
8
+ const count = steps.length;
9
+ const clamp = (0, react_1.useCallback)((i) => Math.max(0, Math.min(count - 1, i)), [count]);
10
+ const isControlled = step !== undefined;
11
+ const [internal, setInternal] = (0, react_1.useState)(() => clamp(initialStep));
12
+ const activeIndex = clamp(isControlled ? step : internal);
13
+ const gate = (0, react_1.useCallback)((i) => (canAdvance ? canAdvance(i) : true), [canAdvance]);
14
+ const request = (0, react_1.useCallback)((target) => {
15
+ const next = clamp(target);
16
+ if (next === activeIndex)
17
+ return;
18
+ onStepChange?.(next);
19
+ if (!isControlled)
20
+ setInternal(next);
21
+ }, [activeIndex, clamp, isControlled, onStepChange]);
22
+ const goTo = (0, react_1.useCallback)((index) => {
23
+ const target = clamp(index);
24
+ if (target <= activeIndex) {
25
+ request(target);
26
+ return;
27
+ }
28
+ for (let i = activeIndex; i < target; i += 1) {
29
+ if (!gate(i))
30
+ return;
31
+ }
32
+ request(target);
33
+ }, [activeIndex, clamp, gate, request]);
34
+ const next = (0, react_1.useCallback)(() => {
35
+ if (activeIndex >= count - 1)
36
+ return;
37
+ if (!gate(activeIndex))
38
+ return;
39
+ request(activeIndex + 1);
40
+ }, [activeIndex, count, gate, request]);
41
+ const prev = (0, react_1.useCallback)(() => request(activeIndex - 1), [activeIndex, request]);
42
+ const status = (0, react_1.useCallback)((index) => {
43
+ if (index < activeIndex)
44
+ return form_stepper_1.FormStepStatus.DONE;
45
+ if (index === activeIndex)
46
+ return form_stepper_1.FormStepStatus.ACTIVE;
47
+ return form_stepper_1.FormStepStatus.PENDING;
48
+ }, [activeIndex]);
49
+ return (0, react_1.useMemo)(() => ({
50
+ steps,
51
+ activeIndex,
52
+ activeStep: steps[activeIndex],
53
+ isFirst: activeIndex === 0,
54
+ isLast: activeIndex === count - 1,
55
+ canAdvance: gate(activeIndex),
56
+ progress: count <= 1 ? 1 : activeIndex / (count - 1),
57
+ next,
58
+ prev,
59
+ goTo,
60
+ status,
61
+ }), [steps, activeIndex, count, gate, next, prev, goTo, status]);
62
+ }
63
+ //# sourceMappingURL=use-wizard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-wizard.js","sourceRoot":"","sources":["../../../src/ui/capture/use-wizard.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import { type CaptureFieldSpec } from './field-spec';
2
+ export declare function asString(value: unknown): string;
3
+ export declare function formatScalar(field: CaptureFieldSpec, value: unknown, emptyText: string): string;
4
+ //# sourceMappingURL=value-format.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"value-format.d.ts","sourceRoot":"","sources":["../../../src/ui/capture/value-format.ts"],"names":[],"mappings":"AAGA,OAAO,EAAoB,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGvE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAI/C;AAGD,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAQ/F"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.asString = asString;
4
+ exports.formatScalar = formatScalar;
5
+ const field_spec_1 = require("./field-spec");
6
+ function asString(value) {
7
+ if (typeof value === 'string')
8
+ return value;
9
+ if (value === undefined || value === null)
10
+ return '';
11
+ return String(value);
12
+ }
13
+ function formatScalar(field, value, emptyText) {
14
+ if (value === undefined || value === null || value === '')
15
+ return emptyText;
16
+ switch (field.type) {
17
+ case field_spec_1.CaptureFieldType.Boolean:
18
+ return value === true ? 'Yes' : 'No';
19
+ default:
20
+ return asString(value);
21
+ }
22
+ }
23
+ //# sourceMappingURL=value-format.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"value-format.js","sourceRoot":"","sources":["../../../src/ui/capture/value-format.ts"],"names":[],"mappings":";;AAMA,4BAIC;AAGD,oCAQC;AAlBD,6CAAuE;AAGvE,SAAgB,QAAQ,CAAC,KAAc;IACrC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5C,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,EAAE,CAAC;IACrD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC;AAGD,SAAgB,YAAY,CAAC,KAAuB,EAAE,KAAc,EAAE,SAAiB;IACrF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,SAAS,CAAC;IAC5E,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,6BAAgB,CAAC,OAAO;YAC3B,OAAO,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACvC;YACE,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { type ReactNode } from 'react';
2
+ import type { WizardApi } from './use-wizard';
3
+ export interface WizardStepProps {
4
+ readonly stepKey: string;
5
+ readonly children: ReactNode;
6
+ }
7
+ export declare function WizardStep(_props: WizardStepProps): null;
8
+ export interface WizardProps {
9
+ readonly api: WizardApi;
10
+ readonly children: ReactNode;
11
+ readonly onFinish?: () => void;
12
+ readonly nextLabel?: string;
13
+ readonly backLabel?: string;
14
+ readonly finishLabel?: string;
15
+ readonly hideNav?: boolean;
16
+ readonly className?: string;
17
+ }
18
+ export declare function Wizard({ api, children, onFinish, nextLabel, backLabel, finishLabel, hideNav, className, }: WizardProps): import("react").JSX.Element;
19
+ //# sourceMappingURL=wizard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wizard.d.ts","sourceRoot":"","sources":["../../../src/ui/capture/wizard.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAMD,wBAAgB,UAAU,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAGxD;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAE7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAE9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAaD,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAsB,EACtB,SAAkB,EAClB,WAAsB,EACtB,OAAe,EACf,SAAS,GACV,EAAE,WAAW,+BAmCb"}
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.WizardStep = WizardStep;
4
+ exports.Wizard = Wizard;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const react_1 = require("react");
7
+ const cn_1 = require("../cn");
8
+ const button_1 = require("../primitives/button");
9
+ const form_stepper_1 = require("../primitives/form-stepper");
10
+ function WizardStep(_props) {
11
+ return null;
12
+ }
13
+ function stepBodies(children) {
14
+ const map = new Map();
15
+ react_1.Children.forEach(children, (child) => {
16
+ if ((0, react_1.isValidElement)(child) && child.props?.stepKey) {
17
+ const p = child.props;
18
+ map.set(p.stepKey, p.children);
19
+ }
20
+ });
21
+ return map;
22
+ }
23
+ function Wizard({ api, children, onFinish, nextLabel = 'Continue', backLabel = 'Back', finishLabel = 'Finish', hideNav = false, className, }) {
24
+ const bodies = stepBodies(children);
25
+ const formSteps = api.steps.map((step, index) => ({
26
+ key: step.key,
27
+ label: step.label,
28
+ hint: step.hint,
29
+ status: api.status(index),
30
+ children: index === api.activeIndex ? bodies.get(step.key) ?? null : null,
31
+ }));
32
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('space-y-5', className), children: [(0, jsx_runtime_1.jsx)(form_stepper_1.FormStepper, { steps: formSteps }), !hideNav && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2 border-t border-rule pt-4", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { variant: "ghost", onClick: api.prev, disabled: api.isFirst, children: backLabel }), api.isLast ? ((0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onFinish, disabled: !api.canAdvance, children: finishLabel })) : ((0, jsx_runtime_1.jsx)(button_1.Button, { onClick: api.next, disabled: !api.canAdvance, children: nextLabel }))] }))] }));
33
+ }
34
+ //# sourceMappingURL=wizard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wizard.js","sourceRoot":"","sources":["../../../src/ui/capture/wizard.tsx"],"names":[],"mappings":";;AA0BA,gCAGC;AA0BD,wBA4CC;;AA3FD,iCAAoF;AAEpF,8BAA2B;AAC3B,iDAA8C;AAC9C,6DAAwE;AAcxE,SAAgB,UAAU,CAAC,MAAuB;IAEhD,OAAO,IAAI,CAAC;AACd,CAAC;AAeD,SAAS,UAAU,CAAC,QAAmB;IACrC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAqB,CAAC;IACzC,gBAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnC,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAK,KAAuC,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC;YACrF,MAAM,CAAC,GAAI,KAAuC,CAAC,KAAK,CAAC;YACzD,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAgB,MAAM,CAAC,EACrB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,UAAU,EACtB,SAAS,GAAG,MAAM,EAClB,WAAW,GAAG,QAAQ,EACtB,OAAO,GAAG,KAAK,EACf,SAAS,GACG;IACZ,MAAM,MAAM,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,SAAS,GAAe,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAC5D,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC;QAGzB,QAAQ,EAAE,KAAK,KAAK,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI;KAC1E,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,WAAW,EAAE,SAAS,CAAC,aACxC,uBAAC,0BAAW,IAAC,KAAK,EAAE,SAAS,GAAI,EAEhC,CAAC,OAAO,IAAI,CACX,iCAAK,SAAS,EAAC,mEAAmE,aAChF,uBAAC,eAAM,IAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,CAAC,OAAO,YAC7D,SAAS,GACH,EACR,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CACZ,uBAAC,eAAM,IAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,UAAU,YACjD,WAAW,GACL,CACV,CAAC,CAAC,CAAC,CACF,uBAAC,eAAM,IAAC,OAAO,EAAE,GAAG,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,UAAU,YACjD,SAAS,GACH,CACV,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,7 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { ChartBaseProps, ChartDatum } from './chart-types';
3
+ export interface BarChartProps extends ChartBaseProps {
4
+ readonly data: readonly ChartDatum[];
5
+ }
6
+ export declare function BarChart({ data, title, ariaLabel, formatValue, className, emptyLabel, }: BarChartProps): ReactNode;
7
+ //# sourceMappingURL=bar-chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqBhE,MAAM,WAAW,aAAc,SAAQ,cAAc;IAEnD,QAAQ,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAsB,GACvB,EAAE,aAAa,GAAG,SAAS,CA+F3B"}
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.BarChart = BarChart;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const chart_frame_1 = require("./chart-frame");
6
+ const chart_utils_1 = require("./chart-utils");
7
+ const VIEW_W = 640;
8
+ const VIEW_H = 360;
9
+ const PAD = { top: 12, right: 12, bottom: 44, left: 48 };
10
+ const PLOT_L = PAD.left;
11
+ const PLOT_R = VIEW_W - PAD.right;
12
+ const PLOT_T = PAD.top;
13
+ const PLOT_B = VIEW_H - PAD.bottom;
14
+ const PLOT_W = PLOT_R - PLOT_L;
15
+ const PLOT_H = PLOT_B - PLOT_T;
16
+ function BarChart({ data, title, ariaLabel, formatValue, className, emptyLabel = 'No data', }) {
17
+ const format = formatValue ?? chart_utils_1.defaultFormatValue;
18
+ const points = (0, chart_utils_1.finitePoints)(data);
19
+ if (points.length === 0) {
20
+ return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartEmpty, { title: title, label: emptyLabel, className: className });
21
+ }
22
+ const values = points.map((p) => p.value);
23
+ const scale = (0, chart_utils_1.niceScale)(Math.min(...values), Math.max(...values));
24
+ const span = scale.max - scale.min;
25
+ const yToPx = (v) => PLOT_B - ((v - scale.min) / span) * PLOT_H;
26
+ const baseline = yToPx(0);
27
+ const band = PLOT_W / points.length;
28
+ const barW = Math.min(band * 0.62, 72);
29
+ const legend = points.map((p, i) => ({
30
+ label: p.label,
31
+ value: format(p.value),
32
+ color: (0, chart_utils_1.chartColorAt)(i, p.color),
33
+ }));
34
+ const summary = ariaLabel ?? (0, chart_utils_1.buildAriaSummary)(title, points, format, 'bar');
35
+ const plot = ((0, jsx_runtime_1.jsxs)("svg", { role: "img", "aria-label": summary, width: "100%", viewBox: `0 0 ${VIEW_W} ${VIEW_H}`, preserveAspectRatio: "xMidYMid meet", className: "block h-auto w-full overflow-visible text-ink-4", children: [scale.ticks.map((t) => {
36
+ const y = yToPx(t);
37
+ return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("line", { x1: PLOT_L, x2: PLOT_R, y1: y, y2: y, stroke: "currentColor", strokeOpacity: t === 0 ? 0.35 : 0.12 }), (0, jsx_runtime_1.jsx)("text", { x: PLOT_L - 8, y: y, textAnchor: "end", dominantBaseline: "middle", fontSize: 12, fill: "currentColor", children: format(t) })] }, `y-${t}`));
38
+ }), points.map((p, i) => {
39
+ const cx = PLOT_L + band * i + band / 2;
40
+ const yv = yToPx(p.value);
41
+ const top = Math.min(yv, baseline);
42
+ const h = Math.max(1, Math.abs(baseline - yv));
43
+ return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("rect", { x: cx - barW / 2, y: top, width: barW, height: h, rx: 3, fill: (0, chart_utils_1.chartColorAt)(i, p.color), children: (0, jsx_runtime_1.jsx)("title", { children: `${p.label}: ${format(p.value)}` }) }), (0, jsx_runtime_1.jsx)("text", { x: cx, y: PLOT_B + 16, textAnchor: "middle", fontSize: 12, fill: "currentColor", children: p.label })] }, `bar-${p.label}-${i}`));
44
+ })] }));
45
+ return (0, jsx_runtime_1.jsx)(chart_frame_1.ChartFrame, { plot: plot, legend: legend, className: className });
46
+ }
47
+ //# sourceMappingURL=bar-chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,25 @@
1
+ import type { ReactNode } from 'react';
2
+ export interface ChartLegendItem {
3
+ readonly label: string;
4
+ readonly color: string;
5
+ readonly value?: string;
6
+ }
7
+ interface ChartLegendProps {
8
+ readonly items: readonly ChartLegendItem[];
9
+ readonly layout: 'beside' | 'below';
10
+ }
11
+ export declare function ChartLegend({ items, layout }: ChartLegendProps): ReactNode;
12
+ interface ChartFrameProps {
13
+ readonly plot: ReactNode;
14
+ readonly legend: readonly ChartLegendItem[];
15
+ readonly className?: string;
16
+ }
17
+ export declare function ChartFrame({ plot, legend, className }: ChartFrameProps): ReactNode;
18
+ interface ChartEmptyProps {
19
+ readonly title: string;
20
+ readonly label: string;
21
+ readonly className?: string;
22
+ }
23
+ export declare function ChartEmpty({ title, label, className }: ChartEmptyProps): ReactNode;
24
+ export {};
25
+ //# sourceMappingURL=chart-frame.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAE3C,QAAQ,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC;CACrC;AAMD,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,SAAS,CA0B1E;AAED,UAAU,eAAe;IAEvB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,MAAM,EAAE,SAAS,eAAe,EAAE,CAAC;IAC5C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CAelF;AAED,UAAU,eAAe;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAOD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,SAAS,CAalF"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ChartLegend = ChartLegend;
4
+ exports.ChartFrame = ChartFrame;
5
+ exports.ChartEmpty = ChartEmpty;
6
+ const jsx_runtime_1 = require("react/jsx-runtime");
7
+ const cn_1 = require("../cn");
8
+ const use_is_mobile_1 = require("../hooks/use-is-mobile");
9
+ function ChartLegend({ items, layout }) {
10
+ if (items.length === 0)
11
+ return null;
12
+ return ((0, jsx_runtime_1.jsx)("ul", { className: (0, cn_1.cn)('m-0 list-none p-0 text-body-2 text-ink-3', layout === 'below'
13
+ ? 'flex flex-row flex-wrap gap-x-4 gap-y-1.5'
14
+ : 'flex flex-col gap-1.5'), children: items.map((item, i) => ((0, jsx_runtime_1.jsxs)("li", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", className: "inline-block h-2.5 w-2.5 shrink-0 rounded-sm", style: { backgroundColor: item.color } }), (0, jsx_runtime_1.jsx)("span", { className: "text-ink-3", children: item.label }), item.value !== undefined && ((0, jsx_runtime_1.jsx)("span", { className: "ml-auto font-medium tabular-nums text-ink", children: item.value }))] }, `${item.label}-${i}`))) }));
15
+ }
16
+ function ChartFrame({ plot, legend, className }) {
17
+ const isMobile = (0, use_is_mobile_1.useIsMobile)();
18
+ return ((0, jsx_runtime_1.jsx)("div", { className: (0, cn_1.cn)('w-full min-w-0 text-ink-3', className), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, cn_1.cn)('flex min-w-0 gap-4', isMobile ? 'flex-col' : 'flex-row items-start'), children: [(0, jsx_runtime_1.jsx)("div", { className: "min-w-0 flex-1", children: plot }), (0, jsx_runtime_1.jsx)(ChartLegend, { items: legend, layout: isMobile ? 'below' : 'beside' })] }) }));
19
+ }
20
+ function ChartEmpty({ title, label, className }) {
21
+ return ((0, jsx_runtime_1.jsx)("div", { role: "img", "aria-label": `${title}: ${label}`, className: (0, cn_1.cn)('flex w-full items-center justify-center rounded-lg border border-dashed border-border/60 bg-muted/20 px-4 py-10 text-body-2 text-ink-4', className), children: label }));
22
+ }
23
+ //# sourceMappingURL=chart-frame.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-frame.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-frame.tsx"],"names":[],"mappings":";;AA8BA,kCA0BC;AAcD,gCAeC;AAaD,gCAaC;;AArGD,8BAA2B;AAC3B,0DAAqD;AAmBrD,SAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAoB;IAC7D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,OAAE,EACX,0CAA0C,EAC1C,MAAM,KAAK,OAAO;YAChB,CAAC,CAAC,2CAA2C;YAC7C,CAAC,CAAC,uBAAuB,CAC5B,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,gCAA+B,SAAS,EAAC,yBAAyB,aAChE,gDACc,MAAM,EAClB,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,EAAE,GACtC,EACF,iCAAM,SAAS,EAAC,YAAY,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC/C,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,iCAAM,SAAS,EAAC,2CAA2C,YAAE,IAAI,CAAC,KAAK,GAAQ,CAChF,KATM,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAUxB,CACN,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAcD,SAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAmB;IACrE,MAAM,QAAQ,GAAG,IAAA,2BAAW,GAAE,CAAC;IAC/B,OAAO,CACL,gCAAK,SAAS,EAAE,IAAA,OAAE,EAAC,2BAA2B,EAAE,SAAS,CAAC,YACxD,iCACE,SAAS,EAAE,IAAA,OAAE,EACX,oBAAoB,EACpB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAC/C,aAED,gCAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,EAC5C,uBAAC,WAAW,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAI,IACjE,GACF,CACP,CAAC;AACJ,CAAC;AAaD,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAmB;IACrE,OAAO,CACL,gCACE,IAAI,EAAC,KAAK,gBACE,GAAG,KAAK,KAAK,KAAK,EAAE,EAChC,SAAS,EAAE,IAAA,OAAE,EACX,wIAAwI,EACxI,SAAS,CACV,YAEA,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,19 @@
1
+ export interface ChartDatum {
2
+ readonly label: string;
3
+ readonly value: number;
4
+ readonly color?: string;
5
+ }
6
+ export interface ChartLineSeries {
7
+ readonly name: string;
8
+ readonly points: readonly ChartDatum[];
9
+ readonly color?: string;
10
+ }
11
+ export type ChartValueFormatter = (value: number) => string;
12
+ export interface ChartBaseProps {
13
+ readonly title: string;
14
+ readonly ariaLabel?: string;
15
+ readonly formatValue?: ChartValueFormatter;
16
+ readonly className?: string;
17
+ readonly emptyLabel?: string;
18
+ }
19
+ //# sourceMappingURL=chart-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-types.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-types.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,UAAU;IAEzB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAKvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAEvC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAG5D,MAAM,WAAW,cAAc;IAK7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAKvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAE3C,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=chart-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-types.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,22 @@
1
+ import type { ChartDatum, ChartValueFormatter } from './chart-types';
2
+ export declare const CHART_PALETTE: readonly string[];
3
+ export declare function chartColorAt(index: number, override?: string): string;
4
+ export declare function defaultFormatValue(value: number): string;
5
+ export interface FiniteDatum {
6
+ readonly label: string;
7
+ readonly value: number;
8
+ readonly color?: string;
9
+ }
10
+ export declare function finitePoints(points: readonly ChartDatum[]): FiniteDatum[];
11
+ export interface NiceScale {
12
+ readonly min: number;
13
+ readonly max: number;
14
+ readonly ticks: readonly number[];
15
+ }
16
+ export interface NiceScaleOptions {
17
+ readonly pinZero?: boolean;
18
+ readonly maxTicks?: number;
19
+ }
20
+ export declare function niceScale(dataMin: number, dataMax: number, options?: NiceScaleOptions): NiceScale;
21
+ export declare function buildAriaSummary(title: string, points: readonly FiniteDatum[], format: ChartValueFormatter, noun: string, maxItems?: number): string;
22
+ //# sourceMappingURL=chart-utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAUrE,eAAO,MAAM,aAAa,EAAE,SAAS,MAAM,EAS1C,CAAC;AAGF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAGrE;AAOD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIxD;AAGD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,GAAG,WAAW,EAAE,CAQzE;AA4BD,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAM/B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAQD,wBAAgB,SAAS,CACvB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,OAAO,GAAE,gBAAqB,GAC7B,SAAS,CAkBX;AAUD,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,WAAW,EAAE,EAC9B,MAAM,EAAE,mBAAmB,EAC3B,IAAI,EAAE,MAAM,EACZ,QAAQ,SAAI,GACX,MAAM,CAOR"}
@@ -0,0 +1,97 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.CHART_PALETTE = void 0;
4
+ exports.chartColorAt = chartColorAt;
5
+ exports.defaultFormatValue = defaultFormatValue;
6
+ exports.finitePoints = finitePoints;
7
+ exports.niceScale = niceScale;
8
+ exports.buildAriaSummary = buildAriaSummary;
9
+ exports.CHART_PALETTE = [
10
+ 'var(--app-primary-color, var(--chart-1, #00A4EF))',
11
+ 'var(--chart-2, #7FBA00)',
12
+ 'var(--chart-3, #FFB900)',
13
+ 'var(--chart-4, #F25022)',
14
+ 'var(--chart-5, #8B5CF6)',
15
+ 'var(--chart-6, #EC4899)',
16
+ 'var(--chart-7, #06B6D4)',
17
+ 'var(--chart-8, #F59E0B)',
18
+ ];
19
+ function chartColorAt(index, override) {
20
+ if (override !== undefined && override.length > 0)
21
+ return override;
22
+ return exports.CHART_PALETTE[index % exports.CHART_PALETTE.length];
23
+ }
24
+ function defaultFormatValue(value) {
25
+ if (!Number.isFinite(value))
26
+ return '—';
27
+ if (Number.isInteger(value))
28
+ return String(value);
29
+ return String(Number(value.toFixed(2)));
30
+ }
31
+ function finitePoints(points) {
32
+ const out = [];
33
+ for (const p of points) {
34
+ if (Number.isFinite(p.value)) {
35
+ out.push({ label: p.label, value: p.value, color: p.color });
36
+ }
37
+ }
38
+ return out;
39
+ }
40
+ function niceNum(range, round) {
41
+ const exponent = Math.floor(Math.log10(range));
42
+ const pow = Math.pow(10, exponent);
43
+ const fraction = range / pow;
44
+ let niceFraction;
45
+ if (round) {
46
+ if (fraction < 1.5)
47
+ niceFraction = 1;
48
+ else if (fraction < 3)
49
+ niceFraction = 2;
50
+ else if (fraction < 7)
51
+ niceFraction = 5;
52
+ else
53
+ niceFraction = 10;
54
+ }
55
+ else {
56
+ if (fraction <= 1)
57
+ niceFraction = 1;
58
+ else if (fraction <= 2)
59
+ niceFraction = 2;
60
+ else if (fraction <= 5)
61
+ niceFraction = 5;
62
+ else
63
+ niceFraction = 10;
64
+ }
65
+ return niceFraction * pow;
66
+ }
67
+ function tidy(value) {
68
+ return Number(value.toPrecision(12));
69
+ }
70
+ function niceScale(dataMin, dataMax, options = {}) {
71
+ const pinZero = options.pinZero ?? true;
72
+ const maxTicks = options.maxTicks ?? 5;
73
+ let lo = pinZero ? Math.min(0, dataMin) : dataMin;
74
+ let hi = pinZero ? Math.max(0, dataMax) : dataMax;
75
+ if (lo === hi) {
76
+ hi = lo + 1;
77
+ }
78
+ const ticks = [];
79
+ const range = niceNum(hi - lo, false);
80
+ const step = niceNum(range / Math.max(1, maxTicks - 1), true);
81
+ const niceMin = Math.floor(lo / step) * step;
82
+ const niceMax = Math.ceil(hi / step) * step;
83
+ for (let v = niceMin; v <= niceMax + step * 0.5; v += step) {
84
+ ticks.push(tidy(v));
85
+ }
86
+ return { min: tidy(niceMin), max: tidy(niceMax), ticks };
87
+ }
88
+ function buildAriaSummary(title, points, format, noun, maxItems = 8) {
89
+ if (points.length === 0)
90
+ return `${title}: no data.`;
91
+ const shown = points.slice(0, maxItems);
92
+ const pairs = shown.map((p) => `${p.label} ${format(p.value)}`).join(', ');
93
+ const suffix = points.length > maxItems ? `, and ${points.length - maxItems} more` : '';
94
+ const count = points.length === 1 ? `1 ${noun}` : `${points.length} ${noun}s`;
95
+ return `${title}: ${count}. ${pairs}${suffix}.`;
96
+ }
97
+ //# sourceMappingURL=chart-utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart-utils.js","sourceRoot":"","sources":["../../../src/ui/charts/chart-utils.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import type { ReactNode } from 'react';
2
+ import type { ChartBaseProps, ChartDatum } from './chart-types';
3
+ export interface DonutChartProps extends ChartBaseProps {
4
+ readonly data: readonly ChartDatum[];
5
+ }
6
+ export declare function DonutChart({ data, title, ariaLabel, formatValue, className, emptyLabel, }: DonutChartProps): ReactNode;
7
+ //# sourceMappingURL=donut-chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"donut-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/donut-chart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUhE,MAAM,WAAW,eAAgB,SAAQ,cAAc;IAErD,QAAQ,CAAC,IAAI,EAAE,SAAS,UAAU,EAAE,CAAC;CACtC;AAuBD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAsB,GACvB,EAAE,eAAe,GAAG,SAAS,CAyD7B"}