@spear-ai/spectral 1.9.0 → 1.10.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 (237) hide show
  1. package/README.md +6 -5
  2. package/dist/.js +112 -239
  3. package/dist/Accordion-CDXdSAST.js +363 -0
  4. package/dist/Accordion.js +3 -498
  5. package/dist/Alert/AlertBase.js +69 -152
  6. package/dist/Alert.js +58 -106
  7. package/dist/AnimatePresence-D-9jXfgI.js +178 -0
  8. package/dist/App.js +6 -6
  9. package/dist/Avatar.js +83 -65
  10. package/dist/Badge.d.ts +1 -3
  11. package/dist/Badge.js +21 -25
  12. package/dist/Button.js +102 -178
  13. package/dist/ButtonGroup/ButtonGroupButton.js +38 -40
  14. package/dist/ButtonGroup.js +55 -59
  15. package/dist/ButtonIcon.js +58 -134
  16. package/dist/Calendar-s4lyijkn.js +3109 -0
  17. package/dist/Checkbox/CheckboxBase.js +94 -126
  18. package/dist/Checkbox.d.ts +1 -1
  19. package/dist/Checkbox.js +40 -105
  20. package/dist/Combobox/ComboboxBase.js +2 -79
  21. package/dist/Combobox.js +106 -172
  22. package/dist/ComboboxBase-D8Nf4xC-.js +491 -0
  23. package/dist/ControlGroup/ControlGroupSelect.d.ts +1 -1
  24. package/dist/ControlGroup/ControlGroupSelect.js +85 -101
  25. package/dist/ControlGroup.js +45 -48
  26. package/dist/DataCard/Card.js +37 -12
  27. package/dist/DataCard.d.ts +1 -1
  28. package/dist/DataCard.js +36 -16
  29. package/dist/DateTimePicker/Calendar.js +2 -2967
  30. package/dist/DateTimePicker/DateTimeDisplayInput.d.ts +1 -1
  31. package/dist/DateTimePicker/DateTimeDisplayInput.js +379 -274
  32. package/dist/DateTimePicker/DateTimeInput.d.ts +5 -3
  33. package/dist/DateTimePicker/DateTimeInput.js +133 -88
  34. package/dist/DateTimePicker/DateTimeUtils.js +2 -2193
  35. package/dist/DateTimePicker/TimePeriodSelect.d.ts +1 -1
  36. package/dist/DateTimePicker/TimePeriodSelect.js +45 -20
  37. package/dist/DateTimePicker/TimePicker.d.ts +1 -1
  38. package/dist/DateTimePicker/TimePicker.js +76 -60
  39. package/dist/DateTimePicker.d.ts +2 -2
  40. package/dist/DateTimePicker.js +87 -205
  41. package/dist/DateTimeUtils-DVvG6H-p.js +2098 -0
  42. package/dist/Dialog.js +74 -74
  43. package/dist/Drawer.js +67 -37
  44. package/dist/HoverCard-CYDsIiVK.js +201 -0
  45. package/dist/HoverCard.d.ts +1 -1
  46. package/dist/HoverCard.js +2 -218
  47. package/dist/Icons/AnalyzeIcon.js +50 -57
  48. package/dist/Icons/AnnotationsIcon.js +20 -15
  49. package/dist/Icons/ApprovedIcon.js +26 -18
  50. package/dist/Icons/ArrowDownIcon.js +20 -6
  51. package/dist/Icons/ArrowUpIcon.js +20 -6
  52. package/dist/Icons/BoxToolIcon.js +17 -12
  53. package/dist/Icons/CalendarIcon.js +43 -20
  54. package/dist/Icons/CheckCircleIcon.js +26 -10
  55. package/dist/Icons/CheckSquareIcon.js +26 -10
  56. package/dist/Icons/CheckmarkIcon.js +22 -9
  57. package/dist/Icons/ChevronDownIcon.js +22 -9
  58. package/dist/Icons/ChevronUpIcon.js +22 -9
  59. package/dist/Icons/ClockIcon.js +26 -18
  60. package/dist/Icons/CloseCircleIcon.js +26 -10
  61. package/dist/Icons/CloseIcon.js +18 -9
  62. package/dist/Icons/DashboardIcon.js +36 -10
  63. package/dist/Icons/DatabaseIcon.js +36 -19
  64. package/dist/Icons/DeleteIcon.js +36 -19
  65. package/dist/Icons/DurationIcon.js +57 -22
  66. package/dist/Icons/EditIcon.js +26 -27
  67. package/dist/Icons/EmailIcon.js +26 -10
  68. package/dist/Icons/EraserIcon.js +41 -25
  69. package/dist/Icons/ErrorIcon.js +27 -11
  70. package/dist/Icons/EyeClosedIcon.js +29 -13
  71. package/dist/Icons/EyeClosedIcon2.js +27 -11
  72. package/dist/Icons/EyeOpenIcon.js +22 -9
  73. package/dist/Icons/FileDownloadIcon.js +43 -20
  74. package/dist/Icons/GoToFirstIcon.js +26 -9
  75. package/dist/Icons/GoToLastIcon.js +26 -9
  76. package/dist/Icons/HarmonicCursorsIcon.js +23 -9
  77. package/dist/Icons/IconBase.d.ts +3 -3
  78. package/dist/Icons/IconBase.js +49 -23
  79. package/dist/Icons/InfoIcon.js +36 -10
  80. package/dist/Icons/KeyboardIcon.js +26 -27
  81. package/dist/Icons/LabelIcon.js +19 -14
  82. package/dist/Icons/LassoIcon.js +36 -28
  83. package/dist/Icons/LineToolIcon.js +48 -39
  84. package/dist/Icons/LiveViewIcon.js +50 -12
  85. package/dist/Icons/LoaderIcon.js +67 -27
  86. package/dist/Icons/LocationIcon.js +26 -27
  87. package/dist/Icons/LogoutIcon.js +20 -15
  88. package/dist/Icons/MeasureIcon.js +78 -25
  89. package/dist/Icons/MessagesIcon.js +33 -18
  90. package/dist/Icons/MetadataIcon.js +20 -15
  91. package/dist/Icons/MinusIcon.d.ts +1 -1
  92. package/dist/Icons/MinusIcon.js +18 -6
  93. package/dist/Icons/OntologyIcon.js +87 -71
  94. package/dist/Icons/PanelIconClose.js +28 -10
  95. package/dist/Icons/PanelIconOpen.js +28 -10
  96. package/dist/Icons/PlayIcon.js +20 -6
  97. package/dist/Icons/PlusIcon.js +20 -14
  98. package/dist/Icons/PolygonIcon.js +50 -39
  99. package/dist/Icons/ProgressCheckIcon.d.ts +5 -0
  100. package/dist/Icons/ProgressCheckIcon.js +58 -0
  101. package/dist/Icons/ResetIcon.js +17 -12
  102. package/dist/Icons/ReviewedIcon.js +36 -19
  103. package/dist/Icons/ScissorsIcon.js +22 -17
  104. package/dist/Icons/SearchIcon.js +26 -9
  105. package/dist/Icons/SettingsIcon.js +26 -27
  106. package/dist/Icons/SortAscendingIcon.js +50 -12
  107. package/dist/Icons/SortAtoZIcon.js +50 -12
  108. package/dist/Icons/SortDescendingIcon.js +50 -12
  109. package/dist/Icons/SortZtoAIcon.js +50 -12
  110. package/dist/Icons/StackIcon.js +26 -9
  111. package/dist/Icons/StarIcon.js +20 -6
  112. package/dist/Icons/TrashIcon.js +17 -12
  113. package/dist/Icons/UndoIcon.js +20 -15
  114. package/dist/Icons/User2Icon.js +26 -10
  115. package/dist/Icons/UserIcon.js +19 -14
  116. package/dist/Icons/WarningIcon.js +19 -14
  117. package/dist/Icons/ZoomAllIcon.js +71 -15
  118. package/dist/Icons/ZoomXIcon.js +36 -10
  119. package/dist/Icons/ZoomYIcon.js +36 -10
  120. package/dist/Icons/index.d.ts +1 -0
  121. package/dist/Icons.js +68 -136
  122. package/dist/IconsAnimated/PanelLeftCloseIcon.js +66 -36
  123. package/dist/IconsAnimated/PanelLeftOpenIcon.js +66 -36
  124. package/dist/IconsAnimated.js +3 -6
  125. package/dist/Input/InputUtils.js +51 -52
  126. package/dist/Input.js +132 -185
  127. package/dist/InputOTP-XUWW9xcI.js +461 -0
  128. package/dist/InputOTP.js +2 -382
  129. package/dist/Kbd.d.ts +1 -1
  130. package/dist/Kbd.js +182 -86
  131. package/dist/Label.js +12 -14
  132. package/dist/MultiSelect/MultiSelectBase.js +331 -403
  133. package/dist/MultiSelect.d.ts +1 -1
  134. package/dist/MultiSelect.js +23 -23
  135. package/dist/Popover.js +28 -32
  136. package/dist/RadioButton.d.ts +17 -0
  137. package/dist/RadioButton.js +33 -0
  138. package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +3 -1
  139. package/dist/RadioButtonGroup/RadioButtonGroupBase.js +49 -46
  140. package/dist/RadioButtonGroup.d.ts +1 -1
  141. package/dist/RadioButtonGroup.js +11 -8
  142. package/dist/RadioGroup-w_q6RGEK.js +447 -0
  143. package/dist/RadioGroup.js +2 -505
  144. package/dist/Select.js +163 -186
  145. package/dist/Separator.js +16 -19
  146. package/dist/Skeleton.js +10 -6
  147. package/dist/Slider-BzzZT3Zm.js +490 -0
  148. package/dist/Slider.js +2 -562
  149. package/dist/SpectralProvider.js +8 -5
  150. package/dist/Switch/SwitchBase.js +91 -95
  151. package/dist/Switch-CVzRJ-0n.js +126 -0
  152. package/dist/Switch.d.ts +1 -1
  153. package/dist/Switch.js +2 -134
  154. package/dist/Tabs/TabsBase.js +242 -250
  155. package/dist/Tabs/tabsUtils.js +65 -73
  156. package/dist/Tabs.d.ts +1 -1
  157. package/dist/Tabs.js +73 -103
  158. package/dist/Textarea/TextareaUtils.js +35 -46
  159. package/dist/Textarea.js +83 -160
  160. package/dist/Toast-9zqXxKKO.js +711 -0
  161. package/dist/Toast.js +2 -885
  162. package/dist/Toggle/ToggleBase.js +46 -56
  163. package/dist/Toggle.d.ts +1 -1
  164. package/dist/Toggle.js +52 -62
  165. package/dist/ToggleGroup/ToggleGroupBase.js +128 -104
  166. package/dist/ToggleGroup.d.ts +1 -1
  167. package/dist/ToggleGroup.js +52 -63
  168. package/dist/Tooltip-D1K8kY1y.js +389 -0
  169. package/dist/Tooltip.js +2 -365
  170. package/dist/Tray.js +174 -217
  171. package/dist/chunk-h9knIhTc.js +20 -0
  172. package/dist/clsx-jM1GlMvB.js +16 -0
  173. package/dist/dist-3Af8168y.js +913 -0
  174. package/dist/dist-7HRQ5IKN.js +249 -0
  175. package/dist/dist-B2k1iWFp.js +129 -0
  176. package/dist/dist-B4FgboI8.js +122 -0
  177. package/dist/dist-B4g6zpUF.js +33 -0
  178. package/dist/dist-B9tup-4O.js +216 -0
  179. package/dist/dist-BK1K0g9W.js +29 -0
  180. package/dist/dist-Bfjk-jx9.js +28 -0
  181. package/dist/dist-Bft31cJh.js +65 -0
  182. package/dist/dist-BtdmHAzK.js +190 -0
  183. package/dist/dist-C0Hifjgh.js +1287 -0
  184. package/dist/dist-CGzgmYB9.js +68 -0
  185. package/dist/dist-ClmepHp4.js +10 -0
  186. package/dist/dist-D8Wb_MX9.js +6 -0
  187. package/dist/dist-Dtvmk11N.js +12 -0
  188. package/dist/dist-fW81qjVl.js +677 -0
  189. package/dist/dist-s1uWaZYZ.js +11 -0
  190. package/dist/es2015-YHaMV-St.js +701 -0
  191. package/dist/hooks/useAccordionAutoScroll.js +66 -67
  192. package/dist/hooks/useControllableState.js +14 -13
  193. package/dist/hooks/useTheme.js +21 -17
  194. package/dist/index.d.ts +2 -1
  195. package/dist/index.d.ts.map +1 -1
  196. package/dist/main.js +18954 -27224
  197. package/dist/primitives/button.js +39 -41
  198. package/dist/primitives/input-group.js +57 -73
  199. package/dist/primitives/input.js +11 -20
  200. package/dist/primitives/popover.d.ts.map +1 -1
  201. package/dist/primitives/popover.js +34 -25
  202. package/dist/primitives/select.js +70 -138
  203. package/dist/primitives/slot.js +32 -31
  204. package/dist/primitives/textarea.js +10 -16
  205. package/dist/proxy-Dn10Pl_g.js +4920 -0
  206. package/dist/styles/main.css +2 -1
  207. package/dist/styles/spectral.css +1 -1
  208. package/dist/twUtils-VNWgstKL.js +1673 -0
  209. package/dist/use-animation-CBUDycyW.js +57 -0
  210. package/dist/utils/constants.js +4 -4
  211. package/dist/utils/formFieldUtils.js +136 -148
  212. package/dist/utils/sharedUtils.js +26 -7
  213. package/dist/utils/twUtils.js +2 -2919
  214. package/package.json +24 -28
  215. package/dist/ComboboxBase-CxNxYtdT.js +0 -408
  216. package/dist/clsx-OuTLNxxd.js +0 -16
  217. package/dist/index-0ioNhtNM.js +0 -10
  218. package/dist/index-6oYKCvIn.js +0 -677
  219. package/dist/index-BFOf48AQ.js +0 -69
  220. package/dist/index-BZPx6jYI.js +0 -8
  221. package/dist/index-BlHU_t18.js +0 -142
  222. package/dist/index-Bm1RbF6w.js +0 -1037
  223. package/dist/index-Bv2OIg5P.js +0 -225
  224. package/dist/index-CKEI0pDv.js +0 -56
  225. package/dist/index-CM_hWgfC.js +0 -32
  226. package/dist/index-C_YVr64u.js +0 -1538
  227. package/dist/index-Cl8VeY0o.js +0 -149
  228. package/dist/index-CwSyIPrv.js +0 -13
  229. package/dist/index-D29mdTf5.js +0 -34
  230. package/dist/index-DEYs15GP.js +0 -66
  231. package/dist/index-Dc0No4pV.js +0 -233
  232. package/dist/index-T6XEa11q.js +0 -822
  233. package/dist/index-pBCLb6Gr.js +0 -240
  234. package/dist/index-psiVrsnE.js +0 -27
  235. package/dist/index-rKs9bXHr.js +0 -6
  236. package/dist/proxy-CO_-Vget.js +0 -4975
  237. package/dist/use-animation-DhEPRwZ3.js +0 -62
