@spear-ai/spectral 1.6.16 → 1.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 (150) hide show
  1. package/dist/.js +196 -191
  2. package/dist/Accordion.d.ts +13 -15
  3. package/dist/Accordion.js +172 -165
  4. package/dist/Alert/AlertBase.d.ts +7 -7
  5. package/dist/Alert/AlertBase.js +23 -21
  6. package/dist/Alert.d.ts +2 -2
  7. package/dist/Alert.js +32 -30
  8. package/dist/Avatar.d.ts +2 -2
  9. package/dist/Avatar.js +30 -22
  10. package/dist/Badge.d.ts +1 -1
  11. package/dist/Badge.js +3 -2
  12. package/dist/Button.d.ts +3 -3
  13. package/dist/Button.js +108 -46
  14. package/dist/ButtonGroup/ButtonGroupButton.d.ts +1 -1
  15. package/dist/ButtonGroup/ButtonGroupButton.js +5 -5
  16. package/dist/ButtonGroup.d.ts +5 -5
  17. package/dist/ButtonGroup.js +21 -21
  18. package/dist/ButtonIcon.d.ts +2 -2
  19. package/dist/ButtonIcon.js +31 -30
  20. package/dist/Checkbox/CheckboxBase.d.ts +2 -2
  21. package/dist/Checkbox/CheckboxBase.js +50 -57
  22. package/dist/Checkbox.js +16 -18
  23. package/dist/DataCard/Card.d.ts +1 -1
  24. package/dist/DataCard/Card.js +1 -1
  25. package/dist/DataCard.js +1 -1
  26. package/dist/DateTimePicker/Calendar.d.ts +4 -4
  27. package/dist/DateTimePicker/Calendar.js +4 -2
  28. package/dist/DateTimePicker/DateTimeDisplayInput.js +126 -136
  29. package/dist/DateTimePicker/DateTimeInput.js +4 -4
  30. package/dist/DateTimePicker/DateTimeUtils.d.ts +31 -31
  31. package/dist/DateTimePicker/DateTimeUtils.js +139 -197
  32. package/dist/DateTimePicker/TimePicker.d.ts +4 -4
  33. package/dist/DateTimePicker/TimePicker.js +3 -3
  34. package/dist/DateTimePicker.d.ts +5 -5
  35. package/dist/DateTimePicker.js +96 -74
  36. package/dist/Dialog.d.ts +13 -13
  37. package/dist/Dialog.js +57 -84
  38. package/dist/Drawer.d.ts +2 -2
  39. package/dist/Drawer.js +8 -8
  40. package/dist/HoverCard.d.ts +6 -5
  41. package/dist/HoverCard.js +64 -64
  42. package/dist/Icons/LineToolIcon.js +37 -10
  43. package/dist/Icons/MeasureIcon.d.ts +5 -0
  44. package/dist/Icons/MeasureIcon.js +26 -0
  45. package/dist/Icons/SearchIcon.d.ts +5 -0
  46. package/dist/Icons/SearchIcon.js +10 -0
  47. package/dist/Icons/index.d.ts +2 -0
  48. package/dist/Icons.js +76 -72
  49. package/dist/IconsAnimated/PanelLeftCloseIcon.js +2 -2
  50. package/dist/IconsAnimated/PanelLeftOpenIcon.js +2 -2
  51. package/dist/Input/InputUtils.d.ts +2 -2
  52. package/dist/Input/InputUtils.js +4 -4
  53. package/dist/Input.d.ts +1 -1
  54. package/dist/Input.js +31 -29
  55. package/dist/InputOTP.d.ts +10 -10
  56. package/dist/InputOTP.js +125 -123
  57. package/dist/Kbd.d.ts +8 -5
  58. package/dist/Kbd.js +85 -20
  59. package/dist/Label.d.ts +4 -2
  60. package/dist/Label.js +3 -3
  61. package/dist/MultiSelect/MultiSelectBase.d.ts +1 -1
  62. package/dist/MultiSelect/MultiSelectBase.js +278 -200
  63. package/dist/MultiSelect.d.ts +6 -6
  64. package/dist/MultiSelect.js +9 -9
  65. package/dist/Popover.js +22 -237
  66. package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +11 -11
  67. package/dist/RadioButtonGroup/RadioButtonGroupBase.js +28 -28
  68. package/dist/RadioButtonGroup.d.ts +1 -1
  69. package/dist/RadioGroup.d.ts +15 -15
  70. package/dist/RadioGroup.js +253 -236
  71. package/dist/Select.d.ts +3 -1
  72. package/dist/Select.js +92 -87
  73. package/dist/Separator.js +4 -4
  74. package/dist/Skeleton.d.ts +1 -2
  75. package/dist/Skeleton.js +2 -4
  76. package/dist/Slider.d.ts +6 -6
  77. package/dist/Slider.js +78 -78
  78. package/dist/Switch/SwitchBase.d.ts +4 -4
  79. package/dist/Switch/SwitchBase.js +68 -68
  80. package/dist/Switch.d.ts +3 -3
  81. package/dist/Switch.js +9 -9
  82. package/dist/Tabs/TabsBase.js +39 -38
  83. package/dist/Tabs/tabsUtils.js +7 -7
  84. package/dist/Tabs.d.ts +0 -4
  85. package/dist/Tabs.js +62 -66
  86. package/dist/Textarea/TextareaUtils.d.ts +7 -7
  87. package/dist/Textarea/TextareaUtils.js +13 -13
  88. package/dist/Textarea.js +34 -22
  89. package/dist/Toast.d.ts +43 -0
  90. package/dist/Toast.js +883 -0
  91. package/dist/Toggle/ToggleBase.d.ts +4 -4
  92. package/dist/Toggle/ToggleBase.js +32 -33
  93. package/dist/Toggle.d.ts +1 -1
  94. package/dist/Toggle.js +7 -12
  95. package/dist/ToggleGroup/ToggleGroupBase.d.ts +5 -5
  96. package/dist/ToggleGroup/ToggleGroupBase.js +30 -30
  97. package/dist/ToggleGroup.d.ts +1 -1
  98. package/dist/ToggleGroup.js +27 -30
  99. package/dist/Tooltip.d.ts +1 -1
  100. package/dist/Tooltip.js +97 -97
  101. package/dist/Tray.d.ts +9 -9
  102. package/dist/Tray.js +77 -74
  103. package/dist/hooks/useAccordionAutoScroll.d.ts.map +1 -1
  104. package/dist/hooks/useAccordionAutoScroll.js +42 -39
  105. package/dist/hooks/useControllableState.d.ts +2 -2
  106. package/dist/hooks/useControllableState.d.ts.map +1 -1
  107. package/dist/hooks/useControllableState.js +2 -2
  108. package/dist/index-C12FUuIW.js +13 -0
  109. package/dist/{index-yU8jOTzS.js → index-CpovUAO-.js} +1 -1
  110. package/dist/{index-BdS7Ix8W.js → index-CqbPiOid.js} +1 -1
  111. package/dist/{index-B3UpsZ2x.js → index-CrjD9cAD.js} +1 -1
  112. package/dist/index-DEYs15GP.js +66 -0
  113. package/dist/index-DdFoGvON.js +146 -0
  114. package/dist/index-Q3N6lgwg.js +225 -0
  115. package/dist/index.d.ts +3 -3
  116. package/dist/index.d.ts.map +1 -1
  117. package/dist/primitives/button.d.ts +1 -1
  118. package/dist/primitives/button.js +4 -4
  119. package/dist/primitives/input.d.ts.map +1 -1
  120. package/dist/primitives/input.js +8 -5
  121. package/dist/primitives/select.d.ts +12 -13
  122. package/dist/primitives/select.d.ts.map +1 -1
  123. package/dist/primitives/select.js +68 -95
  124. package/dist/primitives/slot.d.ts +5 -5
  125. package/dist/primitives/slot.d.ts.map +1 -1
  126. package/dist/primitives/slot.js +24 -33
  127. package/dist/primitives/textarea.d.ts.map +1 -1
  128. package/dist/primitives/textarea.js +4 -3
  129. package/dist/{proxy-Cukf-VVj.js → proxy-CgaCj1WQ.js} +7 -3
  130. package/dist/styles/base-colors.css +30 -30
  131. package/dist/styles/horizon/base-colors.css +30 -30
  132. package/dist/styles/horizon/colors.css +40 -11
  133. package/dist/styles/horizon/utilities.css +26 -3
  134. package/dist/styles/main.css +1 -1
  135. package/dist/styles/spectral.css +1 -1
  136. package/dist/styles/theme.css +96 -44
  137. package/dist/{use-animation-zNd5Nq85.js → use-animation-CR-SdV2l.js} +1 -1
  138. package/dist/utils/formFieldUtils.d.ts +2 -2
  139. package/dist/utils/formFieldUtils.d.ts.map +1 -1
  140. package/dist/utils/formFieldUtils.js +14 -11
  141. package/dist/utils/sharedUtils.d.ts +3 -3
  142. package/dist/utils/sharedUtils.d.ts.map +1 -1
  143. package/dist/utils/sharedUtils.js +1 -4
  144. package/dist/utils/twUtils.d.ts +1 -1
  145. package/dist/utils/twUtils.d.ts.map +1 -1
  146. package/dist/utils/twUtils.js +1 -4
  147. package/package.json +5 -1
  148. package/dist/createLucideIcon-D4r5Phnh.js +0 -70
  149. package/dist/index-CeP1E2kK.js +0 -209
  150. package/dist/index-Dy-Hzr7y.js +0 -13
