@arcadeai/design-system 0.6.2 → 0.6.3
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/components/ui/atoms/form.d.ts +1 -1
- package/dist/components/ui/atoms/form.js +198 -183
- package/package.json +63 -63
|
@@ -2,7 +2,7 @@ import { Slot } from '@radix-ui/react-slot';
|
|
|
2
2
|
import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
3
|
import type * as LabelPrimitive from '@radix-ui/react-label';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues =
|
|
5
|
+
declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
6
6
|
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
declare const useFormField: () => {
|
|
8
8
|
invalid: boolean;
|
|
@@ -1,79 +1,92 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { S as
|
|
3
|
-
import * as
|
|
4
|
-
import
|
|
5
|
-
import { Label as
|
|
6
|
-
import { c as
|
|
7
|
-
var
|
|
8
|
-
const
|
|
9
|
-
var
|
|
10
|
-
const
|
|
11
|
-
return
|
|
12
|
-
},
|
|
13
|
-
function
|
|
14
|
-
let
|
|
15
|
-
const t = Array.isArray(e),
|
|
1
|
+
import { jsx as y } from "react/jsx-runtime";
|
|
2
|
+
import { S as N } from "../../../index-CB1Wkg0G.js";
|
|
3
|
+
import * as p from "react";
|
|
4
|
+
import a from "react";
|
|
5
|
+
import { Label as U } from "./label.js";
|
|
6
|
+
import { c as h } from "../../../utils-Dy2WjYNJ.js";
|
|
7
|
+
var $ = (e) => e.type === "checkbox", T = (e) => e instanceof Date, E = (e) => e == null;
|
|
8
|
+
const W = (e) => typeof e == "object";
|
|
9
|
+
var _ = (e) => !E(e) && !Array.isArray(e) && W(e) && !T(e), H = (e) => _(e) && e.target ? $(e.target) ? e.target.checked : e.target.value : e, G = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, K = (e, r) => e.has(G(r)), q = (e) => {
|
|
10
|
+
const r = e.constructor && e.constructor.prototype;
|
|
11
|
+
return _(r) && r.hasOwnProperty("isPrototypeOf");
|
|
12
|
+
}, z = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
|
|
13
|
+
function I(e) {
|
|
14
|
+
let r;
|
|
15
|
+
const t = Array.isArray(e), o = typeof FileList < "u" ? e instanceof FileList : !1;
|
|
16
16
|
if (e instanceof Date)
|
|
17
|
-
|
|
17
|
+
r = new Date(e);
|
|
18
18
|
else if (e instanceof Set)
|
|
19
|
-
|
|
20
|
-
else if (!(
|
|
21
|
-
if (
|
|
22
|
-
|
|
19
|
+
r = new Set(e);
|
|
20
|
+
else if (!(z && (e instanceof Blob || o)) && (t || _(e)))
|
|
21
|
+
if (r = t ? [] : {}, !t && !q(e))
|
|
22
|
+
r = e;
|
|
23
23
|
else
|
|
24
|
-
for (const
|
|
25
|
-
e.hasOwnProperty(
|
|
24
|
+
for (const s in e)
|
|
25
|
+
e.hasOwnProperty(s) && (r[s] = I(e[s]));
|
|
26
26
|
else
|
|
27
27
|
return e;
|
|
28
|
-
return
|
|
28
|
+
return r;
|
|
29
29
|
}
|
|
30
|
-
var
|
|
31
|
-
if (!
|
|
30
|
+
var w = (e) => Array.isArray(e) ? e.filter(Boolean) : [], S = (e) => e === void 0, c = (e, r, t) => {
|
|
31
|
+
if (!r || !_(e))
|
|
32
32
|
return t;
|
|
33
|
-
const
|
|
34
|
-
return
|
|
35
|
-
}, C = (e) => typeof e == "boolean",
|
|
36
|
-
let
|
|
37
|
-
const
|
|
38
|
-
for (; ++
|
|
39
|
-
const
|
|
40
|
-
let
|
|
41
|
-
if (
|
|
42
|
-
const
|
|
43
|
-
|
|
33
|
+
const o = w(r.split(/[,[\].]+?/)).reduce((s, n) => E(s) ? s : s[n], e);
|
|
34
|
+
return S(o) || o === e ? S(e[r]) ? t : e[r] : o;
|
|
35
|
+
}, C = (e) => typeof e == "boolean", J = (e) => /^\w*$/.test(e), Q = (e) => w(e.replace(/["|']|\]/g, "").split(/\.|\[/)), A = (e, r, t) => {
|
|
36
|
+
let o = -1;
|
|
37
|
+
const s = J(r) ? [r] : Q(r), n = s.length, u = n - 1;
|
|
38
|
+
for (; ++o < n; ) {
|
|
39
|
+
const l = s[o];
|
|
40
|
+
let i = t;
|
|
41
|
+
if (o !== u) {
|
|
42
|
+
const d = e[l];
|
|
43
|
+
i = _(d) || Array.isArray(d) ? d : isNaN(+s[o + 1]) ? {} : [];
|
|
44
44
|
}
|
|
45
|
-
if (
|
|
45
|
+
if (l === "__proto__" || l === "constructor" || l === "prototype")
|
|
46
46
|
return;
|
|
47
|
-
e[
|
|
47
|
+
e[l] = i, e = e[l];
|
|
48
48
|
}
|
|
49
|
+
return e;
|
|
49
50
|
};
|
|
50
|
-
const
|
|
51
|
+
const O = {
|
|
51
52
|
BLUR: "blur",
|
|
52
53
|
CHANGE: "change"
|
|
53
|
-
},
|
|
54
|
+
}, P = {
|
|
54
55
|
all: "all"
|
|
55
|
-
},
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
const { children: o, ...t } = e;
|
|
59
|
-
return i.createElement(S.Provider, { value: t }, o);
|
|
56
|
+
}, j = a.createContext(null), v = () => a.useContext(j), X = (e) => {
|
|
57
|
+
const { children: r, ...t } = e;
|
|
58
|
+
return a.createElement(j.Provider, { value: t }, r);
|
|
60
59
|
};
|
|
61
|
-
var
|
|
62
|
-
const
|
|
63
|
-
defaultValues:
|
|
60
|
+
var Y = (e, r, t, o = !0) => {
|
|
61
|
+
const s = {
|
|
62
|
+
defaultValues: r._defaultValues
|
|
64
63
|
};
|
|
65
64
|
for (const n in e)
|
|
66
|
-
Object.defineProperty(
|
|
65
|
+
Object.defineProperty(s, n, {
|
|
67
66
|
get: () => {
|
|
68
|
-
const
|
|
69
|
-
return
|
|
67
|
+
const u = n;
|
|
68
|
+
return r._proxyFormState[u] !== P.all && (r._proxyFormState[u] = !o || P.all), t && (t[u] = !0), e[u];
|
|
70
69
|
}
|
|
71
70
|
});
|
|
72
|
-
return
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
return s;
|
|
72
|
+
}, Z = (e) => _(e) && !Object.keys(e).length, ee = (e, r, t, o) => {
|
|
73
|
+
t(e);
|
|
74
|
+
const { name: s, ...n } = e;
|
|
75
|
+
return Z(n) || Object.keys(n).length >= Object.keys(r).length || Object.keys(n).find((u) => r[u] === !0);
|
|
76
|
+
}, te = (e) => Array.isArray(e) ? e : [e], k = (e, r, t) => !e || !r || e === r || te(e).some((o) => o && (t ? o === r : o.startsWith(r) || r.startsWith(o)));
|
|
77
|
+
function D(e) {
|
|
78
|
+
const r = a.useRef(e);
|
|
79
|
+
r.current = e, a.useEffect(() => {
|
|
80
|
+
const t = !e.disabled && r.current.subject && r.current.subject.subscribe({
|
|
81
|
+
next: r.current.next
|
|
82
|
+
});
|
|
83
|
+
return () => {
|
|
84
|
+
t && t.unsubscribe();
|
|
85
|
+
};
|
|
86
|
+
}, [e.disabled]);
|
|
87
|
+
}
|
|
88
|
+
function R(e) {
|
|
89
|
+
const r = v(), { control: t = r.control, disabled: o, name: s, exact: n } = e || {}, [u, l] = a.useState(t._formState), i = a.useRef(!0), d = a.useRef({
|
|
77
90
|
isDirty: !1,
|
|
78
91
|
isLoading: !1,
|
|
79
92
|
dirtyFields: !1,
|
|
@@ -82,216 +95,218 @@ function U(e) {
|
|
|
82
95
|
isValidating: !1,
|
|
83
96
|
isValid: !1,
|
|
84
97
|
errors: !1
|
|
85
|
-
});
|
|
86
|
-
return
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
}), [r, s, n]), i.useEffect(() => {
|
|
97
|
-
a.current.isValid && t._setValid(!0);
|
|
98
|
-
}, [t]), i.useMemo(() => te(l, t, a.current, !1), [l, t]);
|
|
98
|
+
}), m = a.useRef(s);
|
|
99
|
+
return m.current = s, D({
|
|
100
|
+
disabled: o,
|
|
101
|
+
next: (b) => i.current && k(m.current, b.name, n) && ee(b, d.current, t._updateFormState) && l({
|
|
102
|
+
...t._formState,
|
|
103
|
+
...b
|
|
104
|
+
}),
|
|
105
|
+
subject: t._subjects.state
|
|
106
|
+
}), a.useEffect(() => (i.current = !0, d.current.isValid && t._updateValid(!0), () => {
|
|
107
|
+
i.current = !1;
|
|
108
|
+
}), [t]), a.useMemo(() => Y(u, t, d.current, !1), [u, t]);
|
|
99
109
|
}
|
|
100
|
-
var re = (e) => typeof e == "string",
|
|
101
|
-
function
|
|
102
|
-
const
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
110
|
+
var re = (e) => typeof e == "string", se = (e, r, t, o, s) => re(e) ? c(t, e, s) : Array.isArray(e) ? e.map((n) => c(t, n)) : t;
|
|
111
|
+
function oe(e) {
|
|
112
|
+
const r = v(), { control: t = r.control, name: o, defaultValue: s, disabled: n, exact: u } = e || {}, l = a.useRef(o);
|
|
113
|
+
l.current = o, D({
|
|
114
|
+
disabled: n,
|
|
115
|
+
subject: t._subjects.values,
|
|
116
|
+
next: (m) => {
|
|
117
|
+
k(l.current, m.name, u) && d(I(se(l.current, t._names, m.values || t._formValues, !1, s)));
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
const [i, d] = a.useState(t._getWatch(o, s));
|
|
121
|
+
return a.useEffect(() => t._removeUnmounted()), i;
|
|
111
122
|
}
|
|
112
123
|
function ne(e) {
|
|
113
|
-
const
|
|
114
|
-
control:
|
|
124
|
+
const r = v(), { name: t, disabled: o, control: s = r.control, shouldUnregister: n } = e, u = K(s._names.array, t), l = oe({
|
|
125
|
+
control: s,
|
|
115
126
|
name: t,
|
|
116
|
-
defaultValue: c(
|
|
127
|
+
defaultValue: c(s._formValues, t, c(s._defaultValues, t, e.defaultValue)),
|
|
117
128
|
exact: !0
|
|
118
|
-
}),
|
|
119
|
-
control:
|
|
129
|
+
}), i = R({
|
|
130
|
+
control: s,
|
|
120
131
|
name: t,
|
|
121
132
|
exact: !0
|
|
122
|
-
}),
|
|
133
|
+
}), d = a.useRef(s.register(t, {
|
|
123
134
|
...e.rules,
|
|
124
|
-
value:
|
|
135
|
+
value: l,
|
|
125
136
|
...C(e.disabled) ? { disabled: e.disabled } : {}
|
|
126
|
-
})),
|
|
137
|
+
})), m = a.useMemo(() => Object.defineProperties({}, {
|
|
127
138
|
invalid: {
|
|
128
139
|
enumerable: !0,
|
|
129
|
-
get: () => !!c(
|
|
140
|
+
get: () => !!c(i.errors, t)
|
|
130
141
|
},
|
|
131
142
|
isDirty: {
|
|
132
143
|
enumerable: !0,
|
|
133
|
-
get: () => !!c(
|
|
144
|
+
get: () => !!c(i.dirtyFields, t)
|
|
134
145
|
},
|
|
135
146
|
isTouched: {
|
|
136
147
|
enumerable: !0,
|
|
137
|
-
get: () => !!c(
|
|
148
|
+
get: () => !!c(i.touchedFields, t)
|
|
138
149
|
},
|
|
139
150
|
isValidating: {
|
|
140
151
|
enumerable: !0,
|
|
141
|
-
get: () => !!c(
|
|
152
|
+
get: () => !!c(i.validatingFields, t)
|
|
142
153
|
},
|
|
143
154
|
error: {
|
|
144
155
|
enumerable: !0,
|
|
145
|
-
get: () => c(
|
|
156
|
+
get: () => c(i.errors, t)
|
|
146
157
|
}
|
|
147
|
-
}), [
|
|
148
|
-
target: {
|
|
149
|
-
value: z(d),
|
|
150
|
-
name: t
|
|
151
|
-
},
|
|
152
|
-
type: k.CHANGE
|
|
153
|
-
}), [t]), w = i.useCallback(() => F.current.onBlur({
|
|
154
|
-
target: {
|
|
155
|
-
value: c(r._formValues, t),
|
|
156
|
-
name: t
|
|
157
|
-
},
|
|
158
|
-
type: k.BLUR
|
|
159
|
-
}), [t, r._formValues]), E = i.useCallback((d) => {
|
|
160
|
-
const _ = c(r._fields, t);
|
|
161
|
-
_ && d && (_._f.ref = {
|
|
162
|
-
focus: () => d.focus && d.focus(),
|
|
163
|
-
select: () => d.select && d.select(),
|
|
164
|
-
setCustomValidity: (g) => d.setCustomValidity(g),
|
|
165
|
-
reportValidity: () => d.reportValidity()
|
|
166
|
-
});
|
|
167
|
-
}, [r._fields, t]), N = i.useMemo(() => ({
|
|
158
|
+
}), [i, t]), b = a.useMemo(() => ({
|
|
168
159
|
name: t,
|
|
169
|
-
value:
|
|
170
|
-
...C(
|
|
171
|
-
onChange:
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
160
|
+
value: l,
|
|
161
|
+
...C(o) || i.disabled ? { disabled: i.disabled || o } : {},
|
|
162
|
+
onChange: (f) => d.current.onChange({
|
|
163
|
+
target: {
|
|
164
|
+
value: H(f),
|
|
165
|
+
name: t
|
|
166
|
+
},
|
|
167
|
+
type: O.CHANGE
|
|
168
|
+
}),
|
|
169
|
+
onBlur: () => d.current.onBlur({
|
|
170
|
+
target: {
|
|
171
|
+
value: c(s._formValues, t),
|
|
172
|
+
name: t
|
|
173
|
+
},
|
|
174
|
+
type: O.BLUR
|
|
175
|
+
}),
|
|
176
|
+
ref: (f) => {
|
|
177
|
+
const F = c(s._fields, t);
|
|
178
|
+
F && f && (F._f.ref = {
|
|
179
|
+
focus: () => f.focus(),
|
|
180
|
+
select: () => f.select(),
|
|
181
|
+
setCustomValidity: (g) => f.setCustomValidity(g),
|
|
182
|
+
reportValidity: () => f.reportValidity()
|
|
183
|
+
});
|
|
184
|
+
}
|
|
185
|
+
}), [
|
|
186
|
+
t,
|
|
187
|
+
s._formValues,
|
|
188
|
+
o,
|
|
189
|
+
i.disabled,
|
|
190
|
+
l,
|
|
191
|
+
s._fields
|
|
192
|
+
]);
|
|
193
|
+
return a.useEffect(() => {
|
|
194
|
+
const f = s._options.shouldUnregister || n, F = (g, B) => {
|
|
195
|
+
const V = c(s._fields, g);
|
|
196
|
+
V && V._f && (V._f.mount = B);
|
|
184
197
|
};
|
|
185
|
-
if (
|
|
186
|
-
const g =
|
|
187
|
-
|
|
198
|
+
if (F(t, !0), f) {
|
|
199
|
+
const g = I(c(s._options.defaultValues, t));
|
|
200
|
+
A(s._defaultValues, t, g), S(c(s._formValues, t)) && A(s._formValues, t, g);
|
|
188
201
|
}
|
|
189
|
-
return
|
|
190
|
-
(
|
|
202
|
+
return () => {
|
|
203
|
+
(u ? f && !s._state.action : f) ? s.unregister(t) : F(t, !1);
|
|
191
204
|
};
|
|
192
|
-
}, [t,
|
|
193
|
-
|
|
194
|
-
disabled:
|
|
195
|
-
|
|
205
|
+
}, [t, s, u, n]), a.useEffect(() => {
|
|
206
|
+
C(o) && c(s._fields, t) && s._updateDisabledField({
|
|
207
|
+
disabled: o,
|
|
208
|
+
fields: s._fields,
|
|
209
|
+
name: t,
|
|
210
|
+
value: c(s._fields, t)._f.value
|
|
196
211
|
});
|
|
197
|
-
}, [
|
|
198
|
-
field:
|
|
199
|
-
formState:
|
|
200
|
-
fieldState:
|
|
201
|
-
}), [
|
|
212
|
+
}, [o, t, s]), a.useMemo(() => ({
|
|
213
|
+
field: b,
|
|
214
|
+
formState: i,
|
|
215
|
+
fieldState: m
|
|
216
|
+
}), [b, i, m]);
|
|
202
217
|
}
|
|
203
|
-
const
|
|
218
|
+
const ie = (e) => e.render(ne(e)), fe = X, M = p.createContext(
|
|
204
219
|
{}
|
|
205
220
|
), me = ({
|
|
206
221
|
...e
|
|
207
|
-
}) => /* @__PURE__ */
|
|
208
|
-
const e =
|
|
222
|
+
}) => /* @__PURE__ */ y(M.Provider, { value: { name: e.name }, children: /* @__PURE__ */ y(ie, { ...e }) }), x = () => {
|
|
223
|
+
const e = p.useContext(M), r = p.useContext(L), { getFieldState: t } = v(), o = R({ name: e.name }), s = t(e.name, o);
|
|
209
224
|
if (!e)
|
|
210
225
|
throw new Error("useFormField should be used within <FormField>");
|
|
211
|
-
const { id: n } =
|
|
226
|
+
const { id: n } = r;
|
|
212
227
|
return {
|
|
213
228
|
id: n,
|
|
214
229
|
name: e.name,
|
|
215
230
|
formItemId: `${n}-form-item`,
|
|
216
231
|
formDescriptionId: `${n}-form-item-description`,
|
|
217
232
|
formMessageId: `${n}-form-item-message`,
|
|
218
|
-
...
|
|
233
|
+
...s
|
|
219
234
|
};
|
|
220
|
-
},
|
|
235
|
+
}, L = p.createContext(
|
|
221
236
|
{}
|
|
222
237
|
);
|
|
223
|
-
function ye({ className: e, ...
|
|
224
|
-
const t =
|
|
225
|
-
return /* @__PURE__ */
|
|
238
|
+
function ye({ className: e, ...r }) {
|
|
239
|
+
const t = p.useId();
|
|
240
|
+
return /* @__PURE__ */ y(L.Provider, { value: { id: t }, children: /* @__PURE__ */ y(
|
|
226
241
|
"div",
|
|
227
242
|
{
|
|
228
|
-
className:
|
|
243
|
+
className: h("grid gap-2", e),
|
|
229
244
|
"data-slot": "form-item",
|
|
230
|
-
...
|
|
245
|
+
...r
|
|
231
246
|
}
|
|
232
247
|
) });
|
|
233
248
|
}
|
|
234
|
-
function
|
|
249
|
+
function be({
|
|
235
250
|
className: e,
|
|
236
|
-
...
|
|
251
|
+
...r
|
|
237
252
|
}) {
|
|
238
|
-
const { error: t, formItemId:
|
|
239
|
-
return /* @__PURE__ */
|
|
240
|
-
|
|
253
|
+
const { error: t, formItemId: o } = x();
|
|
254
|
+
return /* @__PURE__ */ y(
|
|
255
|
+
U,
|
|
241
256
|
{
|
|
242
|
-
className:
|
|
257
|
+
className: h("data-[error=true]:text-destructive", e),
|
|
243
258
|
"data-error": !!t,
|
|
244
259
|
"data-slot": "form-label",
|
|
245
|
-
htmlFor:
|
|
246
|
-
...
|
|
260
|
+
htmlFor: o,
|
|
261
|
+
...r
|
|
247
262
|
}
|
|
248
263
|
);
|
|
249
264
|
}
|
|
250
|
-
function
|
|
251
|
-
const { error:
|
|
252
|
-
return /* @__PURE__ */
|
|
253
|
-
|
|
265
|
+
function ge({ ...e }) {
|
|
266
|
+
const { error: r, formItemId: t, formDescriptionId: o, formMessageId: s } = x();
|
|
267
|
+
return /* @__PURE__ */ y(
|
|
268
|
+
N,
|
|
254
269
|
{
|
|
255
|
-
"aria-describedby":
|
|
256
|
-
"aria-invalid": !!
|
|
270
|
+
"aria-describedby": r ? `${o} ${s}` : `${o}`,
|
|
271
|
+
"aria-invalid": !!r,
|
|
257
272
|
"data-slot": "form-control",
|
|
258
273
|
id: t,
|
|
259
274
|
...e
|
|
260
275
|
}
|
|
261
276
|
);
|
|
262
277
|
}
|
|
263
|
-
function
|
|
278
|
+
function _e({ className: e, ...r }) {
|
|
264
279
|
const { formDescriptionId: t } = x();
|
|
265
|
-
return /* @__PURE__ */
|
|
280
|
+
return /* @__PURE__ */ y(
|
|
266
281
|
"p",
|
|
267
282
|
{
|
|
268
|
-
className:
|
|
283
|
+
className: h("text-muted-foreground text-sm", e),
|
|
269
284
|
"data-slot": "form-description",
|
|
270
285
|
id: t,
|
|
271
|
-
...
|
|
286
|
+
...r
|
|
272
287
|
}
|
|
273
288
|
);
|
|
274
289
|
}
|
|
275
|
-
function Fe({ className: e, ...
|
|
276
|
-
const { error: t, formMessageId:
|
|
277
|
-
return
|
|
290
|
+
function Fe({ className: e, ...r }) {
|
|
291
|
+
const { error: t, formMessageId: o } = x(), s = t ? String((t == null ? void 0 : t.message) ?? "") : r.children;
|
|
292
|
+
return s ? /* @__PURE__ */ y(
|
|
278
293
|
"p",
|
|
279
294
|
{
|
|
280
|
-
className:
|
|
295
|
+
className: h("text-destructive text-sm", e),
|
|
281
296
|
"data-slot": "form-message",
|
|
282
|
-
id:
|
|
283
|
-
...
|
|
284
|
-
children:
|
|
297
|
+
id: o,
|
|
298
|
+
...r,
|
|
299
|
+
children: s
|
|
285
300
|
}
|
|
286
301
|
) : null;
|
|
287
302
|
}
|
|
288
303
|
export {
|
|
289
304
|
fe as Form,
|
|
290
|
-
|
|
291
|
-
|
|
305
|
+
ge as FormControl,
|
|
306
|
+
_e as FormDescription,
|
|
292
307
|
me as FormField,
|
|
293
308
|
ye as FormItem,
|
|
294
|
-
|
|
309
|
+
be as FormLabel,
|
|
295
310
|
Fe as FormMessage,
|
|
296
311
|
x as useFormField
|
|
297
312
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcadeai/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.3",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -50,75 +50,75 @@
|
|
|
50
50
|
]
|
|
51
51
|
},
|
|
52
52
|
"peerDependencies": {
|
|
53
|
-
"lucide-react": "
|
|
54
|
-
"react": "
|
|
55
|
-
"react-dom": "
|
|
56
|
-
"react-hook-form": "
|
|
57
|
-
"@hookform/resolvers": "
|
|
58
|
-
"tailwindcss": "
|
|
53
|
+
"lucide-react": "0.522.0",
|
|
54
|
+
"react": "19.1.0",
|
|
55
|
+
"react-dom": "19.1.0",
|
|
56
|
+
"react-hook-form": "7.54.0",
|
|
57
|
+
"@hookform/resolvers": "5.0.1",
|
|
58
|
+
"tailwindcss": "4.1.10"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
61
|
"@biomejs/biome": "2.0.5",
|
|
62
|
-
"@commitlint/cli": "
|
|
63
|
-
"@commitlint/config-conventional": "
|
|
64
|
-
"@semantic-release/changelog": "
|
|
65
|
-
"@semantic-release/git": "
|
|
66
|
-
"@storybook/addon-a11y": "
|
|
67
|
-
"@storybook/addon-docs": "
|
|
68
|
-
"@storybook/addon-themes": "
|
|
69
|
-
"@storybook/addon-vitest": "
|
|
70
|
-
"@storybook/react-vite": "
|
|
71
|
-
"@types/node": "
|
|
72
|
-
"@types/react": "
|
|
73
|
-
"@types/react-dom": "
|
|
74
|
-
"@vitejs/plugin-react-swc": "
|
|
75
|
-
"@vitest/browser": "
|
|
76
|
-
"@vitest/coverage-v8": "
|
|
77
|
-
"chromatic": "
|
|
78
|
-
"glob": "
|
|
79
|
-
"globals": "
|
|
80
|
-
"husky": "
|
|
81
|
-
"lint-staged": "
|
|
82
|
-
"playwright": "
|
|
83
|
-
"semantic-release": "
|
|
84
|
-
"storybook": "
|
|
85
|
-
"storybook-addon-test-codegen": "
|
|
86
|
-
"tw-animate-css": "
|
|
62
|
+
"@commitlint/cli": "19.8.1",
|
|
63
|
+
"@commitlint/config-conventional": "19.8.1",
|
|
64
|
+
"@semantic-release/changelog": "6.0.3",
|
|
65
|
+
"@semantic-release/git": "10.0.1",
|
|
66
|
+
"@storybook/addon-a11y": "9.0.12",
|
|
67
|
+
"@storybook/addon-docs": "9.0.12",
|
|
68
|
+
"@storybook/addon-themes": "9.0.12",
|
|
69
|
+
"@storybook/addon-vitest": "9.0.13",
|
|
70
|
+
"@storybook/react-vite": "9.0.12",
|
|
71
|
+
"@types/node": "24.0.3",
|
|
72
|
+
"@types/react": "19.1.8",
|
|
73
|
+
"@types/react-dom": "19.1.6",
|
|
74
|
+
"@vitejs/plugin-react-swc": "3.10.2",
|
|
75
|
+
"@vitest/browser": "3.2.4",
|
|
76
|
+
"@vitest/coverage-v8": "3.2.4",
|
|
77
|
+
"chromatic": "13.0.1",
|
|
78
|
+
"glob": "11.0.3",
|
|
79
|
+
"globals": "16.2.0",
|
|
80
|
+
"husky": "9.1.7",
|
|
81
|
+
"lint-staged": "16.1.2",
|
|
82
|
+
"playwright": "1.53.1",
|
|
83
|
+
"semantic-release": "24.2.5",
|
|
84
|
+
"storybook": "9.0.12",
|
|
85
|
+
"storybook-addon-test-codegen": "2.0.1",
|
|
86
|
+
"tw-animate-css": "1.3.4",
|
|
87
87
|
"typescript": "~5.8.3",
|
|
88
88
|
"ultracite": "5.0.19",
|
|
89
|
-
"vite": "
|
|
90
|
-
"vite-plugin-dts": "
|
|
91
|
-
"vitest": "
|
|
89
|
+
"vite": "6.3.5",
|
|
90
|
+
"vite-plugin-dts": "4.5.4",
|
|
91
|
+
"vitest": "3.2.4"
|
|
92
92
|
},
|
|
93
93
|
"dependencies": {
|
|
94
|
-
"@radix-ui/react-accordion": "
|
|
95
|
-
"@radix-ui/react-avatar": "
|
|
96
|
-
"@radix-ui/react-collapsible": "
|
|
97
|
-
"@radix-ui/react-dialog": "
|
|
98
|
-
"@radix-ui/react-dropdown-menu": "
|
|
99
|
-
"@radix-ui/react-hover-card": "
|
|
100
|
-
"@radix-ui/react-label": "
|
|
101
|
-
"@radix-ui/react-popover": "
|
|
102
|
-
"@radix-ui/react-progress": "
|
|
103
|
-
"@radix-ui/react-scroll-area": "
|
|
104
|
-
"@radix-ui/react-select": "
|
|
105
|
-
"@radix-ui/react-separator": "
|
|
106
|
-
"@radix-ui/react-slider": "
|
|
107
|
-
"@radix-ui/react-slot": "
|
|
108
|
-
"@radix-ui/react-switch": "
|
|
109
|
-
"@radix-ui/react-tabs": "
|
|
110
|
-
"@radix-ui/react-toggle": "
|
|
111
|
-
"@radix-ui/react-tooltip": "
|
|
112
|
-
"@tailwindcss/vite": "
|
|
113
|
-
"class-variance-authority": "
|
|
114
|
-
"clsx": "
|
|
115
|
-
"cmdk": "
|
|
116
|
-
"next-themes": "
|
|
117
|
-
"react-resizable-panels": "
|
|
118
|
-
"recharts": "
|
|
119
|
-
"sonner": "
|
|
120
|
-
"tailwind-merge": "
|
|
121
|
-
"zod": "
|
|
94
|
+
"@radix-ui/react-accordion": "1.2.11",
|
|
95
|
+
"@radix-ui/react-avatar": "1.1.10",
|
|
96
|
+
"@radix-ui/react-collapsible": "1.1.11",
|
|
97
|
+
"@radix-ui/react-dialog": "1.1.14",
|
|
98
|
+
"@radix-ui/react-dropdown-menu": "2.1.15",
|
|
99
|
+
"@radix-ui/react-hover-card": "1.1.14",
|
|
100
|
+
"@radix-ui/react-label": "2.1.7",
|
|
101
|
+
"@radix-ui/react-popover": "1.1.14",
|
|
102
|
+
"@radix-ui/react-progress": "1.1.7",
|
|
103
|
+
"@radix-ui/react-scroll-area": "1.2.9",
|
|
104
|
+
"@radix-ui/react-select": "2.2.5",
|
|
105
|
+
"@radix-ui/react-separator": "1.1.7",
|
|
106
|
+
"@radix-ui/react-slider": "1.3.5",
|
|
107
|
+
"@radix-ui/react-slot": "1.2.3",
|
|
108
|
+
"@radix-ui/react-switch": "1.2.5",
|
|
109
|
+
"@radix-ui/react-tabs": "1.1.12",
|
|
110
|
+
"@radix-ui/react-toggle": "1.1.9",
|
|
111
|
+
"@radix-ui/react-tooltip": "1.2.7",
|
|
112
|
+
"@tailwindcss/vite": "4.1.10",
|
|
113
|
+
"class-variance-authority": "0.7.1",
|
|
114
|
+
"clsx": "2.1.1",
|
|
115
|
+
"cmdk": "1.1.1",
|
|
116
|
+
"next-themes": "0.4.6",
|
|
117
|
+
"react-resizable-panels": "3.0.3",
|
|
118
|
+
"recharts": "3.0.0",
|
|
119
|
+
"sonner": "2.0.5",
|
|
120
|
+
"tailwind-merge": "3.3.1",
|
|
121
|
+
"zod": "3.25.67"
|
|
122
122
|
},
|
|
123
123
|
"engines": {
|
|
124
124
|
"node": ">=22.11.0"
|