@dimasbaguspm/versaur 0.0.29 → 0.0.30
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/{bottom-sheet-BKd7WCCS.js → bottom-sheet-DUcwK0Yd.js} +1 -1
- package/dist/js/{bottom-sheet-input-DrbGhcXv.js → bottom-sheet-input-Bzx0ecmU.js} +629 -722
- package/dist/js/forms/index.js +1 -1
- package/dist/js/{image-rectangle-CF656HIm.js → image-rectangle-BMEGIW-6.js} +96 -90
- package/dist/js/index.js +6 -6
- package/dist/js/layouts/index.js +1 -1
- package/dist/js/navigation/index.js +1 -1
- package/dist/js/overlays/index.js +2 -2
- package/dist/js/primitive/index.js +1 -1
- package/dist/js/{tabs-DoiqKzR9.js → tabs-CIWr5hdb.js} +1 -1
- package/dist/js/{tooltip-D1-q8Ars.js → tooltip-IazSAgsg.js} +1 -1
- package/dist/js/{top-bar-B4SZ2YZC.js → top-bar-BdmaTpTp.js} +176 -163
- package/dist/types/forms/chip-multiple-input/chip-multiple-input.d.ts +2 -3
- package/dist/types/forms/chip-multiple-input/types.d.ts +1 -21
- package/dist/types/forms/chip-single-input/chip-single-input.d.ts +2 -3
- package/dist/types/forms/chip-single-input/types.d.ts +1 -9
- package/dist/types/layouts/page-header/page-header.atoms.d.ts +2 -1
- package/dist/types/layouts/page-header/page-header.d.ts +4 -0
- package/dist/types/layouts/page-header/types.d.ts +6 -0
- package/dist/types/primitive/card/card.d.ts +1 -1
- package/dist/types/primitive/card/types.d.ts +7 -2
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { c as
|
|
2
|
-
import x, { createContext as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { c as w, j as e, a as m } from "./index-DOdDlCoL.js";
|
|
2
|
+
import x, { createContext as N, useContext as S, useId as E, forwardRef as j, useRef as D, useState as O, useEffect as Q, useMemo as F } from "react";
|
|
3
|
+
import { I as C } from "./image-rectangle-BMEGIW-6.js";
|
|
4
|
+
import { Calendar as U, SearchIcon as X, Clock as Y, Banknote as Z, MailIcon as ee, Check as P } from "lucide-react";
|
|
5
5
|
import "./snackbar-DH8jCh2V.js";
|
|
6
|
-
import { M, D as
|
|
7
|
-
const
|
|
6
|
+
import { M as R, D as M, B as V } from "./bottom-sheet-DUcwK0Yd.js";
|
|
7
|
+
const re = w("space-y-2", {
|
|
8
8
|
variants: {
|
|
9
9
|
direction: {
|
|
10
10
|
vertical: "space-y-2 space-x-0",
|
|
@@ -14,7 +14,7 @@ const oe = j("space-y-2", {
|
|
|
14
14
|
defaultVariants: {
|
|
15
15
|
direction: "vertical"
|
|
16
16
|
}
|
|
17
|
-
}),
|
|
17
|
+
}), te = w(
|
|
18
18
|
"relative h-4 w-4 rounded border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white",
|
|
19
19
|
{
|
|
20
20
|
variants: {
|
|
@@ -52,7 +52,7 @@ const oe = j("space-y-2", {
|
|
|
52
52
|
size: "md"
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
|
-
),
|
|
55
|
+
), oe = w(
|
|
56
56
|
"text-foreground cursor-pointer select-none",
|
|
57
57
|
{
|
|
58
58
|
variants: {
|
|
@@ -71,36 +71,36 @@ const oe = j("space-y-2", {
|
|
|
71
71
|
disabled: !1
|
|
72
72
|
}
|
|
73
73
|
}
|
|
74
|
-
),
|
|
75
|
-
const r =
|
|
74
|
+
), $ = N(null), ne = () => {
|
|
75
|
+
const r = S($);
|
|
76
76
|
if (!r)
|
|
77
77
|
throw new Error("CheckboxOption must be used within CheckboxInput");
|
|
78
78
|
return r;
|
|
79
|
-
},
|
|
80
|
-
const
|
|
79
|
+
}, A = x.forwardRef(({ children: r, description: t, className: n, disabled: i, id: s, ...c }, d) => {
|
|
80
|
+
const a = ne(), o = x.useId(), g = s || o, u = i || a.disabled, f = a.error ? "danger" : a.variant || "primary";
|
|
81
81
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
82
82
|
/* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
|
|
83
83
|
"input",
|
|
84
84
|
{
|
|
85
|
-
ref:
|
|
85
|
+
ref: d,
|
|
86
86
|
type: "checkbox",
|
|
87
|
-
id:
|
|
88
|
-
disabled:
|
|
89
|
-
className:
|
|
90
|
-
|
|
87
|
+
id: g,
|
|
88
|
+
disabled: u,
|
|
89
|
+
className: m(
|
|
90
|
+
te({
|
|
91
91
|
variant: f,
|
|
92
|
-
size:
|
|
92
|
+
size: a.size
|
|
93
93
|
}),
|
|
94
94
|
// Custom checkmark styling using ::after - centered positioning with size variants
|
|
95
95
|
'after:content-[""] after:absolute after:left-1/2 after:top-[45%] after:-translate-x-1/2 after:-translate-y-1/2 after:border-b-2 after:border-r-2 after:border-white after:rotate-45 after:opacity-0 after:transition-opacity after:duration-200',
|
|
96
96
|
// Size-specific checkmark dimensions
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
97
|
+
a.size === "sm" && "after:w-[3px] after:h-[6px]",
|
|
98
|
+
a.size === "md" && "after:w-[4px] after:h-[8px]",
|
|
99
|
+
a.size === "lg" && "after:w-[6px] after:h-[10px]",
|
|
100
100
|
"checked:after:opacity-100",
|
|
101
101
|
// Outline variants use colored checkmark
|
|
102
102
|
f?.includes("outline") && "checked:after:border-current",
|
|
103
|
-
|
|
103
|
+
n
|
|
104
104
|
),
|
|
105
105
|
...c
|
|
106
106
|
}
|
|
@@ -109,10 +109,10 @@ const oe = j("space-y-2", {
|
|
|
109
109
|
/* @__PURE__ */ e.jsx(
|
|
110
110
|
"label",
|
|
111
111
|
{
|
|
112
|
-
htmlFor:
|
|
113
|
-
className:
|
|
114
|
-
size:
|
|
115
|
-
disabled:
|
|
112
|
+
htmlFor: g,
|
|
113
|
+
className: oe({
|
|
114
|
+
size: a.size,
|
|
115
|
+
disabled: u
|
|
116
116
|
}),
|
|
117
117
|
children: r
|
|
118
118
|
}
|
|
@@ -120,12 +120,12 @@ const oe = j("space-y-2", {
|
|
|
120
120
|
t && /* @__PURE__ */ e.jsx(
|
|
121
121
|
"div",
|
|
122
122
|
{
|
|
123
|
-
className:
|
|
123
|
+
className: m(
|
|
124
124
|
"text-gray-600 mt-1",
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
a.size === "sm" && "text-xs",
|
|
126
|
+
a.size === "md" && "text-xs",
|
|
127
|
+
a.size === "lg" && "text-sm",
|
|
128
|
+
u && "opacity-50"
|
|
129
129
|
),
|
|
130
130
|
children: t
|
|
131
131
|
}
|
|
@@ -133,76 +133,80 @@ const oe = j("space-y-2", {
|
|
|
133
133
|
] })
|
|
134
134
|
] });
|
|
135
135
|
});
|
|
136
|
-
|
|
137
|
-
const
|
|
136
|
+
A.displayName = "CheckboxOption";
|
|
137
|
+
const H = x.forwardRef(
|
|
138
138
|
({
|
|
139
139
|
variant: r = "primary",
|
|
140
140
|
size: t = "md",
|
|
141
|
-
label:
|
|
142
|
-
helperText:
|
|
143
|
-
error:
|
|
141
|
+
label: n,
|
|
142
|
+
helperText: i,
|
|
143
|
+
error: s,
|
|
144
144
|
direction: c = "vertical",
|
|
145
|
-
className:
|
|
146
|
-
disabled:
|
|
145
|
+
className: d,
|
|
146
|
+
disabled: a,
|
|
147
147
|
children: o,
|
|
148
|
-
...
|
|
149
|
-
},
|
|
150
|
-
const f = !!
|
|
148
|
+
...g
|
|
149
|
+
}, u) => {
|
|
150
|
+
const f = !!s, l = {
|
|
151
151
|
variant: r,
|
|
152
152
|
size: t,
|
|
153
|
-
disabled:
|
|
153
|
+
disabled: a,
|
|
154
154
|
error: f
|
|
155
155
|
};
|
|
156
|
-
return /* @__PURE__ */ e.jsx(
|
|
157
|
-
|
|
158
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
159
|
-
f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children:
|
|
160
|
-
!f &&
|
|
156
|
+
return /* @__PURE__ */ e.jsx($.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: u, className: m("w-full", d), ...g, children: [
|
|
157
|
+
n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
|
|
158
|
+
/* @__PURE__ */ e.jsx("div", { className: re({ direction: c }), children: o }),
|
|
159
|
+
f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
|
|
160
|
+
!f && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
|
|
161
161
|
] }) });
|
|
162
162
|
}
|
|
163
163
|
);
|
|
164
|
-
|
|
165
|
-
const
|
|
166
|
-
Option:
|
|
167
|
-
}),
|
|
168
|
-
const r =
|
|
164
|
+
H.displayName = "CheckboxInput";
|
|
165
|
+
const er = Object.assign(H, {
|
|
166
|
+
Option: A
|
|
167
|
+
}), L = N(null), se = () => {
|
|
168
|
+
const r = S(L);
|
|
169
169
|
if (!r)
|
|
170
170
|
throw new Error(
|
|
171
171
|
"useChipSingleInputContext must be used within ChipSingleInputContext"
|
|
172
172
|
);
|
|
173
173
|
return r;
|
|
174
|
-
},
|
|
174
|
+
}, ae = w(
|
|
175
175
|
"inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
|
|
176
176
|
{
|
|
177
177
|
variants: {
|
|
178
178
|
variant: {
|
|
179
179
|
primary: [
|
|
180
180
|
"hover:bg-primary-soft",
|
|
181
|
-
"hover:border-primary-
|
|
181
|
+
"hover:border-primary-bold",
|
|
182
182
|
"focus:border-primary-light",
|
|
183
|
-
"data-[selected=true]:bg-primary
|
|
184
|
-
"data-[selected=true]:border-primary"
|
|
183
|
+
"data-[selected=true]:bg-primary",
|
|
184
|
+
"data-[selected=true]:border-primary",
|
|
185
|
+
"data-[selected=true]:text-white"
|
|
185
186
|
].join(" "),
|
|
186
187
|
secondary: [
|
|
187
188
|
"hover:bg-secondary-soft",
|
|
188
|
-
"hover:border-secondary-
|
|
189
|
+
"hover:border-secondary-bold",
|
|
189
190
|
"focus:border-secondary-light",
|
|
190
|
-
"data-[selected=true]:bg-secondary
|
|
191
|
-
"data-[selected=true]:border-secondary"
|
|
191
|
+
"data-[selected=true]:bg-secondary",
|
|
192
|
+
"data-[selected=true]:border-secondary",
|
|
193
|
+
"data-[selected=true]:text-white"
|
|
192
194
|
].join(" "),
|
|
193
195
|
tertiary: [
|
|
194
196
|
"hover:bg-tertiary-soft",
|
|
195
|
-
"hover:border-tertiary-
|
|
197
|
+
"hover:border-tertiary-bold",
|
|
196
198
|
"focus:border-tertiary-light",
|
|
197
|
-
"data-[selected=true]:bg-tertiary
|
|
198
|
-
"data-[selected=true]:border-tertiary"
|
|
199
|
+
"data-[selected=true]:bg-tertiary",
|
|
200
|
+
"data-[selected=true]:border-tertiary",
|
|
201
|
+
"data-[selected=true]:text-white"
|
|
199
202
|
].join(" "),
|
|
200
203
|
ghost: [
|
|
201
204
|
"hover:bg-ghost-soft",
|
|
202
|
-
"hover:border-ghost-
|
|
205
|
+
"hover:border-ghost-bold",
|
|
203
206
|
"focus:border-ghost-light",
|
|
204
|
-
"data-[selected=true]:bg-ghost
|
|
205
|
-
"data-[selected=true]:border-ghost"
|
|
207
|
+
"data-[selected=true]:bg-ghost",
|
|
208
|
+
"data-[selected=true]:border-ghost",
|
|
209
|
+
"data-[selected=true]:text-white"
|
|
206
210
|
].join(" "),
|
|
207
211
|
neutral: ["hover:bg-gray-soft", "hover:border-gray-light"].join(" ")
|
|
208
212
|
},
|
|
@@ -214,207 +218,137 @@ const tr = Object.assign(L, {
|
|
|
214
218
|
sm: "h-8 px-3 text-sm",
|
|
215
219
|
md: "h-10 px-4 text-base",
|
|
216
220
|
lg: "h-12 px-5 text-lg"
|
|
217
|
-
},
|
|
218
|
-
selected: {
|
|
219
|
-
true: "",
|
|
220
|
-
false: ""
|
|
221
221
|
}
|
|
222
222
|
},
|
|
223
223
|
defaultVariants: {
|
|
224
224
|
variant: "primary",
|
|
225
225
|
shape: "circle",
|
|
226
|
-
size: "sm"
|
|
227
|
-
selected: !1
|
|
226
|
+
size: "sm"
|
|
228
227
|
}
|
|
229
228
|
}
|
|
230
|
-
),
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
"
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
ce({
|
|
275
|
-
variant: b,
|
|
276
|
-
selected: v,
|
|
277
|
-
shape: w,
|
|
278
|
-
size: m
|
|
279
|
-
}),
|
|
280
|
-
l && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
281
|
-
t
|
|
282
|
-
),
|
|
283
|
-
children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
|
|
284
|
-
(c || u) && /* @__PURE__ */ e.jsx(
|
|
285
|
-
"span",
|
|
286
|
-
{
|
|
287
|
-
className: p(
|
|
288
|
-
"flex items-center",
|
|
289
|
-
"transition-transform transition-opacity duration-200",
|
|
290
|
-
v ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
|
|
291
|
-
),
|
|
292
|
-
"aria-hidden": "true",
|
|
293
|
-
children: v && (c || /* @__PURE__ */ e.jsx(
|
|
294
|
-
F,
|
|
295
|
-
{
|
|
296
|
-
size: N,
|
|
297
|
-
className: b === "primary" ? "text-primary" : b === "secondary" ? "text-secondary" : b === "tertiary" ? "text-tertiary" : b === "ghost" ? "text-ghost" : b === "neutral" ? "text-neutral" : "text-primary"
|
|
298
|
-
}
|
|
299
|
-
))
|
|
300
|
-
}
|
|
301
|
-
),
|
|
302
|
-
r
|
|
303
|
-
] })
|
|
304
|
-
}
|
|
305
|
-
)
|
|
306
|
-
] });
|
|
307
|
-
}
|
|
308
|
-
), le = x.forwardRef(
|
|
229
|
+
), ie = x.forwardRef(({ children: r, className: t, disabled: n, id: i, value: s, ...c }, d) => {
|
|
230
|
+
const {
|
|
231
|
+
variant: a = "primary",
|
|
232
|
+
shape: o = "circle",
|
|
233
|
+
size: g = "sm",
|
|
234
|
+
...u
|
|
235
|
+
} = se(), f = E(), l = i || f, h = n || u.disabled, b = u.value === s, v = (p) => {
|
|
236
|
+
h || u.onChange?.(s), c.onChange?.(p);
|
|
237
|
+
};
|
|
238
|
+
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
239
|
+
/* @__PURE__ */ e.jsx(
|
|
240
|
+
"input",
|
|
241
|
+
{
|
|
242
|
+
ref: d,
|
|
243
|
+
type: "radio",
|
|
244
|
+
id: l,
|
|
245
|
+
name: u.name,
|
|
246
|
+
value: s,
|
|
247
|
+
checked: b,
|
|
248
|
+
disabled: h,
|
|
249
|
+
onChange: v,
|
|
250
|
+
className: "sr-only",
|
|
251
|
+
...c
|
|
252
|
+
}
|
|
253
|
+
),
|
|
254
|
+
/* @__PURE__ */ e.jsx(
|
|
255
|
+
"label",
|
|
256
|
+
{
|
|
257
|
+
htmlFor: l,
|
|
258
|
+
"data-selected": b,
|
|
259
|
+
className: m(
|
|
260
|
+
ae({
|
|
261
|
+
variant: a,
|
|
262
|
+
shape: o,
|
|
263
|
+
size: g
|
|
264
|
+
}),
|
|
265
|
+
h && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
266
|
+
t
|
|
267
|
+
),
|
|
268
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center gap-2", children: r })
|
|
269
|
+
}
|
|
270
|
+
)
|
|
271
|
+
] });
|
|
272
|
+
}), ce = j(
|
|
309
273
|
({
|
|
310
274
|
variant: r = "primary",
|
|
311
275
|
shape: t = "circle",
|
|
312
|
-
size:
|
|
313
|
-
label:
|
|
314
|
-
helperText:
|
|
276
|
+
size: n = "sm",
|
|
277
|
+
label: i,
|
|
278
|
+
helperText: s,
|
|
315
279
|
error: c,
|
|
316
|
-
className:
|
|
317
|
-
disabled:
|
|
280
|
+
className: d,
|
|
281
|
+
disabled: a,
|
|
318
282
|
name: o,
|
|
319
|
-
value:
|
|
320
|
-
onChange:
|
|
283
|
+
value: g,
|
|
284
|
+
onChange: u,
|
|
321
285
|
children: f,
|
|
322
286
|
...l
|
|
323
287
|
}, h) => {
|
|
324
|
-
const b = !!c,
|
|
288
|
+
const b = !!c, v = {
|
|
325
289
|
variant: r,
|
|
326
290
|
shape: t,
|
|
327
|
-
size:
|
|
328
|
-
disabled:
|
|
291
|
+
size: n,
|
|
292
|
+
disabled: a,
|
|
329
293
|
error: b,
|
|
330
294
|
name: o,
|
|
331
|
-
value:
|
|
332
|
-
onChange:
|
|
295
|
+
value: g,
|
|
296
|
+
onChange: u
|
|
333
297
|
};
|
|
334
|
-
return /* @__PURE__ */ e.jsx(
|
|
335
|
-
|
|
298
|
+
return /* @__PURE__ */ e.jsx(L.Provider, { value: v, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: m("w-full", d), ...l, children: [
|
|
299
|
+
i && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
|
|
336
300
|
/* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
|
|
337
301
|
b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
|
|
338
|
-
!b &&
|
|
302
|
+
!b && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
|
|
339
303
|
] }) });
|
|
340
304
|
}
|
|
341
|
-
),
|
|
342
|
-
Option:
|
|
343
|
-
}),
|
|
344
|
-
const r =
|
|
305
|
+
), rr = Object.assign(ce, {
|
|
306
|
+
Option: ie
|
|
307
|
+
}), T = N(null), de = () => {
|
|
308
|
+
const r = S(T);
|
|
345
309
|
if (!r)
|
|
346
310
|
throw new Error(
|
|
347
311
|
"useChipMultipleInputContext must be used within ChipMultipleInputContext"
|
|
348
312
|
);
|
|
349
313
|
return r;
|
|
350
|
-
},
|
|
314
|
+
}, le = w(
|
|
351
315
|
"inline-flex items-center bg-white font-regular transition-colors duration-200 cursor-pointer border border-border",
|
|
352
316
|
{
|
|
353
317
|
variants: {
|
|
354
318
|
variant: {
|
|
355
319
|
primary: [
|
|
356
320
|
"hover:bg-primary-soft",
|
|
357
|
-
"hover:border-primary-
|
|
321
|
+
"hover:border-primary-bold",
|
|
358
322
|
"focus:border-primary-light",
|
|
359
|
-
"data-[selected=true]:bg-primary
|
|
360
|
-
"data-[selected=true]:border-primary"
|
|
323
|
+
"data-[selected=true]:bg-primary",
|
|
324
|
+
"data-[selected=true]:border-primary",
|
|
325
|
+
"data-[selected=true]:text-white"
|
|
361
326
|
].join(" "),
|
|
362
327
|
secondary: [
|
|
363
328
|
"hover:bg-secondary-soft",
|
|
364
|
-
"hover:border-secondary-
|
|
329
|
+
"hover:border-secondary-bold",
|
|
365
330
|
"focus:border-secondary-light",
|
|
366
|
-
"data-[selected=true]:bg-secondary
|
|
367
|
-
"data-[selected=true]:border-secondary"
|
|
331
|
+
"data-[selected=true]:bg-secondary",
|
|
332
|
+
"data-[selected=true]:border-secondary",
|
|
333
|
+
"data-[selected=true]:text-white"
|
|
368
334
|
].join(" "),
|
|
369
335
|
tertiary: [
|
|
370
336
|
"hover:bg-tertiary-soft",
|
|
371
|
-
"hover:border-tertiary-
|
|
337
|
+
"hover:border-tertiary-bold",
|
|
372
338
|
"focus:border-tertiary-light",
|
|
373
|
-
"data-[selected=true]:bg-tertiary
|
|
374
|
-
"data-[selected=true]:border-tertiary"
|
|
339
|
+
"data-[selected=true]:bg-tertiary",
|
|
340
|
+
"data-[selected=true]:border-tertiary",
|
|
341
|
+
"data-[selected=true]:text-white"
|
|
375
342
|
].join(" "),
|
|
376
343
|
ghost: [
|
|
377
344
|
"hover:bg-ghost-soft",
|
|
378
|
-
"hover:border-ghost-
|
|
345
|
+
"hover:border-ghost-bold",
|
|
379
346
|
"focus:border-ghost-light",
|
|
380
|
-
"data-[selected=true]:bg-ghost
|
|
381
|
-
"data-[selected=true]:border-ghost"
|
|
382
|
-
|
|
383
|
-
neutral: [
|
|
384
|
-
"hover:bg-gray-soft",
|
|
385
|
-
"hover:border-gray-light",
|
|
386
|
-
"focus:border-gray-light",
|
|
387
|
-
"data-[selected=true]:bg-gray-soft",
|
|
388
|
-
"data-[selected=true]:border-gray"
|
|
389
|
-
].join(" "),
|
|
390
|
-
success: [
|
|
391
|
-
"hover:bg-success-soft",
|
|
392
|
-
"hover:border-success-light",
|
|
393
|
-
"focus:border-success-light",
|
|
394
|
-
"data-[selected=true]:bg-success-soft",
|
|
395
|
-
"data-[selected=true]:border-success"
|
|
396
|
-
].join(" "),
|
|
397
|
-
info: [
|
|
398
|
-
"hover:bg-info-soft",
|
|
399
|
-
"hover:border-info-light",
|
|
400
|
-
"focus:border-info-light",
|
|
401
|
-
"data-[selected=true]:bg-info-soft",
|
|
402
|
-
"data-[selected=true]:border-info"
|
|
403
|
-
].join(" "),
|
|
404
|
-
warning: [
|
|
405
|
-
"hover:bg-warning-soft",
|
|
406
|
-
"hover:border-warning-light",
|
|
407
|
-
"focus:border-warning-light",
|
|
408
|
-
"data-[selected=true]:bg-warning-soft",
|
|
409
|
-
"data-[selected=true]:border-warning"
|
|
347
|
+
"data-[selected=true]:bg-ghost",
|
|
348
|
+
"data-[selected=true]:border-ghost",
|
|
349
|
+
"data-[selected=true]:text-white"
|
|
410
350
|
].join(" "),
|
|
411
|
-
|
|
412
|
-
"hover:bg-danger-soft",
|
|
413
|
-
"hover:border-danger-light",
|
|
414
|
-
"focus:border-danger-light",
|
|
415
|
-
"data-[selected=true]:bg-danger-soft",
|
|
416
|
-
"data-[selected=true]:border-danger"
|
|
417
|
-
].join(" ")
|
|
351
|
+
neutral: ["hover:bg-gray-soft", "hover:border-gray-light"].join(" ")
|
|
418
352
|
},
|
|
419
353
|
selected: {
|
|
420
354
|
true: "",
|
|
@@ -431,119 +365,92 @@ const tr = Object.assign(L, {
|
|
|
431
365
|
}
|
|
432
366
|
}
|
|
433
367
|
}
|
|
434
|
-
),
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
368
|
+
), G = j(({ children: r, className: t, disabled: n, id: i, value: s, ...c }, d) => {
|
|
369
|
+
const {
|
|
370
|
+
variant: a = "primary",
|
|
371
|
+
shape: o = "circle",
|
|
372
|
+
size: g = "sm",
|
|
373
|
+
...u
|
|
374
|
+
} = de(), f = x.useId(), l = i || f, h = n || u.disabled, b = u.value?.includes(s) ?? !1, v = (p) => {
|
|
375
|
+
if (!h) {
|
|
376
|
+
const k = u.value || [];
|
|
377
|
+
let y;
|
|
378
|
+
b ? y = k.filter((z) => z !== s) : y = [...k, s], u.onChange?.(y);
|
|
379
|
+
}
|
|
380
|
+
c.onChange?.(p);
|
|
381
|
+
};
|
|
382
|
+
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
383
|
+
/* @__PURE__ */ e.jsx(
|
|
384
|
+
"input",
|
|
385
|
+
{
|
|
386
|
+
ref: d,
|
|
387
|
+
type: "checkbox",
|
|
388
|
+
id: l,
|
|
389
|
+
name: `${u.name}[]`,
|
|
390
|
+
value: s,
|
|
391
|
+
checked: b,
|
|
392
|
+
disabled: h,
|
|
393
|
+
onChange: v,
|
|
394
|
+
className: "sr-only",
|
|
395
|
+
...c
|
|
450
396
|
}
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
"data-selected": m,
|
|
474
|
-
className: p(
|
|
475
|
-
ge({
|
|
476
|
-
variant: h,
|
|
477
|
-
selected: m,
|
|
478
|
-
shape: b,
|
|
479
|
-
size: w
|
|
480
|
-
}),
|
|
481
|
-
l && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
482
|
-
t
|
|
483
|
-
),
|
|
484
|
-
children: /* @__PURE__ */ e.jsxs("span", { className: "flex items-center", children: [
|
|
485
|
-
(c || u) && /* @__PURE__ */ e.jsx(
|
|
486
|
-
"span",
|
|
487
|
-
{
|
|
488
|
-
className: p(
|
|
489
|
-
"flex items-center",
|
|
490
|
-
"transition-transform transition-opacity duration-200",
|
|
491
|
-
m ? "opacity-100 scale-100 mr-1" : "opacity-0 scale-75"
|
|
492
|
-
),
|
|
493
|
-
"aria-hidden": "true",
|
|
494
|
-
children: m && (c || /* @__PURE__ */ e.jsx(
|
|
495
|
-
F,
|
|
496
|
-
{
|
|
497
|
-
size: y,
|
|
498
|
-
className: h === "primary" ? "text-primary" : h === "secondary" ? "text-secondary" : h === "tertiary" ? "text-tertiary" : h === "ghost" ? "text-ghost" : h === "success" ? "text-success" : h === "info" ? "text-info" : h === "warning" ? "text-warning" : h === "danger" ? "text-danger" : "text-primary"
|
|
499
|
-
}
|
|
500
|
-
))
|
|
501
|
-
}
|
|
502
|
-
),
|
|
503
|
-
r
|
|
504
|
-
] })
|
|
505
|
-
}
|
|
506
|
-
)
|
|
507
|
-
] });
|
|
508
|
-
}
|
|
509
|
-
);
|
|
510
|
-
K.displayName = "ChipMultipleOption";
|
|
511
|
-
const fe = x.forwardRef(
|
|
397
|
+
),
|
|
398
|
+
/* @__PURE__ */ e.jsx(
|
|
399
|
+
"label",
|
|
400
|
+
{
|
|
401
|
+
htmlFor: l,
|
|
402
|
+
"data-selected": b,
|
|
403
|
+
className: m(
|
|
404
|
+
le({
|
|
405
|
+
variant: a,
|
|
406
|
+
shape: o,
|
|
407
|
+
size: g
|
|
408
|
+
}),
|
|
409
|
+
h && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
410
|
+
t
|
|
411
|
+
),
|
|
412
|
+
children: /* @__PURE__ */ e.jsx("span", { className: "flex items-center gap-2", children: r })
|
|
413
|
+
}
|
|
414
|
+
)
|
|
415
|
+
] });
|
|
416
|
+
});
|
|
417
|
+
G.displayName = "ChipMultipleOption";
|
|
418
|
+
const ue = j(
|
|
512
419
|
({
|
|
513
420
|
variant: r = "primary",
|
|
514
421
|
shape: t = "circle",
|
|
515
|
-
size:
|
|
516
|
-
label:
|
|
517
|
-
helperText:
|
|
422
|
+
size: n = "sm",
|
|
423
|
+
label: i,
|
|
424
|
+
helperText: s,
|
|
518
425
|
error: c,
|
|
519
|
-
className:
|
|
520
|
-
disabled:
|
|
426
|
+
className: d,
|
|
427
|
+
disabled: a,
|
|
521
428
|
name: o,
|
|
522
|
-
value:
|
|
523
|
-
onChange:
|
|
429
|
+
value: g = [],
|
|
430
|
+
onChange: u,
|
|
524
431
|
children: f,
|
|
525
432
|
...l
|
|
526
433
|
}, h) => {
|
|
527
|
-
const b = !!c,
|
|
434
|
+
const b = !!c, v = {
|
|
528
435
|
variant: r,
|
|
529
436
|
shape: t,
|
|
530
|
-
size:
|
|
531
|
-
disabled:
|
|
437
|
+
size: n,
|
|
438
|
+
disabled: a,
|
|
532
439
|
error: b,
|
|
533
440
|
name: o,
|
|
534
|
-
value:
|
|
535
|
-
onChange:
|
|
441
|
+
value: g,
|
|
442
|
+
onChange: u
|
|
536
443
|
};
|
|
537
|
-
return /* @__PURE__ */ e.jsx(
|
|
538
|
-
|
|
444
|
+
return /* @__PURE__ */ e.jsx(T.Provider, { value: v, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: m("w-full", d), ...l, children: [
|
|
445
|
+
i && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: i }),
|
|
539
446
|
/* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2", children: f }),
|
|
540
447
|
b && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: c }),
|
|
541
|
-
!b &&
|
|
448
|
+
!b && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
|
|
542
449
|
] }) });
|
|
543
450
|
}
|
|
544
|
-
),
|
|
545
|
-
Option:
|
|
546
|
-
}),
|
|
451
|
+
), tr = Object.assign(ue, {
|
|
452
|
+
Option: G
|
|
453
|
+
}), ge = w(
|
|
547
454
|
"block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
|
|
548
455
|
{
|
|
549
456
|
variants: {
|
|
@@ -575,19 +482,19 @@ const fe = x.forwardRef(
|
|
|
575
482
|
variant: "primary"
|
|
576
483
|
}
|
|
577
484
|
}
|
|
578
|
-
),
|
|
485
|
+
), I = x.forwardRef(
|
|
579
486
|
({
|
|
580
487
|
variant: r = "primary",
|
|
581
488
|
label: t,
|
|
582
|
-
leftContent:
|
|
583
|
-
rightContent:
|
|
584
|
-
helperText:
|
|
489
|
+
leftContent: n,
|
|
490
|
+
rightContent: i,
|
|
491
|
+
helperText: s,
|
|
585
492
|
error: c,
|
|
586
|
-
className:
|
|
587
|
-
disabled:
|
|
493
|
+
className: d,
|
|
494
|
+
disabled: a,
|
|
588
495
|
id: o,
|
|
589
|
-
...
|
|
590
|
-
},
|
|
496
|
+
...g
|
|
497
|
+
}, u) => {
|
|
591
498
|
const f = x.useId(), l = o || f, h = !!c;
|
|
592
499
|
return /* @__PURE__ */ e.jsxs("div", { children: [
|
|
593
500
|
t && /* @__PURE__ */ e.jsx(
|
|
@@ -598,50 +505,50 @@ const fe = x.forwardRef(
|
|
|
598
505
|
children: t
|
|
599
506
|
}
|
|
600
507
|
),
|
|
601
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
602
|
-
|
|
508
|
+
/* @__PURE__ */ e.jsxs("div", { className: m("relative w-full", d), children: [
|
|
509
|
+
n && /* @__PURE__ */ e.jsx(
|
|
603
510
|
"span",
|
|
604
511
|
{
|
|
605
512
|
className: "absolute left-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
|
|
606
513
|
"data-testid": "left-content",
|
|
607
|
-
children:
|
|
514
|
+
children: n
|
|
608
515
|
}
|
|
609
516
|
),
|
|
610
517
|
/* @__PURE__ */ e.jsx(
|
|
611
518
|
"input",
|
|
612
519
|
{
|
|
613
|
-
ref:
|
|
520
|
+
ref: u,
|
|
614
521
|
id: l,
|
|
615
522
|
"aria-invalid": h,
|
|
616
|
-
"aria-disabled":
|
|
617
|
-
disabled:
|
|
618
|
-
className:
|
|
619
|
-
|
|
523
|
+
"aria-disabled": a,
|
|
524
|
+
disabled: a,
|
|
525
|
+
className: m(
|
|
526
|
+
ge({
|
|
620
527
|
variant: h ? "danger" : r
|
|
621
528
|
}),
|
|
622
|
-
|
|
623
|
-
|
|
529
|
+
n ? "pl-9" : "pl-3",
|
|
530
|
+
i ? "pr-9" : "pr-3",
|
|
624
531
|
"h-10"
|
|
625
532
|
),
|
|
626
|
-
...
|
|
533
|
+
...g
|
|
627
534
|
}
|
|
628
535
|
),
|
|
629
|
-
|
|
536
|
+
i && /* @__PURE__ */ e.jsx(
|
|
630
537
|
"span",
|
|
631
538
|
{
|
|
632
539
|
className: "absolute right-2.5 top-0 bottom-0 pointer-events-none text-gray-500 flex items-center justify-center w-5",
|
|
633
540
|
"data-testid": "right-content",
|
|
634
|
-
children:
|
|
541
|
+
children: i
|
|
635
542
|
}
|
|
636
543
|
)
|
|
637
544
|
] }),
|
|
638
545
|
h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: c }),
|
|
639
|
-
!h &&
|
|
546
|
+
!h && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
|
|
640
547
|
] });
|
|
641
548
|
}
|
|
642
549
|
);
|
|
643
|
-
|
|
644
|
-
function
|
|
550
|
+
I.displayName = "TextInput";
|
|
551
|
+
function fe(r) {
|
|
645
552
|
if (!r) return "";
|
|
646
553
|
const t = new Date(r);
|
|
647
554
|
return isNaN(t.getTime()) ? r : t.toLocaleDateString(void 0, {
|
|
@@ -650,26 +557,26 @@ function be(r) {
|
|
|
650
557
|
day: "numeric"
|
|
651
558
|
});
|
|
652
559
|
}
|
|
653
|
-
const
|
|
654
|
-
const
|
|
655
|
-
|
|
656
|
-
},
|
|
657
|
-
|
|
658
|
-
},
|
|
659
|
-
|
|
660
|
-
}, f = (
|
|
560
|
+
const or = x.forwardRef(function({ value: t = "", onChange: n, label: i, formatter: s, ...c }, d) {
|
|
561
|
+
const a = D(null), o = (l) => {
|
|
562
|
+
a.current = l, typeof d == "function" ? d(l) : d && typeof d == "object" && (d.current = l);
|
|
563
|
+
}, g = () => {
|
|
564
|
+
a.current && (typeof a.current.showPicker == "function" ? a.current.showPicker() : a.current.focus());
|
|
565
|
+
}, u = (l) => {
|
|
566
|
+
n(l.target.value);
|
|
567
|
+
}, f = (s ?? fe)(t);
|
|
661
568
|
return /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
|
|
662
569
|
/* @__PURE__ */ e.jsx(
|
|
663
|
-
|
|
570
|
+
I,
|
|
664
571
|
{
|
|
665
572
|
type: "text",
|
|
666
573
|
value: f,
|
|
667
|
-
label:
|
|
574
|
+
label: i,
|
|
668
575
|
readOnly: !0,
|
|
669
576
|
tabIndex: 0,
|
|
670
577
|
"aria-hidden": "true",
|
|
671
|
-
onClick:
|
|
672
|
-
leftContent: /* @__PURE__ */ e.jsx(
|
|
578
|
+
onClick: g,
|
|
579
|
+
leftContent: /* @__PURE__ */ e.jsx(C, { as: U, color: "inherit", size: "sm" }),
|
|
673
580
|
"data-testid": "date-single-picker-visible-input",
|
|
674
581
|
...c
|
|
675
582
|
}
|
|
@@ -680,14 +587,14 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
680
587
|
ref: o,
|
|
681
588
|
type: "date",
|
|
682
589
|
value: t,
|
|
683
|
-
onChange:
|
|
590
|
+
onChange: u,
|
|
684
591
|
className: "sr-only absolute opacity-0 h-0 w-0 pointer-events-none",
|
|
685
592
|
tabIndex: -1,
|
|
686
|
-
"aria-label": typeof
|
|
593
|
+
"aria-label": typeof i == "string" ? i : void 0
|
|
687
594
|
}
|
|
688
595
|
)
|
|
689
596
|
] });
|
|
690
|
-
}),
|
|
597
|
+
}), he = w("space-y-2", {
|
|
691
598
|
variants: {
|
|
692
599
|
direction: {
|
|
693
600
|
vertical: "space-y-2 space-x-0",
|
|
@@ -697,7 +604,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
697
604
|
defaultVariants: {
|
|
698
605
|
direction: "vertical"
|
|
699
606
|
}
|
|
700
|
-
}),
|
|
607
|
+
}), be = w(
|
|
701
608
|
"relative h-4 w-4 rounded-full border cursor-pointer transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed appearance-none bg-white",
|
|
702
609
|
{
|
|
703
610
|
variants: {
|
|
@@ -735,7 +642,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
735
642
|
size: "md"
|
|
736
643
|
}
|
|
737
644
|
}
|
|
738
|
-
),
|
|
645
|
+
), xe = w(
|
|
739
646
|
"text-foreground cursor-pointer select-none",
|
|
740
647
|
{
|
|
741
648
|
variants: {
|
|
@@ -754,30 +661,30 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
754
661
|
disabled: !1
|
|
755
662
|
}
|
|
756
663
|
}
|
|
757
|
-
),
|
|
664
|
+
), K = N(
|
|
758
665
|
null
|
|
759
|
-
),
|
|
760
|
-
const r =
|
|
666
|
+
), me = () => {
|
|
667
|
+
const r = S(K);
|
|
761
668
|
if (!r)
|
|
762
669
|
throw new Error(
|
|
763
670
|
"useRadioInputContext must be used within RadioInputContext"
|
|
764
671
|
);
|
|
765
672
|
return r;
|
|
766
|
-
},
|
|
767
|
-
({ children: r, description: t, className:
|
|
768
|
-
const o =
|
|
673
|
+
}, pe = x.forwardRef(
|
|
674
|
+
({ children: r, description: t, className: n, disabled: i, id: s, value: c, ...d }, a) => {
|
|
675
|
+
const o = me(), g = x.useId(), u = s || g, f = i || o.disabled, l = o.error ? "danger" : o.variant || "primary";
|
|
769
676
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
770
677
|
/* @__PURE__ */ e.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ e.jsx(
|
|
771
678
|
"input",
|
|
772
679
|
{
|
|
773
|
-
ref:
|
|
680
|
+
ref: a,
|
|
774
681
|
type: "radio",
|
|
775
|
-
id:
|
|
682
|
+
id: u,
|
|
776
683
|
name: o.name,
|
|
777
684
|
value: c,
|
|
778
685
|
disabled: f,
|
|
779
|
-
className:
|
|
780
|
-
|
|
686
|
+
className: m(
|
|
687
|
+
be({
|
|
781
688
|
variant: l,
|
|
782
689
|
size: o.size
|
|
783
690
|
}),
|
|
@@ -790,17 +697,17 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
790
697
|
"checked:before:opacity-100",
|
|
791
698
|
// Outline variants use colored radio dot
|
|
792
699
|
l?.includes("outline") && "checked:before:bg-current",
|
|
793
|
-
|
|
700
|
+
n
|
|
794
701
|
),
|
|
795
|
-
...
|
|
702
|
+
...d
|
|
796
703
|
}
|
|
797
704
|
) }),
|
|
798
705
|
/* @__PURE__ */ e.jsxs("div", { className: "flex-1", children: [
|
|
799
706
|
/* @__PURE__ */ e.jsx(
|
|
800
707
|
"label",
|
|
801
708
|
{
|
|
802
|
-
htmlFor:
|
|
803
|
-
className:
|
|
709
|
+
htmlFor: u,
|
|
710
|
+
className: xe({
|
|
804
711
|
size: o.size,
|
|
805
712
|
disabled: f
|
|
806
713
|
}),
|
|
@@ -810,7 +717,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
810
717
|
t && /* @__PURE__ */ e.jsx(
|
|
811
718
|
"div",
|
|
812
719
|
{
|
|
813
|
-
className:
|
|
720
|
+
className: m(
|
|
814
721
|
"text-gray-600 mt-1",
|
|
815
722
|
o.size === "sm" && "text-xs",
|
|
816
723
|
o.size === "md" && "text-xs",
|
|
@@ -823,37 +730,37 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
823
730
|
] })
|
|
824
731
|
] });
|
|
825
732
|
}
|
|
826
|
-
),
|
|
733
|
+
), ye = x.forwardRef(
|
|
827
734
|
({
|
|
828
735
|
variant: r = "primary",
|
|
829
736
|
size: t = "md",
|
|
830
|
-
label:
|
|
831
|
-
helperText:
|
|
832
|
-
error:
|
|
737
|
+
label: n,
|
|
738
|
+
helperText: i,
|
|
739
|
+
error: s,
|
|
833
740
|
direction: c = "vertical",
|
|
834
|
-
className:
|
|
835
|
-
disabled:
|
|
741
|
+
className: d,
|
|
742
|
+
disabled: a,
|
|
836
743
|
name: o,
|
|
837
|
-
children:
|
|
838
|
-
...
|
|
744
|
+
children: g,
|
|
745
|
+
...u
|
|
839
746
|
}, f) => {
|
|
840
|
-
const l = !!
|
|
747
|
+
const l = !!s, h = {
|
|
841
748
|
variant: r,
|
|
842
749
|
size: t,
|
|
843
|
-
disabled:
|
|
750
|
+
disabled: a,
|
|
844
751
|
error: l,
|
|
845
752
|
name: o
|
|
846
753
|
};
|
|
847
|
-
return /* @__PURE__ */ e.jsx(
|
|
848
|
-
|
|
849
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
850
|
-
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children:
|
|
851
|
-
!l &&
|
|
754
|
+
return /* @__PURE__ */ e.jsx(K.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: m("w-full", d), ...u, children: [
|
|
755
|
+
n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
|
|
756
|
+
/* @__PURE__ */ e.jsx("div", { className: he({ direction: c }), children: g }),
|
|
757
|
+
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
|
|
758
|
+
!l && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
|
|
852
759
|
] }) });
|
|
853
760
|
}
|
|
854
|
-
),
|
|
855
|
-
Option:
|
|
856
|
-
}),
|
|
761
|
+
), nr = Object.assign(ye, {
|
|
762
|
+
Option: pe
|
|
763
|
+
}), we = w(
|
|
857
764
|
"flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
|
|
858
765
|
{
|
|
859
766
|
variants: {
|
|
@@ -886,7 +793,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
886
793
|
error: !1
|
|
887
794
|
}
|
|
888
795
|
}
|
|
889
|
-
),
|
|
796
|
+
), ve = w(
|
|
890
797
|
"inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
|
|
891
798
|
{
|
|
892
799
|
variants: {
|
|
@@ -921,7 +828,7 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
921
828
|
rounded: "middle"
|
|
922
829
|
}
|
|
923
830
|
}
|
|
924
|
-
),
|
|
831
|
+
), ke = (r) => {
|
|
925
832
|
const t = {
|
|
926
833
|
// Core variants - override hover text color changes
|
|
927
834
|
primary: "bg-primary text-white hover:text-white",
|
|
@@ -936,50 +843,50 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
936
843
|
danger: "bg-danger text-white hover:text-white"
|
|
937
844
|
};
|
|
938
845
|
return t[r || "primary"] || t.primary;
|
|
939
|
-
},
|
|
940
|
-
const r =
|
|
846
|
+
}, W = N(null), je = () => {
|
|
847
|
+
const r = S(W);
|
|
941
848
|
if (!r)
|
|
942
849
|
throw new Error(
|
|
943
850
|
"useSegmentSingleInputContext must be used within SegmentSingleInputContext"
|
|
944
851
|
);
|
|
945
852
|
return r;
|
|
946
|
-
},
|
|
947
|
-
({ children: r, className: t, disabled:
|
|
948
|
-
const o =
|
|
853
|
+
}, _ = x.forwardRef(
|
|
854
|
+
({ children: r, className: t, disabled: n, id: i, value: s, position: c = "middle", ...d }, a) => {
|
|
855
|
+
const o = je(), g = x.useId(), u = i || g, f = n || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value === s, b = (v) => {
|
|
949
856
|
if (!f) {
|
|
950
|
-
const
|
|
951
|
-
o.onChange?.(
|
|
857
|
+
const p = o.value === s ? null : s;
|
|
858
|
+
o.onChange?.(p);
|
|
952
859
|
}
|
|
953
|
-
|
|
860
|
+
d.onChange?.(v);
|
|
954
861
|
};
|
|
955
862
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
956
863
|
/* @__PURE__ */ e.jsx(
|
|
957
864
|
"input",
|
|
958
865
|
{
|
|
959
|
-
ref:
|
|
866
|
+
ref: a,
|
|
960
867
|
type: "radio",
|
|
961
|
-
id:
|
|
868
|
+
id: u,
|
|
962
869
|
name: o.name,
|
|
963
|
-
value:
|
|
870
|
+
value: s,
|
|
964
871
|
checked: h,
|
|
965
872
|
disabled: f,
|
|
966
873
|
onChange: b,
|
|
967
874
|
className: "sr-only",
|
|
968
|
-
...
|
|
875
|
+
...d
|
|
969
876
|
}
|
|
970
877
|
),
|
|
971
878
|
/* @__PURE__ */ e.jsx(
|
|
972
879
|
"label",
|
|
973
880
|
{
|
|
974
|
-
htmlFor:
|
|
975
|
-
className:
|
|
881
|
+
htmlFor: u,
|
|
882
|
+
className: m(
|
|
976
883
|
"flex flex-row items-center justify-center",
|
|
977
|
-
|
|
884
|
+
ve({
|
|
978
885
|
variant: l,
|
|
979
886
|
size: o.size,
|
|
980
887
|
rounded: c
|
|
981
888
|
}),
|
|
982
|
-
h &&
|
|
889
|
+
h && ke(l),
|
|
983
890
|
f && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
984
891
|
t
|
|
985
892
|
),
|
|
@@ -989,61 +896,61 @@ const nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatt
|
|
|
989
896
|
] });
|
|
990
897
|
}
|
|
991
898
|
);
|
|
992
|
-
|
|
993
|
-
const
|
|
899
|
+
_.displayName = "SegmentOption";
|
|
900
|
+
const Ie = x.forwardRef(
|
|
994
901
|
({
|
|
995
902
|
variant: r = "primary",
|
|
996
903
|
size: t = "md",
|
|
997
|
-
label:
|
|
998
|
-
helperText:
|
|
999
|
-
error:
|
|
904
|
+
label: n,
|
|
905
|
+
helperText: i,
|
|
906
|
+
error: s,
|
|
1000
907
|
disabled: c,
|
|
1001
|
-
name:
|
|
1002
|
-
value:
|
|
908
|
+
name: d,
|
|
909
|
+
value: a,
|
|
1003
910
|
onChange: o,
|
|
1004
|
-
children:
|
|
1005
|
-
...
|
|
911
|
+
children: g,
|
|
912
|
+
...u
|
|
1006
913
|
}, f) => {
|
|
1007
|
-
const l = !!
|
|
914
|
+
const l = !!s, h = {
|
|
1008
915
|
variant: r,
|
|
1009
916
|
size: t,
|
|
1010
917
|
disabled: c,
|
|
1011
918
|
error: l,
|
|
1012
|
-
name:
|
|
1013
|
-
value:
|
|
919
|
+
name: d,
|
|
920
|
+
value: a,
|
|
1014
921
|
onChange: o
|
|
1015
|
-
}, b = x.Children.toArray(
|
|
1016
|
-
if (x.isValidElement(
|
|
922
|
+
}, b = x.Children.toArray(g), v = b.map((p, k) => {
|
|
923
|
+
if (x.isValidElement(p)) {
|
|
1017
924
|
let y;
|
|
1018
|
-
return b.length === 1 ? y = "single" :
|
|
1019
|
-
|
|
925
|
+
return b.length === 1 ? y = "single" : k === 0 ? y = "first" : k === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
|
|
926
|
+
p,
|
|
1020
927
|
{ position: y }
|
|
1021
928
|
);
|
|
1022
929
|
}
|
|
1023
|
-
return
|
|
930
|
+
return p;
|
|
1024
931
|
});
|
|
1025
|
-
return /* @__PURE__ */ e.jsx(
|
|
1026
|
-
|
|
932
|
+
return /* @__PURE__ */ e.jsx(W.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
|
|
933
|
+
n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
|
|
1027
934
|
/* @__PURE__ */ e.jsx(
|
|
1028
935
|
"div",
|
|
1029
936
|
{
|
|
1030
|
-
className:
|
|
1031
|
-
|
|
937
|
+
className: m(
|
|
938
|
+
we({
|
|
1032
939
|
variant: l ? "danger" : r,
|
|
1033
940
|
size: t,
|
|
1034
941
|
error: l
|
|
1035
942
|
})
|
|
1036
943
|
),
|
|
1037
|
-
children:
|
|
944
|
+
children: v
|
|
1038
945
|
}
|
|
1039
946
|
),
|
|
1040
|
-
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children:
|
|
1041
|
-
!l &&
|
|
947
|
+
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
|
|
948
|
+
!l && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
|
|
1042
949
|
] }) });
|
|
1043
950
|
}
|
|
1044
|
-
),
|
|
1045
|
-
Option:
|
|
1046
|
-
}),
|
|
951
|
+
), sr = Object.assign(Ie, {
|
|
952
|
+
Option: _
|
|
953
|
+
}), Ce = w(
|
|
1047
954
|
"flex flex-row rounded-full border overflow-hidden p-1 gap-0.25",
|
|
1048
955
|
{
|
|
1049
956
|
variants: {
|
|
@@ -1076,7 +983,7 @@ const Ce = x.forwardRef(
|
|
|
1076
983
|
error: !1
|
|
1077
984
|
}
|
|
1078
985
|
}
|
|
1079
|
-
),
|
|
986
|
+
), Ne = w(
|
|
1080
987
|
"inline relative flex flex-row items-center px-3 py-2 text-center font-medium transition-all duration-200 cursor-pointer border-0 bg-transparent outline-none focus:ring-2 focus:ring-offset-1 flex-1",
|
|
1081
988
|
{
|
|
1082
989
|
variants: {
|
|
@@ -1111,7 +1018,7 @@ const Ce = x.forwardRef(
|
|
|
1111
1018
|
rounded: "middle"
|
|
1112
1019
|
}
|
|
1113
1020
|
}
|
|
1114
|
-
),
|
|
1021
|
+
), Se = (r) => {
|
|
1115
1022
|
const t = {
|
|
1116
1023
|
// Core variants - override hover text color changes
|
|
1117
1024
|
primary: "bg-primary text-white hover:text-white",
|
|
@@ -1126,51 +1033,51 @@ const Ce = x.forwardRef(
|
|
|
1126
1033
|
danger: "bg-danger text-white hover:text-white"
|
|
1127
1034
|
};
|
|
1128
1035
|
return t[r || "primary"] || t.primary;
|
|
1129
|
-
},
|
|
1130
|
-
const r =
|
|
1036
|
+
}, q = N(null), ze = () => {
|
|
1037
|
+
const r = S(q);
|
|
1131
1038
|
if (!r)
|
|
1132
1039
|
throw new Error(
|
|
1133
1040
|
"useSegmentMultipleInputContext must be used within SegmentMultipleInputContext"
|
|
1134
1041
|
);
|
|
1135
1042
|
return r;
|
|
1136
|
-
},
|
|
1137
|
-
({ children: r, className: t, disabled:
|
|
1138
|
-
const o =
|
|
1043
|
+
}, J = x.forwardRef(
|
|
1044
|
+
({ children: r, className: t, disabled: n, id: i, value: s, position: c = "middle", ...d }, a) => {
|
|
1045
|
+
const o = ze(), g = x.useId(), u = i || g, f = n || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value?.includes(s) ?? !1, b = (v) => {
|
|
1139
1046
|
if (!f) {
|
|
1140
|
-
const
|
|
1141
|
-
let
|
|
1142
|
-
h ?
|
|
1047
|
+
const p = o.value || [];
|
|
1048
|
+
let k;
|
|
1049
|
+
h ? k = p.filter((y) => y !== s) : k = [...p, s], o.onChange?.(k);
|
|
1143
1050
|
}
|
|
1144
|
-
|
|
1051
|
+
d.onChange?.(v);
|
|
1145
1052
|
};
|
|
1146
1053
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1147
1054
|
/* @__PURE__ */ e.jsx(
|
|
1148
1055
|
"input",
|
|
1149
1056
|
{
|
|
1150
|
-
ref:
|
|
1057
|
+
ref: a,
|
|
1151
1058
|
type: "checkbox",
|
|
1152
|
-
id:
|
|
1059
|
+
id: u,
|
|
1153
1060
|
name: `${o.name}[]`,
|
|
1154
|
-
value:
|
|
1061
|
+
value: s,
|
|
1155
1062
|
checked: h,
|
|
1156
1063
|
disabled: f,
|
|
1157
1064
|
onChange: b,
|
|
1158
1065
|
className: "sr-only",
|
|
1159
|
-
...
|
|
1066
|
+
...d
|
|
1160
1067
|
}
|
|
1161
1068
|
),
|
|
1162
1069
|
/* @__PURE__ */ e.jsx(
|
|
1163
1070
|
"label",
|
|
1164
1071
|
{
|
|
1165
|
-
htmlFor:
|
|
1166
|
-
className:
|
|
1072
|
+
htmlFor: u,
|
|
1073
|
+
className: m(
|
|
1167
1074
|
"flex flex-row items-center justify-center",
|
|
1168
|
-
|
|
1075
|
+
Ne({
|
|
1169
1076
|
variant: l,
|
|
1170
1077
|
size: o.size,
|
|
1171
1078
|
rounded: c
|
|
1172
1079
|
}),
|
|
1173
|
-
h &&
|
|
1080
|
+
h && Se(l),
|
|
1174
1081
|
f && "opacity-50 cursor-not-allowed pointer-events-none",
|
|
1175
1082
|
t
|
|
1176
1083
|
),
|
|
@@ -1180,88 +1087,88 @@ const Ce = x.forwardRef(
|
|
|
1180
1087
|
] });
|
|
1181
1088
|
}
|
|
1182
1089
|
);
|
|
1183
|
-
|
|
1184
|
-
const
|
|
1090
|
+
J.displayName = "SegmentOption";
|
|
1091
|
+
const Ve = x.forwardRef(
|
|
1185
1092
|
({
|
|
1186
1093
|
variant: r = "primary",
|
|
1187
1094
|
size: t = "md",
|
|
1188
|
-
label:
|
|
1189
|
-
helperText:
|
|
1190
|
-
error:
|
|
1095
|
+
label: n,
|
|
1096
|
+
helperText: i,
|
|
1097
|
+
error: s,
|
|
1191
1098
|
disabled: c,
|
|
1192
|
-
name:
|
|
1193
|
-
value:
|
|
1099
|
+
name: d,
|
|
1100
|
+
value: a = [],
|
|
1194
1101
|
onChange: o,
|
|
1195
|
-
children:
|
|
1196
|
-
...
|
|
1102
|
+
children: g,
|
|
1103
|
+
...u
|
|
1197
1104
|
}, f) => {
|
|
1198
|
-
const l = !!
|
|
1105
|
+
const l = !!s, h = {
|
|
1199
1106
|
variant: r,
|
|
1200
1107
|
size: t,
|
|
1201
1108
|
disabled: c,
|
|
1202
1109
|
error: l,
|
|
1203
|
-
name:
|
|
1204
|
-
value:
|
|
1110
|
+
name: d,
|
|
1111
|
+
value: a,
|
|
1205
1112
|
onChange: o
|
|
1206
|
-
}, b = x.Children.toArray(
|
|
1207
|
-
if (x.isValidElement(
|
|
1113
|
+
}, b = x.Children.toArray(g), v = b.map((p, k) => {
|
|
1114
|
+
if (x.isValidElement(p)) {
|
|
1208
1115
|
let y;
|
|
1209
|
-
return b.length === 1 ? y = "single" :
|
|
1210
|
-
|
|
1116
|
+
return b.length === 1 ? y = "single" : k === 0 ? y = "first" : k === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
|
|
1117
|
+
p,
|
|
1211
1118
|
{ position: y }
|
|
1212
1119
|
);
|
|
1213
1120
|
}
|
|
1214
|
-
return
|
|
1121
|
+
return p;
|
|
1215
1122
|
});
|
|
1216
|
-
return /* @__PURE__ */ e.jsx(
|
|
1217
|
-
|
|
1123
|
+
return /* @__PURE__ */ e.jsx(q.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...u, children: [
|
|
1124
|
+
n && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: n }),
|
|
1218
1125
|
/* @__PURE__ */ e.jsx(
|
|
1219
1126
|
"div",
|
|
1220
1127
|
{
|
|
1221
|
-
className:
|
|
1222
|
-
|
|
1128
|
+
className: m(
|
|
1129
|
+
Ce({
|
|
1223
1130
|
variant: l ? "danger" : r,
|
|
1224
1131
|
size: t,
|
|
1225
1132
|
error: l
|
|
1226
1133
|
})
|
|
1227
1134
|
),
|
|
1228
|
-
children:
|
|
1135
|
+
children: v
|
|
1229
1136
|
}
|
|
1230
1137
|
),
|
|
1231
|
-
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children:
|
|
1232
|
-
!l &&
|
|
1138
|
+
l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: s }),
|
|
1139
|
+
!l && i && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: i })
|
|
1233
1140
|
] }) });
|
|
1234
1141
|
}
|
|
1235
|
-
),
|
|
1236
|
-
Option:
|
|
1237
|
-
}),
|
|
1142
|
+
), ar = Object.assign(Ve, {
|
|
1143
|
+
Option: J
|
|
1144
|
+
}), ir = j(
|
|
1238
1145
|
({
|
|
1239
1146
|
autoComplete: r = "off",
|
|
1240
1147
|
spellCheck: t = !1,
|
|
1241
|
-
inputMode:
|
|
1242
|
-
placeholder:
|
|
1243
|
-
maxLength:
|
|
1148
|
+
inputMode: n = "search",
|
|
1149
|
+
placeholder: i = "Search...",
|
|
1150
|
+
maxLength: s = 256,
|
|
1244
1151
|
enterKeyHint: c = "search",
|
|
1245
|
-
"aria-label":
|
|
1152
|
+
"aria-label": d = "Search",
|
|
1246
1153
|
// internal default, not in props
|
|
1247
|
-
...
|
|
1154
|
+
...a
|
|
1248
1155
|
}, o) => /* @__PURE__ */ e.jsx(
|
|
1249
|
-
|
|
1156
|
+
I,
|
|
1250
1157
|
{
|
|
1251
1158
|
ref: o,
|
|
1252
1159
|
type: "search",
|
|
1253
|
-
inputMode:
|
|
1160
|
+
inputMode: n,
|
|
1254
1161
|
autoComplete: r,
|
|
1255
1162
|
spellCheck: t,
|
|
1256
|
-
placeholder:
|
|
1257
|
-
maxLength:
|
|
1163
|
+
placeholder: i,
|
|
1164
|
+
maxLength: s,
|
|
1258
1165
|
enterKeyHint: c,
|
|
1259
|
-
"aria-label":
|
|
1260
|
-
leftContent: /* @__PURE__ */ e.jsx(
|
|
1261
|
-
...
|
|
1166
|
+
"aria-label": d,
|
|
1167
|
+
leftContent: /* @__PURE__ */ e.jsx(C, { as: X, color: "inherit", size: "sm" }),
|
|
1168
|
+
...a
|
|
1262
1169
|
}
|
|
1263
1170
|
)
|
|
1264
|
-
),
|
|
1171
|
+
), Oe = w(
|
|
1265
1172
|
"block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50 appearance-none bg-no-repeat bg-right pr-10",
|
|
1266
1173
|
{
|
|
1267
1174
|
variants: {
|
|
@@ -1293,20 +1200,20 @@ const Oe = x.forwardRef(
|
|
|
1293
1200
|
variant: "primary"
|
|
1294
1201
|
}
|
|
1295
1202
|
}
|
|
1296
|
-
),
|
|
1203
|
+
), Re = x.forwardRef(
|
|
1297
1204
|
({
|
|
1298
1205
|
variant: r = "primary",
|
|
1299
1206
|
label: t,
|
|
1300
|
-
helperText:
|
|
1301
|
-
error:
|
|
1302
|
-
className:
|
|
1207
|
+
helperText: n,
|
|
1208
|
+
error: i,
|
|
1209
|
+
className: s,
|
|
1303
1210
|
disabled: c,
|
|
1304
|
-
id:
|
|
1305
|
-
placeholder:
|
|
1211
|
+
id: d,
|
|
1212
|
+
placeholder: a,
|
|
1306
1213
|
children: o,
|
|
1307
|
-
...
|
|
1308
|
-
},
|
|
1309
|
-
const f = x.useId(), l =
|
|
1214
|
+
...g
|
|
1215
|
+
}, u) => {
|
|
1216
|
+
const f = x.useId(), l = d || f, h = !!i;
|
|
1310
1217
|
return /* @__PURE__ */ e.jsxs("div", { children: [
|
|
1311
1218
|
/* @__PURE__ */ e.jsx(
|
|
1312
1219
|
"label",
|
|
@@ -1316,24 +1223,24 @@ const Oe = x.forwardRef(
|
|
|
1316
1223
|
children: t
|
|
1317
1224
|
}
|
|
1318
1225
|
),
|
|
1319
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1226
|
+
/* @__PURE__ */ e.jsxs("div", { className: m("relative w-full", s), children: [
|
|
1320
1227
|
/* @__PURE__ */ e.jsxs(
|
|
1321
1228
|
"select",
|
|
1322
1229
|
{
|
|
1323
|
-
ref:
|
|
1230
|
+
ref: u,
|
|
1324
1231
|
id: l,
|
|
1325
1232
|
"aria-invalid": h,
|
|
1326
1233
|
"aria-disabled": c,
|
|
1327
1234
|
disabled: c,
|
|
1328
|
-
className:
|
|
1329
|
-
|
|
1235
|
+
className: m(
|
|
1236
|
+
Oe({
|
|
1330
1237
|
variant: h ? "danger" : r
|
|
1331
1238
|
}),
|
|
1332
1239
|
"h-10 pl-3"
|
|
1333
1240
|
),
|
|
1334
|
-
...
|
|
1241
|
+
...g,
|
|
1335
1242
|
children: [
|
|
1336
|
-
|
|
1243
|
+
a && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: a }),
|
|
1337
1244
|
o
|
|
1338
1245
|
]
|
|
1339
1246
|
}
|
|
@@ -1357,13 +1264,13 @@ const Oe = x.forwardRef(
|
|
|
1357
1264
|
}
|
|
1358
1265
|
) })
|
|
1359
1266
|
] }),
|
|
1360
|
-
h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children:
|
|
1361
|
-
!h &&
|
|
1267
|
+
h && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
|
|
1268
|
+
!h && n && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
|
|
1362
1269
|
] });
|
|
1363
1270
|
}
|
|
1364
1271
|
);
|
|
1365
|
-
|
|
1366
|
-
const
|
|
1272
|
+
Re.displayName = "SelectInput";
|
|
1273
|
+
const Me = w(
|
|
1367
1274
|
"block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
|
|
1368
1275
|
{
|
|
1369
1276
|
variants: {
|
|
@@ -1400,82 +1307,82 @@ const Fe = j(
|
|
|
1400
1307
|
fieldSizing: "fixed"
|
|
1401
1308
|
}
|
|
1402
1309
|
}
|
|
1403
|
-
),
|
|
1310
|
+
), Ee = x.forwardRef(
|
|
1404
1311
|
({
|
|
1405
1312
|
variant: r = "primary",
|
|
1406
1313
|
label: t,
|
|
1407
|
-
helperText:
|
|
1408
|
-
error:
|
|
1409
|
-
className:
|
|
1314
|
+
helperText: n,
|
|
1315
|
+
error: i,
|
|
1316
|
+
className: s,
|
|
1410
1317
|
disabled: c,
|
|
1411
|
-
id:
|
|
1412
|
-
minRows:
|
|
1318
|
+
id: d,
|
|
1319
|
+
minRows: a = 3,
|
|
1413
1320
|
maxRows: o,
|
|
1414
|
-
fieldSizing:
|
|
1415
|
-
style:
|
|
1321
|
+
fieldSizing: g = "fixed",
|
|
1322
|
+
style: u,
|
|
1416
1323
|
rows: f,
|
|
1417
1324
|
...l
|
|
1418
1325
|
}, h) => {
|
|
1419
|
-
const b = x.useId(),
|
|
1420
|
-
...
|
|
1326
|
+
const b = x.useId(), v = d || b, p = !!i, k = f || a, y = g === "content" ? void 0 : o, z = {
|
|
1327
|
+
...g === "content" && { fieldSizing: "content" },
|
|
1421
1328
|
...y && {
|
|
1422
1329
|
maxHeight: `${y * 1.5}rem`
|
|
1423
1330
|
// Approximate line height
|
|
1424
1331
|
},
|
|
1425
|
-
...
|
|
1332
|
+
...u
|
|
1426
1333
|
};
|
|
1427
1334
|
return /* @__PURE__ */ e.jsxs("div", { children: [
|
|
1428
1335
|
t && /* @__PURE__ */ e.jsx(
|
|
1429
1336
|
"label",
|
|
1430
1337
|
{
|
|
1431
|
-
htmlFor:
|
|
1338
|
+
htmlFor: v,
|
|
1432
1339
|
className: "block text-sm font-medium text-foreground mb-2",
|
|
1433
1340
|
children: t
|
|
1434
1341
|
}
|
|
1435
1342
|
),
|
|
1436
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1343
|
+
/* @__PURE__ */ e.jsx("div", { className: m("relative w-full", s), children: /* @__PURE__ */ e.jsx(
|
|
1437
1344
|
"textarea",
|
|
1438
1345
|
{
|
|
1439
1346
|
ref: h,
|
|
1440
|
-
id:
|
|
1441
|
-
rows:
|
|
1442
|
-
"aria-invalid":
|
|
1347
|
+
id: v,
|
|
1348
|
+
rows: k,
|
|
1349
|
+
"aria-invalid": p,
|
|
1443
1350
|
"aria-disabled": c,
|
|
1444
1351
|
disabled: c,
|
|
1445
|
-
style:
|
|
1446
|
-
className:
|
|
1447
|
-
|
|
1448
|
-
variant:
|
|
1449
|
-
fieldSizing:
|
|
1352
|
+
style: z,
|
|
1353
|
+
className: m(
|
|
1354
|
+
Me({
|
|
1355
|
+
variant: p ? "danger" : r,
|
|
1356
|
+
fieldSizing: g
|
|
1450
1357
|
}),
|
|
1451
1358
|
"px-3 py-2"
|
|
1452
1359
|
),
|
|
1453
1360
|
...l
|
|
1454
1361
|
}
|
|
1455
1362
|
) }),
|
|
1456
|
-
|
|
1457
|
-
!
|
|
1363
|
+
p && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: i }),
|
|
1364
|
+
!p && n && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: n })
|
|
1458
1365
|
] });
|
|
1459
1366
|
}
|
|
1460
1367
|
);
|
|
1461
|
-
|
|
1462
|
-
const
|
|
1463
|
-
const
|
|
1464
|
-
t?.onChange?.(
|
|
1368
|
+
Ee.displayName = "TextAreaInput";
|
|
1369
|
+
const cr = j(function(t, n) {
|
|
1370
|
+
const i = (s) => {
|
|
1371
|
+
t?.onChange?.(s.target.value);
|
|
1465
1372
|
};
|
|
1466
1373
|
return /* @__PURE__ */ e.jsx(
|
|
1467
|
-
|
|
1374
|
+
I,
|
|
1468
1375
|
{
|
|
1469
1376
|
type: "time",
|
|
1470
1377
|
tabIndex: 0,
|
|
1471
1378
|
"aria-hidden": "true",
|
|
1472
|
-
leftContent: /* @__PURE__ */ e.jsx(
|
|
1473
|
-
ref:
|
|
1379
|
+
leftContent: /* @__PURE__ */ e.jsx(C, { as: Y, color: "inherit", size: "sm" }),
|
|
1380
|
+
ref: n,
|
|
1474
1381
|
...t,
|
|
1475
|
-
onChange:
|
|
1382
|
+
onChange: i
|
|
1476
1383
|
}
|
|
1477
1384
|
);
|
|
1478
|
-
}),
|
|
1385
|
+
}), Fe = w(
|
|
1479
1386
|
"relative inline-flex items-center transition-colors duration-200 border border-transparent",
|
|
1480
1387
|
{
|
|
1481
1388
|
variants: {
|
|
@@ -1531,7 +1438,7 @@ const lr = I(function(t, s) {
|
|
|
1531
1438
|
{ checked: !1, class: "bg-white border-border" }
|
|
1532
1439
|
]
|
|
1533
1440
|
}
|
|
1534
|
-
),
|
|
1441
|
+
), Be = w(
|
|
1535
1442
|
"absolute rounded-full transition-transform duration-200",
|
|
1536
1443
|
{
|
|
1537
1444
|
variants: {
|
|
@@ -1550,77 +1457,77 @@ const lr = I(function(t, s) {
|
|
|
1550
1457
|
checked: !1
|
|
1551
1458
|
}
|
|
1552
1459
|
}
|
|
1553
|
-
),
|
|
1460
|
+
), De = ({
|
|
1554
1461
|
color: r = "primary",
|
|
1555
1462
|
size: t = "md",
|
|
1556
|
-
disabled:
|
|
1557
|
-
className:
|
|
1558
|
-
checked:
|
|
1463
|
+
disabled: n = !1,
|
|
1464
|
+
className: i,
|
|
1465
|
+
checked: s
|
|
1559
1466
|
}) => /* @__PURE__ */ e.jsx(
|
|
1560
1467
|
"span",
|
|
1561
1468
|
{
|
|
1562
|
-
className:
|
|
1563
|
-
|
|
1469
|
+
className: m(
|
|
1470
|
+
Fe({ color: r, size: t, disabled: n, checked: s }),
|
|
1564
1471
|
"rounded-full pointer-events-none",
|
|
1565
|
-
|
|
1472
|
+
i
|
|
1566
1473
|
),
|
|
1567
1474
|
"aria-hidden": "true"
|
|
1568
1475
|
}
|
|
1569
|
-
),
|
|
1476
|
+
), Pe = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: m(Be({ size: r, checked: t })), "aria-hidden": "true" }), $e = ({ label: r, htmlFor: t, placement: n = "top", disabled: i = !1 }) => r ? /* @__PURE__ */ e.jsx(
|
|
1570
1477
|
"label",
|
|
1571
1478
|
{
|
|
1572
1479
|
htmlFor: t,
|
|
1573
|
-
className:
|
|
1480
|
+
className: m(
|
|
1574
1481
|
"text-sm select-none font-medium text-foreground",
|
|
1575
|
-
|
|
1576
|
-
|
|
1482
|
+
n === "inline" ? "ml-2 mb-0" : "mb-1",
|
|
1483
|
+
i && "opacity-50 cursor-not-allowed"
|
|
1577
1484
|
),
|
|
1578
1485
|
children: r
|
|
1579
1486
|
}
|
|
1580
|
-
) : null,
|
|
1487
|
+
) : null, Ae = x.forwardRef(
|
|
1581
1488
|
({
|
|
1582
1489
|
checked: r,
|
|
1583
1490
|
defaultChecked: t,
|
|
1584
|
-
onCheckedChange:
|
|
1585
|
-
color:
|
|
1586
|
-
size:
|
|
1491
|
+
onCheckedChange: n,
|
|
1492
|
+
color: i = "primary",
|
|
1493
|
+
size: s = "md",
|
|
1587
1494
|
label: c,
|
|
1588
|
-
labelPlacement:
|
|
1589
|
-
disabled:
|
|
1495
|
+
labelPlacement: d = "top",
|
|
1496
|
+
disabled: a = !1,
|
|
1590
1497
|
className: o,
|
|
1591
|
-
id:
|
|
1592
|
-
ariaLabel:
|
|
1498
|
+
id: g,
|
|
1499
|
+
ariaLabel: u,
|
|
1593
1500
|
...f
|
|
1594
1501
|
}, l) => {
|
|
1595
1502
|
const [h, b] = O(
|
|
1596
1503
|
t ?? !1
|
|
1597
|
-
),
|
|
1598
|
-
|
|
1504
|
+
), v = E(), p = g || v, k = typeof r == "boolean", y = k ? r : h, z = (B) => {
|
|
1505
|
+
k || b(B.target.checked), n?.(B.target.checked);
|
|
1599
1506
|
};
|
|
1600
1507
|
return /* @__PURE__ */ e.jsxs(
|
|
1601
1508
|
"div",
|
|
1602
1509
|
{
|
|
1603
|
-
className:
|
|
1510
|
+
className: m(
|
|
1604
1511
|
"flex flex-col",
|
|
1605
|
-
|
|
1512
|
+
d === "inline" && "flex-row items-center",
|
|
1606
1513
|
o
|
|
1607
1514
|
),
|
|
1608
1515
|
children: [
|
|
1609
1516
|
/* @__PURE__ */ e.jsx(
|
|
1610
|
-
|
|
1517
|
+
$e,
|
|
1611
1518
|
{
|
|
1612
1519
|
label: c,
|
|
1613
|
-
htmlFor:
|
|
1614
|
-
placement:
|
|
1615
|
-
disabled:
|
|
1520
|
+
htmlFor: p,
|
|
1521
|
+
placement: d,
|
|
1522
|
+
disabled: a
|
|
1616
1523
|
}
|
|
1617
1524
|
),
|
|
1618
1525
|
/* @__PURE__ */ e.jsxs(
|
|
1619
1526
|
"span",
|
|
1620
1527
|
{
|
|
1621
|
-
className:
|
|
1528
|
+
className: m(
|
|
1622
1529
|
"relative flex items-center",
|
|
1623
|
-
|
|
1530
|
+
d === "inline" && "ml-2"
|
|
1624
1531
|
),
|
|
1625
1532
|
children: [
|
|
1626
1533
|
/* @__PURE__ */ e.jsx(
|
|
@@ -1628,25 +1535,25 @@ const lr = I(function(t, s) {
|
|
|
1628
1535
|
{
|
|
1629
1536
|
ref: l,
|
|
1630
1537
|
type: "checkbox",
|
|
1631
|
-
id:
|
|
1632
|
-
"aria-label":
|
|
1538
|
+
id: p,
|
|
1539
|
+
"aria-label": u || c,
|
|
1633
1540
|
checked: y,
|
|
1634
|
-
disabled:
|
|
1635
|
-
onChange:
|
|
1541
|
+
disabled: a,
|
|
1542
|
+
onChange: z,
|
|
1636
1543
|
className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10",
|
|
1637
1544
|
...f
|
|
1638
1545
|
}
|
|
1639
1546
|
),
|
|
1640
1547
|
/* @__PURE__ */ e.jsx(
|
|
1641
|
-
|
|
1548
|
+
De,
|
|
1642
1549
|
{
|
|
1643
|
-
color:
|
|
1644
|
-
size:
|
|
1645
|
-
disabled:
|
|
1550
|
+
color: i,
|
|
1551
|
+
size: s,
|
|
1552
|
+
disabled: a,
|
|
1646
1553
|
checked: y
|
|
1647
1554
|
}
|
|
1648
1555
|
),
|
|
1649
|
-
/* @__PURE__ */ e.jsx(
|
|
1556
|
+
/* @__PURE__ */ e.jsx(Pe, { size: s, checked: y })
|
|
1650
1557
|
]
|
|
1651
1558
|
}
|
|
1652
1559
|
)
|
|
@@ -1655,64 +1562,64 @@ const lr = I(function(t, s) {
|
|
|
1655
1562
|
);
|
|
1656
1563
|
}
|
|
1657
1564
|
);
|
|
1658
|
-
|
|
1659
|
-
function
|
|
1660
|
-
|
|
1565
|
+
Ae.displayName = "SwitchInput";
|
|
1566
|
+
function He(r, t) {
|
|
1567
|
+
Q(() => {
|
|
1661
1568
|
typeof r == "number" && !isNaN(r) ? t(`${r}`) : r === "" || r === null || r === void 0 ? t("") : typeof r == "string" && t(r);
|
|
1662
1569
|
}, [r, t]);
|
|
1663
1570
|
}
|
|
1664
|
-
const
|
|
1571
|
+
const dr = ({
|
|
1665
1572
|
value: r,
|
|
1666
1573
|
onChange: t,
|
|
1667
|
-
allowNegative:
|
|
1668
|
-
inputProps:
|
|
1669
|
-
label:
|
|
1574
|
+
allowNegative: n = !1,
|
|
1575
|
+
inputProps: i,
|
|
1576
|
+
label: s,
|
|
1670
1577
|
helperText: c,
|
|
1671
|
-
error:
|
|
1672
|
-
variant:
|
|
1578
|
+
error: d,
|
|
1579
|
+
variant: a,
|
|
1673
1580
|
...o
|
|
1674
1581
|
}) => {
|
|
1675
|
-
const
|
|
1582
|
+
const g = D(null), [u, f] = O(
|
|
1676
1583
|
r === "" ? "" : String(r)
|
|
1677
1584
|
);
|
|
1678
|
-
|
|
1585
|
+
He(r, f);
|
|
1679
1586
|
const l = (h) => {
|
|
1680
1587
|
let b = h.target.value.replace(/[^\d.,-]/g, "");
|
|
1681
|
-
|
|
1588
|
+
n || (b = b.replace(/-/g, "")), f(b), t(b);
|
|
1682
1589
|
};
|
|
1683
1590
|
return /* @__PURE__ */ e.jsx(
|
|
1684
|
-
|
|
1591
|
+
I,
|
|
1685
1592
|
{
|
|
1686
|
-
ref:
|
|
1593
|
+
ref: g,
|
|
1687
1594
|
type: "text",
|
|
1688
|
-
label:
|
|
1689
|
-
value:
|
|
1595
|
+
label: s,
|
|
1596
|
+
value: u,
|
|
1690
1597
|
onChange: l,
|
|
1691
|
-
error:
|
|
1598
|
+
error: d,
|
|
1692
1599
|
helperText: c,
|
|
1693
1600
|
placeholder: o.placeholder,
|
|
1694
|
-
leftContent: /* @__PURE__ */ e.jsx(
|
|
1695
|
-
variant:
|
|
1601
|
+
leftContent: /* @__PURE__ */ e.jsx(C, { as: Z, color: "inherit", size: "sm" }),
|
|
1602
|
+
variant: a,
|
|
1696
1603
|
inputMode: "numeric",
|
|
1697
1604
|
autoComplete: "off",
|
|
1698
|
-
pattern:
|
|
1699
|
-
...
|
|
1605
|
+
pattern: n ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
|
|
1606
|
+
...i,
|
|
1700
1607
|
...o
|
|
1701
1608
|
}
|
|
1702
1609
|
);
|
|
1703
|
-
},
|
|
1610
|
+
}, lr = j(
|
|
1704
1611
|
(r, t) => /* @__PURE__ */ e.jsx(
|
|
1705
|
-
|
|
1612
|
+
I,
|
|
1706
1613
|
{
|
|
1707
1614
|
...r,
|
|
1708
1615
|
ref: t,
|
|
1709
1616
|
type: "email",
|
|
1710
1617
|
autoComplete: "email",
|
|
1711
1618
|
inputMode: "email",
|
|
1712
|
-
leftContent: /* @__PURE__ */ e.jsx(
|
|
1619
|
+
leftContent: /* @__PURE__ */ e.jsx(C, { as: ee, color: "inherit", size: "sm" })
|
|
1713
1620
|
}
|
|
1714
1621
|
)
|
|
1715
|
-
),
|
|
1622
|
+
), Le = w(
|
|
1716
1623
|
"flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
|
|
1717
1624
|
{
|
|
1718
1625
|
variants: {
|
|
@@ -1730,7 +1637,7 @@ const ur = ({
|
|
|
1730
1637
|
disabled: !1
|
|
1731
1638
|
}
|
|
1732
1639
|
}
|
|
1733
|
-
),
|
|
1640
|
+
), Te = w(
|
|
1734
1641
|
"flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
|
|
1735
1642
|
{
|
|
1736
1643
|
variants: {
|
|
@@ -1748,20 +1655,20 @@ const ur = ({
|
|
|
1748
1655
|
disabled: !1
|
|
1749
1656
|
}
|
|
1750
1657
|
}
|
|
1751
|
-
),
|
|
1752
|
-
const o =
|
|
1658
|
+
), ur = j(({ value: r, label: t, checked: n, id: i, className: s, disabled: c, ...d }, a) => {
|
|
1659
|
+
const o = E(), g = i || o;
|
|
1753
1660
|
return /* @__PURE__ */ e.jsxs(
|
|
1754
1661
|
"label",
|
|
1755
1662
|
{
|
|
1756
|
-
htmlFor:
|
|
1757
|
-
className:
|
|
1758
|
-
|
|
1759
|
-
checked: !!
|
|
1663
|
+
htmlFor: g,
|
|
1664
|
+
className: m(
|
|
1665
|
+
Le({
|
|
1666
|
+
checked: !!n,
|
|
1760
1667
|
disabled: !!c
|
|
1761
1668
|
}),
|
|
1762
|
-
|
|
1669
|
+
s
|
|
1763
1670
|
),
|
|
1764
|
-
"aria-checked":
|
|
1671
|
+
"aria-checked": n,
|
|
1765
1672
|
role: "radio",
|
|
1766
1673
|
"aria-label": `Select ${r}`,
|
|
1767
1674
|
tabIndex: c ? -1 : 0,
|
|
@@ -1769,34 +1676,34 @@ const ur = ({
|
|
|
1769
1676
|
/* @__PURE__ */ e.jsx(
|
|
1770
1677
|
"input",
|
|
1771
1678
|
{
|
|
1772
|
-
ref:
|
|
1773
|
-
id:
|
|
1679
|
+
ref: a,
|
|
1680
|
+
id: g,
|
|
1774
1681
|
type: "radio",
|
|
1775
1682
|
value: r,
|
|
1776
|
-
checked:
|
|
1683
|
+
checked: n,
|
|
1777
1684
|
disabled: c,
|
|
1778
1685
|
className: "sr-only",
|
|
1779
1686
|
"aria-hidden": !0,
|
|
1780
|
-
"aria-checked":
|
|
1781
|
-
...
|
|
1687
|
+
"aria-checked": n,
|
|
1688
|
+
...d
|
|
1782
1689
|
}
|
|
1783
1690
|
),
|
|
1784
1691
|
/* @__PURE__ */ e.jsx(
|
|
1785
1692
|
"span",
|
|
1786
1693
|
{
|
|
1787
|
-
className:
|
|
1788
|
-
checked: !!
|
|
1694
|
+
className: Te({
|
|
1695
|
+
checked: !!n,
|
|
1789
1696
|
disabled: !!c
|
|
1790
1697
|
}),
|
|
1791
1698
|
"aria-hidden": "true",
|
|
1792
|
-
children:
|
|
1699
|
+
children: n ? /* @__PURE__ */ e.jsx(C, { as: P, color: "neutral", size: "md" }) : null
|
|
1793
1700
|
}
|
|
1794
1701
|
),
|
|
1795
1702
|
/* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
|
|
1796
1703
|
]
|
|
1797
1704
|
}
|
|
1798
1705
|
);
|
|
1799
|
-
}),
|
|
1706
|
+
}), Ge = w(
|
|
1800
1707
|
"flex items-center gap-3 cursor-pointer border-b border-border select-none p-4 transition-colors hover:bg-neutral-light",
|
|
1801
1708
|
{
|
|
1802
1709
|
variants: {
|
|
@@ -1814,7 +1721,7 @@ const ur = ({
|
|
|
1814
1721
|
disabled: !1
|
|
1815
1722
|
}
|
|
1816
1723
|
}
|
|
1817
|
-
),
|
|
1724
|
+
), Ke = w(
|
|
1818
1725
|
"flex h-6 w-6 items-center justify-center rounded-sm overflow-hidden border border-border transition-colors duration-150 focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
|
|
1819
1726
|
{
|
|
1820
1727
|
variants: {
|
|
@@ -1832,20 +1739,20 @@ const ur = ({
|
|
|
1832
1739
|
disabled: !1
|
|
1833
1740
|
}
|
|
1834
1741
|
}
|
|
1835
|
-
),
|
|
1836
|
-
const o =
|
|
1742
|
+
), gr = j(({ value: r, label: t, checked: n, id: i, className: s, disabled: c, ...d }, a) => {
|
|
1743
|
+
const o = E(), g = i || o;
|
|
1837
1744
|
return /* @__PURE__ */ e.jsxs(
|
|
1838
1745
|
"label",
|
|
1839
1746
|
{
|
|
1840
|
-
htmlFor:
|
|
1841
|
-
className:
|
|
1842
|
-
|
|
1843
|
-
checked: !!
|
|
1747
|
+
htmlFor: g,
|
|
1748
|
+
className: m(
|
|
1749
|
+
Ge({
|
|
1750
|
+
checked: !!n,
|
|
1844
1751
|
disabled: !!c
|
|
1845
1752
|
}),
|
|
1846
|
-
|
|
1753
|
+
s
|
|
1847
1754
|
),
|
|
1848
|
-
"aria-checked":
|
|
1755
|
+
"aria-checked": n,
|
|
1849
1756
|
role: "checkbox",
|
|
1850
1757
|
"aria-label": `Select ${r}`,
|
|
1851
1758
|
tabIndex: c ? -1 : 0,
|
|
@@ -1853,174 +1760,174 @@ const ur = ({
|
|
|
1853
1760
|
/* @__PURE__ */ e.jsx(
|
|
1854
1761
|
"input",
|
|
1855
1762
|
{
|
|
1856
|
-
ref:
|
|
1857
|
-
id:
|
|
1763
|
+
ref: a,
|
|
1764
|
+
id: g,
|
|
1858
1765
|
type: "checkbox",
|
|
1859
1766
|
value: r,
|
|
1860
|
-
checked:
|
|
1767
|
+
checked: n,
|
|
1861
1768
|
disabled: c,
|
|
1862
1769
|
className: "sr-only",
|
|
1863
1770
|
"aria-hidden": !0,
|
|
1864
|
-
"aria-checked":
|
|
1865
|
-
...
|
|
1771
|
+
"aria-checked": n,
|
|
1772
|
+
...d
|
|
1866
1773
|
}
|
|
1867
1774
|
),
|
|
1868
1775
|
/* @__PURE__ */ e.jsx(
|
|
1869
1776
|
"span",
|
|
1870
1777
|
{
|
|
1871
|
-
className:
|
|
1872
|
-
checked: !!
|
|
1778
|
+
className: Ke({
|
|
1779
|
+
checked: !!n,
|
|
1873
1780
|
disabled: !!c
|
|
1874
1781
|
}),
|
|
1875
1782
|
"aria-hidden": "true",
|
|
1876
|
-
children:
|
|
1783
|
+
children: n ? /* @__PURE__ */ e.jsx(C, { as: P, color: "neutral", size: "md" }) : null
|
|
1877
1784
|
}
|
|
1878
1785
|
),
|
|
1879
1786
|
/* @__PURE__ */ e.jsx("span", { className: "flex-1 min-w-0 text-base text-foreground", children: t })
|
|
1880
1787
|
]
|
|
1881
1788
|
}
|
|
1882
1789
|
);
|
|
1883
|
-
}),
|
|
1884
|
-
({ children: r, onChange: t, value:
|
|
1885
|
-
const [
|
|
1886
|
-
() => ({ isOpen:
|
|
1887
|
-
[
|
|
1790
|
+
}), We = j(
|
|
1791
|
+
({ children: r, onChange: t, value: n, size: i, placement: s, ...c }, d) => {
|
|
1792
|
+
const [a, o] = O(!1), g = F(
|
|
1793
|
+
() => ({ isOpen: a, setIsOpen: o, onChange: t, value: n }),
|
|
1794
|
+
[a, o, t, n]
|
|
1888
1795
|
);
|
|
1889
1796
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1890
1797
|
/* @__PURE__ */ e.jsx(
|
|
1891
|
-
|
|
1798
|
+
I,
|
|
1892
1799
|
{
|
|
1893
1800
|
...c,
|
|
1894
1801
|
onChange: t,
|
|
1895
|
-
value:
|
|
1896
|
-
ref:
|
|
1802
|
+
value: n,
|
|
1803
|
+
ref: d,
|
|
1897
1804
|
readOnly: !0,
|
|
1898
1805
|
tabIndex: 0,
|
|
1899
1806
|
onClick: () => o(!0),
|
|
1900
1807
|
"aria-haspopup": "dialog",
|
|
1901
|
-
"aria-expanded":
|
|
1902
|
-
onKeyDown: (
|
|
1903
|
-
(
|
|
1808
|
+
"aria-expanded": a,
|
|
1809
|
+
onKeyDown: (u) => {
|
|
1810
|
+
(u.key === "Enter" || u.key === " ") && (u.preventDefault(), o(!0));
|
|
1904
1811
|
}
|
|
1905
1812
|
}
|
|
1906
1813
|
),
|
|
1907
1814
|
/* @__PURE__ */ e.jsx(
|
|
1908
|
-
|
|
1815
|
+
R,
|
|
1909
1816
|
{
|
|
1910
|
-
isOpen:
|
|
1817
|
+
isOpen: a,
|
|
1911
1818
|
onClose: () => o(!1),
|
|
1912
|
-
size:
|
|
1913
|
-
placement:
|
|
1914
|
-
children:
|
|
1819
|
+
size: i,
|
|
1820
|
+
placement: s,
|
|
1821
|
+
children: a && r(g)
|
|
1915
1822
|
}
|
|
1916
1823
|
)
|
|
1917
1824
|
] });
|
|
1918
1825
|
}
|
|
1919
|
-
),
|
|
1920
|
-
Header:
|
|
1921
|
-
Body:
|
|
1922
|
-
Footer:
|
|
1923
|
-
}),
|
|
1826
|
+
), fr = Object.assign(We, {
|
|
1827
|
+
Header: R.Header,
|
|
1828
|
+
Body: R.Body,
|
|
1829
|
+
Footer: R.Footer
|
|
1830
|
+
}), _e = j(
|
|
1924
1831
|
({
|
|
1925
1832
|
children: r,
|
|
1926
1833
|
onChange: t,
|
|
1927
|
-
value:
|
|
1928
|
-
size:
|
|
1929
|
-
position:
|
|
1834
|
+
value: n,
|
|
1835
|
+
size: i,
|
|
1836
|
+
position: s,
|
|
1930
1837
|
disableEscapeKeyDown: c,
|
|
1931
|
-
disableOverlayClickToClose:
|
|
1932
|
-
...
|
|
1838
|
+
disableOverlayClickToClose: d,
|
|
1839
|
+
...a
|
|
1933
1840
|
}, o) => {
|
|
1934
|
-
const [
|
|
1935
|
-
() => ({ isOpen:
|
|
1936
|
-
[
|
|
1841
|
+
const [g, u] = O(!1), f = F(
|
|
1842
|
+
() => ({ isOpen: g, setIsOpen: u, onChange: t, value: n }),
|
|
1843
|
+
[g, u, t, n]
|
|
1937
1844
|
);
|
|
1938
1845
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1939
1846
|
/* @__PURE__ */ e.jsx(
|
|
1940
|
-
|
|
1847
|
+
I,
|
|
1941
1848
|
{
|
|
1942
|
-
...
|
|
1849
|
+
...a,
|
|
1943
1850
|
onChange: t,
|
|
1944
|
-
value:
|
|
1851
|
+
value: n,
|
|
1945
1852
|
ref: o,
|
|
1946
1853
|
readOnly: !0,
|
|
1947
1854
|
tabIndex: 0,
|
|
1948
|
-
onClick: () =>
|
|
1855
|
+
onClick: () => u(!0),
|
|
1949
1856
|
onKeyDown: (l) => {
|
|
1950
|
-
(l.key === "Enter" || l.key === " ") && (l.preventDefault(),
|
|
1857
|
+
(l.key === "Enter" || l.key === " ") && (l.preventDefault(), u(!0));
|
|
1951
1858
|
},
|
|
1952
1859
|
"aria-haspopup": "dialog",
|
|
1953
|
-
"aria-expanded":
|
|
1860
|
+
"aria-expanded": g
|
|
1954
1861
|
}
|
|
1955
1862
|
),
|
|
1956
1863
|
/* @__PURE__ */ e.jsx(
|
|
1957
|
-
|
|
1864
|
+
M,
|
|
1958
1865
|
{
|
|
1959
|
-
isOpen:
|
|
1960
|
-
onClose: () =>
|
|
1961
|
-
size:
|
|
1962
|
-
position:
|
|
1866
|
+
isOpen: g,
|
|
1867
|
+
onClose: () => u(!1),
|
|
1868
|
+
size: i,
|
|
1869
|
+
position: s,
|
|
1963
1870
|
disableEscapeKeyDown: c,
|
|
1964
|
-
disableOverlayClickToClose:
|
|
1965
|
-
children:
|
|
1871
|
+
disableOverlayClickToClose: d,
|
|
1872
|
+
children: g && r(f)
|
|
1966
1873
|
}
|
|
1967
1874
|
)
|
|
1968
1875
|
] });
|
|
1969
1876
|
}
|
|
1970
|
-
),
|
|
1971
|
-
Header:
|
|
1972
|
-
Body:
|
|
1973
|
-
Footer:
|
|
1974
|
-
}),
|
|
1975
|
-
const [c,
|
|
1976
|
-
() => ({ isOpen: c, setIsOpen:
|
|
1977
|
-
[c,
|
|
1877
|
+
), hr = Object.assign(_e, {
|
|
1878
|
+
Header: M.Header,
|
|
1879
|
+
Body: M.Body,
|
|
1880
|
+
Footer: M.Footer
|
|
1881
|
+
}), qe = j(({ children: r, onChange: t, value: n, ...i }, s) => {
|
|
1882
|
+
const [c, d] = O(!1), a = F(
|
|
1883
|
+
() => ({ isOpen: c, setIsOpen: d, onChange: t, value: n }),
|
|
1884
|
+
[c, d, t, n]
|
|
1978
1885
|
);
|
|
1979
1886
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1980
1887
|
/* @__PURE__ */ e.jsx(
|
|
1981
|
-
|
|
1888
|
+
I,
|
|
1982
1889
|
{
|
|
1983
|
-
...
|
|
1890
|
+
...i,
|
|
1984
1891
|
onChange: t,
|
|
1985
|
-
value:
|
|
1986
|
-
ref:
|
|
1892
|
+
value: n,
|
|
1893
|
+
ref: s,
|
|
1987
1894
|
readOnly: !0,
|
|
1988
1895
|
tabIndex: 0,
|
|
1989
|
-
onClick: () =>
|
|
1896
|
+
onClick: () => d(!0),
|
|
1990
1897
|
"aria-haspopup": "dialog",
|
|
1991
1898
|
"aria-expanded": c,
|
|
1992
1899
|
onKeyDown: (o) => {
|
|
1993
|
-
(o.key === "Enter" || o.key === " ") && (o.preventDefault(),
|
|
1900
|
+
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), d(!0));
|
|
1994
1901
|
}
|
|
1995
1902
|
}
|
|
1996
1903
|
),
|
|
1997
|
-
/* @__PURE__ */ e.jsx(
|
|
1904
|
+
/* @__PURE__ */ e.jsx(V, { isOpen: c, onClose: () => d(!1), children: c && r(a) })
|
|
1998
1905
|
] });
|
|
1999
|
-
}),
|
|
2000
|
-
Header:
|
|
2001
|
-
Body:
|
|
2002
|
-
Footer:
|
|
2003
|
-
Title:
|
|
1906
|
+
}), br = Object.assign(qe, {
|
|
1907
|
+
Header: V.Header,
|
|
1908
|
+
Body: V.Body,
|
|
1909
|
+
Footer: V.Footer,
|
|
1910
|
+
Title: V.Title
|
|
2004
1911
|
});
|
|
2005
1912
|
export {
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
1913
|
+
br as B,
|
|
1914
|
+
er as C,
|
|
1915
|
+
or as D,
|
|
1916
|
+
lr as E,
|
|
1917
|
+
fr as M,
|
|
1918
|
+
dr as P,
|
|
1919
|
+
nr as R,
|
|
1920
|
+
sr as S,
|
|
1921
|
+
I as T,
|
|
1922
|
+
rr as a,
|
|
1923
|
+
tr as b,
|
|
1924
|
+
ar as c,
|
|
1925
|
+
ir as d,
|
|
1926
|
+
Re as e,
|
|
1927
|
+
Ee as f,
|
|
1928
|
+
cr as g,
|
|
1929
|
+
Ae as h,
|
|
1930
|
+
ur as i,
|
|
1931
|
+
gr as j,
|
|
1932
|
+
hr as k
|
|
2026
1933
|
};
|