@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.
- package/dist/.js +119 -113
- package/dist/Accordion.d.ts +1 -0
- package/dist/Accordion.js +132 -129
- package/dist/Alert.js +5 -2
- package/dist/ButtonIcon.js +3 -0
- package/dist/Checkbox.js +3 -0
- package/dist/Icons/EditIcon.d.ts +3 -0
- package/dist/Icons/EditIcon.js +31 -0
- package/dist/Icons/SortAtoZIcon.d.ts +3 -0
- package/dist/Icons/SortAtoZIcon.js +16 -0
- package/dist/Icons/SortZtoAIcon.d.ts +3 -0
- package/dist/Icons/SortZtoAIcon.js +16 -0
- package/dist/Icons/index.d.ts +3 -0
- package/dist/Icons.js +102 -96
- package/dist/Input.js +18 -15
- package/dist/InputOTP.js +5 -2
- package/dist/MultiSelect/MultiSelectBase.js +3 -0
- package/dist/Select.js +14 -11
- package/dist/Textarea.js +9 -6
- package/dist/Tray.js +3 -0
- package/dist/primitives/select.js +19 -16
- package/dist/styles/main.css +1 -1
- package/package.json +1 -1
|
@@ -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
|
+
};
|
package/dist/Icons/index.d.ts
CHANGED
|
@@ -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
|
|
10
|
-
import { ChevronDownIcon as
|
|
11
|
-
import { ChevronUpIcon as
|
|
12
|
-
import { ClockIcon as
|
|
13
|
-
import { CloseCircleIcon as
|
|
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
|
|
16
|
-
import { DatabaseIcon as
|
|
17
|
-
import { DeleteIcon as
|
|
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 {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
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
|
|
38
|
-
import { MetadataIcon as
|
|
39
|
-
import { MinusIcon as
|
|
40
|
-
import { OntologyIcon as
|
|
41
|
-
import { PanelIconClose as
|
|
42
|
-
import { PanelIconOpen as
|
|
43
|
-
import { PlayIcon as
|
|
44
|
-
import { PlusIcon as
|
|
45
|
-
import { ResetIcon as
|
|
46
|
-
import { ReviewedIcon as
|
|
47
|
-
import { ScissorsIcon as
|
|
48
|
-
import { SettingsIcon as
|
|
49
|
-
import { SortAscendingIcon as
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
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
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
Z as DashboardIcon,
|
|
79
|
+
U as DatabaseIcon,
|
|
80
|
+
M as DeleteIcon,
|
|
78
81
|
G as DurationIcon,
|
|
79
|
-
q as
|
|
80
|
-
F as
|
|
81
|
-
V as
|
|
82
|
-
X as
|
|
83
|
-
j as
|
|
84
|
-
J as
|
|
85
|
-
N as
|
|
86
|
-
_ as
|
|
87
|
-
oo as
|
|
88
|
-
eo as
|
|
89
|
-
to as
|
|
90
|
-
mo as
|
|
91
|
-
fo as
|
|
92
|
-
xo as
|
|
93
|
-
so as
|
|
94
|
-
io as
|
|
95
|
-
|
|
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
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
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
|
|
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:
|
|
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 } =
|
|
105
|
-
(
|
|
106
|
-
C?.(
|
|
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
|
-
(
|
|
111
|
-
E(
|
|
113
|
+
(r) => {
|
|
114
|
+
E(r, w);
|
|
112
115
|
},
|
|
113
116
|
[E, w]
|
|
114
117
|
), U = c(
|
|
115
|
-
(
|
|
116
|
-
const o =
|
|
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
|
|
124
|
-
password: () => /* @__PURE__ */ t("button", { "aria-controls": l, "aria-label": d ? `Hide ${
|
|
125
|
-
clear: () => /* @__PURE__ */ t("button", { "aria-label": `Clear ${
|
|
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
|
-
|
|
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 ||
|
|
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 ||
|
|
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
|
|
336
|
+
const vr = Object.assign(Mt, {
|
|
334
337
|
Group: Tt,
|
|
335
338
|
Slot: kt,
|
|
336
339
|
Separator: Rt
|
|
337
340
|
});
|
|
338
341
|
export {
|
|
339
|
-
|
|
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
|
|
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
|
|
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),
|
|
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(
|
|
102
|
-
/* @__PURE__ */ t(
|
|
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:
|
|
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:
|
|
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":
|
|
127
|
+
"aria-controls": i,
|
|
125
128
|
"aria-expanded": b,
|
|
126
129
|
"aria-label": R || l,
|
|
127
130
|
asChild: !0,
|
|
128
|
-
className:
|
|
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:
|
|
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:
|
|
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
|
|
70
|
-
return g(
|
|
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:
|
|
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:
|
|
78
|
+
value: s,
|
|
76
79
|
onChange: I || (() => {
|
|
77
80
|
}),
|
|
78
81
|
onFocus: F,
|
|
79
82
|
onBlur: N
|
|
80
|
-
}), { isDisabled: f, isLoading: E } = G(
|
|
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:
|
|
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";
|