@spear-ai/spectral 1.4.11 → 1.4.12

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.
@@ -0,0 +1,16 @@
1
+ "use client";
2
+ import "../styles/main.css";
3
+ import { jsxs as k, jsx as o } from "react/jsx-runtime";
4
+ import c from "./IconBase.js";
5
+ import { forwardRef as u } from "react";
6
+ const p = ({ className: r, ariaHidden: t, title: e, description: n, size: s = 24, ...i }, d) => /* @__PURE__ */ k(c, { size: s, className: r, title: e, description: n, ariaHidden: t, ref: d, ...i, children: [
7
+ /* @__PURE__ */ o("path", { d: "M3 8L7 4L11 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
8
+ /* @__PURE__ */ o("path", { d: "M7 4V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
9
+ /* @__PURE__ */ o("path", { d: "M20 8H15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
10
+ /* @__PURE__ */ o("path", { d: "M15 10V6.5C15 5.83696 15.2634 5.20107 15.7322 4.73223C16.2011 4.26339 16.837 4 17.5 4C18.163 4 18.7989 4.26339 19.2678 4.73223C19.7366 5.20107 20 5.83696 20 6.5V10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
11
+ /* @__PURE__ */ o("path", { d: "M15 14H20L15 20H20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
12
+ ] }), a = u(p);
13
+ a.displayName = "SortZtoAIcon";
14
+ export {
15
+ a as SortZtoAIcon
16
+ };
@@ -16,6 +16,7 @@ export { DashboardIcon } from './DashboardIcon';
16
16
  export { DatabaseIcon } from './DatabaseIcon';
17
17
  export { DeleteIcon } from './DeleteIcon';
18
18
  export { DurationIcon } from './DurationIcon';
19
+ export { EditIcon } from './EditIcon';
19
20
  export { EmailIcon } from './EmailIcon';
20
21
  export { EraserIcon } from './EraserIcon';
21
22
  export { ErrorIcon } from './ErrorIcon';
@@ -47,7 +48,9 @@ export { ReviewedIcon } from './ReviewedIcon';
47
48
  export { ScissorsIcon } from './ScissorsIcon';
48
49
  export { SettingsIcon } from './SettingsIcon';
49
50
  export { SortAscendingIcon } from './SortAscendingIcon';
51
+ export { SortAtoZIcon } from './SortAtoZIcon';
50
52
  export { SortDescendingIcon } from './SortDescendingIcon';
53
+ export { SortZtoAIcon } from './SortZtoAIcon';
51
54
  export { StackIcon } from './StackIcon';
52
55
  export { StarIcon } from './StarIcon';
53
56
  export { TrashIcon } from './TrashIcon';
package/dist/Icons.js CHANGED
@@ -6,57 +6,60 @@ 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 g } from "./Icons/CheckmarkIcon.js";
10
- import { ChevronDownIcon as A } from "./Icons/ChevronDownIcon.js";
11
- import { ChevronUpIcon as S } from "./Icons/ChevronUpIcon.js";
12
- import { ClockIcon as u } from "./Icons/ClockIcon.js";
13
- import { CloseCircleIcon as y } from "./Icons/CloseCircleIcon.js";
9
+ import { CheckmarkIcon as L } from "./Icons/CheckmarkIcon.js";
10
+ import { ChevronDownIcon as g } from "./Icons/ChevronDownIcon.js";
11
+ import { ChevronUpIcon as D } from "./Icons/ChevronUpIcon.js";
12
+ import { ClockIcon as k } from "./Icons/ClockIcon.js";
13
+ import { CloseCircleIcon as w } from "./Icons/CloseCircleIcon.js";
14
14
  import { CloseIcon as v } from "./Icons/CloseIcon.js";
15
- import { DashboardIcon as P } from "./Icons/DashboardIcon.js";
16
- import { DatabaseIcon as b } from "./Icons/DatabaseIcon.js";
17
- import { DeleteIcon as O } from "./Icons/DeleteIcon.js";
15
+ import { DashboardIcon as Z } from "./Icons/DashboardIcon.js";
16
+ import { DatabaseIcon as U } from "./Icons/DatabaseIcon.js";
17
+ import { DeleteIcon as M } from "./Icons/DeleteIcon.js";
18
18
  import { DurationIcon as G } from "./Icons/DurationIcon.js";
19
- import { EmailIcon as q } from "./Icons/EmailIcon.js";
20
- import { EraserIcon as F } from "./Icons/EraserIcon.js";
21
- import { ErrorIcon as V } from "./Icons/ErrorIcon.js";
22
- import { EyeClosedIcon as X } from "./Icons/EyeClosedIcon.js";
23
- import { EyeClosedIcon2 as j } from "./Icons/EyeClosedIcon2.js";
24
- import { EyeOpenIcon as J } from "./Icons/EyeOpenIcon.js";
25
- import { GoToFirstIcon as N } from "./Icons/GoToFirstIcon.js";
26
- import { GoToLastIcon as _ } from "./Icons/GoToLastIcon.js";
27
- import { HarmonicCursorsIcon as oo } from "./Icons/HarmonicCursorsIcon.js";
28
- import { InfoIcon as eo } from "./Icons/InfoIcon.js";
29
- import { LabelIcon as to } from "./Icons/LabelIcon.js";
30
- import { LassoIcon as mo } from "./Icons/LassoIcon.js";
31
- import { LineToolIcon as fo } from "./Icons/LineToolIcon.js";
32
- import { LineToolIcon2 as xo } from "./Icons/LineToolIcon2.js";
33
- import { LiveViewIcon as so } from "./Icons/LiveViewIcon.js";
34
- import { LoaderIcon as io } from "./Icons/LoaderIcon.js";
35
- import { LocationIcon as Lo } from "./Icons/LocationIcon.js";
19
+ import { EditIcon as q } from "./Icons/EditIcon.js";
20
+ import { EmailIcon as F } from "./Icons/EmailIcon.js";
21
+ import { EraserIcon as V } from "./Icons/EraserIcon.js";
22
+ import { ErrorIcon as X } from "./Icons/ErrorIcon.js";
23
+ import { EyeClosedIcon as j } from "./Icons/EyeClosedIcon.js";
24
+ import { EyeClosedIcon2 as J } from "./Icons/EyeClosedIcon2.js";
25
+ import { EyeOpenIcon as N } from "./Icons/EyeOpenIcon.js";
26
+ import { GoToFirstIcon as _ } from "./Icons/GoToFirstIcon.js";
27
+ import { GoToLastIcon as oo } from "./Icons/GoToLastIcon.js";
28
+ import { HarmonicCursorsIcon as eo } from "./Icons/HarmonicCursorsIcon.js";
29
+ import { InfoIcon as to } from "./Icons/InfoIcon.js";
30
+ import { LabelIcon as mo } from "./Icons/LabelIcon.js";
31
+ import { LassoIcon as fo } from "./Icons/LassoIcon.js";
32
+ import { LineToolIcon as xo } from "./Icons/LineToolIcon.js";
33
+ import { LineToolIcon2 as so } from "./Icons/LineToolIcon2.js";
34
+ import { LiveViewIcon as io } from "./Icons/LiveViewIcon.js";
35
+ import { LoaderIcon as Ao } from "./Icons/LoaderIcon.js";
36
+ import { LocationIcon as So } from "./Icons/LocationIcon.js";
36
37
  import { LogoutIcon as ho } from "./Icons/LogoutIcon.js";
37
- import { MessagesIcon as Do } from "./Icons/MessagesIcon.js";
38
- import { MetadataIcon as ko } from "./Icons/MetadataIcon.js";
39
- import { MinusIcon as wo } from "./Icons/MinusIcon.js";
40
- import { OntologyIcon as Eo } from "./Icons/OntologyIcon.js";
41
- import { PanelIconClose as To } from "./Icons/PanelIconClose.js";
42
- import { PanelIconOpen as Uo } from "./Icons/PanelIconOpen.js";
43
- import { PlayIcon as Mo } from "./Icons/PlayIcon.js";
44
- import { PlusIcon as Zo } from "./Icons/PlusIcon.js";
45
- import { ResetIcon as Ro } from "./Icons/ResetIcon.js";
46
- import { ReviewedIcon as zo } from "./Icons/ReviewedIcon.js";
47
- import { ScissorsIcon as Ho } from "./Icons/ScissorsIcon.js";
48
- import { SettingsIcon as Wo } from "./Icons/SettingsIcon.js";
49
- import { SortAscendingIcon as Yo } from "./Icons/SortAscendingIcon.js";
50
- import { SortDescendingIcon as Bo } from "./Icons/SortDescendingIcon.js";
51
- import { StackIcon as Ko } from "./Icons/StackIcon.js";
52
- import { StarIcon as Qo } from "./Icons/StarIcon.js";
53
- import { TrashIcon as $o } from "./Icons/TrashIcon.js";
54
- import { UndoIcon as rr } from "./Icons/UndoIcon.js";
55
- import { UserIcon as nr } from "./Icons/UserIcon.js";
56
- import { WarningIcon as cr } from "./Icons/WarningIcon.js";
57
- import { ZoomAllIcon as pr } from "./Icons/ZoomAllIcon.js";
58
- import { ZoomXIcon as Ir } from "./Icons/ZoomXIcon.js";
59
- import { ZoomYIcon as ar } from "./Icons/ZoomYIcon.js";
38
+ import { MessagesIcon as Eo } from "./Icons/MessagesIcon.js";
39
+ import { MetadataIcon as uo } from "./Icons/MetadataIcon.js";
40
+ import { MinusIcon as yo } from "./Icons/MinusIcon.js";
41
+ import { OntologyIcon as To } from "./Icons/OntologyIcon.js";
42
+ import { PanelIconClose as Po } from "./Icons/PanelIconClose.js";
43
+ import { PanelIconOpen as bo } from "./Icons/PanelIconOpen.js";
44
+ import { PlayIcon as Oo } from "./Icons/PlayIcon.js";
45
+ import { PlusIcon as Ro } from "./Icons/PlusIcon.js";
46
+ import { ResetIcon as zo } from "./Icons/ResetIcon.js";
47
+ import { ReviewedIcon as Ho } from "./Icons/ReviewedIcon.js";
48
+ import { ScissorsIcon as Wo } from "./Icons/ScissorsIcon.js";
49
+ import { SettingsIcon as Yo } from "./Icons/SettingsIcon.js";
50
+ import { SortAscendingIcon as Bo } from "./Icons/SortAscendingIcon.js";
51
+ import { SortAtoZIcon as Ko } from "./Icons/SortAtoZIcon.js";
52
+ import { SortDescendingIcon as Qo } from "./Icons/SortDescendingIcon.js";
53
+ import { SortZtoAIcon as $o } from "./Icons/SortZtoAIcon.js";
54
+ import { StackIcon as rr } from "./Icons/StackIcon.js";
55
+ import { StarIcon as nr } from "./Icons/StarIcon.js";
56
+ import { TrashIcon as cr } from "./Icons/TrashIcon.js";
57
+ import { UndoIcon as pr } from "./Icons/UndoIcon.js";
58
+ import { UserIcon as Ir } from "./Icons/UserIcon.js";
59
+ import { WarningIcon as ar } from "./Icons/WarningIcon.js";
60
+ import { ZoomAllIcon as lr } from "./Icons/ZoomAllIcon.js";
61
+ import { ZoomXIcon as Cr } from "./Icons/ZoomXIcon.js";
62
+ import { ZoomYIcon as Ar } from "./Icons/ZoomYIcon.js";
60
63
  export {
61
64
  e as AnalyzeIcon,
62
65
  t as AnnotationsIcon,
@@ -66,55 +69,58 @@ export {
66
69
  s as CalendarIcon,
67
70
  i as CheckCircleIcon,
68
71
  d as CheckSquareIcon,
69
- g as CheckmarkIcon,
70
- A as ChevronDownIcon,
71
- S as ChevronUpIcon,
72
- u as ClockIcon,
73
- y as CloseCircleIcon,
72
+ L as CheckmarkIcon,
73
+ g as ChevronDownIcon,
74
+ D as ChevronUpIcon,
75
+ k as ClockIcon,
76
+ w as CloseCircleIcon,
74
77
  v as CloseIcon,
75
- P as DashboardIcon,
76
- b as DatabaseIcon,
77
- O as DeleteIcon,
78
+ Z as DashboardIcon,
79
+ U as DatabaseIcon,
80
+ M as DeleteIcon,
78
81
  G as DurationIcon,
79
- q as EmailIcon,
80
- F as EraserIcon,
81
- V as ErrorIcon,
82
- X as EyeClosedIcon,
83
- j as EyeClosedIcon2,
84
- J as EyeOpenIcon,
85
- N as GoToFirstIcon,
86
- _ as GoToLastIcon,
87
- oo as HarmonicCursorsIcon,
88
- eo as InfoIcon,
89
- to as LabelIcon,
90
- mo as LassoIcon,
91
- fo as LineToolIcon,
92
- xo as LineToolIcon2,
93
- so as LiveViewIcon,
94
- io as LoaderIcon,
95
- Lo as LocationIcon,
82
+ q as EditIcon,
83
+ F as EmailIcon,
84
+ V as EraserIcon,
85
+ X as ErrorIcon,
86
+ j as EyeClosedIcon,
87
+ J as EyeClosedIcon2,
88
+ N as EyeOpenIcon,
89
+ _ as GoToFirstIcon,
90
+ oo as GoToLastIcon,
91
+ eo as HarmonicCursorsIcon,
92
+ to as InfoIcon,
93
+ mo as LabelIcon,
94
+ fo as LassoIcon,
95
+ xo as LineToolIcon,
96
+ so as LineToolIcon2,
97
+ io as LiveViewIcon,
98
+ Ao as LoaderIcon,
99
+ So as LocationIcon,
96
100
  ho as LogoutIcon,
97
- Do as MessagesIcon,
98
- ko as MetadataIcon,
99
- wo as MinusIcon,
100
- Eo as OntologyIcon,
101
- To as PanelIconClose,
102
- Uo as PanelIconOpen,
103
- Mo as PlayIcon,
104
- Zo as PlusIcon,
105
- Ro as ResetIcon,
106
- zo as ReviewedIcon,
107
- Ho as ScissorsIcon,
108
- Wo as SettingsIcon,
109
- Yo as SortAscendingIcon,
110
- Bo as SortDescendingIcon,
111
- Ko as StackIcon,
112
- Qo as StarIcon,
113
- $o as TrashIcon,
114
- rr as UndoIcon,
115
- nr as UserIcon,
116
- cr as WarningIcon,
117
- pr as ZoomAllIcon,
118
- Ir as ZoomXIcon,
119
- ar as ZoomYIcon
101
+ Eo as MessagesIcon,
102
+ uo as MetadataIcon,
103
+ yo as MinusIcon,
104
+ To as OntologyIcon,
105
+ Po as PanelIconClose,
106
+ bo as PanelIconOpen,
107
+ Oo as PlayIcon,
108
+ Ro as PlusIcon,
109
+ zo as ResetIcon,
110
+ Ho as ReviewedIcon,
111
+ Wo as ScissorsIcon,
112
+ Yo as SettingsIcon,
113
+ Bo as SortAscendingIcon,
114
+ Ko as SortAtoZIcon,
115
+ Qo as SortDescendingIcon,
116
+ $o as SortZtoAIcon,
117
+ rr as StackIcon,
118
+ nr as StarIcon,
119
+ cr as TrashIcon,
120
+ pr as UndoIcon,
121
+ Ir as UserIcon,
122
+ ar as WarningIcon,
123
+ lr as ZoomAllIcon,
124
+ Cr as ZoomXIcon,
125
+ Ar as ZoomYIcon
120
126
  };
package/dist/Input.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import "./styles/main.css";
3
3
  import { jsxs as u, jsx as t } from "react/jsx-runtime";
4
- import { usePasswordVisibility as tt, usePrefixWidth as et, useClearOnFocus as rt } from "./Input/InputUtils.js";
4
+ import { usePasswordVisibility as tt, usePrefixWidth as rt, useClearOnFocus as et } from "./Input/InputUtils.js";
5
5
  import "./Icons/AnalyzeIcon.js";
6
6
  import "./Icons/AnnotationsIcon.js";
7
7
  import "./Icons/ApprovedIcon.js";
@@ -20,6 +20,7 @@ import "./Icons/DashboardIcon.js";
20
20
  import "./Icons/DatabaseIcon.js";
21
21
  import "./Icons/DeleteIcon.js";
22
22
  import "./Icons/DurationIcon.js";
23
+ import "./Icons/EditIcon.js";
23
24
  import "./Icons/EmailIcon.js";
24
25
  import "./Icons/EraserIcon.js";
25
26
  import { ErrorIcon as st } from "./Icons/ErrorIcon.js";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
51
52
  import "./Icons/ScissorsIcon.js";
52
53
  import "./Icons/SettingsIcon.js";
53
54
  import "./Icons/SortAscendingIcon.js";
55
+ import "./Icons/SortAtoZIcon.js";
54
56
  import "./Icons/SortDescendingIcon.js";
57
+ import "./Icons/SortZtoAIcon.js";
55
58
  import "./Icons/StackIcon.js";
56
59
  import "./Icons/StarIcon.js";
57
60
  import "./Icons/TrashIcon.js";
@@ -82,7 +85,7 @@ const gt = (m) => ({
82
85
  endIcon: b,
83
86
  errorMessage: x,
84
87
  id: P,
85
- label: r,
88
+ label: e,
86
89
  labelClassName: R,
87
90
  name: g,
88
91
  onBlur: C,
@@ -101,28 +104,28 @@ const gt = (m) => ({
101
104
  "aria-describedby": M,
102
105
  ...O
103
106
  }, j) => {
104
- const l = ct(P, g), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = ut(k, i), H = mt(i, M, v, N), T = xt(null), s = j || T, { isVisible: d, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = et(p), { handleFocus: E } = rt(h, a ? (e) => a(e.target.value) : void 0), K = c(
105
- (e) => {
106
- C?.(e);
107
+ const l = ct(P, g), N = `${l}-error`, { isDisabled: F, isLoading: A, isInvalid: B } = ut(k, i), H = mt(i, M, v, N), T = xt(null), s = j || T, { isVisible: d, toggleVisibility: W, inputType: D } = tt(), { prefixWidth: G, prefixRef: J } = rt(p), { handleFocus: E } = et(h, a ? (r) => a(r.target.value) : void 0), K = c(
108
+ (r) => {
109
+ C?.(r);
107
110
  },
108
111
  [C]
109
112
  ), Q = c(
110
- (e) => {
111
- E(e, w);
113
+ (r) => {
114
+ E(r, w);
112
115
  },
113
116
  [E, w]
114
117
  ), U = c(
115
- (e) => {
116
- const o = e.target.value;
118
+ (r) => {
119
+ const o = r.target.value;
117
120
  a?.(o);
118
121
  },
119
122
  [a]
120
123
  ), X = c(() => {
121
124
  s.current && (s.current.value = "", s.current.dispatchEvent(new Event("input", { bubbles: !0 })), s.current.focus());
122
125
  }, [s]), z = V && I.length > 0, Y = () => {
123
- const e = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", o = {
124
- password: () => /* @__PURE__ */ t("button", { "aria-controls": l, "aria-label": d ? `Hide ${r}` : `Show ${r}`, "aria-pressed": d, className: e, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: d ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
125
- clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${r}`, "aria-pressed": !1, className: e, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
126
+ const r = "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon hover:text-input-icon--hover focus:outline-none cursor-pointer", o = {
127
+ password: () => /* @__PURE__ */ t("button", { "aria-controls": l, "aria-label": d ? `Hide ${e}` : `Show ${e}`, "aria-pressed": d, className: r, "data-testid": "spectral-input-password-toggle", onClick: W, type: "button", children: d ? /* @__PURE__ */ t(at, { size: 22 }) : /* @__PURE__ */ t(pt, { size: 22 }) }),
128
+ clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${e}`, "aria-pressed": !1, className: r, "data-testid": "spectral-input-clear-button", onClick: X, type: "button", children: /* @__PURE__ */ t(it, { size: 24 }) }),
126
129
  loading: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-input-icon", "data-testid": "spectral-input-loading-icon", children: /* @__PURE__ */ t(nt, { size: 24 }) }),
127
130
  error: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-danger-400", "data-testid": "spectral-input-error-icon", children: /* @__PURE__ */ t(st, { size: 24 }) }),
128
131
  success: () => /* @__PURE__ */ t("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 text-success-400", "data-testid": "spectral-input-success-icon", children: /* @__PURE__ */ t(ot, { size: 24 }) })
@@ -130,7 +133,7 @@ const gt = (m) => ({
130
133
  return b || (n === "password" ? o.password() : z ? o.clear() : A ? o.loading() : i === "success" ? o.success() : i === "error" ? o.error() : null);
131
134
  }, Z = () => y || null, _ = f(dt(i, m), "[text-indent:var(--prefix-width)]", z && "pr-10"), q = f("pointer-events-none absolute inset-y-0 left-4 flex items-center text-base text-input-text-prefix opacity-100 peer-disabled:opacity-50");
132
135
  return /* @__PURE__ */ u("div", { className: "w-full space-y-1.5", "data-testid": "spectral-input-container", children: [
133
- r && /* @__PURE__ */ t(lt, { className: f("block mb-2", R, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: l, children: r }),
136
+ e && /* @__PURE__ */ t(lt, { className: f("block mb-2", R, F && "text-input-text--disabled placeholder:text-input-text-placeholder cursor-not-allowed"), "data-testid": "spectral-input-label", htmlFor: l, children: e }),
134
137
  /* @__PURE__ */ u("div", { className: "relative", "data-testid": "spectral-input-wrapper", children: [
135
138
  /* @__PURE__ */ u("div", { className: "relative", children: [
136
139
  Z(),
@@ -138,7 +141,7 @@ const gt = (m) => ({
138
141
  /* @__PURE__ */ t(
139
142
  "input",
140
143
  {
141
- "aria-label": L || r,
144
+ "aria-label": L || e,
142
145
  autoComplete: gt(n),
143
146
  className: _,
144
147
  "data-state": i,
@@ -149,7 +152,7 @@ const gt = (m) => ({
149
152
  onBlur: K,
150
153
  onChange: U,
151
154
  onFocus: Q,
152
- placeholder: S || r,
155
+ placeholder: S || e,
153
156
  ref: s,
154
157
  required: v,
155
158
  style: ft({
package/dist/InputOTP.js CHANGED
@@ -19,6 +19,7 @@ import "./Icons/DashboardIcon.js";
19
19
  import "./Icons/DatabaseIcon.js";
20
20
  import "./Icons/DeleteIcon.js";
21
21
  import "./Icons/DurationIcon.js";
22
+ import "./Icons/EditIcon.js";
22
23
  import "./Icons/EmailIcon.js";
23
24
  import "./Icons/EraserIcon.js";
24
25
  import "./Icons/ErrorIcon.js";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
50
51
  import "./Icons/ScissorsIcon.js";
51
52
  import "./Icons/SettingsIcon.js";
52
53
  import "./Icons/SortAscendingIcon.js";
54
+ import "./Icons/SortAtoZIcon.js";
53
55
  import "./Icons/SortDescendingIcon.js";
56
+ import "./Icons/SortZtoAIcon.js";
54
57
  import "./Icons/StackIcon.js";
55
58
  import "./Icons/StarIcon.js";
56
59
  import "./Icons/TrashIcon.js";
@@ -330,11 +333,11 @@ const Rt = Q(({ ...t }, n) => {
330
333
  return /* @__PURE__ */ T("div", { ref: n, role: "separator", ...t, "data-testid": "spectral-input-otp-separator", "data-variant": a, children: /* @__PURE__ */ T(_t, { size: 24, color: a === "filled" ? "var(--color-input-otp-filled-separator)" : "var(--color-input-otp-border)" }) });
331
334
  });
332
335
  Rt.displayName = "InputOTP.Separator";
333
- const dr = Object.assign(Mt, {
336
+ const vr = Object.assign(Mt, {
334
337
  Group: Tt,
335
338
  Slot: kt,
336
339
  Separator: Rt
337
340
  });
338
341
  export {
339
- dr as InputOTP
342
+ vr as InputOTP
340
343
  };
@@ -19,6 +19,7 @@ import "../Icons/DashboardIcon.js";
19
19
  import "../Icons/DatabaseIcon.js";
20
20
  import "../Icons/DeleteIcon.js";
21
21
  import "../Icons/DurationIcon.js";
22
+ import "../Icons/EditIcon.js";
22
23
  import "../Icons/EmailIcon.js";
23
24
  import "../Icons/EraserIcon.js";
24
25
  import "../Icons/ErrorIcon.js";
@@ -50,7 +51,9 @@ import "../Icons/ReviewedIcon.js";
50
51
  import "../Icons/ScissorsIcon.js";
51
52
  import "../Icons/SettingsIcon.js";
52
53
  import "../Icons/SortAscendingIcon.js";
54
+ import "../Icons/SortAtoZIcon.js";
53
55
  import "../Icons/SortDescendingIcon.js";
56
+ import "../Icons/SortZtoAIcon.js";
54
57
  import "../Icons/StackIcon.js";
55
58
  import "../Icons/StarIcon.js";
56
59
  import "../Icons/TrashIcon.js";
package/dist/Select.js CHANGED
@@ -19,6 +19,7 @@ import "./Icons/DashboardIcon.js";
19
19
  import "./Icons/DatabaseIcon.js";
20
20
  import "./Icons/DeleteIcon.js";
21
21
  import "./Icons/DurationIcon.js";
22
+ import "./Icons/EditIcon.js";
22
23
  import "./Icons/EmailIcon.js";
23
24
  import "./Icons/EraserIcon.js";
24
25
  import "./Icons/ErrorIcon.js";
@@ -50,7 +51,9 @@ import "./Icons/ReviewedIcon.js";
50
51
  import "./Icons/ScissorsIcon.js";
51
52
  import "./Icons/SettingsIcon.js";
52
53
  import "./Icons/SortAscendingIcon.js";
54
+ import "./Icons/SortAtoZIcon.js";
53
55
  import "./Icons/SortDescendingIcon.js";
56
+ import "./Icons/SortZtoAIcon.js";
54
57
  import "./Icons/StackIcon.js";
55
58
  import "./Icons/StarIcon.js";
56
59
  import "./Icons/TrashIcon.js";
@@ -61,9 +64,9 @@ import "./Icons/ZoomAllIcon.js";
61
64
  import "./Icons/ZoomXIcon.js";
62
65
  import "./Icons/ZoomYIcon.js";
63
66
  import { Label as C } from "./Label.js";
64
- import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as st, b as it, a as ot } from "./index-CevVJ05e.js";
67
+ import { R as X, T as Y, f as Z, e as _, C as $, c as tt, V as et, S as rt, d as I, G as at, I as it, b as st, a as ot } from "./index-CevVJ05e.js";
65
68
  import { useFormFieldId as lt, useFormFieldState as dt, getAriaProps as mt, getErrorMessageId as ct, groupOptions as pt, getFormFieldCSSProperties as nt, getStateClasses as ut, getTriggerClasses as ht, ErrorMessage as gt, LoadingState as bt, EmptyState as ft, getOptionClasses as xt } from "./utils/formFieldUtils.js";
66
- import { cn as i } from "./utils/twUtils.js";
69
+ import { cn as s } from "./utils/twUtils.js";
67
70
  import { forwardRef as yt, useState as Nt } from "react";
68
71
  const vt = yt(
69
72
  ({
@@ -91,15 +94,15 @@ const vt = yt(
91
94
  "aria-describedby": B,
92
95
  ...o
93
96
  }, G) => {
94
- const [b, M] = Nt(!1), s = lt(L, u), f = ct(s), { isDisabled: d, isLoading: x, isInvalid: A } = dt(o.disabled, a), H = mt(a, B, o.required, f), { groups: y, ungrouped: N } = pt(h), U = () => {
97
+ const [b, M] = Nt(!1), i = lt(L, u), f = ct(i), { isDisabled: d, isLoading: x, isInvalid: A } = dt(o.disabled, a), H = mt(a, B, o.required, f), { groups: y, ungrouped: N } = pt(h), U = () => {
95
98
  if (x)
96
99
  return /* @__PURE__ */ t(bt, { "data-testid": "spectral-select-loading", message: T });
97
100
  if (h.length === 0)
98
101
  return /* @__PURE__ */ t(ft, { "data-testid": "spectral-select-empty", message: k });
99
102
  const v = (e) => {
100
103
  const m = g === e.value;
101
- return /* @__PURE__ */ r(st, { className: i(xt(!!e.disabled, !1, m), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
102
- /* @__PURE__ */ t(it, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
104
+ return /* @__PURE__ */ r(it, { className: s(xt(!!e.disabled, !1, m), "relative flex w-full cursor-pointer items-center"), "data-testid": "spectral-select-item", disabled: e.disabled, value: e.value, children: [
105
+ /* @__PURE__ */ t(st, { "data-testid": "spectral-select-item-text", className: "block truncate", children: e.label }),
103
106
  /* @__PURE__ */ t(ot, { "data-testid": "spectral-select-item-selected-indicator", asChild: !0, children: /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t(Q, { size: 16 }) }) })
104
107
  ] }, e.value);
105
108
  };
@@ -110,26 +113,26 @@ const vt = yt(
110
113
  ] }),
111
114
  Object.entries(y).map(([e, m], J) => /* @__PURE__ */ r(at, { "data-testid": "spectral-select-group", children: [
112
115
  J > 0 && /* @__PURE__ */ t(I, { className: "-mx-1 my-1 h-px bg-border-secondary", "data-testid": "spectral-select-group-separator" }),
113
- /* @__PURE__ */ t(C, { "data-testid": "spectral-select-group-label", htmlFor: s, className: i("px-2 py-1.5 text-base font-semibold text-text-primary", n), children: e }),
116
+ /* @__PURE__ */ t(C, { "data-testid": "spectral-select-group-label", htmlFor: i, className: s("px-2 py-1.5 text-base font-semibold text-text-primary", n), children: e }),
114
117
  m.map((K) => v(K))
115
118
  ] }, e))
116
119
  ] });
117
120
  };
118
121
  return /* @__PURE__ */ r("div", { className: "w-full", children: [
119
- l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: s, className: i("block mb-4 text-text-primary", n, d && "text-text-secondary"), children: l }),
122
+ l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("block mb-4 text-text-primary", n, d && "text-text-secondary"), children: l }),
120
123
  /* @__PURE__ */ r(X, { "data-testid": "spectral-select", defaultValue: j, disabled: d, name: u, onOpenChange: M, onValueChange: V, open: b, required: o.required, value: g, children: [
121
124
  /* @__PURE__ */ t(
122
125
  Y,
123
126
  {
124
- "aria-controls": s,
127
+ "aria-controls": i,
125
128
  "aria-expanded": b,
126
129
  "aria-label": R || l,
127
130
  asChild: !0,
128
- className: i(ht(!1, a), ut(a), F),
131
+ className: s(ht(!1, a), ut(a), F),
129
132
  "data-slot": "select-trigger",
130
133
  "data-state": a,
131
134
  "data-testid": "spectral-select-trigger",
132
- id: s,
135
+ id: i,
133
136
  ref: G,
134
137
  role: "combobox",
135
138
  style: nt(),
@@ -144,7 +147,7 @@ const vt = yt(
144
147
  /* @__PURE__ */ t($, { align: w, alignOffset: z, "data-slot": "select-content", "data-testid": "spectral-select-content", asChild: !0, collisionPadding: O, position: D, side: E, sideOffset: P, children: /* @__PURE__ */ r(
145
148
  "div",
146
149
  {
147
- className: i(
150
+ className: s(
148
151
  "z-50 rounded-lg border border-input-border bg-input-bg shadow-md",
149
152
  "data-[state=open]:animate-in data-[state=closed]:animate-out",
150
153
  "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
package/dist/Textarea.js CHANGED
@@ -20,6 +20,7 @@ import "./Icons/DashboardIcon.js";
20
20
  import "./Icons/DatabaseIcon.js";
21
21
  import "./Icons/DeleteIcon.js";
22
22
  import "./Icons/DurationIcon.js";
23
+ import "./Icons/EditIcon.js";
23
24
  import "./Icons/EmailIcon.js";
24
25
  import "./Icons/EraserIcon.js";
25
26
  import "./Icons/ErrorIcon.js";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
51
52
  import "./Icons/ScissorsIcon.js";
52
53
  import "./Icons/SettingsIcon.js";
53
54
  import "./Icons/SortAscendingIcon.js";
55
+ import "./Icons/SortAtoZIcon.js";
54
56
  import "./Icons/SortDescendingIcon.js";
57
+ import "./Icons/SortZtoAIcon.js";
55
58
  import "./Icons/StackIcon.js";
56
59
  import "./Icons/StarIcon.js";
57
60
  import "./Icons/TrashIcon.js";
@@ -66,18 +69,18 @@ import { useFormFieldId as M, getAriaProps as O, getErrorMessageId as _, getText
66
69
  import { cn as g } from "./utils/twUtils.js";
67
70
  import { forwardRef as H, useRef as J } from "react";
68
71
  const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, a) => {
69
- const s = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", o = t >= a ? "text-danger-400" : "text-text-secondary";
70
- return g(s, o);
72
+ const m = "absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", o = t >= a ? "text-danger-400" : "text-text-secondary";
73
+ return g(m, o);
71
74
  }, W = H(
72
- ({ autoComplete: t, className: a, disabled: s, errorMessage: o, id: C, label: c, labelClassName: b, maxLength: i = 280, name: d, onBlur: N, onChange: I, onFocus: F, placeholder: S, required: u, state: r = "default", value: m = "", ...x }, v) => {
75
+ ({ autoComplete: t, className: a, disabled: m, errorMessage: o, id: C, label: c, labelClassName: b, maxLength: i = 280, name: d, onBlur: N, onChange: I, onFocus: F, placeholder: S, required: u, state: r = "default", value: s = "", ...x }, v) => {
73
76
  const p = M(C, d), h = _(p), y = J(null), P = v || y, { handleFocus: T, handleBlur: A, handleChange: R, handlePaste: w } = z({
74
77
  maxLength: i,
75
- value: m,
78
+ value: s,
76
79
  onChange: I || (() => {
77
80
  }),
78
81
  onFocus: F,
79
82
  onBlur: N
80
- }), { isDisabled: f, isLoading: E } = G(s, r), L = O(r, h, u, x["aria-describedby"]), l = m?.length || 0, j = $(r, a), k = () => ({
83
+ }), { isDisabled: f, isLoading: E } = G(m, r), L = O(r, h, u, x["aria-describedby"]), l = s?.length || 0, j = $(r, a), k = () => ({
81
84
  "--textarea-min-height": "6rem",
82
85
  "--textarea-max-height": "12rem",
83
86
  "--textarea-border-radius": "0.5rem"
@@ -105,7 +108,7 @@ const K = "absolute right-4 top-4", Q = (t) => t || "off", U = (t, a) => {
105
108
  required: u,
106
109
  spellCheck: "true",
107
110
  style: k(),
108
- value: m,
111
+ value: s,
109
112
  ...L,
110
113
  ...x
111
114
  }
package/dist/Tray.js CHANGED
@@ -20,6 +20,7 @@ import "./Icons/DashboardIcon.js";
20
20
  import "./Icons/DatabaseIcon.js";
21
21
  import "./Icons/DeleteIcon.js";
22
22
  import "./Icons/DurationIcon.js";
23
+ import "./Icons/EditIcon.js";
23
24
  import "./Icons/EmailIcon.js";
24
25
  import "./Icons/EraserIcon.js";
25
26
  import "./Icons/ErrorIcon.js";
@@ -51,7 +52,9 @@ import "./Icons/ReviewedIcon.js";
51
52
  import "./Icons/ScissorsIcon.js";
52
53
  import "./Icons/SettingsIcon.js";
53
54
  import "./Icons/SortAscendingIcon.js";
55
+ import "./Icons/SortAtoZIcon.js";
54
56
  import "./Icons/SortDescendingIcon.js";
57
+ import "./Icons/SortZtoAIcon.js";
55
58
  import "./Icons/StackIcon.js";
56
59
  import "./Icons/StarIcon.js";
57
60
  import "./Icons/TrashIcon.js";