@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.
@@ -1,10 +1,10 @@
1
- import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
2
- import x, { createContext as S, useContext as V, useRef as $, forwardRef as I, useState as O, useId as D, useEffect as X, useMemo as P } from "react";
3
- import { Check as F, Calendar as Y, SearchIcon as Z, Clock as ee, Banknote as re, MailIcon as te } from "lucide-react";
4
- import { I as z } from "./image-rectangle-CF656HIm.js";
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 E, B as R } from "./bottom-sheet-BKd7WCCS.js";
7
- const oe = j("space-y-2", {
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
- }), se = j(
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
- ), ne = j(
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
- ), A = S(null), ae = () => {
75
- const r = V(A);
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
- }, H = x.forwardRef(({ children: r, description: t, className: s, disabled: d, id: a, ...c }, u) => {
80
- const n = ae(), o = x.useId(), i = a || o, g = d || n.disabled, f = n.error ? "danger" : n.variant || "primary";
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: u,
85
+ ref: d,
86
86
  type: "checkbox",
87
- id: i,
88
- disabled: g,
89
- className: p(
90
- se({
87
+ id: g,
88
+ disabled: u,
89
+ className: m(
90
+ te({
91
91
  variant: f,
92
- size: n.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
- n.size === "sm" && "after:w-[3px] after:h-[6px]",
98
- n.size === "md" && "after:w-[4px] after:h-[8px]",
99
- n.size === "lg" && "after:w-[6px] after:h-[10px]",
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
- s
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: i,
113
- className: ne({
114
- size: n.size,
115
- disabled: g
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: p(
123
+ className: m(
124
124
  "text-gray-600 mt-1",
125
- n.size === "sm" && "text-xs",
126
- n.size === "md" && "text-xs",
127
- n.size === "lg" && "text-sm",
128
- g && "opacity-50"
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
- H.displayName = "CheckboxOption";
137
- const L = x.forwardRef(
136
+ A.displayName = "CheckboxOption";
137
+ const H = x.forwardRef(
138
138
  ({
139
139
  variant: r = "primary",
140
140
  size: t = "md",
141
- label: s,
142
- helperText: d,
143
- error: a,
141
+ label: n,
142
+ helperText: i,
143
+ error: s,
144
144
  direction: c = "vertical",
145
- className: u,
146
- disabled: n,
145
+ className: d,
146
+ disabled: a,
147
147
  children: o,
148
- ...i
149
- }, g) => {
150
- const f = !!a, l = {
148
+ ...g
149
+ }, u) => {
150
+ const f = !!s, l = {
151
151
  variant: r,
152
152
  size: t,
153
- disabled: n,
153
+ disabled: a,
154
154
  error: f
155
155
  };
156
- return /* @__PURE__ */ e.jsx(A.Provider, { value: l, children: /* @__PURE__ */ e.jsxs("div", { ref: g, className: p("w-full", u), ...i, children: [
157
- s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
158
- /* @__PURE__ */ e.jsx("div", { className: oe({ direction: c }), children: o }),
159
- f && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
160
- !f && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
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
- L.displayName = "CheckboxInput";
165
- const tr = Object.assign(L, {
166
- Option: H
167
- }), T = S(null), ie = () => {
168
- const r = V(T);
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
- }, ce = j(
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-light",
181
+ "hover:border-primary-bold",
182
182
  "focus:border-primary-light",
183
- "data-[selected=true]:bg-primary-soft",
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-light",
189
+ "hover:border-secondary-bold",
189
190
  "focus:border-secondary-light",
190
- "data-[selected=true]:bg-secondary-soft",
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-light",
197
+ "hover:border-tertiary-bold",
196
198
  "focus:border-tertiary-light",
197
- "data-[selected=true]:bg-tertiary-soft",
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-light",
205
+ "hover:border-ghost-bold",
203
206
  "focus:border-ghost-light",
204
- "data-[selected=true]:bg-ghost-soft",
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
- ), de = x.forwardRef(
231
- ({
232
- children: r,
233
- className: t,
234
- disabled: s,
235
- id: d,
236
- value: a,
237
- check: c,
238
- defaultCheck: u = !1,
239
- ...n
240
- }, o) => {
241
- const i = ie(), g = x.useId(), f = d || g, l = s || i.disabled, b = [
242
- "primary",
243
- "secondary",
244
- "tertiary",
245
- "ghost",
246
- "neutral"
247
- ].includes(
248
- i.variant
249
- ) ? i.variant : "primary", w = i.shape || "circle", m = i.size || "sm", v = i.value === a, y = (C) => {
250
- l || i.onChange?.(a), n.onChange?.(C);
251
- }, N = m === "lg" ? 20 : m === "md" ? 18 : 16;
252
- return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
253
- /* @__PURE__ */ e.jsx(
254
- "input",
255
- {
256
- ref: o,
257
- type: "radio",
258
- id: f,
259
- name: i.name,
260
- value: a,
261
- checked: v,
262
- disabled: l,
263
- onChange: y,
264
- className: "sr-only",
265
- ...n
266
- }
267
- ),
268
- /* @__PURE__ */ e.jsx(
269
- "label",
270
- {
271
- htmlFor: f,
272
- "data-selected": v,
273
- className: p(
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: s = "sm",
313
- label: d,
314
- helperText: a,
276
+ size: n = "sm",
277
+ label: i,
278
+ helperText: s,
315
279
  error: c,
316
- className: u,
317
- disabled: n,
280
+ className: d,
281
+ disabled: a,
318
282
  name: o,
319
- value: i,
320
- onChange: g,
283
+ value: g,
284
+ onChange: u,
321
285
  children: f,
322
286
  ...l
323
287
  }, h) => {
324
- const b = !!c, w = {
288
+ const b = !!c, v = {
325
289
  variant: r,
326
290
  shape: t,
327
- size: s,
328
- disabled: n,
291
+ size: n,
292
+ disabled: a,
329
293
  error: b,
330
294
  name: o,
331
- value: i,
332
- onChange: g
295
+ value: g,
296
+ onChange: u
333
297
  };
334
- return /* @__PURE__ */ e.jsx(T.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...l, children: [
335
- d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
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 && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
302
+ !b && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
339
303
  ] }) });
340
304
  }
341
- ), or = Object.assign(le, {
342
- Option: de
343
- }), G = S(null), ue = () => {
344
- const r = V(G);
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
- }, ge = j(
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-light",
321
+ "hover:border-primary-bold",
358
322
  "focus:border-primary-light",
359
- "data-[selected=true]:bg-primary-soft",
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-light",
329
+ "hover:border-secondary-bold",
365
330
  "focus:border-secondary-light",
366
- "data-[selected=true]:bg-secondary-soft",
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-light",
337
+ "hover:border-tertiary-bold",
372
338
  "focus:border-tertiary-light",
373
- "data-[selected=true]:bg-tertiary-soft",
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-light",
345
+ "hover:border-ghost-bold",
379
346
  "focus:border-ghost-light",
380
- "data-[selected=true]:bg-ghost-soft",
381
- "data-[selected=true]:border-ghost"
382
- ].join(" "),
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
- danger: [
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
- ), K = x.forwardRef(
435
- ({
436
- children: r,
437
- className: t,
438
- disabled: s,
439
- id: d,
440
- value: a,
441
- check: c,
442
- defaultCheck: u = !1,
443
- ...n
444
- }, o) => {
445
- const i = ue(), g = x.useId(), f = d || g, l = s || i.disabled, h = i.error ? "danger" : i.variant || "primary", b = i.shape || "circle", w = i.size || "sm", m = i.value?.includes(a) ?? !1, v = (N) => {
446
- if (!l) {
447
- const C = i.value || [];
448
- let B;
449
- m ? B = C.filter((U) => U !== a) : B = [...C, a], i.onChange?.(B);
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
- n.onChange?.(N);
452
- }, y = w === "lg" ? 20 : w === "md" ? 18 : 16;
453
- return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
454
- /* @__PURE__ */ e.jsx(
455
- "input",
456
- {
457
- ref: o,
458
- type: "checkbox",
459
- id: f,
460
- name: `${i.name}[]`,
461
- value: a,
462
- checked: m,
463
- disabled: l,
464
- onChange: v,
465
- className: "sr-only",
466
- ...n
467
- }
468
- ),
469
- /* @__PURE__ */ e.jsx(
470
- "label",
471
- {
472
- htmlFor: f,
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: s = "sm",
516
- label: d,
517
- helperText: a,
422
+ size: n = "sm",
423
+ label: i,
424
+ helperText: s,
518
425
  error: c,
519
- className: u,
520
- disabled: n,
426
+ className: d,
427
+ disabled: a,
521
428
  name: o,
522
- value: i = [],
523
- onChange: g,
429
+ value: g = [],
430
+ onChange: u,
524
431
  children: f,
525
432
  ...l
526
433
  }, h) => {
527
- const b = !!c, w = {
434
+ const b = !!c, v = {
528
435
  variant: r,
529
436
  shape: t,
530
- size: s,
531
- disabled: n,
437
+ size: n,
438
+ disabled: a,
532
439
  error: b,
533
440
  name: o,
534
- value: i,
535
- onChange: g
441
+ value: g,
442
+ onChange: u
536
443
  };
537
- return /* @__PURE__ */ e.jsx(G.Provider, { value: w, children: /* @__PURE__ */ e.jsxs("div", { ref: h, className: p("w-full", u), ...l, children: [
538
- d && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: d }),
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 && a && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: a })
448
+ !b && s && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: s })
542
449
  ] }) });
543
450
  }
544
- ), sr = Object.assign(fe, {
545
- Option: K
546
- }), he = j(
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
- ), k = x.forwardRef(
485
+ ), I = x.forwardRef(
579
486
  ({
580
487
  variant: r = "primary",
581
488
  label: t,
582
- leftContent: s,
583
- rightContent: d,
584
- helperText: a,
489
+ leftContent: n,
490
+ rightContent: i,
491
+ helperText: s,
585
492
  error: c,
586
- className: u,
587
- disabled: n,
493
+ className: d,
494
+ disabled: a,
588
495
  id: o,
589
- ...i
590
- }, g) => {
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: p("relative w-full", u), children: [
602
- s && /* @__PURE__ */ e.jsx(
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: s
514
+ children: n
608
515
  }
609
516
  ),
610
517
  /* @__PURE__ */ e.jsx(
611
518
  "input",
612
519
  {
613
- ref: g,
520
+ ref: u,
614
521
  id: l,
615
522
  "aria-invalid": h,
616
- "aria-disabled": n,
617
- disabled: n,
618
- className: p(
619
- he({
523
+ "aria-disabled": a,
524
+ disabled: a,
525
+ className: m(
526
+ ge({
620
527
  variant: h ? "danger" : r
621
528
  }),
622
- s ? "pl-9" : "pl-3",
623
- d ? "pr-9" : "pr-3",
529
+ n ? "pl-9" : "pl-3",
530
+ i ? "pr-9" : "pr-3",
624
531
  "h-10"
625
532
  ),
626
- ...i
533
+ ...g
627
534
  }
628
535
  ),
629
- d && /* @__PURE__ */ e.jsx(
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: d
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 && a && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: a })
546
+ !h && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
640
547
  ] });
641
548
  }
642
549
  );
643
- k.displayName = "TextInput";
644
- function be(r) {
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 nr = x.forwardRef(function({ value: t = "", onChange: s, label: d, formatter: a, ...c }, u) {
654
- const n = $(null), o = (l) => {
655
- n.current = l, typeof u == "function" ? u(l) : u && typeof u == "object" && (u.current = l);
656
- }, i = () => {
657
- n.current && (typeof n.current.showPicker == "function" ? n.current.showPicker() : n.current.focus());
658
- }, g = (l) => {
659
- s(l.target.value);
660
- }, f = (a ?? be)(t);
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
- k,
570
+ I,
664
571
  {
665
572
  type: "text",
666
573
  value: f,
667
- label: d,
574
+ label: i,
668
575
  readOnly: !0,
669
576
  tabIndex: 0,
670
577
  "aria-hidden": "true",
671
- onClick: i,
672
- leftContent: /* @__PURE__ */ e.jsx(z, { as: Y, color: "inherit", size: "sm" }),
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: g,
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 d == "string" ? d : void 0
593
+ "aria-label": typeof i == "string" ? i : void 0
687
594
  }
688
595
  )
689
596
  ] });
690
- }), xe = j("space-y-2", {
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
- }), me = j(
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
- ), pe = j(
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
- ), W = S(
664
+ ), K = N(
758
665
  null
759
- ), ye = () => {
760
- const r = V(W);
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
- }, we = x.forwardRef(
767
- ({ children: r, description: t, className: s, disabled: d, id: a, value: c, ...u }, n) => {
768
- const o = ye(), i = x.useId(), g = a || i, f = d || o.disabled, l = o.error ? "danger" : o.variant || "primary";
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: n,
680
+ ref: a,
774
681
  type: "radio",
775
- id: g,
682
+ id: u,
776
683
  name: o.name,
777
684
  value: c,
778
685
  disabled: f,
779
- className: p(
780
- me({
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
- s
700
+ n
794
701
  ),
795
- ...u
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: g,
803
- className: pe({
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: p(
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
- ), ve = x.forwardRef(
733
+ ), ye = x.forwardRef(
827
734
  ({
828
735
  variant: r = "primary",
829
736
  size: t = "md",
830
- label: s,
831
- helperText: d,
832
- error: a,
737
+ label: n,
738
+ helperText: i,
739
+ error: s,
833
740
  direction: c = "vertical",
834
- className: u,
835
- disabled: n,
741
+ className: d,
742
+ disabled: a,
836
743
  name: o,
837
- children: i,
838
- ...g
744
+ children: g,
745
+ ...u
839
746
  }, f) => {
840
- const l = !!a, h = {
747
+ const l = !!s, h = {
841
748
  variant: r,
842
749
  size: t,
843
- disabled: n,
750
+ disabled: a,
844
751
  error: l,
845
752
  name: o
846
753
  };
847
- return /* @__PURE__ */ e.jsx(W.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: p("w-full", u), ...g, children: [
848
- s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
849
- /* @__PURE__ */ e.jsx("div", { className: xe({ direction: c }), children: i }),
850
- l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
851
- !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
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
- ), ar = Object.assign(ve, {
855
- Option: we
856
- }), je = j(
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
- ), ke = j(
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
- ), Ie = (r) => {
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
- }, _ = S(null), Ne = () => {
940
- const r = V(_);
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
- }, q = x.forwardRef(
947
- ({ children: r, className: t, disabled: s, id: d, value: a, position: c = "middle", ...u }, n) => {
948
- const o = Ne(), i = x.useId(), g = d || i, f = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value === a, b = (w) => {
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 m = o.value === a ? null : a;
951
- o.onChange?.(m);
857
+ const p = o.value === s ? null : s;
858
+ o.onChange?.(p);
952
859
  }
953
- u.onChange?.(w);
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: n,
866
+ ref: a,
960
867
  type: "radio",
961
- id: g,
868
+ id: u,
962
869
  name: o.name,
963
- value: a,
870
+ value: s,
964
871
  checked: h,
965
872
  disabled: f,
966
873
  onChange: b,
967
874
  className: "sr-only",
968
- ...u
875
+ ...d
969
876
  }
970
877
  ),
971
878
  /* @__PURE__ */ e.jsx(
972
879
  "label",
973
880
  {
974
- htmlFor: g,
975
- className: p(
881
+ htmlFor: u,
882
+ className: m(
976
883
  "flex flex-row items-center justify-center",
977
- ke({
884
+ ve({
978
885
  variant: l,
979
886
  size: o.size,
980
887
  rounded: c
981
888
  }),
982
- h && Ie(l),
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
- q.displayName = "SegmentOption";
993
- const Ce = x.forwardRef(
899
+ _.displayName = "SegmentOption";
900
+ const Ie = x.forwardRef(
994
901
  ({
995
902
  variant: r = "primary",
996
903
  size: t = "md",
997
- label: s,
998
- helperText: d,
999
- error: a,
904
+ label: n,
905
+ helperText: i,
906
+ error: s,
1000
907
  disabled: c,
1001
- name: u,
1002
- value: n,
908
+ name: d,
909
+ value: a,
1003
910
  onChange: o,
1004
- children: i,
1005
- ...g
911
+ children: g,
912
+ ...u
1006
913
  }, f) => {
1007
- const l = !!a, h = {
914
+ const l = !!s, h = {
1008
915
  variant: r,
1009
916
  size: t,
1010
917
  disabled: c,
1011
918
  error: l,
1012
- name: u,
1013
- value: n,
919
+ name: d,
920
+ value: a,
1014
921
  onChange: o
1015
- }, b = x.Children.toArray(i), w = b.map((m, v) => {
1016
- if (x.isValidElement(m)) {
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" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
1019
- m,
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 m;
930
+ return p;
1024
931
  });
1025
- return /* @__PURE__ */ e.jsx(_.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...g, children: [
1026
- s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
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: p(
1031
- je({
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: w
944
+ children: v
1038
945
  }
1039
946
  ),
1040
- l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
1041
- !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
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
- ), ir = Object.assign(Ce, {
1045
- Option: q
1046
- }), ze = j(
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
- ), Se = j(
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
- ), Ve = (r) => {
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
- }, J = S(null), Re = () => {
1130
- const r = V(J);
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
- }, Q = x.forwardRef(
1137
- ({ children: r, className: t, disabled: s, id: d, value: a, position: c = "middle", ...u }, n) => {
1138
- const o = Re(), i = x.useId(), g = d || i, f = s || o.disabled, l = o.error ? "danger" : o.variant || "primary", h = o.value?.includes(a) ?? !1, b = (w) => {
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 m = o.value || [];
1141
- let v;
1142
- h ? v = m.filter((y) => y !== a) : v = [...m, a], o.onChange?.(v);
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
- u.onChange?.(w);
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: n,
1057
+ ref: a,
1151
1058
  type: "checkbox",
1152
- id: g,
1059
+ id: u,
1153
1060
  name: `${o.name}[]`,
1154
- value: a,
1061
+ value: s,
1155
1062
  checked: h,
1156
1063
  disabled: f,
1157
1064
  onChange: b,
1158
1065
  className: "sr-only",
1159
- ...u
1066
+ ...d
1160
1067
  }
1161
1068
  ),
1162
1069
  /* @__PURE__ */ e.jsx(
1163
1070
  "label",
1164
1071
  {
1165
- htmlFor: g,
1166
- className: p(
1072
+ htmlFor: u,
1073
+ className: m(
1167
1074
  "flex flex-row items-center justify-center",
1168
- Se({
1075
+ Ne({
1169
1076
  variant: l,
1170
1077
  size: o.size,
1171
1078
  rounded: c
1172
1079
  }),
1173
- h && Ve(l),
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
- Q.displayName = "SegmentOption";
1184
- const Oe = x.forwardRef(
1090
+ J.displayName = "SegmentOption";
1091
+ const Ve = x.forwardRef(
1185
1092
  ({
1186
1093
  variant: r = "primary",
1187
1094
  size: t = "md",
1188
- label: s,
1189
- helperText: d,
1190
- error: a,
1095
+ label: n,
1096
+ helperText: i,
1097
+ error: s,
1191
1098
  disabled: c,
1192
- name: u,
1193
- value: n = [],
1099
+ name: d,
1100
+ value: a = [],
1194
1101
  onChange: o,
1195
- children: i,
1196
- ...g
1102
+ children: g,
1103
+ ...u
1197
1104
  }, f) => {
1198
- const l = !!a, h = {
1105
+ const l = !!s, h = {
1199
1106
  variant: r,
1200
1107
  size: t,
1201
1108
  disabled: c,
1202
1109
  error: l,
1203
- name: u,
1204
- value: n,
1110
+ name: d,
1111
+ value: a,
1205
1112
  onChange: o
1206
- }, b = x.Children.toArray(i), w = b.map((m, v) => {
1207
- if (x.isValidElement(m)) {
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" : v === 0 ? y = "first" : v === b.length - 1 ? y = "last" : y = "middle", x.cloneElement(
1210
- m,
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 m;
1121
+ return p;
1215
1122
  });
1216
- return /* @__PURE__ */ e.jsx(J.Provider, { value: h, children: /* @__PURE__ */ e.jsxs("div", { ref: f, ...g, children: [
1217
- s && /* @__PURE__ */ e.jsx("div", { className: "block text-sm font-medium text-foreground mb-3", children: s }),
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: p(
1222
- ze({
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: w
1135
+ children: v
1229
1136
  }
1230
1137
  ),
1231
- l && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-danger", role: "alert", children: a }),
1232
- !l && d && /* @__PURE__ */ e.jsx("div", { className: "mt-2 text-sm text-gray-600", children: d })
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
- ), cr = Object.assign(Oe, {
1236
- Option: Q
1237
- }), dr = I(
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: s = "search",
1242
- placeholder: d = "Search...",
1243
- maxLength: a = 256,
1148
+ inputMode: n = "search",
1149
+ placeholder: i = "Search...",
1150
+ maxLength: s = 256,
1244
1151
  enterKeyHint: c = "search",
1245
- "aria-label": u = "Search",
1152
+ "aria-label": d = "Search",
1246
1153
  // internal default, not in props
1247
- ...n
1154
+ ...a
1248
1155
  }, o) => /* @__PURE__ */ e.jsx(
1249
- k,
1156
+ I,
1250
1157
  {
1251
1158
  ref: o,
1252
1159
  type: "search",
1253
- inputMode: s,
1160
+ inputMode: n,
1254
1161
  autoComplete: r,
1255
1162
  spellCheck: t,
1256
- placeholder: d,
1257
- maxLength: a,
1163
+ placeholder: i,
1164
+ maxLength: s,
1258
1165
  enterKeyHint: c,
1259
- "aria-label": u,
1260
- leftContent: /* @__PURE__ */ e.jsx(z, { as: Z, color: "inherit", size: "sm" }),
1261
- ...n
1166
+ "aria-label": d,
1167
+ leftContent: /* @__PURE__ */ e.jsx(C, { as: X, color: "inherit", size: "sm" }),
1168
+ ...a
1262
1169
  }
1263
1170
  )
1264
- ), Me = j(
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
- ), Ee = x.forwardRef(
1203
+ ), Re = x.forwardRef(
1297
1204
  ({
1298
1205
  variant: r = "primary",
1299
1206
  label: t,
1300
- helperText: s,
1301
- error: d,
1302
- className: a,
1207
+ helperText: n,
1208
+ error: i,
1209
+ className: s,
1303
1210
  disabled: c,
1304
- id: u,
1305
- placeholder: n,
1211
+ id: d,
1212
+ placeholder: a,
1306
1213
  children: o,
1307
- ...i
1308
- }, g) => {
1309
- const f = x.useId(), l = u || f, h = !!d;
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: p("relative w-full", a), children: [
1226
+ /* @__PURE__ */ e.jsxs("div", { className: m("relative w-full", s), children: [
1320
1227
  /* @__PURE__ */ e.jsxs(
1321
1228
  "select",
1322
1229
  {
1323
- ref: g,
1230
+ ref: u,
1324
1231
  id: l,
1325
1232
  "aria-invalid": h,
1326
1233
  "aria-disabled": c,
1327
1234
  disabled: c,
1328
- className: p(
1329
- Me({
1235
+ className: m(
1236
+ Oe({
1330
1237
  variant: h ? "danger" : r
1331
1238
  }),
1332
1239
  "h-10 pl-3"
1333
1240
  ),
1334
- ...i,
1241
+ ...g,
1335
1242
  children: [
1336
- n && /* @__PURE__ */ e.jsx("option", { value: "", disabled: !0, hidden: !0, children: n }),
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: d }),
1361
- !h && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
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
- Ee.displayName = "SelectInput";
1366
- const Fe = j(
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
- ), Be = x.forwardRef(
1310
+ ), Ee = x.forwardRef(
1404
1311
  ({
1405
1312
  variant: r = "primary",
1406
1313
  label: t,
1407
- helperText: s,
1408
- error: d,
1409
- className: a,
1314
+ helperText: n,
1315
+ error: i,
1316
+ className: s,
1410
1317
  disabled: c,
1411
- id: u,
1412
- minRows: n = 3,
1318
+ id: d,
1319
+ minRows: a = 3,
1413
1320
  maxRows: o,
1414
- fieldSizing: i = "fixed",
1415
- style: g,
1321
+ fieldSizing: g = "fixed",
1322
+ style: u,
1416
1323
  rows: f,
1417
1324
  ...l
1418
1325
  }, h) => {
1419
- const b = x.useId(), w = u || b, m = !!d, v = f || n, y = i === "content" ? void 0 : o, N = {
1420
- ...i === "content" && { fieldSizing: "content" },
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
- ...g
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: w,
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: p("relative w-full", a), children: /* @__PURE__ */ e.jsx(
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: w,
1441
- rows: v,
1442
- "aria-invalid": m,
1347
+ id: v,
1348
+ rows: k,
1349
+ "aria-invalid": p,
1443
1350
  "aria-disabled": c,
1444
1351
  disabled: c,
1445
- style: N,
1446
- className: p(
1447
- Fe({
1448
- variant: m ? "danger" : r,
1449
- fieldSizing: i
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
- m && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-danger", role: "alert", children: d }),
1457
- !m && s && /* @__PURE__ */ e.jsx("div", { className: "mt-1 text-sm text-gray-600", children: s })
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
- Be.displayName = "TextAreaInput";
1462
- const lr = I(function(t, s) {
1463
- const d = (a) => {
1464
- t?.onChange?.(a.target.value);
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
- k,
1374
+ I,
1468
1375
  {
1469
1376
  type: "time",
1470
1377
  tabIndex: 0,
1471
1378
  "aria-hidden": "true",
1472
- leftContent: /* @__PURE__ */ e.jsx(z, { as: ee, color: "inherit", size: "sm" }),
1473
- ref: s,
1379
+ leftContent: /* @__PURE__ */ e.jsx(C, { as: Y, color: "inherit", size: "sm" }),
1380
+ ref: n,
1474
1381
  ...t,
1475
- onChange: d
1382
+ onChange: i
1476
1383
  }
1477
1384
  );
1478
- }), De = j(
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
- ), Pe = j(
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
- ), $e = ({
1460
+ ), De = ({
1554
1461
  color: r = "primary",
1555
1462
  size: t = "md",
1556
- disabled: s = !1,
1557
- className: d,
1558
- checked: a
1463
+ disabled: n = !1,
1464
+ className: i,
1465
+ checked: s
1559
1466
  }) => /* @__PURE__ */ e.jsx(
1560
1467
  "span",
1561
1468
  {
1562
- className: p(
1563
- De({ color: r, size: t, disabled: s, checked: a }),
1469
+ className: m(
1470
+ Fe({ color: r, size: t, disabled: n, checked: s }),
1564
1471
  "rounded-full pointer-events-none",
1565
- d
1472
+ i
1566
1473
  ),
1567
1474
  "aria-hidden": "true"
1568
1475
  }
1569
- ), Ae = ({ size: r = "md", checked: t = !1 }) => /* @__PURE__ */ e.jsx("span", { className: p(Pe({ size: r, checked: t })), "aria-hidden": "true" }), He = ({ label: r, htmlFor: t, placement: s = "top", disabled: d = !1 }) => r ? /* @__PURE__ */ e.jsx(
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: p(
1480
+ className: m(
1574
1481
  "text-sm select-none font-medium text-foreground",
1575
- s === "inline" ? "ml-2 mb-0" : "mb-1",
1576
- d && "opacity-50 cursor-not-allowed"
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, Le = x.forwardRef(
1487
+ ) : null, Ae = x.forwardRef(
1581
1488
  ({
1582
1489
  checked: r,
1583
1490
  defaultChecked: t,
1584
- onCheckedChange: s,
1585
- color: d = "primary",
1586
- size: a = "md",
1491
+ onCheckedChange: n,
1492
+ color: i = "primary",
1493
+ size: s = "md",
1587
1494
  label: c,
1588
- labelPlacement: u = "top",
1589
- disabled: n = !1,
1495
+ labelPlacement: d = "top",
1496
+ disabled: a = !1,
1590
1497
  className: o,
1591
- id: i,
1592
- ariaLabel: g,
1498
+ id: g,
1499
+ ariaLabel: u,
1593
1500
  ...f
1594
1501
  }, l) => {
1595
1502
  const [h, b] = O(
1596
1503
  t ?? !1
1597
- ), w = D(), m = i || w, v = typeof r == "boolean", y = v ? r : h, N = (C) => {
1598
- v || b(C.target.checked), s?.(C.target.checked);
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: p(
1510
+ className: m(
1604
1511
  "flex flex-col",
1605
- u === "inline" && "flex-row items-center",
1512
+ d === "inline" && "flex-row items-center",
1606
1513
  o
1607
1514
  ),
1608
1515
  children: [
1609
1516
  /* @__PURE__ */ e.jsx(
1610
- He,
1517
+ $e,
1611
1518
  {
1612
1519
  label: c,
1613
- htmlFor: m,
1614
- placement: u,
1615
- disabled: n
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: p(
1528
+ className: m(
1622
1529
  "relative flex items-center",
1623
- u === "inline" && "ml-2"
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: m,
1632
- "aria-label": g || c,
1538
+ id: p,
1539
+ "aria-label": u || c,
1633
1540
  checked: y,
1634
- disabled: n,
1635
- onChange: N,
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
- $e,
1548
+ De,
1642
1549
  {
1643
- color: d,
1644
- size: a,
1645
- disabled: n,
1550
+ color: i,
1551
+ size: s,
1552
+ disabled: a,
1646
1553
  checked: y
1647
1554
  }
1648
1555
  ),
1649
- /* @__PURE__ */ e.jsx(Ae, { size: a, checked: y })
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
- Le.displayName = "SwitchInput";
1659
- function Te(r, t) {
1660
- X(() => {
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 ur = ({
1571
+ const dr = ({
1665
1572
  value: r,
1666
1573
  onChange: t,
1667
- allowNegative: s = !1,
1668
- inputProps: d,
1669
- label: a,
1574
+ allowNegative: n = !1,
1575
+ inputProps: i,
1576
+ label: s,
1670
1577
  helperText: c,
1671
- error: u,
1672
- variant: n,
1578
+ error: d,
1579
+ variant: a,
1673
1580
  ...o
1674
1581
  }) => {
1675
- const i = $(null), [g, f] = O(
1582
+ const g = D(null), [u, f] = O(
1676
1583
  r === "" ? "" : String(r)
1677
1584
  );
1678
- Te(r, f);
1585
+ He(r, f);
1679
1586
  const l = (h) => {
1680
1587
  let b = h.target.value.replace(/[^\d.,-]/g, "");
1681
- s || (b = b.replace(/-/g, "")), f(b), t(b);
1588
+ n || (b = b.replace(/-/g, "")), f(b), t(b);
1682
1589
  };
1683
1590
  return /* @__PURE__ */ e.jsx(
1684
- k,
1591
+ I,
1685
1592
  {
1686
- ref: i,
1593
+ ref: g,
1687
1594
  type: "text",
1688
- label: a,
1689
- value: g,
1595
+ label: s,
1596
+ value: u,
1690
1597
  onChange: l,
1691
- error: u,
1598
+ error: d,
1692
1599
  helperText: c,
1693
1600
  placeholder: o.placeholder,
1694
- leftContent: /* @__PURE__ */ e.jsx(z, { as: re, color: "inherit", size: "sm" }),
1695
- variant: n,
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: s ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
1699
- ...d,
1605
+ pattern: n ? "^-?[\\d,.]*$" : "^[\\d,.]*$",
1606
+ ...i,
1700
1607
  ...o
1701
1608
  }
1702
1609
  );
1703
- }, gr = I(
1610
+ }, lr = j(
1704
1611
  (r, t) => /* @__PURE__ */ e.jsx(
1705
- k,
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(z, { as: te, color: "inherit", size: "sm" })
1619
+ leftContent: /* @__PURE__ */ e.jsx(C, { as: ee, color: "inherit", size: "sm" })
1713
1620
  }
1714
1621
  )
1715
- ), Ge = j(
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
- ), Ke = j(
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
- ), fr = I(({ value: r, label: t, checked: s, id: d, className: a, disabled: c, ...u }, n) => {
1752
- const o = D(), i = d || 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: i,
1757
- className: p(
1758
- Ge({
1759
- checked: !!s,
1663
+ htmlFor: g,
1664
+ className: m(
1665
+ Le({
1666
+ checked: !!n,
1760
1667
  disabled: !!c
1761
1668
  }),
1762
- a
1669
+ s
1763
1670
  ),
1764
- "aria-checked": s,
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: n,
1773
- id: i,
1679
+ ref: a,
1680
+ id: g,
1774
1681
  type: "radio",
1775
1682
  value: r,
1776
- checked: s,
1683
+ checked: n,
1777
1684
  disabled: c,
1778
1685
  className: "sr-only",
1779
1686
  "aria-hidden": !0,
1780
- "aria-checked": s,
1781
- ...u
1687
+ "aria-checked": n,
1688
+ ...d
1782
1689
  }
1783
1690
  ),
1784
1691
  /* @__PURE__ */ e.jsx(
1785
1692
  "span",
1786
1693
  {
1787
- className: Ke({
1788
- checked: !!s,
1694
+ className: Te({
1695
+ checked: !!n,
1789
1696
  disabled: !!c
1790
1697
  }),
1791
1698
  "aria-hidden": "true",
1792
- children: s ? /* @__PURE__ */ e.jsx(z, { as: F, color: "neutral", size: "md" }) : null
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
- }), We = j(
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
- ), _e = j(
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
- ), hr = I(({ value: r, label: t, checked: s, id: d, className: a, disabled: c, ...u }, n) => {
1836
- const o = D(), i = d || 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: i,
1841
- className: p(
1842
- We({
1843
- checked: !!s,
1747
+ htmlFor: g,
1748
+ className: m(
1749
+ Ge({
1750
+ checked: !!n,
1844
1751
  disabled: !!c
1845
1752
  }),
1846
- a
1753
+ s
1847
1754
  ),
1848
- "aria-checked": s,
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: n,
1857
- id: i,
1763
+ ref: a,
1764
+ id: g,
1858
1765
  type: "checkbox",
1859
1766
  value: r,
1860
- checked: s,
1767
+ checked: n,
1861
1768
  disabled: c,
1862
1769
  className: "sr-only",
1863
1770
  "aria-hidden": !0,
1864
- "aria-checked": s,
1865
- ...u
1771
+ "aria-checked": n,
1772
+ ...d
1866
1773
  }
1867
1774
  ),
1868
1775
  /* @__PURE__ */ e.jsx(
1869
1776
  "span",
1870
1777
  {
1871
- className: _e({
1872
- checked: !!s,
1778
+ className: Ke({
1779
+ checked: !!n,
1873
1780
  disabled: !!c
1874
1781
  }),
1875
1782
  "aria-hidden": "true",
1876
- children: s ? /* @__PURE__ */ e.jsx(z, { as: F, color: "neutral", size: "md" }) : null
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
- }), qe = I(
1884
- ({ children: r, onChange: t, value: s, size: d, placement: a, ...c }, u) => {
1885
- const [n, o] = O(!1), i = P(
1886
- () => ({ isOpen: n, setIsOpen: o, onChange: t, value: s }),
1887
- [n, o, t, s]
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
- k,
1798
+ I,
1892
1799
  {
1893
1800
  ...c,
1894
1801
  onChange: t,
1895
- value: s,
1896
- ref: u,
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": n,
1902
- onKeyDown: (g) => {
1903
- (g.key === "Enter" || g.key === " ") && (g.preventDefault(), o(!0));
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
- M,
1815
+ R,
1909
1816
  {
1910
- isOpen: n,
1817
+ isOpen: a,
1911
1818
  onClose: () => o(!1),
1912
- size: d,
1913
- placement: a,
1914
- children: n && r(i)
1819
+ size: i,
1820
+ placement: s,
1821
+ children: a && r(g)
1915
1822
  }
1916
1823
  )
1917
1824
  ] });
1918
1825
  }
1919
- ), br = Object.assign(qe, {
1920
- Header: M.Header,
1921
- Body: M.Body,
1922
- Footer: M.Footer
1923
- }), Je = I(
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: s,
1928
- size: d,
1929
- position: a,
1834
+ value: n,
1835
+ size: i,
1836
+ position: s,
1930
1837
  disableEscapeKeyDown: c,
1931
- disableOverlayClickToClose: u,
1932
- ...n
1838
+ disableOverlayClickToClose: d,
1839
+ ...a
1933
1840
  }, o) => {
1934
- const [i, g] = O(!1), f = P(
1935
- () => ({ isOpen: i, setIsOpen: g, onChange: t, value: s }),
1936
- [i, g, t, s]
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
- k,
1847
+ I,
1941
1848
  {
1942
- ...n,
1849
+ ...a,
1943
1850
  onChange: t,
1944
- value: s,
1851
+ value: n,
1945
1852
  ref: o,
1946
1853
  readOnly: !0,
1947
1854
  tabIndex: 0,
1948
- onClick: () => g(!0),
1855
+ onClick: () => u(!0),
1949
1856
  onKeyDown: (l) => {
1950
- (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(!0));
1857
+ (l.key === "Enter" || l.key === " ") && (l.preventDefault(), u(!0));
1951
1858
  },
1952
1859
  "aria-haspopup": "dialog",
1953
- "aria-expanded": i
1860
+ "aria-expanded": g
1954
1861
  }
1955
1862
  ),
1956
1863
  /* @__PURE__ */ e.jsx(
1957
- E,
1864
+ M,
1958
1865
  {
1959
- isOpen: i,
1960
- onClose: () => g(!1),
1961
- size: d,
1962
- position: a,
1866
+ isOpen: g,
1867
+ onClose: () => u(!1),
1868
+ size: i,
1869
+ position: s,
1963
1870
  disableEscapeKeyDown: c,
1964
- disableOverlayClickToClose: u,
1965
- children: i && r(f)
1871
+ disableOverlayClickToClose: d,
1872
+ children: g && r(f)
1966
1873
  }
1967
1874
  )
1968
1875
  ] });
1969
1876
  }
1970
- ), xr = Object.assign(Je, {
1971
- Header: E.Header,
1972
- Body: E.Body,
1973
- Footer: E.Footer
1974
- }), Qe = I(({ children: r, onChange: t, value: s, ...d }, a) => {
1975
- const [c, u] = O(!1), n = P(
1976
- () => ({ isOpen: c, setIsOpen: u, onChange: t, value: s }),
1977
- [c, u, t, s]
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
- k,
1888
+ I,
1982
1889
  {
1983
- ...d,
1890
+ ...i,
1984
1891
  onChange: t,
1985
- value: s,
1986
- ref: a,
1892
+ value: n,
1893
+ ref: s,
1987
1894
  readOnly: !0,
1988
1895
  tabIndex: 0,
1989
- onClick: () => u(!0),
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(), u(!0));
1900
+ (o.key === "Enter" || o.key === " ") && (o.preventDefault(), d(!0));
1994
1901
  }
1995
1902
  }
1996
1903
  ),
1997
- /* @__PURE__ */ e.jsx(R, { isOpen: c, onClose: () => u(!1), children: c && r(n) })
1904
+ /* @__PURE__ */ e.jsx(V, { isOpen: c, onClose: () => d(!1), children: c && r(a) })
1998
1905
  ] });
1999
- }), mr = Object.assign(Qe, {
2000
- Header: R.Header,
2001
- Body: R.Body,
2002
- Footer: R.Footer,
2003
- Title: R.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
- mr as B,
2007
- tr as C,
2008
- nr as D,
2009
- gr as E,
2010
- br as M,
2011
- ur as P,
2012
- ar as R,
2013
- ir as S,
2014
- k as T,
2015
- or as a,
2016
- sr as b,
2017
- cr as c,
2018
- dr as d,
2019
- Ee as e,
2020
- Be as f,
2021
- lr as g,
2022
- Le as h,
2023
- fr as i,
2024
- hr as j,
2025
- xr as k
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
  };