@@ -1,130 +1,98 @@
1
1
  "use client";
2
2
  import "../styles/main.css";
3
- import { jsx as f, jsxs as q } from "react/jsx-runtime";
4
- import { useControllableState as F } from "../hooks/useControllableState.js";
5
- import { Slot as y } from "../primitives/slot.js";
6
- import { cn as C } from "../utils/twUtils.js";
7
- import { createContext as K, useRef as M, useId as O, useEffect as g, useCallback as d, useContext as T } from "react";
8
- const E = K(null), I = (n) => n === "indeterminate" ? "indeterminate" : n ? "checked" : "unchecked", V = (n) => n === "indeterminate" ? !0 : !n, $ = ({
9
- asChild: n,
10
- checked: l,
11
- className: m,
12
- defaultChecked: o = !1,
13
- disabled: r,
14
- form: i,
15
- id: h,
16
- name: p,
17
- onCheckedChange: w,
18
- onClick: b,
19
- onKeyDown: v,
20
- ref: N,
21
- required: j,
22
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
- type: A,
24
- value: S = "on",
25
- ...x
26
- }) => {
27
- const a = M(null), P = O(), R = h ?? `chk-${P}`, [t, s] = F({
28
- defaultValue: o,
29
- onChange: w,
30
- value: l
31
- });
32
- g(() => {
33
- a.current && (a.current.indeterminate = t === "indeterminate");
34
- }, [t]), g(() => {
35
- const e = a.current?.form ?? null;
36
- if (!e) return;
37
- const u = () => {
38
- s(o);
39
- };
40
- return e.addEventListener("reset", u), () => e.removeEventListener("reset", u);
41
- }, [o, s]);
42
- const k = d(() => {
43
- const e = a.current;
44
- if (!e) return;
45
- e.checked = t === !0, e.indeterminate = t === "indeterminate";
46
- const u = new Event("change", { bubbles: !0 });
47
- e.dispatchEvent(u);
48
- }, [t]), c = d(() => {
49
- if (r) return;
50
- const e = V(t);
51
- s(e), queueMicrotask(() => k());
52
- }, [r, k, s, t]), B = d(
53
- (e) => {
54
- b?.(e), !e.defaultPrevented && c();
55
- },
56
- [c, b]
57
- ), D = d(
58
- (e) => {
59
- v?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), c());
60
- },
61
- [c, v]
62
- ), L = n ? y : "button";
63
- return /* @__PURE__ */ f(E.Provider, { value: { state: t, disabled: r }, children: /* @__PURE__ */ q(
64
- L,
65
- {
66
- "aria-checked": t === "indeterminate" ? "mixed" : t,
67
- "aria-disabled": r ?? void 0,
68
- className: C(
69
- "inline-flex h-4 w-4 shrink-0 items-center justify-center",
70
- "border-input bg-background rounded-sm border",
71
- "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
72
- "disabled:cursor-not-allowed disabled:opacity-50",
73
- "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
74
- m
75
- ),
76
- "data-indeterminate": t === "indeterminate" ? "" : void 0,
77
- "data-state": I(t),
78
- disabled: r,
79
- id: R,
80
- ref: N,
81
- role: "checkbox",
82
- type: "button",
83
- onClick: B,
84
- onKeyDown: D,
85
- ...x,
86
- children: [
87
- /* @__PURE__ */ f(
88
- "input",
89
- {
90
- "aria-hidden": "true",
91
- checked: t === !0,
92
- disabled: r,
93
- form: i,
94
- name: p,
95
- readOnly: !0,
96
- ref: a,
97
- required: j,
98
- style: {
99
- position: "absolute",
100
- opacity: 0,
101
- width: 0,
102
- height: 0,
103
- pointerEvents: "none"
104
- },
105
- tabIndex: -1,
106
- type: "checkbox",
107
- value: S
108
- }
109
- ),
110
- x.children
111
- ]
112
- }
113
- ) });
3
+ import { t as e } from "../twUtils-VNWgstKL.js";
4
+ import { Slot as t } from "../primitives/slot.js";
5
+ import { useControllableState as n } from "../hooks/useControllableState.js";
6
+ import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useRef as c } from "react";
7
+ import { jsx as l, jsxs as u } from "react/jsx-runtime";
8
+ //#region src/components/Checkbox/CheckboxBase.tsx
9
+ var d = r(null), f = (e) => e === "indeterminate" ? "indeterminate" : e ? "checked" : "unchecked", p = (e) => e === "indeterminate" ? !0 : !e, m = ({ asChild: r, checked: a, className: m, defaultChecked: h = !1, disabled: g, form: _, id: v, name: y, onCheckedChange: b, onClick: x, onKeyDown: S, ref: C, required: w, type: T, value: E = "on", ...D }) => {
10
+ let O = c(null), k = s(), A = v ?? `chk-${k}`, [j, M] = n({
11
+ defaultValue: h,
12
+ onChange: b,
13
+ value: a
14
+ });
15
+ o(() => {
16
+ O.current && (O.current.indeterminate = j === "indeterminate");
17
+ }, [j]), o(() => {
18
+ let e = O.current?.form ?? null;
19
+ if (!e) return;
20
+ let t = () => {
21
+ M(h);
22
+ };
23
+ return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
24
+ }, [h, M]);
25
+ let N = i(() => {
26
+ let e = O.current;
27
+ if (!e) return;
28
+ e.checked = j === !0, e.indeterminate = j === "indeterminate";
29
+ let t = new Event("change", { bubbles: !0 });
30
+ e.dispatchEvent(t);
31
+ }, [j]), P = i(() => {
32
+ g || (M(p(j)), queueMicrotask(() => N()));
33
+ }, [
34
+ g,
35
+ N,
36
+ M,
37
+ j
38
+ ]), F = i((e) => {
39
+ x?.(e), !e.defaultPrevented && P();
40
+ }, [P, x]), I = i((e) => {
41
+ S?.(e), !e.defaultPrevented && e.key === " " && (e.preventDefault(), P());
42
+ }, [P, S]), L = r ? t : "button";
43
+ return /* @__PURE__ */ l(d.Provider, {
44
+ value: {
45
+ state: j,
46
+ disabled: g
47
+ },
48
+ children: /* @__PURE__ */ u(L, {
49
+ "aria-checked": j === "indeterminate" ? "mixed" : j,
50
+ "aria-disabled": g ?? void 0,
51
+ className: e("h-4 w-4 inline-flex shrink-0 items-center justify-center", "border-input rounded-sm border bg-background", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", m),
52
+ "data-indeterminate": j === "indeterminate" ? "" : void 0,
53
+ "data-state": f(j),
54
+ disabled: g,
55
+ id: A,
56
+ ref: C,
57
+ role: "checkbox",
58
+ type: "button",
59
+ onClick: F,
60
+ onKeyDown: I,
61
+ ...D,
62
+ children: [/* @__PURE__ */ l("input", {
63
+ "aria-hidden": "true",
64
+ checked: j === !0,
65
+ disabled: g,
66
+ form: _,
67
+ name: y,
68
+ readOnly: !0,
69
+ ref: O,
70
+ required: w,
71
+ style: {
72
+ position: "absolute",
73
+ opacity: 0,
74
+ width: 0,
75
+ height: 0,
76
+ pointerEvents: "none"
77
+ },
78
+ tabIndex: -1,
79
+ type: "checkbox",
80
+ value: E
81
+ }), D.children]
82
+ })
83
+ });
114
84
  };
115
- $.displayName = "CheckboxBase";
116
- const z = ({
117
- asChild: n,
118
- className: l,
119
- forceMount: m,
120
- ref: o,
121
- ...r
122
- }) => {
123
- const i = T(E);
124
- return !i || !(i.state === !0 || i.state === "indeterminate") && !m ? null : /* @__PURE__ */ f(n ? y : "span", { className: C("flex items-center justify-center text-current", l), "data-indeterminate": i.state === "indeterminate" ? "" : void 0, "data-state": I(i.state), ref: o, ...r });
125
- };
126
- z.displayName = "CheckboxIndicator";
127
- export {
128
- $ as CheckboxBase,
129
- z as CheckboxIndicator
85
+ m.displayName = "CheckboxBase";
86
+ var h = ({ asChild: n, className: r, forceMount: i, ref: o, ...s }) => {
87
+ let c = a(d);
88
+ return !c || !(c.state === !0 || c.state === "indeterminate") && !i ? null : /* @__PURE__ */ l(n ? t : "span", {
89
+ className: e("flex items-center justify-center text-current", r),
90
+ "data-indeterminate": c.state === "indeterminate" ? "" : void 0,
91
+ "data-state": f(c.state),
92
+ ref: o,
93
+ ...s
94
+ });
130
95
  };
96
+ h.displayName = "CheckboxIndicator";
97
+ //#endregion
98
+ export { m as CheckboxBase, h as CheckboxIndicator };
@@ -1,5 +1,5 @@
1
- import { CheckboxBase } from './CheckboxBase';
2
1
  import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
2
+ import { CheckboxBase } from './CheckboxBase';
3
3
  export interface CheckboxProps extends Omit<ComponentPropsWithoutRef<typeof CheckboxBase>, 'onCheckedChange'> {
4
4
  checked?: boolean | 'indeterminate';
5
5
  disabled?: boolean;
package/dist/Checkbox.js CHANGED
@@ -1,107 +1,42 @@
1
1
  import "./styles/main.css";
2
- import { jsxs as d, jsx as o } from "react/jsx-runtime";
3
- import { CheckboxBase as l, CheckboxIndicator as n } from "./Checkbox/CheckboxBase.js";
4
- import "./Icons/AnalyzeIcon.js";
5
- import "./Icons/AnnotationsIcon.js";
6
- import "./Icons/ApprovedIcon.js";
7
- import "./Icons/ArrowDownIcon.js";
8
- import "./Icons/ArrowUpIcon.js";
9
- import "./Icons/BoxToolIcon.js";
10
- import "./Icons/CalendarIcon.js";
11
- import "./Icons/CheckCircleIcon.js";
12
- import "./Icons/CheckSquareIcon.js";
13
- import { CheckmarkIcon as b } from "./Icons/CheckmarkIcon.js";
14
- import "./Icons/ChevronDownIcon.js";
15
- import "./Icons/ChevronUpIcon.js";
16
- import "./Icons/ClockIcon.js";
17
- import "./Icons/CloseCircleIcon.js";
18
- import "./Icons/CloseIcon.js";
19
- import "./Icons/DashboardIcon.js";
20
- import "./Icons/DatabaseIcon.js";
21
- import "./Icons/DeleteIcon.js";
22
- import "./Icons/DurationIcon.js";
23
- import "./Icons/EditIcon.js";
24
- import "./Icons/EmailIcon.js";
25
- import "./Icons/EraserIcon.js";
26
- import "./Icons/ErrorIcon.js";
27
- import "./Icons/EyeClosedIcon.js";
28
- import "./Icons/EyeClosedIcon2.js";
29
- import "./Icons/EyeOpenIcon.js";
30
- import "./Icons/FileDownloadIcon.js";
31
- import "./Icons/GoToFirstIcon.js";
32
- import "./Icons/GoToLastIcon.js";
33
- import "./Icons/HarmonicCursorsIcon.js";
34
- import "./Icons/InfoIcon.js";
35
- import "./Icons/KeyboardIcon.js";
36
- import "./Icons/LabelIcon.js";
37
- import "./Icons/LassoIcon.js";
38
- import "./Icons/LineToolIcon.js";
39
- import "./Icons/LiveViewIcon.js";
40
- import "./Icons/LoaderIcon.js";
41
- import "./Icons/LocationIcon.js";
42
- import "./Icons/LogoutIcon.js";
43
- import "./Icons/MeasureIcon.js";
44
- import "./Icons/MessagesIcon.js";
45
- import "./Icons/MetadataIcon.js";
46
- import { MinusIcon as h } from "./Icons/MinusIcon.js";
47
- import "./Icons/OntologyIcon.js";
48
- import "./Icons/PanelIconClose.js";
49
- import "./Icons/PanelIconOpen.js";
50
- import "./Icons/PlayIcon.js";
51
- import "./Icons/PlusIcon.js";
52
- import "./Icons/PolygonIcon.js";
53
- import "./Icons/ResetIcon.js";
54
- import "./Icons/ReviewedIcon.js";
55
- import "./Icons/ScissorsIcon.js";
56
- import "./Icons/SearchIcon.js";
57
- import "./Icons/SettingsIcon.js";
58
- import "./Icons/SortAscendingIcon.js";
59
- import "./Icons/SortAtoZIcon.js";
60
- import "./Icons/SortDescendingIcon.js";
61
- import "./Icons/SortZtoAIcon.js";
62
- import "./Icons/StackIcon.js";
63
- import "./Icons/StarIcon.js";
64
- import "./Icons/TrashIcon.js";
65
- import "./Icons/UndoIcon.js";
66
- import "./Icons/User2Icon.js";
67
- import "./Icons/UserIcon.js";
68
- import "./Icons/WarningIcon.js";
69
- import "./Icons/ZoomAllIcon.js";
70
- import "./Icons/ZoomXIcon.js";
71
- import "./Icons/ZoomYIcon.js";
72
- import { cn as i } from "./utils/twUtils.js";
2
+ import { CheckmarkIcon as e } from "./Icons/CheckmarkIcon.js";
3
+ import { MinusIcon as t } from "./Icons/MinusIcon.js";
4
+ import { t as n } from "./twUtils-VNWgstKL.js";
5
+ import { CheckboxBase as r, CheckboxIndicator as i } from "./Checkbox/CheckboxBase.js";
73
6
  import "react";
74
- const x = ({
75
- checked: t,
76
- className: e,
77
- id: r,
78
- labelText: m,
79
- onCheckedChange: p,
80
- ref: c,
81
- required: s,
82
- ...a
83
- }) => /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
84
- /* @__PURE__ */ o(
85
- l,
86
- {
87
- "aria-required": s ?? void 0,
88
- checked: t,
89
- className: i(
90
- "checkbox peer border-checkbox-border focus-visible:outline-checkbox-border--focus h-5 w-5 shrink-0 rounded-sm border hover:opacity-80 focus:outline-none focus-visible:outline-1",
91
- "data-[state=checked]:border-checkbox-border--checked focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
92
- e
93
- ),
94
- "data-testid": "spectral-checkbox",
95
- id: r,
96
- onCheckedChange: p,
97
- ref: c,
98
- ...a,
99
- children: /* @__PURE__ */ o(n, { "data-testid": "spectral-checkbox-indicator", className: i("checkbox-indicator text-checkbox-indicator--checked flex items-center justify-center"), children: t === "indeterminate" ? /* @__PURE__ */ o(h, { className: "checkbox-indeterminate", size: 16, strokeWidth: 4 }) : /* @__PURE__ */ o(b, { className: "checkbox-check", size: 16, strokeWidth: 4 }) })
100
- }
101
- ),
102
- /* @__PURE__ */ o("label", { className: "text-md text-text-primary peer-disabled:text-neutral-400", "data-testid": "spectral-checkbox-label", htmlFor: r, children: m })
103
- ] });
104
- x.displayName = "Checkbox";
105
- export {
106
- x as Checkbox
107
- };
7
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
8
+ //#region src/components/Checkbox/Checkbox.tsx
9
+ var s = ({ checked: s, className: c, id: l, labelText: u, onCheckedChange: d, ref: f, required: p, ...m }) => /* @__PURE__ */ o("div", {
10
+ className: "gap-2 flex items-center",
11
+ children: [/* @__PURE__ */ a(r, {
12
+ "aria-required": p ?? void 0,
13
+ checked: s,
14
+ className: n("checkbox peer h-5 w-5 rounded-sm shrink-0 border border-checkbox-border hover:opacity-80 focus:outline-none focus-visible:outline-1 focus-visible:outline-checkbox-border--focus", "focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-checkbox-border--checked", c),
15
+ "data-testid": "spectral-checkbox",
16
+ id: l,
17
+ onCheckedChange: d,
18
+ ref: f,
19
+ ...m,
20
+ children: /* @__PURE__ */ a(i, {
21
+ "data-testid": "spectral-checkbox-indicator",
22
+ className: n("checkbox-indicator flex items-center justify-center text-checkbox-indicator--checked"),
23
+ children: s === "indeterminate" ? /* @__PURE__ */ a(t, {
24
+ className: "checkbox-indeterminate",
25
+ size: 16,
26
+ strokeWidth: 4
27
+ }) : /* @__PURE__ */ a(e, {
28
+ className: "checkbox-check",
29
+ size: 16,
30
+ strokeWidth: 4
31
+ })
32
+ })
33
+ }), /* @__PURE__ */ a("label", {
34
+ className: "text-md peer-disabled:text-neutral-400 text-text-primary",
35
+ "data-testid": "spectral-checkbox-label",
36
+ htmlFor: l,
37
+ children: u
38
+ })]
39
+ });
40
+ s.displayName = "Checkbox";
41
+ //#endregion
42
+ export { s as Checkbox };
@@ -1,80 +1,3 @@
1
- import "react/jsx-runtime";
2
- import "../Icons/AnalyzeIcon.js";
3
- import "../Icons/AnnotationsIcon.js";
4
- import "../Icons/ApprovedIcon.js";
5
- import "../Icons/ArrowDownIcon.js";
6
- import "../Icons/ArrowUpIcon.js";
7
- import "../Icons/BoxToolIcon.js";
8
- import "../Icons/CalendarIcon.js";
9
- import "../Icons/CheckCircleIcon.js";
10
- import "../Icons/CheckSquareIcon.js";
11
- import "../Icons/CheckmarkIcon.js";
12
- import "../Icons/ChevronDownIcon.js";
13
- import "../Icons/ChevronUpIcon.js";
14
- import "../Icons/ClockIcon.js";
15
- import "../Icons/CloseCircleIcon.js";
16
- import "../Icons/CloseIcon.js";
17
- import "../Icons/DashboardIcon.js";
18
- import "../Icons/DatabaseIcon.js";
19
- import "../Icons/DeleteIcon.js";
20
- import "../Icons/DurationIcon.js";
21
- import "../Icons/EditIcon.js";
22
- import "../Icons/EmailIcon.js";
23
- import "../Icons/EraserIcon.js";
24
- import "../Icons/ErrorIcon.js";
25
- import "../Icons/EyeClosedIcon.js";
26
- import "../Icons/EyeClosedIcon2.js";
27
- import "../Icons/EyeOpenIcon.js";
28
- import "../Icons/FileDownloadIcon.js";
29
- import "../Icons/GoToFirstIcon.js";
30
- import "../Icons/GoToLastIcon.js";
31
- import "../Icons/HarmonicCursorsIcon.js";
32
- import "../Icons/InfoIcon.js";
33
- import "../Icons/KeyboardIcon.js";
34
- import "../Icons/LabelIcon.js";
35
- import "../Icons/LassoIcon.js";
36
- import "../Icons/LineToolIcon.js";
37
- import "../Icons/LiveViewIcon.js";
38
- import "../Icons/LoaderIcon.js";
39
- import "../Icons/LocationIcon.js";
40
- import "../Icons/LogoutIcon.js";
41
- import "../Icons/MeasureIcon.js";
42
- import "../Icons/MessagesIcon.js";
43
- import "../Icons/MetadataIcon.js";
44
- import "../Icons/MinusIcon.js";
45
- import "../Icons/OntologyIcon.js";
46
- import "../Icons/PanelIconClose.js";
47
- import "../Icons/PanelIconOpen.js";
48
- import "../Icons/PlayIcon.js";
49
- import "../Icons/PlusIcon.js";
50
- import "../Icons/PolygonIcon.js";
51
- import "../Icons/ResetIcon.js";
52
- import "../Icons/ReviewedIcon.js";
53
- import "../Icons/ScissorsIcon.js";
54
- import "../Icons/SearchIcon.js";
55
- import "../Icons/SettingsIcon.js";
56
- import "../Icons/SortAscendingIcon.js";
57
- import "../Icons/SortAtoZIcon.js";
58
- import "../Icons/SortDescendingIcon.js";
59
- import "../Icons/SortZtoAIcon.js";
60
- import "../Icons/StackIcon.js";
61
- import "../Icons/StarIcon.js";
62
- import "../Icons/TrashIcon.js";
63
- import "../Icons/UndoIcon.js";
64
- import "../Icons/User2Icon.js";
65
- import "../Icons/UserIcon.js";
66
- import "../Icons/WarningIcon.js";
67
- import "../Icons/ZoomAllIcon.js";
68
- import "../Icons/ZoomXIcon.js";
69
- import "../Icons/ZoomYIcon.js";
70
1
  import "../primitives/input-group.js";
71
- import "../utils/twUtils.js";
72
- import { c as Em, a as Lm, d as gm, b as hm, C as jm } from "../ComboboxBase-CxNxYtdT.js";
73
- import "react";
74
- export {
75
- Em as ComboboxBase,
76
- Lm as CommandEmpty,
77
- gm as CommandInput,
78
- hm as CommandItem,
79
- jm as CommandList
80
- };
2
+ import { a as e, i as t, n, r, t as i } from "../ComboboxBase-D8Nf4xC-.js";
3
+ export { i as ComboboxBase, n as CommandEmpty, r as CommandInput, t as CommandItem, e as CommandList };