package/dist/HoverCard.js CHANGED
@@ -2,15 +2,15 @@
2
2
  import "./styles/main.css";
3
3
  import { jsx as i } from "react/jsx-runtime";
4
4
  import * as s from "react";
5
- import { createContext as F, useContext as I } from "react";
6
- import { e as B, c as U, b as h, P as $, u as W } from "./index-OnYbwQjk.js";
7
- import { c as O, R as z, A as G, C as K, a as j } from "./index-B3FZpM60.js";
8
- import { P as V, D as q } from "./index-u1k2AYWy.js";
5
+ import { createContext as I, useContext as B } from "react";
6
+ import { e as U, c as $, b as m, P as W, u as z } from "./index-OnYbwQjk.js";
7
+ import { c as O, R as G, A as K, C as j, a as V } from "./index-B3FZpM60.js";
8
+ import { P as q, D as J } from "./index-u1k2AYWy.js";
9
9
  import { P as T } from "./index-D6HcSXrq.js";
10
- import { cn as J } from "./utils/twUtils.js";
11
- var H, x = "HoverCard", [E] = U(x, [
10
+ import { cn as E } from "./utils/twUtils.js";
11
+ var H, b = "HoverCard", [N] = $(b, [
12
12
  O
13
- ]), R = O(), [Q, b] = E(x), N = (e) => {
13
+ ]), x = O(), [Q, R] = N(b), _ = (e) => {
14
14
  const {
15
15
  __scopeHoverCard: o,
16
16
  children: r,
@@ -18,77 +18,77 @@ var H, x = "HoverCard", [E] = U(x, [
18
18
  defaultOpen: n,
19
19
  onOpenChange: c,
20
20
  openDelay: u = 700,
21
- closeDelay: p = 300
22
- } = e, d = R(o), l = s.useRef(0), f = s.useRef(0), m = s.useRef(!1), v = s.useRef(!1), [C, t] = B({
21
+ closeDelay: f = 300
22
+ } = e, d = x(o), l = s.useRef(0), p = s.useRef(0), C = s.useRef(!1), v = s.useRef(!1), [h, t] = U({
23
23
  prop: a,
24
24
  defaultProp: n ?? !1,
25
25
  onChange: c,
26
- caller: x
26
+ caller: b
27
27
  }), g = s.useCallback(() => {
28
- clearTimeout(f.current), l.current = window.setTimeout(() => t(!0), u);
28
+ clearTimeout(p.current), l.current = window.setTimeout(() => t(!0), u);
29
29
  }, [u, t]), S = s.useCallback(() => {
30
- clearTimeout(l.current), !m.current && !v.current && (f.current = window.setTimeout(() => t(!1), p));
31
- }, [p, t]), k = s.useCallback(() => t(!1), [t]);
30
+ clearTimeout(l.current), !C.current && !v.current && (p.current = window.setTimeout(() => t(!1), f));
31
+ }, [f, t]), F = s.useCallback(() => t(!1), [t]);
32
32
  return s.useEffect(() => () => {
33
- clearTimeout(l.current), clearTimeout(f.current);
33
+ clearTimeout(l.current), clearTimeout(p.current);
34
34
  }, []), /* @__PURE__ */ i(
35
35
  Q,
36
36
  {
37
37
  scope: o,
38
- open: C,
38
+ open: h,
39
39
  onOpenChange: t,
40
40
  onOpen: g,
41
41
  onClose: S,
42
- onDismiss: k,
43
- hasSelectionRef: m,
42
+ onDismiss: F,
43
+ hasSelectionRef: C,
44
44
  isPointerDownOnContentRef: v,
45
- children: /* @__PURE__ */ i(z, { ...d, children: r })
45
+ children: /* @__PURE__ */ i(G, { ...d, children: r })
46
46
  }
47
47
  );
48
48
  };
49
- N.displayName = x;
50
- var _ = "HoverCardTrigger", D = s.forwardRef(
49
+ _.displayName = b;
50
+ var D = "HoverCardTrigger", A = s.forwardRef(
51
51
  (e, o) => {
52
- const { __scopeHoverCard: r, ...a } = e, n = b(_, r), c = R(r);
53
- return /* @__PURE__ */ i(G, { asChild: !0, ...c, children: /* @__PURE__ */ i(
54
- $.a,
52
+ const { __scopeHoverCard: r, ...a } = e, n = R(D, r), c = x(r);
53
+ return /* @__PURE__ */ i(K, { asChild: !0, ...c, children: /* @__PURE__ */ i(
54
+ W.a,
55
55
  {
56
56
  "data-state": n.open ? "open" : "closed",
57
57
  ...a,
58
58
  ref: o,
59
- onPointerEnter: h(e.onPointerEnter, w(n.onOpen)),
60
- onPointerLeave: h(e.onPointerLeave, w(n.onClose)),
61
- onFocus: h(e.onFocus, n.onOpen),
62
- onBlur: h(e.onBlur, n.onClose),
63
- onTouchStart: h(e.onTouchStart, (u) => u.preventDefault())
59
+ onPointerEnter: m(e.onPointerEnter, w(n.onOpen)),
60
+ onPointerLeave: m(e.onPointerLeave, w(n.onClose)),
61
+ onFocus: m(e.onFocus, n.onOpen),
62
+ onBlur: m(e.onBlur, n.onClose),
63
+ onTouchStart: m(e.onTouchStart, (u) => u.preventDefault())
64
64
  }
65
65
  ) });
66
66
  }
67
67
  );
68
- D.displayName = _;
69
- var y = "HoverCardPortal", [X, Y] = E(y, {
68
+ A.displayName = D;
69
+ var y = "HoverCardPortal", [X, Y] = N(y, {
70
70
  forceMount: void 0
71
- }), A = (e) => {
72
- const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = b(y, o);
73
- return /* @__PURE__ */ i(X, { scope: o, forceMount: r, children: /* @__PURE__ */ i(T, { present: r || c.open, children: /* @__PURE__ */ i(V, { asChild: !0, container: n, children: a }) }) });
71
+ }), L = (e) => {
72
+ const { __scopeHoverCard: o, forceMount: r, children: a, container: n } = e, c = R(y, o);
73
+ return /* @__PURE__ */ i(X, { scope: o, forceMount: r, children: /* @__PURE__ */ i(T, { present: r || c.open, children: /* @__PURE__ */ i(q, { asChild: !0, container: n, children: a }) }) });
74
74
  };
75
- A.displayName = y;
76
- var P = "HoverCardContent", L = s.forwardRef(
75
+ L.displayName = y;
76
+ var P = "HoverCardContent", M = s.forwardRef(
77
77
  (e, o) => {
78
- const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = b(P, e.__scopeHoverCard);
78
+ const r = Y(P, e.__scopeHoverCard), { forceMount: a = r.forceMount, ...n } = e, c = R(P, e.__scopeHoverCard);
79
79
  return /* @__PURE__ */ i(T, { present: a || c.open, children: /* @__PURE__ */ i(
80
80
  Z,
81
81
  {
82
82
  "data-state": c.open ? "open" : "closed",
83
83
  ...n,
84
- onPointerEnter: h(e.onPointerEnter, w(c.onOpen)),
85
- onPointerLeave: h(e.onPointerLeave, w(c.onClose)),
84
+ onPointerEnter: m(e.onPointerEnter, w(c.onOpen)),
85
+ onPointerLeave: m(e.onPointerLeave, w(c.onClose)),
86
86
  ref: o
87
87
  }
88
88
  ) });
89
89
  }
90
90
  );
91
- L.displayName = P;
91
+ M.displayName = P;
92
92
  var Z = s.forwardRef((e, o) => {
93
93
  const {
94
94
  __scopeHoverCard: r,
@@ -96,8 +96,8 @@ var Z = s.forwardRef((e, o) => {
96
96
  onPointerDownOutside: n,
97
97
  onFocusOutside: c,
98
98
  onInteractOutside: u,
99
- ...p
100
- } = e, d = b(P, r), l = R(r), f = s.useRef(null), m = W(o, f), [v, C] = s.useState(!1);
99
+ ...f
100
+ } = e, d = R(P, r), l = x(r), p = s.useRef(null), C = z(o, p), [v, h] = s.useState(!1);
101
101
  return s.useEffect(() => {
102
102
  if (v) {
103
103
  const t = document.body;
@@ -106,9 +106,9 @@ var Z = s.forwardRef((e, o) => {
106
106
  };
107
107
  }
108
108
  }, [v]), s.useEffect(() => {
109
- if (f.current) {
109
+ if (p.current) {
110
110
  const t = () => {
111
- C(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
111
+ h(!1), d.isPointerDownOnContentRef.current = !1, setTimeout(() => {
112
112
  document.getSelection()?.toString() !== "" && (d.hasSelectionRef.current = !0);
113
113
  });
114
114
  };
@@ -117,30 +117,30 @@ var Z = s.forwardRef((e, o) => {
117
117
  };
118
118
  }
119
119
  }, [d.isPointerDownOnContentRef, d.hasSelectionRef]), s.useEffect(() => {
120
- f.current && oe(f.current).forEach((g) => g.setAttribute("tabindex", "-1"));
120
+ p.current && oe(p.current).forEach((g) => g.setAttribute("tabindex", "-1"));
121
121
  }), /* @__PURE__ */ i(
122
- q,
122
+ J,
123
123
  {
124
124
  asChild: !0,
125
125
  disableOutsidePointerEvents: !1,
126
126
  onInteractOutside: u,
127
127
  onEscapeKeyDown: a,
128
128
  onPointerDownOutside: n,
129
- onFocusOutside: h(c, (t) => {
129
+ onFocusOutside: m(c, (t) => {
130
130
  t.preventDefault();
131
131
  }),
132
132
  onDismiss: d.onDismiss,
133
133
  children: /* @__PURE__ */ i(
134
- K,
134
+ j,
135
135
  {
136
136
  ...l,
137
- ...p,
138
- onPointerDown: h(p.onPointerDown, (t) => {
139
- t.currentTarget.contains(t.target) && C(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
137
+ ...f,
138
+ onPointerDown: m(f.onPointerDown, (t) => {
139
+ t.currentTarget.contains(t.target) && h(!0), d.hasSelectionRef.current = !1, d.isPointerDownOnContentRef.current = !0;
140
140
  }),
141
- ref: m,
141
+ ref: C,
142
142
  style: {
143
- ...p.style,
143
+ ...f.style,
144
144
  userSelect: v ? "text" : void 0,
145
145
  // Safari requires prefix
146
146
  WebkitUserSelect: v ? "text" : void 0,
@@ -156,8 +156,8 @@ var Z = s.forwardRef((e, o) => {
156
156
  );
157
157
  }), ee = "HoverCardArrow", te = s.forwardRef(
158
158
  (e, o) => {
159
- const { __scopeHoverCard: r, ...a } = e, n = R(r);
160
- return /* @__PURE__ */ i(j, { ...n, ...a, ref: o });
159
+ const { __scopeHoverCard: r, ...a } = e, n = x(r);
160
+ return /* @__PURE__ */ i(V, { ...n, ...a, ref: o });
161
161
  }
162
162
  );
163
163
  te.displayName = ee;
@@ -171,10 +171,10 @@ function oe(e) {
171
171
  for (; r.nextNode(); ) o.push(r.currentNode);
172
172
  return o;
173
173
  }
174
- var re = N, ne = D, ae = A, se = L;
175
- const M = F({}), ie = ({ align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, side: n, sideOffset: c, width: u, ...p }) => /* @__PURE__ */ i(M.Provider, { value: { side: n, sideOffset: c, align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, width: u }, children: /* @__PURE__ */ i(re, { "data-slot": "hover-card", "data-testid": "spectral-hover-card", ...p }) });
174
+ var re = _, ne = A, ae = L, se = M;
175
+ const k = I({}), ie = ({ align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, side: n, sideOffset: c, width: u, ...f }) => /* @__PURE__ */ i(k.Provider, { value: { side: n, sideOffset: c, align: e, alignOffset: o, collisionBoundary: r, collisionPadding: a, width: u }, children: /* @__PURE__ */ i(re, { "data-slot": "hover-card", "data-testid": "spectral-hover-card", ...f }) });
176
176
  ie.displayName = "HoverCard";
177
- const ce = ({ ...e }) => /* @__PURE__ */ i(ne, { "data-slot": "hover-card-trigger", "data-testid": "spectral-hover-card-trigger", ...e });
177
+ const ce = ({ className: e, ...o }) => /* @__PURE__ */ i(ne, { className: E("font-base", e), "data-slot": "hover-card-trigger", "data-testid": "spectral-hover-card-trigger", ...o });
178
178
  ce.displayName = "HoverCardTrigger";
179
179
  const de = ({
180
180
  align: e,
@@ -184,17 +184,17 @@ const de = ({
184
184
  collisionPadding: n,
185
185
  side: c,
186
186
  sideOffset: u,
187
- width: p,
187
+ width: f,
188
188
  ...d
189
189
  }) => {
190
- const l = I(M), f = e ?? l.align ?? "center", m = u ?? l.sideOffset ?? 4, v = c ?? l.side ?? "bottom", C = p ?? l.width ?? 380, t = o ?? l.alignOffset, g = a ?? l.collisionBoundary, S = n ?? l.collisionPadding;
190
+ const l = B(k), p = e ?? l.align ?? "center", C = u ?? l.sideOffset ?? 4, v = c ?? l.side ?? "bottom", h = f ?? l.width ?? 380, t = o ?? l.alignOffset, g = a ?? l.collisionBoundary, S = n ?? l.collisionPadding;
191
191
  return /* @__PURE__ */ i(ae, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ i(
192
192
  se,
193
193
  {
194
- align: f,
194
+ align: p,
195
195
  alignOffset: t,
196
- className: J(
197
- "bg-popover-bg text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-hover-card-content-transform-origin] rounded-lg p-5 shadow-lg outline-none",
196
+ className: E(
197
+ "bg-popover-bg text-text-primary motion-safe:data-[state=open]:animate-in motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:zoom-in-95 motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-hover-card-content-transform-origin] rounded-lg p-5 shadow-lg outline-none",
198
198
  r
199
199
  ),
200
200
  collisionBoundary: g,
@@ -202,9 +202,9 @@ const de = ({
202
202
  "data-slot": "hover-card-content",
203
203
  "data-testid": "spectral-hover-card-content",
204
204
  side: v,
205
- sideOffset: m,
205
+ sideOffset: C,
206
206
  style: {
207
- width: typeof C == "number" ? `${C}px` : C === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content"
207
+ width: typeof h == "number" ? `${h}px` : h === "trigger-width" ? "var(--radix-hover-card-trigger-width)" : "fit-content"
208
208
  },
209
209
  ...d
210
210
  }
@@ -1,13 +1,40 @@
1
1
  import "../styles/main.css";
2
- import { jsx as C } from "react/jsx-runtime";
3
- import l from "./IconBase.js";
4
- const s = ({ ref: o, className: n, ariaHidden: r, title: e, description: c, size: i = 24, ...t }) => /* @__PURE__ */ C(l, { size: i, className: n, title: e, description: c, ariaHidden: r, ref: o, ...t, children: /* @__PURE__ */ C(
5
- "path",
6
- {
7
- d: "M20 16.2V7.8C21.2 7.4 22 6.3 22 5C22 3.3 20.7 2 19 2C17.7 2 16.6 2.8 16.2 4H7.8C7.4 2.8 6.3 2 5 2C3.3 2 2 3.3 2 5C2 6.3 2.8 7.4 4 7.8V16.2C2.8 16.6 2 17.7 2 19C2 20.7 3.3 22 5 22C6.3 22 7.4 21.2 7.8 20H16.2C16.6 21.2 17.7 22 19 22C20.7 22 22 20.7 22 19C22 17.7 21.2 16.6 20 16.2ZM16.2 18H7.8C7.5 17.2 6.8 16.5 6 16.2V7.8C6.8 7.5 7.5 6.8 7.8 6H16.2C16.5 6.8 17.2 7.5 18 7.8V16.2C17.2 16.5 16.5 17.2 16.2 18ZM19 4C19.6 4 20 4.4 20 5C20 5.6 19.6 6 19 6C18.4 6 18 5.6 18 5C18 4.4 18.4 4 19 4ZM5 4C5.6 4 6 4.4 6 5C6 5.6 5.6 6 5 6C4.4 6 4 5.6 4 5C4 4.4 4.4 4 5 4ZM5 20C4.4 20 4 19.6 4 19C4 18.4 4.4 18 5 18C5.6 18 6 18.4 6 19C6 19.6 5.6 20 5 20ZM19 20C18.4 20 18 19.6 18 19C18 18.4 18.4 18 19 18C19.6 18 20 18.4 20 19C20 19.6 19.6 20 19 20Z",
8
- fill: "currentColor"
9
- }
10
- ) }), a = Object.assign(s, { displayName: "LineToolIcon" });
2
+ import { jsxs as d, jsx as o } from "react/jsx-runtime";
3
+ import c from "./IconBase.js";
4
+ const k = ({ ref: r, className: e, ariaHidden: t, title: n, description: C, size: s = 24, ...i }) => /* @__PURE__ */ d(c, { size: s, className: e, title: n, description: C, ariaHidden: t, ref: r, ...i, children: [
5
+ /* @__PURE__ */ o(
6
+ "path",
7
+ {
8
+ d: "M3 4.89474C3 5.39725 3.20068 5.87919 3.55789 6.23452C3.9151 6.58985 4.39959 6.78947 4.90476 6.78947C5.40994 6.78947 5.89442 6.58985 6.25163 6.23452C6.60884 5.87919 6.80952 5.39725 6.80952 4.89474C6.80952 4.39222 6.60884 3.91029 6.25163 3.55496C5.89442 3.19962 5.40994 3 4.90476 3C4.39959 3 3.9151 3.19962 3.55789 3.55496C3.20068 3.91029 3 4.39222 3 4.89474Z",
9
+ stroke: "currentColor",
10
+ strokeWidth: "2",
11
+ strokeLinecap: "round",
12
+ strokeLinejoin: "round"
13
+ }
14
+ ),
15
+ /* @__PURE__ */ o("path", { d: "M5.75055 7.58882L6.98073 13.3913", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
16
+ /* @__PURE__ */ o(
17
+ "path",
18
+ {
19
+ d: "M6 15.8947C6 16.3973 6.20068 16.8792 6.55789 17.2345C6.9151 17.5898 7.39959 17.7895 7.90476 17.7895C8.40994 17.7895 8.89442 17.5898 9.25163 17.2345C9.60884 16.8792 9.80952 16.3973 9.80952 15.8947C9.80952 15.3922 9.60884 14.9103 9.25163 14.555C8.89442 14.1996 8.40994 14 7.90476 14C7.39959 14 6.9151 14.1996 6.55789 14.555C6.20068 14.9103 6 15.3922 6 15.8947Z",
20
+ stroke: "currentColor",
21
+ strokeWidth: "2",
22
+ strokeLinecap: "round",
23
+ strokeLinejoin: "round"
24
+ }
25
+ ),
26
+ /* @__PURE__ */ o("path", { d: "M10.0312 16.8738L17.2137 18.7823", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }),
27
+ /* @__PURE__ */ o(
28
+ "path",
29
+ {
30
+ d: "M17.2 19.0947C17.2 19.5973 17.4007 20.0792 17.7579 20.4345C18.1151 20.7899 18.5996 20.9895 19.1048 20.9895C19.6099 20.9895 20.0944 20.7899 20.4516 20.4345C20.8089 20.0792 21.0095 19.5973 21.0095 19.0947C21.0095 18.5922 20.8089 18.1103 20.4516 17.755C20.0944 17.3996 19.6099 17.2 19.1048 17.2C18.5996 17.2 18.1151 17.3996 17.7579 17.755C17.4007 18.1103 17.2 18.5922 17.2 19.0947Z",
31
+ stroke: "currentColor",
32
+ strokeWidth: "2",
33
+ strokeLinecap: "round",
34
+ strokeLinejoin: "round"
35
+ }
36
+ )
37
+ ] }), u = Object.assign(k, { displayName: "LineToolIcon" });
11
38
  export {
12
- a as LineToolIcon
39
+ u as LineToolIcon
13
40
  };
@@ -0,0 +1,5 @@
1
+ import { IconProps } from './iconTypes';
2
+ export declare const MeasureIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
3
+ displayName: string;
4
+ };
5
+ //# sourceMappingURL=MeasureIcon.d.ts.map
@@ -0,0 +1,26 @@
1
+ import "../styles/main.css";
2
+ import { jsxs as k, jsx as o } from "react/jsx-runtime";
3
+ import u from "./IconBase.js";
4
+ const c = ({ ref: r, className: e, ariaHidden: t, title: n, description: s, size: i = 24, ...d }) => /* @__PURE__ */ k(u, { size: i, className: e, title: n, description: s, ariaHidden: t, ref: r, ...d, children: [
5
+ /* @__PURE__ */ o(
6
+ "path",
7
+ {
8
+ d: "M19.875 12C20.496 12 21 12.512 21 13.143V18.857C21 19.488 20.496 20 19.875 20H4C3.73478 20 3.48043 19.8946 3.29289 19.7071C3.10536 19.5196 3 19.2652 3 19V13.143C3 12.512 3.504 12 4.125 12H19.875Z",
9
+ stroke: "currentColor",
10
+ strokeWidth: "2",
11
+ strokeLinecap: "round",
12
+ strokeLinejoin: "round"
13
+ }
14
+ ),
15
+ /* @__PURE__ */ o("path", { d: "M9 12V14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
16
+ /* @__PURE__ */ o("path", { d: "M6 12V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
17
+ /* @__PURE__ */ o("path", { d: "M12 12V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
18
+ /* @__PURE__ */ o("path", { d: "M18 12V15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
19
+ /* @__PURE__ */ o("path", { d: "M15 12V14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
20
+ /* @__PURE__ */ o("path", { d: "M3 3V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
21
+ /* @__PURE__ */ o("path", { d: "M3 5H21", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
22
+ /* @__PURE__ */ o("path", { d: "M21 3V7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
23
+ ] }), h = Object.assign(c, { displayName: "MeasureIcon" });
24
+ export {
25
+ h as MeasureIcon
26
+ };
@@ -0,0 +1,5 @@
1
+ import { IconProps } from './iconTypes';
2
+ export declare const SearchIcon: (({ ref, className, ariaHidden, title, description, size, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element) & {
3
+ displayName: string;
4
+ };
5
+ //# sourceMappingURL=SearchIcon.d.ts.map
@@ -0,0 +1,10 @@
1
+ import "../styles/main.css";
2
+ import { jsxs as a, jsx as o } from "react/jsx-runtime";
3
+ import d from "./IconBase.js";
4
+ const h = ({ ref: r, className: e, ariaHidden: n, title: t, description: s, size: c = 24, ...i }) => /* @__PURE__ */ a(d, { size: c, className: e, title: t, description: s, ariaHidden: n, ref: r, ...i, children: [
5
+ /* @__PURE__ */ o("path", { d: "M21 21L16.66 16.66", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
6
+ /* @__PURE__ */ o("path", { d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
7
+ ] }), u = Object.assign(h, { displayName: "SearchIcon" });
8
+ export {
9
+ u as SearchIcon
10
+ };
@@ -36,6 +36,7 @@ export { LiveViewIcon } from './LiveViewIcon';
36
36
  export { LoaderIcon } from './LoaderIcon';
37
37
  export { LocationIcon } from './LocationIcon';
38
38
  export { LogoutIcon } from './LogoutIcon';
39
+ export { MeasureIcon } from './MeasureIcon';
39
40
  export { MessagesIcon } from './MessagesIcon';
40
41
  export { MetadataIcon } from './MetadataIcon';
41
42
  export { MinusIcon } from './MinusIcon';
@@ -47,6 +48,7 @@ export { PlusIcon } from './PlusIcon';
47
48
  export { ResetIcon } from './ResetIcon';
48
49
  export { ReviewedIcon } from './ReviewedIcon';
49
50
  export { ScissorsIcon } from './ScissorsIcon';
51
+ export { SearchIcon } from './SearchIcon';
50
52
  export { SettingsIcon } from './SettingsIcon';
51
53
  export { SortAscendingIcon } from './SortAscendingIcon';
52
54
  export { SortAtoZIcon } from './SortAtoZIcon';
package/dist/Icons.js CHANGED
@@ -6,15 +6,15 @@ import { ArrowUpIcon as x } from "./Icons/ArrowUpIcon.js";
6
6
  import { CalendarIcon as s } from "./Icons/CalendarIcon.js";
7
7
  import { CheckCircleIcon as i } from "./Icons/CheckCircleIcon.js";
8
8
  import { CheckSquareIcon as d } from "./Icons/CheckSquareIcon.js";
9
- import { CheckmarkIcon as L } from "./Icons/CheckmarkIcon.js";
10
- import { ChevronDownIcon as g } from "./Icons/ChevronDownIcon.js";
11
- import { ChevronUpIcon as y } from "./Icons/ChevronUpIcon.js";
12
- import { ClockIcon as E } from "./Icons/ClockIcon.js";
13
- import { CloseCircleIcon as u } from "./Icons/CloseCircleIcon.js";
9
+ import { CheckmarkIcon as A } from "./Icons/CheckmarkIcon.js";
10
+ import { ChevronDownIcon as h } from "./Icons/ChevronDownIcon.js";
11
+ import { ChevronUpIcon as u } from "./Icons/ChevronUpIcon.js";
12
+ import { ClockIcon as D } from "./Icons/ClockIcon.js";
13
+ import { CloseCircleIcon as k } from "./Icons/CloseCircleIcon.js";
14
14
  import { CloseIcon as v } from "./Icons/CloseIcon.js";
15
15
  import { DashboardIcon as U } from "./Icons/DashboardIcon.js";
16
16
  import { DatabaseIcon as b } from "./Icons/DatabaseIcon.js";
17
- import { DeleteIcon as M } from "./Icons/DeleteIcon.js";
17
+ import { DeleteIcon as P } from "./Icons/DeleteIcon.js";
18
18
  import { DurationIcon as G } from "./Icons/DurationIcon.js";
19
19
  import { EditIcon as q } from "./Icons/EditIcon.js";
20
20
  import { EmailIcon as F } from "./Icons/EmailIcon.js";
@@ -32,36 +32,38 @@ import { LabelIcon as fo } from "./Icons/LabelIcon.js";
32
32
  import { LassoIcon as xo } from "./Icons/LassoIcon.js";
33
33
  import { LineToolIcon as so } from "./Icons/LineToolIcon.js";
34
34
  import { LineToolIcon2 as io } from "./Icons/LineToolIcon2.js";
35
- import { LiveViewIcon as Ao } from "./Icons/LiveViewIcon.js";
36
- import { LoaderIcon as So } from "./Icons/LoaderIcon.js";
37
- import { LocationIcon as ho } from "./Icons/LocationIcon.js";
38
- import { LogoutIcon as Do } from "./Icons/LogoutIcon.js";
39
- import { MessagesIcon as ko } from "./Icons/MessagesIcon.js";
40
- import { MetadataIcon as wo } from "./Icons/MetadataIcon.js";
41
- import { MinusIcon as To } from "./Icons/MinusIcon.js";
42
- import { OntologyIcon as Zo } from "./Icons/OntologyIcon.js";
43
- import { PanelIconClose as Po } from "./Icons/PanelIconClose.js";
44
- import { PanelIconOpen as Oo } from "./Icons/PanelIconOpen.js";
45
- import { PlayIcon as Ro } from "./Icons/PlayIcon.js";
46
- import { PlusIcon as zo } from "./Icons/PlusIcon.js";
47
- import { ResetIcon as Ho } from "./Icons/ResetIcon.js";
48
- import { ReviewedIcon as Vo } from "./Icons/ReviewedIcon.js";
49
- import { ScissorsIcon as Xo } from "./Icons/ScissorsIcon.js";
50
- import { SettingsIcon as jo } from "./Icons/SettingsIcon.js";
51
- import { SortAscendingIcon as Jo } from "./Icons/SortAscendingIcon.js";
52
- import { SortAtoZIcon as Qo } from "./Icons/SortAtoZIcon.js";
53
- import { SortDescendingIcon as $o } from "./Icons/SortDescendingIcon.js";
54
- import { SortZtoAIcon as rr } from "./Icons/SortZtoAIcon.js";
55
- import { StackIcon as nr } from "./Icons/StackIcon.js";
56
- import { StarIcon as cr } from "./Icons/StarIcon.js";
57
- import { TrashIcon as pr } from "./Icons/TrashIcon.js";
58
- import { UndoIcon as Ir } from "./Icons/UndoIcon.js";
59
- import { User2Icon as ar } from "./Icons/User2Icon.js";
60
- import { UserIcon as lr } from "./Icons/UserIcon.js";
61
- import { WarningIcon as Cr } from "./Icons/WarningIcon.js";
62
- import { ZoomAllIcon as Ar } from "./Icons/ZoomAllIcon.js";
63
- import { ZoomXIcon as Sr } from "./Icons/ZoomXIcon.js";
64
- import { ZoomYIcon as hr } from "./Icons/ZoomYIcon.js";
35
+ import { LiveViewIcon as So } from "./Icons/LiveViewIcon.js";
36
+ import { LoaderIcon as Lo } from "./Icons/LoaderIcon.js";
37
+ import { LocationIcon as go } from "./Icons/LocationIcon.js";
38
+ import { LogoutIcon as yo } from "./Icons/LogoutIcon.js";
39
+ import { MeasureIcon as Eo } from "./Icons/MeasureIcon.js";
40
+ import { MessagesIcon as wo } from "./Icons/MessagesIcon.js";
41
+ import { MetadataIcon as To } from "./Icons/MetadataIcon.js";
42
+ import { MinusIcon as Zo } from "./Icons/MinusIcon.js";
43
+ import { OntologyIcon as Mo } from "./Icons/OntologyIcon.js";
44
+ import { PanelIconClose as Oo } from "./Icons/PanelIconClose.js";
45
+ import { PanelIconOpen as Ro } from "./Icons/PanelIconOpen.js";
46
+ import { PlayIcon as zo } from "./Icons/PlayIcon.js";
47
+ import { PlusIcon as Ho } from "./Icons/PlusIcon.js";
48
+ import { ResetIcon as Vo } from "./Icons/ResetIcon.js";
49
+ import { ReviewedIcon as Xo } from "./Icons/ReviewedIcon.js";
50
+ import { ScissorsIcon as jo } from "./Icons/ScissorsIcon.js";
51
+ import { SearchIcon as Jo } from "./Icons/SearchIcon.js";
52
+ import { SettingsIcon as Qo } from "./Icons/SettingsIcon.js";
53
+ import { SortAscendingIcon as $o } from "./Icons/SortAscendingIcon.js";
54
+ import { SortAtoZIcon as rr } from "./Icons/SortAtoZIcon.js";
55
+ import { SortDescendingIcon as nr } from "./Icons/SortDescendingIcon.js";
56
+ import { SortZtoAIcon as cr } from "./Icons/SortZtoAIcon.js";
57
+ import { StackIcon as pr } from "./Icons/StackIcon.js";
58
+ import { StarIcon as Ir } from "./Icons/StarIcon.js";
59
+ import { TrashIcon as ar } from "./Icons/TrashIcon.js";
60
+ import { UndoIcon as lr } from "./Icons/UndoIcon.js";
61
+ import { User2Icon as Cr } from "./Icons/User2Icon.js";
62
+ import { UserIcon as Sr } from "./Icons/UserIcon.js";
63
+ import { WarningIcon as Lr } from "./Icons/WarningIcon.js";
64
+ import { ZoomAllIcon as gr } from "./Icons/ZoomAllIcon.js";
65
+ import { ZoomXIcon as yr } from "./Icons/ZoomXIcon.js";
66
+ import { ZoomYIcon as Er } from "./Icons/ZoomYIcon.js";
65
67
  export {
66
68
  e as AnalyzeIcon,
67
69
  t as AnnotationsIcon,
@@ -71,15 +73,15 @@ export {
71
73
  s as CalendarIcon,
72
74
  i as CheckCircleIcon,
73
75
  d as CheckSquareIcon,
74
- L as CheckmarkIcon,
75
- g as ChevronDownIcon,
76
- y as ChevronUpIcon,
77
- E as ClockIcon,
78
- u as CloseCircleIcon,
76
+ A as CheckmarkIcon,
77
+ h as ChevronDownIcon,
78
+ u as ChevronUpIcon,
79
+ D as ClockIcon,
80
+ k as CloseCircleIcon,
79
81
  v as CloseIcon,
80
82
  U as DashboardIcon,
81
83
  b as DatabaseIcon,
82
- M as DeleteIcon,
84
+ P as DeleteIcon,
83
85
  G as DurationIcon,
84
86
  q as EditIcon,
85
87
  F as EmailIcon,
@@ -97,34 +99,36 @@ export {
97
99
  xo as LassoIcon,
98
100
  so as LineToolIcon,
99
101
  io as LineToolIcon2,
100
- Ao as LiveViewIcon,
101
- So as LoaderIcon,
102
- ho as LocationIcon,
103
- Do as LogoutIcon,
104
- ko as MessagesIcon,
105
- wo as MetadataIcon,
106
- To as MinusIcon,
107
- Zo as OntologyIcon,
108
- Po as PanelIconClose,
109
- Oo as PanelIconOpen,
110
- Ro as PlayIcon,
111
- zo as PlusIcon,
112
- Ho as ResetIcon,
113
- Vo as ReviewedIcon,
114
- Xo as ScissorsIcon,
115
- jo as SettingsIcon,
116
- Jo as SortAscendingIcon,
117
- Qo as SortAtoZIcon,
118
- $o as SortDescendingIcon,
119
- rr as SortZtoAIcon,
120
- nr as StackIcon,
121
- cr as StarIcon,
122
- pr as TrashIcon,
123
- Ir as UndoIcon,
124
- ar as User2Icon,
125
- lr as UserIcon,
126
- Cr as WarningIcon,
127
- Ar as ZoomAllIcon,
128
- Sr as ZoomXIcon,
129
- hr as ZoomYIcon
102
+ So as LiveViewIcon,
103
+ Lo as LoaderIcon,
104
+ go as LocationIcon,
105
+ yo as LogoutIcon,
106
+ Eo as MeasureIcon,
107
+ wo as MessagesIcon,
108
+ To as MetadataIcon,
109
+ Zo as MinusIcon,
110
+ Mo as OntologyIcon,
111
+ Oo as PanelIconClose,
112
+ Ro as PanelIconOpen,
113
+ zo as PlayIcon,
114
+ Ho as PlusIcon,
115
+ Vo as ResetIcon,
116
+ Xo as ReviewedIcon,
117
+ jo as ScissorsIcon,
118
+ Jo as SearchIcon,
119
+ Qo as SettingsIcon,
120
+ $o as SortAscendingIcon,
121
+ rr as SortAtoZIcon,
122
+ nr as SortDescendingIcon,
123
+ cr as SortZtoAIcon,
124
+ pr as StackIcon,
125
+ Ir as StarIcon,
126
+ ar as TrashIcon,
127
+ lr as UndoIcon,
128
+ Cr as User2Icon,
129
+ Sr as UserIcon,
130
+ Lr as WarningIcon,
131
+ gr as ZoomAllIcon,
132
+ yr as ZoomXIcon,
133
+ Er as ZoomYIcon
130
134
  };
@@ -3,8 +3,8 @@ import "../styles/main.css";
3
3
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
4
4
  import { cn as f } from "../utils/twUtils.js";
5
5
  import { useRef as p, useImperativeHandle as x, useCallback as i } from "react";
6
- import { u as v } from "../use-animation-zNd5Nq85.js";
7
- import { m as A } from "../proxy-Cukf-VVj.js";
6
+ import { u as v } from "../use-animation-CR-SdV2l.js";
7
+ import { m as A } from "../proxy-CgaCj1WQ.js";
8
8
  const w = {
9
9
  times: [0, 0.4, 1],
10
10
  duration: 0.5
@@ -3,8 +3,8 @@ import "../styles/main.css";
3
3
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
4
4
  import { cn as p } from "../utils/twUtils.js";
5
5
  import { useRef as f, useImperativeHandle as x, useCallback as i } from "react";
6
- import { u as v } from "../use-animation-zNd5Nq85.js";
7
- import { m as A } from "../proxy-Cukf-VVj.js";
6
+ import { u as v } from "../use-animation-CR-SdV2l.js";
7
+ import { m as A } from "../proxy-CgaCj1WQ.js";
8
8
  const w = {
9
9
  times: [0, 0.4, 1],
10
10
  duration: 0.5
@@ -4,12 +4,12 @@ export declare const usePrefixWidth: (prefix?: string) => {
4
4
  prefixRef: Ref<HTMLSpanElement | null>;
5
5
  };
6
6
  export declare const usePasswordVisibility: () => {
7
+ inputType: "text" | "password";
7
8
  isVisible: boolean;
8
9
  toggleVisibility: () => void;
9
- inputType: "text" | "password";
10
10
  };
11
11
  export declare const useClearOnFocus: (clearOnFocus: boolean, onChange?: (e: ChangeEvent<HTMLInputElement>) => void) => {
12
- hasBeenFocused: boolean;
13
12
  handleFocus: (e: FocusEvent<HTMLInputElement>, originalOnFocus?: (e: FocusEvent<HTMLInputElement>) => void) => void;
13
+ hasBeenFocused: boolean;
14
14
  };
15
15
  //# sourceMappingURL=InputUtils.d.ts.map
@@ -12,17 +12,17 @@ const h = (t) => {
12
12
  return i.observe(e.current), () => {
13
13
  i.disconnect();
14
14
  };
15
- } else
16
- s(0);
15
+ }
16
+ s(0);
17
17
  }, [t]), { prefixWidth: r, prefixRef: e };
18
18
  }, p = () => {
19
19
  const [t, r] = u(!1), s = f(() => {
20
20
  r((e) => !e);
21
21
  }, []);
22
22
  return {
23
+ inputType: t ? "text" : "password",
23
24
  isVisible: t,
24
- toggleVisibility: s,
25
- inputType: t ? "text" : "password"
25
+ toggleVisibility: s
26
26
  };
27
27
  }, v = (t, r) => {
28
28
  const [s, e] = u(!1), n = f(
package/dist/Input.d.ts CHANGED
@@ -18,7 +18,7 @@ export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'id' | 'onC
18
18
  value?: string;
19
19
  };
20
20
  export declare const Input: {
21
- ({ ref, className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
21
+ ({ className, clearOnFocus, disabled, endIcon, errorMessage, id, label, labelClassName, name, onBlur, onChange, onFocus, placeholder, prefix, ref, required, showClearButton, startIcon, state, suppressHydrationWarning, type, value, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, ...props }: InputProps & {
22
22
  ref?: Ref<HTMLInputElement>;
23
23
  }): ReactElement;
24
24
  displayName: string;