@opencxh/ui-kit 3.55.0 → 3.57.2

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.
Files changed (6) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +666 -663
  4. package/dist/index.js.map +1 -1
  5. package/dist/src/primitives/Box.d.ts +1 -1
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2,28 +2,28 @@ import { clsx as Ae } from "clsx";
2
2
  import { jsxs as d, jsx as e, Fragment as Ee } from "react/jsx-runtime";
3
3
  import { VideoOff as Ie, User as je, MicOff as Be, Mic as Pe, ChevronDown as _e, FileText as pe, HardDrive as we, X as Oe, ArrowLeft as Ne, Search as Ve, FolderPlus as Fe, Upload as We, Folder as Ce, ChevronDownIcon as Re, ChevronRight as qe } from "lucide-react";
4
4
  import se, { useRef as X, useEffect as G, forwardRef as ce, useState as V, useCallback as ae, useMemo as ie, createContext as He, Component as Ue } from "react";
5
- function g(...r) {
6
- return Ae(r);
5
+ function b(...t) {
6
+ return Ae(t);
7
7
  }
8
- function Gr(r) {
9
- return (n, t) => r[n]?.[t] || "";
8
+ function Gt(t) {
9
+ return (n, r) => t[n]?.[r] || "";
10
10
  }
11
- function Kr(r) {
12
- return (n) => r[n] || "";
11
+ function Kt(t) {
12
+ return (n) => t[n] || "";
13
13
  }
14
- function Jr({ tiles: r, pinned: n, className: t }) {
14
+ function Jt({ tiles: t, pinned: n, className: r }) {
15
15
  if (n)
16
- return /* @__PURE__ */ d("div", { className: g("flex flex-col md:flex-row gap-2 h-full", t), children: [
16
+ return /* @__PURE__ */ d("div", { className: b("flex flex-col md:flex-row gap-2 h-full", r), children: [
17
17
  /* @__PURE__ */ e("div", { className: "flex-1 min-h-[240px]", children: n }),
18
- r.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: r.map((s, c) => /* @__PURE__ */ e("div", { className: "min-w-[160px] md:min-w-0", children: s }, c)) })
18
+ t.length > 0 && /* @__PURE__ */ e("div", { className: "flex md:flex-col gap-2 md:w-48 overflow-auto", children: t.map((s, c) => /* @__PURE__ */ e("div", { className: "min-w-[160px] md:min-w-0", children: s }, c)) })
19
19
  ] });
20
- const a = r.length <= 1 ? "grid-cols-1" : r.length <= 4 ? "grid-cols-2" : r.length <= 9 ? "grid-cols-3" : "grid-cols-4";
21
- return /* @__PURE__ */ e("div", { className: g("grid gap-2 h-full", a, t), children: r.map((s, c) => /* @__PURE__ */ e("div", { children: s }, c)) });
20
+ const a = t.length <= 1 ? "grid-cols-1" : t.length <= 4 ? "grid-cols-2" : t.length <= 9 ? "grid-cols-3" : "grid-cols-4";
21
+ return /* @__PURE__ */ e("div", { className: b("grid gap-2 h-full", a, r), children: t.map((s, c) => /* @__PURE__ */ e("div", { children: s }, c)) });
22
22
  }
23
- function Yr({
24
- name: r,
23
+ function Yt({
24
+ name: t,
25
25
  avatarUrl: n,
26
- muted: t,
26
+ muted: r,
27
27
  speaking: a,
28
28
  hasVideo: s,
29
29
  videoSlot: c,
@@ -32,36 +32,36 @@ function Yr({
32
32
  return /* @__PURE__ */ d(
33
33
  "div",
34
34
  {
35
- className: g(
35
+ className: b(
36
36
  "relative rounded-lg overflow-hidden bg-gray-800 aspect-video flex items-center justify-center",
37
37
  a && "ring-2 ring-emerald-400",
38
38
  h
39
39
  ),
40
40
  children: [
41
- s && c ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: c }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: n ? /* @__PURE__ */ e("img", { src: n, alt: r, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-gray-700 flex items-center justify-center", children: s ? /* @__PURE__ */ e(Ie, { className: "w-8 h-8" }) : /* @__PURE__ */ e(je, { className: "w-8 h-8" }) }) }),
41
+ s && c ? /* @__PURE__ */ e("div", { className: "absolute inset-0", children: c }) : /* @__PURE__ */ e("div", { className: "flex flex-col items-center gap-2 text-gray-300", children: n ? /* @__PURE__ */ e("img", { src: n, alt: t, className: "w-16 h-16 rounded-full object-cover" }) : /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-gray-700 flex items-center justify-center", children: s ? /* @__PURE__ */ e(Ie, { className: "w-8 h-8" }) : /* @__PURE__ */ e(je, { className: "w-8 h-8" }) }) }),
42
42
  /* @__PURE__ */ d("div", { className: "absolute bottom-2 left-2 flex items-center gap-1.5 px-2 py-1 rounded bg-black/50 text-white text-xs", children: [
43
- t ? /* @__PURE__ */ e(Be, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }),
44
- /* @__PURE__ */ e("span", { className: "truncate max-w-[140px]", children: r })
43
+ r ? /* @__PURE__ */ e(Be, { className: "w-3 h-3" }) : /* @__PURE__ */ e(Pe, { className: "w-3 h-3" }),
44
+ /* @__PURE__ */ e("span", { className: "truncate max-w-[140px]", children: t })
45
45
  ] })
46
46
  ]
47
47
  }
48
48
  );
49
49
  }
50
- function Zr({ attach: r, active: n = !0, mirrored: t = !1, className: a }) {
50
+ function Zt({ attach: t, active: n = !0, mirrored: r = !1, className: a }) {
51
51
  const s = X(null);
52
52
  return G(() => {
53
53
  if (!n || !s.current) return;
54
- const c = r(s.current);
54
+ const c = t(s.current);
55
55
  return () => {
56
56
  typeof c == "function" && c(), s.current && (s.current.innerHTML = "");
57
57
  };
58
- }, [r, n]), /* @__PURE__ */ e(
58
+ }, [t, n]), /* @__PURE__ */ e(
59
59
  "div",
60
60
  {
61
61
  ref: s,
62
- className: g(
62
+ className: b(
63
63
  "w-full h-full bg-gray-900 overflow-hidden",
64
- t && "[&>*]:scale-x-[-1]",
64
+ r && "[&>*]:scale-x-[-1]",
65
65
  a
66
66
  )
67
67
  }
@@ -71,7 +71,7 @@ const Ge = {
71
71
  primary: "btn o__primary",
72
72
  secondary: "btn o__secondary",
73
73
  outline: "btn o__secondary",
74
- ghost: "btn text-gray-700",
74
+ ghost: "btn o__tertiary",
75
75
  destructive: "btn o__destructive"
76
76
  }, Ke = {
77
77
  xs: "px-2 py-1 text-xs",
@@ -89,14 +89,14 @@ const Ge = {
89
89
  full: "p-4"
90
90
  }, ee = ce(
91
91
  ({
92
- variant: r = "primary",
92
+ variant: t = "primary",
93
93
  size: n = "md",
94
- fullWidth: t = !1,
94
+ fullWidth: r = !1,
95
95
  loading: a = !1,
96
96
  leftIcon: s,
97
97
  rightIcon: c,
98
98
  iconOnly: h = !1,
99
- className: b,
99
+ className: g,
100
100
  children: p,
101
101
  disabled: y,
102
102
  ...u
@@ -107,20 +107,19 @@ const Ge = {
107
107
  {
108
108
  ref: l,
109
109
  type: "button",
110
- className: g(
111
- // Base styles
112
- "inline-flex items-center justify-center font-medium rounded-lg transition-colors duration-200",
113
- "focus:outline-none focus:ring-1 focus:ring-offset-1",
110
+ className: b(
111
+ // Base styles — radius/focus/colors come from the token-driven `.btn o__*` CSS
112
+ "inline-flex items-center justify-center transition-colors duration-200",
114
113
  "disabled:opacity-50 disabled:cursor-not-allowed",
115
114
  // Variant styles
116
- Ge[r],
115
+ Ge[t],
117
116
  // Size styles
118
117
  h ? Je[n] : Ke[n],
119
118
  // Full width
120
- t && "w-full",
119
+ r && "w-full",
121
120
  // Loading state
122
121
  a && "cursor-wait",
123
- b
122
+ g
124
123
  ),
125
124
  disabled: i,
126
125
  ...u,
@@ -128,7 +127,7 @@ const Ge = {
128
127
  a && /* @__PURE__ */ d(
129
128
  "svg",
130
129
  {
131
- className: g(
130
+ className: b(
132
131
  "animate-spin",
133
132
  h ? "h-4 w-4" : "h-4 w-4 mr-2"
134
133
  ),
@@ -157,9 +156,9 @@ const Ge = {
157
156
  ]
158
157
  }
159
158
  ),
160
- !a && s && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "mr-2"), children: s }),
159
+ !a && s && /* @__PURE__ */ e("span", { className: b("flex-shrink-0", !h && "mr-2"), children: s }),
161
160
  !h && p,
162
- !a && c && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", !h && "ml-2"), children: c }),
161
+ !a && c && /* @__PURE__ */ e("span", { className: b("flex-shrink-0", !h && "ml-2"), children: c }),
163
162
  h && !a && !s && !c && p
164
163
  ]
165
164
  }
@@ -167,28 +166,28 @@ const Ge = {
167
166
  }
168
167
  );
169
168
  ee.displayName = "Button";
170
- const Xr = ({
171
- children: r,
169
+ const Xt = ({
170
+ children: t,
172
171
  size: n = "md",
173
- orientation: t = "horizontal",
172
+ orientation: r = "horizontal",
174
173
  attached: a = !0,
175
174
  className: s
176
175
  }) => {
177
- const c = g(
176
+ const c = b(
178
177
  "inline-flex",
179
178
  {
180
179
  // Orientation
181
- "flex-row": t === "horizontal",
182
- "flex-col": t === "vertical",
180
+ "flex-row": r === "horizontal",
181
+ "flex-col": r === "vertical",
183
182
  // Attached styling
184
183
  "[&>*:not(:first-child):not(:last-child)]:rounded-none": a,
185
- "[&>*:first-child]:rounded-r-none": a && t === "horizontal",
186
- "[&>*:last-child]:rounded-l-none": a && t === "horizontal",
187
- "[&>*:first-child]:rounded-b-none": a && t === "vertical",
188
- "[&>*:last-child]:rounded-t-none": a && t === "vertical",
184
+ "[&>*:first-child]:rounded-r-none": a && r === "horizontal",
185
+ "[&>*:last-child]:rounded-l-none": a && r === "horizontal",
186
+ "[&>*:first-child]:rounded-b-none": a && r === "vertical",
187
+ "[&>*:last-child]:rounded-t-none": a && r === "vertical",
189
188
  // Borders for attached buttons
190
- "[&>*:not(:first-child)]:-ml-px": a && t === "horizontal",
191
- "[&>*:not(:first-child)]:-mt-px": a && t === "vertical",
189
+ "[&>*:not(:first-child)]:-ml-px": a && r === "horizontal",
190
+ "[&>*:not(:first-child)]:-mt-px": a && r === "vertical",
192
191
  // Spacing for non-attached buttons
193
192
  "gap-1": !a && n === "xs",
194
193
  "gap-2": !a && (n === "sm" || n === "md"),
@@ -196,21 +195,21 @@ const Xr = ({
196
195
  },
197
196
  s
198
197
  );
199
- return /* @__PURE__ */ e("div", { className: c, role: "group", children: r });
200
- }, Qr = ({
201
- variant: r = "default",
198
+ return /* @__PURE__ */ e("div", { className: c, role: "group", children: t });
199
+ }, Qt = ({
200
+ variant: t = "default",
202
201
  size: n = "md",
203
- color: t = "primary",
202
+ color: r = "primary",
204
203
  disabled: a = !1,
205
204
  external: s = !1,
206
205
  className: c,
207
206
  children: h,
208
- href: b,
207
+ href: g,
209
208
  target: p,
210
209
  rel: y,
211
210
  ...u
212
211
  }) => {
213
- const l = s || b && (b.startsWith("http") || b.startsWith("mailto:")), i = g(
212
+ const l = s || g && (g.startsWith("http") || g.startsWith("mailto:")), i = b(
214
213
  // Base styles
215
214
  "inline-flex items-center gap-1 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",
216
215
  // Size variants
@@ -224,40 +223,40 @@ const Xr = ({
224
223
  // Color variants
225
224
  {
226
225
  // Primary
227
- "text-primary hover:text-primary/80 focus:ring-primary/20": t === "primary" && !a,
226
+ "text-primary hover:text-primary/80 focus:ring-primary/20": r === "primary" && !a,
228
227
  // Secondary
229
- "text-secondary hover:text-secondary/80 focus:ring-secondary/20": t === "secondary" && !a,
228
+ "text-secondary hover:text-secondary/80 focus:ring-secondary/20": r === "secondary" && !a,
230
229
  // Accent
231
- "text-accent hover:text-accent/80 focus:ring-accent/20": t === "accent" && !a,
230
+ "text-accent hover:text-accent/80 focus:ring-accent/20": r === "accent" && !a,
232
231
  // Success
233
- "text-success hover:text-success/80 focus:ring-success/20": t === "success" && !a,
232
+ "text-success hover:text-success/80 focus:ring-success/20": r === "success" && !a,
234
233
  // Warning
235
- "text-warning hover:text-warning/80 focus:ring-warning/20": t === "warning" && !a,
234
+ "text-warning hover:text-warning/80 focus:ring-warning/20": r === "warning" && !a,
236
235
  // Error
237
- "text-error hover:text-error/80 focus:ring-error/20": t === "error" && !a,
236
+ "text-error hover:text-error/80 focus:ring-error/20": r === "error" && !a,
238
237
  // Info
239
- "text-info hover:text-info/80 focus:ring-info/20": t === "info" && !a,
238
+ "text-info hover:text-info/80 focus:ring-info/20": r === "info" && !a,
240
239
  // Neutral
241
- "text-neutral hover:text-neutral/80 focus:ring-neutral/20": t === "neutral" && !a
240
+ "text-neutral hover:text-neutral/80 focus:ring-neutral/20": r === "neutral" && !a
242
241
  },
243
242
  // Variant styles
244
243
  {
245
244
  // Default - just colored text
246
- "": r === "default",
245
+ "": t === "default",
247
246
  // Subtle - muted colors
248
- "text-opacity-70 hover:text-opacity-100": r === "subtle",
247
+ "text-opacity-70 hover:text-opacity-100": t === "subtle",
249
248
  // Underline - always underlined
250
- "underline underline-offset-2 decoration-1 hover:decoration-2": r === "underline",
249
+ "underline underline-offset-2 decoration-1 hover:decoration-2": t === "underline",
251
250
  // Button - looks like a button
252
- "px-3 py-1.5 rounded-md bg-opacity-10 hover:bg-opacity-20": r === "button",
253
- "bg-primary": r === "button" && t === "primary",
254
- "bg-secondary": r === "button" && t === "secondary",
255
- "bg-accent": r === "button" && t === "accent",
256
- "bg-success": r === "button" && t === "success",
257
- "bg-warning": r === "button" && t === "warning",
258
- "bg-error": r === "button" && t === "error",
259
- "bg-info": r === "button" && t === "info",
260
- "bg-neutral": r === "button" && t === "neutral"
251
+ "px-3 py-1.5 rounded-md bg-opacity-10 hover:bg-opacity-20": t === "button",
252
+ "bg-primary": t === "button" && r === "primary",
253
+ "bg-secondary": t === "button" && r === "secondary",
254
+ "bg-accent": t === "button" && r === "accent",
255
+ "bg-success": t === "button" && r === "success",
256
+ "bg-warning": t === "button" && r === "warning",
257
+ "bg-error": t === "button" && r === "error",
258
+ "bg-info": t === "button" && r === "info",
259
+ "bg-neutral": t === "button" && r === "neutral"
261
260
  },
262
261
  // Disabled state
263
262
  {
@@ -266,7 +265,7 @@ const Xr = ({
266
265
  c
267
266
  ), f = {
268
267
  ...u,
269
- href: a ? void 0 : b,
268
+ href: a ? void 0 : g,
270
269
  target: l ? "_blank" : p,
271
270
  rel: l ? "noopener noreferrer" : y
272
271
  };
@@ -301,15 +300,15 @@ const Xr = ({
301
300
  md: "px-4 py-2 text-sm"
302
301
  };
303
302
  function $e({
304
- label: r,
303
+ label: t,
305
304
  onClick: n,
306
- variant: t = "primary",
305
+ variant: r = "primary",
307
306
  size: a = "md",
308
307
  icon: s,
309
308
  options: c,
310
309
  disabled: h = !1
311
310
  }) {
312
- const [b, p] = V(!1), y = X(null), u = ae(() => {
311
+ const [g, p] = V(!1), y = X(null), u = ae(() => {
313
312
  p((l) => !l);
314
313
  }, []);
315
314
  return G(() => {
@@ -324,17 +323,17 @@ function $e({
324
323
  type: "button",
325
324
  onClick: n,
326
325
  disabled: h,
327
- className: g(
326
+ className: b(
328
327
  "inline-flex items-center justify-center font-medium transition-colors duration-200",
329
328
  "focus:outline-none focus:ring-1 focus:ring-offset-1",
330
329
  "disabled:opacity-50 disabled:cursor-not-allowed",
331
- Se[t],
330
+ Se[r],
332
331
  Ye[a],
333
332
  "!rounded-r-none"
334
333
  ),
335
334
  children: [
336
335
  s && /* @__PURE__ */ e("span", { className: "mr-2 flex-shrink-0", children: s }),
337
- r
336
+ t
338
337
  ]
339
338
  }
340
339
  ),
@@ -344,25 +343,25 @@ function $e({
344
343
  type: "button",
345
344
  onClick: u,
346
345
  disabled: h,
347
- className: g(
346
+ className: b(
348
347
  "inline-flex items-center justify-center font-medium transition-colors duration-200",
349
348
  "focus:outline-none focus:ring-1 focus:ring-offset-1",
350
349
  "disabled:opacity-50 disabled:cursor-not-allowed",
351
- Se[t],
350
+ Se[r],
352
351
  a === "sm" ? "px-1.5 py-1.5" : "px-2 py-2",
353
352
  "!rounded-l-none"
354
353
  ),
355
354
  children: /* @__PURE__ */ e(_e, { className: "h-4 w-4" })
356
355
  }
357
356
  ),
358
- b && c.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-lg border border-gray-200 bg-white shadow-lg py-1", children: c.map((l) => /* @__PURE__ */ e(
357
+ g && c.length > 0 && /* @__PURE__ */ e("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-lg border border-gray-200 bg-white shadow-lg py-1", children: c.map((l) => /* @__PURE__ */ e(
359
358
  "button",
360
359
  {
361
360
  type: "button",
362
361
  onClick: () => {
363
362
  l.onClick(), p(!1);
364
363
  },
365
- className: g(
364
+ className: b(
366
365
  "w-full text-left px-3 py-2 text-sm hover:bg-gray-50 transition-colors",
367
366
  l.variant === "destructive" ? "text-red-600 hover:bg-red-50" : "text-gray-700"
368
367
  ),
@@ -382,23 +381,23 @@ const Ze = {
382
381
  md: "text-sm",
383
382
  lg: "text-base",
384
383
  full: "text-base"
385
- }, be = ce(
384
+ }, ge = ce(
386
385
  ({
387
- label: r,
386
+ label: t,
388
387
  helperText: n,
389
- error: t,
388
+ error: r,
390
389
  size: a = "md",
391
390
  indeterminate: s = !1,
392
391
  containerClassName: c,
393
392
  labelClassName: h,
394
- className: b,
393
+ className: g,
395
394
  id: p,
396
395
  ...y
397
396
  }, u) => {
398
- const l = p || `checkbox-${Math.random().toString(36).substr(2, 9)}`, i = !!t;
397
+ const l = p || `checkbox-${Math.random().toString(36).substr(2, 9)}`, i = !!r;
399
398
  return se.useEffect(() => {
400
399
  u && typeof u == "object" && u.current && (u.current.indeterminate = s);
401
- }, [s, u]), /* @__PURE__ */ d("div", { className: g("flex flex-col", c), children: [
400
+ }, [s, u]), /* @__PURE__ */ d("div", { className: b("flex flex-col", c), children: [
402
401
  /* @__PURE__ */ d("div", { className: "flex items-start", children: [
403
402
  /* @__PURE__ */ e("div", { className: "flex items-center h-5", children: /* @__PURE__ */ e(
404
403
  "input",
@@ -406,7 +405,7 @@ const Ze = {
406
405
  ref: u,
407
406
  id: l,
408
407
  type: "checkbox",
409
- className: g(
408
+ className: b(
410
409
  // Base styles
411
410
  "rounded border transition-colors duration-200",
412
411
  "focus:ring-2 focus:ring-offset-2 focus:outline-none",
@@ -415,46 +414,46 @@ const Ze = {
415
414
  Ze[a],
416
415
  // State styles
417
416
  i ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-primary focus:border-primary focus:ring-primary dark:border-gray-600 dark:bg-secondary-800",
418
- b
417
+ g
419
418
  ),
420
419
  ...y
421
420
  }
422
421
  ) }),
423
- r && /* @__PURE__ */ d("div", { className: "ml-3 flex-1", children: [
422
+ t && /* @__PURE__ */ d("div", { className: "ml-3 flex-1", children: [
424
423
  /* @__PURE__ */ e(
425
424
  "label",
426
425
  {
427
426
  htmlFor: l,
428
- className: g(
427
+ className: b(
429
428
  "font-medium cursor-pointer",
430
429
  i ? "text-error" : "text-secondary-900 dark:text-secondary-100",
431
430
  Xe[a],
432
431
  h
433
432
  ),
434
- children: r
433
+ children: t
435
434
  }
436
435
  ),
437
- n && !t && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-secondary-500 dark:text-secondary-400", children: n })
436
+ n && !r && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-secondary-500 dark:text-secondary-400", children: n })
438
437
  ] })
439
438
  ] }),
440
- t && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-error", children: t })
439
+ r && /* @__PURE__ */ e("p", { className: "mt-1 text-xs text-error", children: r })
441
440
  ] });
442
441
  }
443
442
  );
444
- be.displayName = "Checkbox";
445
- const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), er = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m15 18-6-6 6-6" }) }), rr = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m9 18 6-6-6-6" }) }), ye = ce(({
446
- value: r,
443
+ ge.displayName = "Checkbox";
444
+ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }), et = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m15 18-6-6 6-6" }) }), tt = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "m9 18 6-6-6-6" }) }), ye = ce(({
445
+ value: t,
447
446
  onChange: n,
448
- placeholder: t = "Select date",
447
+ placeholder: r = "Select date",
449
448
  disabled: a = !1,
450
449
  required: s = !1,
451
450
  size: c = "md",
452
451
  className: h,
453
- minDate: b,
452
+ minDate: g,
454
453
  maxDate: p,
455
454
  format: y = "MM/dd/yyyy"
456
455
  }, u) => {
457
- const [l, i] = V(!1), [f, C] = V(() => r || /* @__PURE__ */ new Date()), N = X(null);
456
+ const [l, i] = V(!1), [f, C] = V(() => t || /* @__PURE__ */ new Date()), N = X(null);
458
457
  G(() => {
459
458
  const z = (v) => {
460
459
  N.current && !N.current.contains(v.target) && i(!1);
@@ -483,14 +482,14 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
483
482
  $.push(new Date(L)), L.setDate(L.getDate() + 1);
484
483
  return $;
485
484
  }, x = (z) => {
486
- z.getMonth() === f.getMonth() && (b && z < b || p && z > p || (n?.(z), i(!1)));
485
+ z.getMonth() === f.getMonth() && (g && z < g || p && z > p || (n?.(z), i(!1)));
487
486
  }, q = () => {
488
487
  C(new Date(f.getFullYear(), f.getMonth() - 1, 1));
489
488
  }, K = () => {
490
489
  C(new Date(f.getFullYear(), f.getMonth() + 1, 1));
491
490
  }, H = () => {
492
491
  n?.(null), i(!1);
493
- }, F = g(
492
+ }, F = b(
494
493
  "w-full border border-neutral-100 dark:border-neutral-600 rounded-md transition-colors duration-200",
495
494
  "bg-white dark:bg-neutral-800 text-gray-700 dark:text-gray-300",
496
495
  "placeholder:text-gray-800 dark:placeholder:text-gray-500",
@@ -524,13 +523,13 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
524
523
  {
525
524
  ref: u,
526
525
  type: "text",
527
- value: k(r ?? null),
528
- placeholder: t,
526
+ value: k(t ?? null),
527
+ placeholder: r,
529
528
  disabled: a,
530
529
  required: s,
531
530
  readOnly: !0,
532
531
  onClick: () => !a && i(!l),
533
- className: g(F, "pr-10 cursor-pointer")
532
+ className: b(F, "pr-10 cursor-pointer")
534
533
  }
535
534
  ),
536
535
  /* @__PURE__ */ e(
@@ -551,7 +550,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
551
550
  {
552
551
  onClick: q,
553
552
  className: "p-1 hover:bg-neutral-100 dark:hover:bg-neutral-700 rounded",
554
- children: /* @__PURE__ */ e(er, {})
553
+ children: /* @__PURE__ */ e(et, {})
555
554
  }
556
555
  ),
557
556
  /* @__PURE__ */ d("h3", { className: "text-sm font-medium text-neutral-900 dark:text-neutral-100", children: [
@@ -564,19 +563,19 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
564
563
  {
565
564
  onClick: K,
566
565
  className: "p-1 hover:bg-neutral-100 dark:hover:bg-neutral-700 rounded",
567
- children: /* @__PURE__ */ e(rr, {})
566
+ children: /* @__PURE__ */ e(tt, {})
568
567
  }
569
568
  )
570
569
  ] }),
571
570
  /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((z) => /* @__PURE__ */ e("div", { className: "text-xs font-medium text-neutral-500 dark:text-neutral-400 text-center py-1", children: z }, z)) }),
572
571
  /* @__PURE__ */ e("div", { className: "grid grid-cols-7 gap-1", children: E.map((z, v) => {
573
- const T = z.getMonth() === f.getMonth(), m = r && z.toDateString() === r.toDateString(), $ = z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), L = !T || b && z < b || p && z > p;
572
+ const T = z.getMonth() === f.getMonth(), m = t && z.toDateString() === t.toDateString(), $ = z.toDateString() === (/* @__PURE__ */ new Date()).toDateString(), L = !T || g && z < g || p && z > p;
574
573
  return /* @__PURE__ */ e(
575
574
  "button",
576
575
  {
577
576
  onClick: () => !L && x(z),
578
577
  disabled: L,
579
- className: g(
578
+ className: b(
580
579
  "w-8 h-8 text-sm rounded transition-colors duration-200",
581
580
  {
582
581
  "text-neutral-900 dark:text-neutral-100 hover:bg-neutral-100 dark:hover:bg-neutral-700": T && !m && !L,
@@ -610,10 +609,10 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
610
609
  ] })
611
610
  ] })
612
611
  ] });
613
- }), de = (...r) => r.filter(Boolean).join(" "), tr = (r) => /* @__PURE__ */ e(
612
+ }), de = (...t) => t.filter(Boolean).join(" "), rt = (t) => /* @__PURE__ */ e(
614
613
  "svg",
615
614
  {
616
- ...r,
615
+ ...t,
617
616
  xmlns: "http://www.w3.org/2000/svg",
618
617
  fill: "none",
619
618
  viewBox: "0 0 24 24",
@@ -628,10 +627,10 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
628
627
  }
629
628
  )
630
629
  }
631
- ), ar = (r) => /* @__PURE__ */ e(
630
+ ), at = (t) => /* @__PURE__ */ e(
632
631
  "svg",
633
632
  {
634
- ...r,
633
+ ...t,
635
634
  xmlns: "http://www.w3.org/2000/svg",
636
635
  fill: "none",
637
636
  viewBox: "0 0 24 24",
@@ -646,7 +645,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
646
645
  }
647
646
  )
648
647
  }
649
- ), nr = {
648
+ ), nt = {
650
649
  sm: "px-3 py-1.5 text-sm",
651
650
  md: "px-3 py-2 text-sm",
652
651
  lg: "px-3 py-2 text-sm",
@@ -656,16 +655,16 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
656
655
  md: "h-5 w-5",
657
656
  lg: "h-6 w-6",
658
657
  full: "h-6 w-6"
659
- }, lr = ce(
658
+ }, lt = ce(
660
659
  ({
661
- label: r,
660
+ label: t,
662
661
  helperText: n,
663
- error: t,
662
+ error: r,
664
663
  size: a = "md",
665
664
  fullWidth: s = !1,
666
- startIcon: c = /* @__PURE__ */ e(tr, {}),
665
+ startIcon: c = /* @__PURE__ */ e(rt, {}),
667
666
  loading: h = !1,
668
- containerClassName: b,
667
+ containerClassName: g,
669
668
  labelClassName: p,
670
669
  className: y,
671
670
  id: u,
@@ -677,7 +676,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
677
676
  onChange: k,
678
677
  ...B
679
678
  }, x) => {
680
- const q = u || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!t, H = X(null), F = X(null), [E, J] = V(N || ""), [z, v] = V(!1), [T, m] = V(!1);
679
+ const q = u || `searchfield-${Math.random().toString(36).substr(2, 9)}`, K = !!r, H = X(null), F = X(null), [E, J] = V(N || ""), [z, v] = V(!1), [T, m] = V(!1);
681
680
  G(() => {
682
681
  N !== void 0 && J(N);
683
682
  }, [N]);
@@ -719,19 +718,19 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
719
718
  J(W.label), v(!1), f && f(W.value);
720
719
  }, P = () => {
721
720
  (l.length > 0 || i) && v(!0);
722
- }, M = h || T, re = z && ($.length > 0 || M), ne = ie(() => x || F, [x]);
721
+ }, M = h || T, te = z && ($.length > 0 || M), ne = ie(() => x || F, [x]);
723
722
  return /* @__PURE__ */ d(
724
723
  "div",
725
724
  {
726
725
  className: de(
727
726
  "flex flex-col",
728
727
  s ? "w-full" : "",
729
- b || "",
728
+ g || "",
730
729
  "relative"
731
730
  ),
732
731
  ref: H,
733
732
  children: [
734
- r && /* @__PURE__ */ e(
733
+ t && /* @__PURE__ */ e(
735
734
  "label",
736
735
  {
737
736
  htmlFor: q,
@@ -740,7 +739,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
740
739
  K ? "text-red-500" : "text-gray-700 dark:text-gray-300",
741
740
  p || ""
742
741
  ),
743
- children: r
742
+ children: t
744
743
  }
745
744
  ),
746
745
  /* @__PURE__ */ d("div", { className: "relative", children: [
@@ -759,7 +758,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
759
758
  "placeholder-gray-500 dark:placeholder-gray-500 focus:outline-none",
760
759
  "disabled:opacity-50 disabled:cursor-not-allowed",
761
760
  // Size styles
762
- nr[a],
761
+ nt[a],
763
762
  // Icon padding
764
763
  c ? "pl-10" : "",
765
764
  "pr-10",
@@ -806,7 +805,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
806
805
  ) : (
807
806
  // Dropdown Chevron
808
807
  /* @__PURE__ */ e(
809
- ar,
808
+ at,
810
809
  {
811
810
  className: de(
812
811
  "text-gray-400 cursor-pointer transition-transform",
@@ -818,7 +817,7 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
818
817
  )
819
818
  ) })
820
819
  ] }),
821
- re && /* @__PURE__ */ e(
820
+ te && /* @__PURE__ */ e(
822
821
  "ul",
823
822
  {
824
823
  className: "absolute z-10 mt-1 w-full bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg shadow-lg max-h-60 overflow-auto top-full",
@@ -836,14 +835,14 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
836
835
  )) : /* @__PURE__ */ e("li", { className: "px-4 py-2 text-gray-500 dark:text-gray-400", children: M || h ? "Zoeken op afstand..." : "Geen resultaten gevonden." })
837
836
  }
838
837
  ),
839
- (t || n) && /* @__PURE__ */ e(
838
+ (r || n) && /* @__PURE__ */ e(
840
839
  "p",
841
840
  {
842
841
  className: de(
843
842
  "mt-1 text-xs",
844
843
  K ? "text-red-500" : "text-gray-500"
845
844
  ),
846
- children: t || n
845
+ children: r || n
847
846
  }
848
847
  ),
849
848
  i && /* @__PURE__ */ d("p", { className: "mt-2 text-xs text-green-600 dark:text-green-400", children: [
@@ -855,22 +854,22 @@ const Qe = () => /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none",
855
854
  );
856
855
  }
857
856
  );
858
- lr.displayName = "SearchableTextField";
859
- const sr = {
857
+ lt.displayName = "SearchableTextField";
858
+ const st = {
860
859
  sm: "px-3 py-1.5 text-sm",
861
860
  md: "px-3 py-2 text-sm",
862
861
  lg: "px-3 py-2 text-sm",
863
862
  full: "px-3 py-2 text-sm"
864
- }, me = (r) => r.trim().toLowerCase(), ve = ce(
863
+ }, me = (t) => t.trim().toLowerCase(), ve = ce(
865
864
  ({
866
- label: r,
865
+ label: t,
867
866
  helperText: n,
868
- error: t,
867
+ error: r,
869
868
  size: a = "md",
870
869
  fullWidth: s = !1,
871
870
  options: c,
872
871
  placeholder: h,
873
- containerClassName: b,
872
+ containerClassName: g,
874
873
  labelClassName: p,
875
874
  className: y,
876
875
  id: u,
@@ -882,7 +881,7 @@ const sr = {
882
881
  onCreateOption: k,
883
882
  ...B
884
883
  }, x) => {
885
- const q = u || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!t, [H, F] = se.useState(!1), [E, J] = se.useState(""), z = se.useRef(null), [v, T] = se.useState(c);
884
+ const q = u || `select-${Math.random().toString(36).substr(2, 9)}`, K = !!r, [H, F] = se.useState(!1), [E, J] = se.useState(""), z = se.useRef(null), [v, T] = se.useState(c);
886
885
  se.useImperativeHandle(x, () => z.current), se.useEffect(() => {
887
886
  const S = (I) => {
888
887
  z.current && !z.current.contains(I.target) && F(!1);
@@ -897,8 +896,8 @@ const sr = {
897
896
  ), $ = se.useCallback(
898
897
  (S, I) => {
899
898
  const O = [...S], A = (Q) => {
900
- const te = (Q ?? "").trim();
901
- te && (m(O, te) || O.push({ value: te, label: te }));
899
+ const re = (Q ?? "").trim();
900
+ re && (m(O, re) || O.push({ value: re, label: re }));
902
901
  };
903
902
  return Array.isArray(I) ? I.forEach(A) : A(I), O;
904
903
  },
@@ -922,7 +921,7 @@ const sr = {
922
921
  (S) => Array.isArray(f) && f.includes(S.value)
923
922
  ) : [], M = l && E ? v.filter(
924
923
  (S) => S.label.toLowerCase().includes(E.toLowerCase())
925
- ) : v, re = !!N && !!l && !!E.trim() && !m(v, E), ne = (S) => {
924
+ ) : v, te = !!N && !!l && !!E.trim() && !m(v, E), ne = (S) => {
926
925
  const I = S.trim();
927
926
  if (!I) return;
928
927
  const O = k?.(I) ?? {
@@ -939,24 +938,24 @@ const sr = {
939
938
  "div",
940
939
  {
941
940
  ref: z,
942
- className: g(
941
+ className: b(
943
942
  "relative flex flex-col",
944
943
  s && "w-full",
945
- b
944
+ g
946
945
  ),
947
946
  ...B,
948
947
  children: [
949
- r && /* @__PURE__ */ e(
948
+ t && /* @__PURE__ */ e(
950
949
  "label",
951
950
  {
952
951
  htmlFor: q,
953
952
  onClick: () => F(!H),
954
- className: g(
953
+ className: b(
955
954
  "block text-sm font-medium mb-1",
956
955
  K ? "text-error" : "text-secondary-700 dark:text-secondary-300",
957
956
  p
958
957
  ),
959
- children: r
958
+ children: t
960
959
  }
961
960
  ),
962
961
  /* @__PURE__ */ d("div", { className: "relative", children: [
@@ -966,12 +965,12 @@ const sr = {
966
965
  type: "button",
967
966
  id: q,
968
967
  onClick: () => F(!H),
969
- className: g(
968
+ className: b(
970
969
  "block w-full rounded-lg border transition-colors duration-200 text-left",
971
970
  "focus:outline-none focus:ring-0 focus:ring-offset-0",
972
971
  "disabled:opacity-50 disabled:cursor-not-allowed",
973
972
  "bg-white dark:bg-secondary-800",
974
- sr[a],
973
+ st[a],
975
974
  K ? "border-error text-error focus:border-error focus:ring-error" : "border-neutral text-secondary-900 dark:border-neutral-700 dark:bg-secondary-800 dark:text-secondary-100",
976
975
  y
977
976
  ),
@@ -987,18 +986,18 @@ const sr = {
987
986
  value: E,
988
987
  onChange: (S) => J(S.target.value),
989
988
  onKeyDown: (S) => {
990
- S.key === "Enter" && re && (S.preventDefault(), ne(E));
989
+ S.key === "Enter" && te && (S.preventDefault(), ne(E));
991
990
  },
992
- className: g(
991
+ className: b(
993
992
  "w-full px-3 py-2 text-sm rounded-md border",
994
993
  "text-secondary-900 border-gray-100 dark:border-gray-600 focus:outline-none focus:ring-0"
995
994
  )
996
995
  }
997
996
  ) }),
998
- re && /* @__PURE__ */ d(
997
+ te && /* @__PURE__ */ d(
999
998
  "div",
1000
999
  {
1001
- className: g(
1000
+ className: b(
1002
1001
  "px-4 py-2 text-sm cursor-pointer",
1003
1002
  "text-primary hover:bg-gray-100 dark:hover:bg-secondary-700"
1004
1003
  ),
@@ -1027,7 +1026,7 @@ const sr = {
1027
1026
  "li",
1028
1027
  {
1029
1028
  onClick: () => !S.disabled && L(S.value),
1030
- className: g(
1029
+ className: b(
1031
1030
  "px-4 py-2 text-sm cursor-pointer",
1032
1031
  "text-secondary-900 dark:text-secondary-100",
1033
1032
  S.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-100 dark:hover:bg-secondary-700",
@@ -1052,14 +1051,14 @@ const sr = {
1052
1051
  ] })
1053
1052
  ] })
1054
1053
  ] }),
1055
- (t || n) && /* @__PURE__ */ e(
1054
+ (r || n) && /* @__PURE__ */ e(
1056
1055
  "p",
1057
1056
  {
1058
- className: g(
1057
+ className: b(
1059
1058
  "mt-1 text-xs",
1060
1059
  K ? "text-error" : "text-secondary-500"
1061
1060
  ),
1062
- children: t || n
1061
+ children: r || n
1063
1062
  }
1064
1063
  )
1065
1064
  ]
@@ -1068,38 +1067,38 @@ const sr = {
1068
1067
  }
1069
1068
  );
1070
1069
  ve.displayName = "Select";
1071
- const or = {
1070
+ const ot = {
1072
1071
  sm: "px-3 py-1.5 text-sm",
1073
1072
  md: "px-3 py-2 text-sm",
1074
1073
  lg: "px-4 py-3 text-base",
1075
1074
  full: "px-4 py-3 text-base"
1076
1075
  }, ke = ce(
1077
1076
  ({
1078
- label: r,
1077
+ label: t,
1079
1078
  helperText: n,
1080
- error: t,
1079
+ error: r,
1081
1080
  size: a = "md",
1082
1081
  fullWidth: s = !1,
1083
1082
  loading: c = !1,
1084
1083
  containerClassName: h,
1085
- labelClassName: b,
1084
+ labelClassName: g,
1086
1085
  className: p,
1087
1086
  id: y,
1088
1087
  rows: u = 4,
1089
1088
  ...l
1090
1089
  }, i) => {
1091
- const f = y || `textarea-${Math.random().toString(36).substr(2, 9)}`, C = !!t;
1092
- return /* @__PURE__ */ d("div", { className: g("flex flex-col", s && "w-full", h), children: [
1093
- r && /* @__PURE__ */ e(
1090
+ const f = y || `textarea-${Math.random().toString(36).substr(2, 9)}`, C = !!r;
1091
+ return /* @__PURE__ */ d("div", { className: b("flex flex-col", s && "w-full", h), children: [
1092
+ t && /* @__PURE__ */ e(
1094
1093
  "label",
1095
1094
  {
1096
1095
  htmlFor: f,
1097
- className: g(
1096
+ className: b(
1098
1097
  "block text-sm font-medium mb-1",
1099
1098
  C ? "text-error" : "text-secondary-700 dark:text-secondary-300",
1100
- b
1099
+ g
1101
1100
  ),
1102
- children: r
1101
+ children: t
1103
1102
  }
1104
1103
  ),
1105
1104
  /* @__PURE__ */ d("div", { className: "relative", children: [
@@ -1109,13 +1108,13 @@ const or = {
1109
1108
  ref: i,
1110
1109
  id: f,
1111
1110
  rows: u,
1112
- className: g(
1111
+ className: b(
1113
1112
  // Base styles
1114
1113
  "block w-full rounded-lg border transition-colors duration-200 resize-vertical",
1115
1114
  "placeholder-secondary-400 focus:outline-none focus:ring-0",
1116
1115
  "disabled:opacity-50 disabled:cursor-not-allowed",
1117
1116
  // Size styles
1118
- or[a],
1117
+ ot[a],
1119
1118
  // State styles
1120
1119
  C ? "border-error text-error focus:border-error focus:ring-error" : "border-gray-100 text-secondary-900 dark:border-gray-600 dark:bg-secondary-800 dark:text-secondary-100",
1121
1120
  p
@@ -1153,75 +1152,75 @@ const or = {
1153
1152
  }
1154
1153
  ) })
1155
1154
  ] }),
1156
- (t || n) && /* @__PURE__ */ e(
1155
+ (r || n) && /* @__PURE__ */ e(
1157
1156
  "p",
1158
1157
  {
1159
- className: g(
1158
+ className: b(
1160
1159
  "mt-1 text-xs",
1161
1160
  C ? "text-error" : "text-secondary-500"
1162
1161
  ),
1163
- children: t || n
1162
+ children: r || n
1164
1163
  }
1165
1164
  )
1166
1165
  ] });
1167
1166
  }
1168
1167
  );
1169
1168
  ke.displayName = "TextArea";
1170
- const cr = {
1169
+ const ct = {
1171
1170
  sm: "px-3 py-1.5 text-sm",
1172
1171
  md: "px-3 py-2 text-sm",
1173
1172
  lg: "px-3 py-2 text-sm",
1174
1173
  full: "px-3 py-2 text-sm"
1175
- }, ge = {
1174
+ }, be = {
1176
1175
  sm: "h-4 w-4",
1177
1176
  md: "h-5 w-5",
1178
1177
  lg: "h-6 w-6",
1179
1178
  full: "h-6 w-6"
1180
1179
  }, ue = ce(
1181
1180
  ({
1182
- label: r,
1181
+ label: t,
1183
1182
  helperText: n,
1184
- error: t,
1183
+ error: r,
1185
1184
  size: a = "md",
1186
1185
  fullWidth: s = !1,
1187
1186
  startIcon: c,
1188
1187
  endIcon: h,
1189
- loading: b = !1,
1188
+ loading: g = !1,
1190
1189
  containerClassName: p,
1191
1190
  labelClassName: y,
1192
1191
  className: u,
1193
1192
  id: l,
1194
1193
  ...i
1195
1194
  }, f) => {
1196
- const C = l || `textfield-${Math.random().toString(36).substr(2, 9)}`, N = !!t;
1197
- return /* @__PURE__ */ d("div", { className: g("flex flex-col", s && "w-full", p), children: [
1198
- r && /* @__PURE__ */ e(
1195
+ const C = l || `textfield-${Math.random().toString(36).substr(2, 9)}`, N = !!r;
1196
+ return /* @__PURE__ */ d("div", { className: b("flex flex-col", s && "w-full", p), children: [
1197
+ t && /* @__PURE__ */ e(
1199
1198
  "label",
1200
1199
  {
1201
1200
  htmlFor: C,
1202
- className: g(
1201
+ className: b(
1203
1202
  "block text-sm font-medium mb-1",
1204
1203
  N ? "text-error" : "text-secondary-700 dark:text-secondary-300",
1205
1204
  y
1206
1205
  ),
1207
- children: r
1206
+ children: t
1208
1207
  }
1209
1208
  ),
1210
1209
  /* @__PURE__ */ d("div", { className: "relative", children: [
1211
1210
  c && // Todo fix inset not showing correctly on different sizes
1212
- /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: g("text-secondary-400", ge[a]), children: c }) }),
1211
+ /* @__PURE__ */ e("div", { className: "absolute left-0 pl-3 flex items-center pointer-events-none h-full", children: /* @__PURE__ */ e("span", { className: b("text-secondary-400", be[a]), children: c }) }),
1213
1212
  /* @__PURE__ */ e(
1214
1213
  "input",
1215
1214
  {
1216
1215
  ref: f,
1217
1216
  id: C,
1218
- className: g(
1217
+ className: b(
1219
1218
  // Base styles
1220
1219
  "block w-full rounded-lg border dark:border-gray-600 transition-colors duration-200",
1221
1220
  "placeholder-gray-500 dark:placeholder-gray-500 focus:outline-none focus:ring-1 focus:ring-offset-0",
1222
1221
  "disabled:opacity-50 disabled:cursor-not-allowed",
1223
1222
  // Size styles
1224
- cr[a],
1223
+ ct[a],
1225
1224
  // Icon padding
1226
1225
  c && "pl-10",
1227
1226
  h && "pr-10",
@@ -1232,10 +1231,10 @@ const cr = {
1232
1231
  ...i
1233
1232
  }
1234
1233
  ),
1235
- (h || b) && /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: b ? /* @__PURE__ */ d(
1234
+ (h || g) && /* @__PURE__ */ e("div", { className: "absolute inset-y-0 right-0 pr-3 flex items-center", children: g ? /* @__PURE__ */ d(
1236
1235
  "svg",
1237
1236
  {
1238
- className: g("animate-spin text-secondary-400", ge[a]),
1237
+ className: b("animate-spin text-secondary-400", be[a]),
1239
1238
  fill: "none",
1240
1239
  viewBox: "0 0 24 24",
1241
1240
  children: [
@@ -1260,16 +1259,16 @@ const cr = {
1260
1259
  )
1261
1260
  ]
1262
1261
  }
1263
- ) : h && /* @__PURE__ */ e("span", { className: g("text-secondary-400", ge[a]), children: h }) })
1262
+ ) : h && /* @__PURE__ */ e("span", { className: b("text-secondary-400", be[a]), children: h }) })
1264
1263
  ] }),
1265
- (t || n) && /* @__PURE__ */ e(
1264
+ (r || n) && /* @__PURE__ */ e(
1266
1265
  "p",
1267
1266
  {
1268
- className: g(
1267
+ className: b(
1269
1268
  "mt-1 text-xs",
1270
1269
  N ? "text-error" : "text-secondary-500"
1271
1270
  ),
1272
- children: t || n
1271
+ children: r || n
1273
1272
  }
1274
1273
  )
1275
1274
  ] });
@@ -1277,28 +1276,28 @@ const cr = {
1277
1276
  );
1278
1277
  ue.displayName = "TextField";
1279
1278
  const oe = ({
1280
- icon: r,
1279
+ icon: t,
1281
1280
  size: n = "md",
1282
- color: t = "current",
1281
+ color: r = "current",
1283
1282
  clickable: a = !1,
1284
1283
  onClick: s,
1285
1284
  className: c,
1286
1285
  "aria-label": h,
1287
- ...b
1286
+ ...g
1288
1287
  }) => {
1289
- const p = typeof n == "number" ? n : dr(n), y = g(
1288
+ const p = typeof n == "number" ? n : dt(n), y = b(
1290
1289
  "inline-block",
1291
1290
  // Color variants
1292
1291
  {
1293
- "text-primary": t === "primary",
1294
- "text-secondary": t === "secondary",
1295
- "text-accent": t === "accent",
1296
- "text-success": t === "success",
1297
- "text-warning": t === "warning",
1298
- "text-error": t === "error",
1299
- "text-info": t === "info",
1300
- "text-neutral": t === "neutral",
1301
- "text-current": t === "current"
1292
+ "text-primary": r === "primary",
1293
+ "text-secondary": r === "secondary",
1294
+ "text-accent": r === "accent",
1295
+ "text-success": r === "success",
1296
+ "text-warning": r === "warning",
1297
+ "text-error": r === "error",
1298
+ "text-info": r === "info",
1299
+ "text-neutral": r === "neutral",
1300
+ "text-current": r === "current"
1302
1301
  },
1303
1302
  // Clickable styles
1304
1303
  {
@@ -1316,51 +1315,51 @@ const oe = ({
1316
1315
  onKeyDown: a ? (l) => {
1317
1316
  (l.key === "Enter" || l.key === " ") && (l.preventDefault(), s?.());
1318
1317
  } : void 0,
1319
- ...b
1318
+ ...g
1320
1319
  };
1321
- return /* @__PURE__ */ e(r, { ...u });
1320
+ return /* @__PURE__ */ e(t, { ...u });
1322
1321
  };
1323
- function dr(r) {
1322
+ function dt(t) {
1324
1323
  return {
1325
1324
  xs: 12,
1326
1325
  sm: 16,
1327
1326
  md: 20,
1328
1327
  lg: 24,
1329
1328
  xl: 32
1330
- }[r];
1329
+ }[t];
1331
1330
  }
1332
- function ir({
1333
- children: r,
1331
+ function it({
1332
+ children: t,
1334
1333
  showTableSkeleton: n = !1,
1335
- tableColumns: t = 6,
1334
+ tableColumns: r = 6,
1336
1335
  tableRows: a = 8
1337
1336
  }) {
1338
- return r ? /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: r }) }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-gray-50 dark:bg-gray-950 p-6", children: /* @__PURE__ */ d("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
1337
+ return t ? /* @__PURE__ */ e("main", { className: "flex-1 bg-module p-6", children: /* @__PURE__ */ e("div", { className: "w-full max-w-6xl mx-auto animate-pulse", children: t }) }) : /* @__PURE__ */ e("main", { className: "flex-1 bg-module p-6", children: /* @__PURE__ */ d("div", { className: "w-full mx-auto space-y-6 animate-pulse", children: [
1339
1338
  !n && /* @__PURE__ */ d(Ee, { children: [
1340
- /* @__PURE__ */ e("div", { className: "h-6 bg-gray-200 dark:bg-gray-700 rounded w-1/4" }),
1339
+ /* @__PURE__ */ e("div", { className: "h-6 bg-neutral-container-emphasis rounded w-1/4" }),
1341
1340
  /* @__PURE__ */ d("div", { className: "space-y-2", children: [
1342
- /* @__PURE__ */ e("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4" }),
1343
- /* @__PURE__ */ e("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/2" })
1341
+ /* @__PURE__ */ e("div", { className: "h-4 bg-neutral-container-emphasis rounded w-3/4" }),
1342
+ /* @__PURE__ */ e("div", { className: "h-4 bg-neutral-container-emphasis rounded w-1/2" })
1344
1343
  ] })
1345
1344
  ] }),
1346
1345
  n && /* @__PURE__ */ d("div", { className: "rounded-lg overflow-hidden", children: [
1347
- /* @__PURE__ */ e("div", { className: `grid grid-cols-${t} gap-2 bg-gray-100 dark:bg-gray-800 p-3`, children: Array.from({ length: t }).map((s, c) => /* @__PURE__ */ e(
1346
+ /* @__PURE__ */ e("div", { className: `grid grid-cols-${r} gap-2 bg-neutral-container p-3`, children: Array.from({ length: r }).map((s, c) => /* @__PURE__ */ e(
1348
1347
  "div",
1349
1348
  {
1350
- className: "h-4 bg-gray-300 dark:bg-gray-600 rounded w-2/3"
1349
+ className: "h-4 bg-neutral-border-emphasis rounded w-2/3"
1351
1350
  },
1352
1351
  `header-${c}`
1353
1352
  )) }),
1354
1353
  Array.from({ length: a }).map((s, c) => /* @__PURE__ */ e(
1355
1354
  "div",
1356
1355
  {
1357
- className: `grid grid-cols-${t} gap-2 p-3 border-t border-gray-100 dark:border-gray-800`,
1358
- children: Array.from({ length: t }).map((h, b) => /* @__PURE__ */ e(
1356
+ className: `grid grid-cols-${r} gap-2 p-3 border-t border-neutral`,
1357
+ children: Array.from({ length: r }).map((h, g) => /* @__PURE__ */ e(
1359
1358
  "div",
1360
1359
  {
1361
- className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-full"
1360
+ className: "h-4 bg-neutral-container-emphasis rounded w-full"
1362
1361
  },
1363
- `cell-${c}-${b}`
1362
+ `cell-${c}-${g}`
1364
1363
  ))
1365
1364
  },
1366
1365
  `row-${c}`
@@ -1368,15 +1367,15 @@ function ir({
1368
1367
  ] })
1369
1368
  ] }) });
1370
1369
  }
1371
- const ur = ({
1372
- trigger: r,
1370
+ const ut = ({
1371
+ trigger: t,
1373
1372
  options: n,
1374
- value: t,
1373
+ value: r,
1375
1374
  onSelect: a,
1376
1375
  placement: s = "bottom-start",
1377
1376
  disabled: c = !1,
1378
1377
  className: h,
1379
- showCheck: b = !0,
1378
+ showCheck: g = !0,
1380
1379
  header: p
1381
1380
  }) => {
1382
1381
  const [y, u] = V(!1), [l, i] = V(null), [f, C] = V({ top: 0, left: 0 }), N = X(null), k = X(null), B = X(null), x = X(null);
@@ -1422,7 +1421,7 @@ const ur = ({
1422
1421
  }, 150) : i(null);
1423
1422
  }, E = (v, T, m) => {
1424
1423
  v.stopPropagation(), !T.disabled && !T.divider && (a?.(T.value, m), u(!1), i(null));
1425
- }, J = g(
1424
+ }, J = b(
1426
1425
  "absolute z-50 min-w-[200px] bg-white dark:bg-gray-800 rounded-md shadow-xs border border-gray-100 dark:border-gray-600",
1427
1426
  "max-h-60 overflow-auto",
1428
1427
  {
@@ -1431,7 +1430,7 @@ const ur = ({
1431
1430
  "bottom-full left-0 mb-2": s === "top-start",
1432
1431
  "bottom-full right-0 mb-2": s === "top-end"
1433
1432
  }
1434
- ), z = g(
1433
+ ), z = b(
1435
1434
  "fixed z-[60] min-w-[200px] bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-100 dark:border-gray-600",
1436
1435
  "max-h-60 overflow-auto"
1437
1436
  );
@@ -1439,7 +1438,7 @@ const ur = ({
1439
1438
  "div",
1440
1439
  {
1441
1440
  ref: N,
1442
- className: g(
1441
+ className: b(
1443
1442
  "relative flex flex-row items-center justify-center rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700",
1444
1443
  h
1445
1444
  ),
@@ -1450,10 +1449,10 @@ const ur = ({
1450
1449
  ref: k,
1451
1450
  onClick: q,
1452
1451
  disabled: c,
1453
- className: g("inline-flex items-center justify-center", {
1452
+ className: b("inline-flex items-center justify-center", {
1454
1453
  "opacity-50 cursor-not-allowed": c
1455
1454
  }),
1456
- children: r
1455
+ children: t
1457
1456
  }
1458
1457
  ),
1459
1458
  y && /* @__PURE__ */ e("div", { className: J, children: /* @__PURE__ */ d("div", { className: "p-2", children: [
@@ -1477,7 +1476,7 @@ const ur = ({
1477
1476
  onMouseEnter: () => H(v),
1478
1477
  onMouseLeave: () => F(v),
1479
1478
  disabled: v.disabled,
1480
- className: g(
1479
+ className: b(
1481
1480
  "w-full flex items-center justify-between px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",
1482
1481
  {
1483
1482
  "opacity-50 cursor-not-allowed": v.disabled,
@@ -1493,7 +1492,7 @@ const ur = ({
1493
1492
  ] })
1494
1493
  ] }),
1495
1494
  /* @__PURE__ */ d("div", { className: "flex items-center space-x-2", children: [
1496
- b && t === v.value && /* @__PURE__ */ e("span", { className: "h-4 w-4 text-green-600 flex-shrink-0 text-sm font-bold", children: "✓" }),
1495
+ g && r === v.value && /* @__PURE__ */ e("span", { className: "h-4 w-4 text-green-600 flex-shrink-0 text-sm font-bold", children: "✓" }),
1497
1496
  m && /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-gray-500 text-xs", children: "▶" })
1498
1497
  ] })
1499
1498
  ]
@@ -1525,9 +1524,9 @@ const ur = ({
1525
1524
  },
1526
1525
  `divider-${D}`
1527
1526
  );
1528
- const P = typeof t == "object" && t[v.value] && t[v.value].includes(
1527
+ const P = typeof r == "object" && r[v.value] && r[v.value].includes(
1529
1528
  L.value
1530
- ) || t === L.value;
1529
+ ) || r === L.value;
1531
1530
  return /* @__PURE__ */ d(
1532
1531
  "button",
1533
1532
  {
@@ -1537,7 +1536,7 @@ const ur = ({
1537
1536
  v.value
1538
1537
  ),
1539
1538
  disabled: L.disabled,
1540
- className: g(
1539
+ className: b(
1541
1540
  "w-full flex items-center justify-between px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",
1542
1541
  {
1543
1542
  "opacity-50 cursor-not-allowed": L.disabled
@@ -1551,7 +1550,7 @@ const ur = ({
1551
1550
  L.description && /* @__PURE__ */ e("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: L.description })
1552
1551
  ] })
1553
1552
  ] }),
1554
- b && P && /* @__PURE__ */ e("span", { className: "h-4 w-4 text-green-600 flex-shrink-0 text-sm font-bold", children: "✓" })
1553
+ g && P && /* @__PURE__ */ e("span", { className: "h-4 w-4 text-green-600 flex-shrink-0 text-sm font-bold", children: "✓" })
1555
1554
  ]
1556
1555
  },
1557
1556
  L.value
@@ -1576,7 +1575,7 @@ const ur = ({
1576
1575
  ]
1577
1576
  }
1578
1577
  );
1579
- }, mr = () => /* @__PURE__ */ e(
1578
+ }, mt = () => /* @__PURE__ */ e(
1580
1579
  "svg",
1581
1580
  {
1582
1581
  className: "h-4 w-4",
@@ -1593,12 +1592,12 @@ const ur = ({
1593
1592
  }
1594
1593
  )
1595
1594
  }
1596
- ), hr = ({ active: r }) => /* @__PURE__ */ e(
1595
+ ), ht = ({ active: t }) => /* @__PURE__ */ e(
1597
1596
  "svg",
1598
1597
  {
1599
- className: g(
1598
+ className: b(
1600
1599
  "h-3 w-3",
1601
- r ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-400"
1600
+ t ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-400"
1602
1601
  ),
1603
1602
  fill: "none",
1604
1603
  stroke: "currentColor",
@@ -1613,12 +1612,12 @@ const ur = ({
1613
1612
  }
1614
1613
  )
1615
1614
  }
1616
- ), fr = ({ active: r }) => /* @__PURE__ */ e(
1615
+ ), ft = ({ active: t }) => /* @__PURE__ */ e(
1617
1616
  "svg",
1618
1617
  {
1619
- className: g(
1618
+ className: b(
1620
1619
  "h-3 w-3",
1621
- r ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-400"
1620
+ t ? "text-neutral-900 dark:text-neutral-100" : "text-neutral-400"
1622
1621
  ),
1623
1622
  fill: "none",
1624
1623
  stroke: "currentColor",
@@ -1633,7 +1632,7 @@ const ur = ({
1633
1632
  }
1634
1633
  )
1635
1634
  }
1636
- ), pr = () => /* @__PURE__ */ e(
1635
+ ), pt = () => /* @__PURE__ */ e(
1637
1636
  "svg",
1638
1637
  {
1639
1638
  className: "h-4 w-4",
@@ -1650,7 +1649,7 @@ const ur = ({
1650
1649
  }
1651
1650
  )
1652
1651
  }
1653
- ), xr = () => /* @__PURE__ */ e(
1652
+ ), xt = () => /* @__PURE__ */ e(
1654
1653
  "svg",
1655
1654
  {
1656
1655
  className: "h-4 w-4",
@@ -1667,7 +1666,7 @@ const ur = ({
1667
1666
  }
1668
1667
  )
1669
1668
  }
1670
- ), gr = () => /* @__PURE__ */ e(
1669
+ ), bt = () => /* @__PURE__ */ e(
1671
1670
  "svg",
1672
1671
  {
1673
1672
  className: "h-4 w-4",
@@ -1684,7 +1683,7 @@ const ur = ({
1684
1683
  }
1685
1684
  )
1686
1685
  }
1687
- ), br = () => /* @__PURE__ */ e(
1686
+ ), gt = () => /* @__PURE__ */ e(
1688
1687
  "svg",
1689
1688
  {
1690
1689
  className: "h-4 w-4",
@@ -1718,62 +1717,62 @@ const ur = ({
1718
1717
  }
1719
1718
  )
1720
1719
  }
1721
- ), yr = (r) => {
1722
- const n = (a) => r.multiSelect && Array.isArray(r.value) ? r.value?.includes(a) : r.value === a, t = (a) => {
1723
- r.multiSelect && Array.isArray(r.value) ? r.onChange(r.value.filter((s) => s !== a)) : r.onChange(a);
1720
+ ), yt = (t) => {
1721
+ const n = (a) => t.multiSelect && Array.isArray(t.value) ? t.value?.includes(a) : t.value === a, r = (a) => {
1722
+ t.multiSelect && Array.isArray(t.value) ? t.onChange(t.value.filter((s) => s !== a)) : t.onChange(a);
1724
1723
  };
1725
- return r.type === "date" ? /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[160px]", children: /* @__PURE__ */ e(
1724
+ return t.type === "date" ? /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[160px]", children: /* @__PURE__ */ e(
1726
1725
  ye,
1727
1726
  {
1728
1727
  size: "sm",
1729
- value: r.value,
1730
- onChange: (a) => r.onChange(a),
1731
- placeholder: r.placeholder || `Select ${r.label.toLowerCase()}`,
1728
+ value: t.value,
1729
+ onChange: (a) => t.onChange(a),
1730
+ placeholder: t.placeholder || `Select ${t.label.toLowerCase()}`,
1732
1731
  className: "min-w-[160px] btn btn o__secondary"
1733
1732
  }
1734
1733
  ) }) : /* @__PURE__ */ e("div", { className: "flex items-center space-x-1 max-w-[240px]", children: /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ d("details", { className: "group", children: [
1735
- /* @__PURE__ */ d("summary", { className: "flex items-center space-x-2 cursor-pointer hover:bg-white rounded-full px-3 py-2 text-sm btn btn o__secondary", children: [
1736
- /* @__PURE__ */ e("span", { children: r.label }),
1737
- /* @__PURE__ */ e("span", { className: "text-gray-800", children: r.multiSelect && Array.isArray(r.value) ? r.value?.map(
1738
- (a) => r.options?.find((s) => s.value === a)?.label
1739
- ).join(", ") : r.options?.find((a) => a.value === r.value)?.label }),
1740
- /* @__PURE__ */ e("span", { className: "text-gray-500 text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(ze, {}) })
1734
+ /* @__PURE__ */ d("summary", { className: "flex items-center space-x-2 cursor-pointer rounded-full px-3 py-2 text-sm btn btn o__secondary", children: [
1735
+ /* @__PURE__ */ e("span", { children: t.label }),
1736
+ /* @__PURE__ */ e("span", { className: "text-default", children: t.multiSelect && Array.isArray(t.value) ? t.value?.map(
1737
+ (a) => t.options?.find((s) => s.value === a)?.label
1738
+ ).join(", ") : t.options?.find((a) => a.value === t.value)?.label }),
1739
+ /* @__PURE__ */ e("span", { className: "text-muted text-sm group-open:rotate-180 transition-transform", children: /* @__PURE__ */ e(ze, {}) })
1741
1740
  ] }),
1742
- /* @__PURE__ */ d("div", { className: "absolute z-10 left-0 mt-1 bg-white border border-gray-100 rounded-lg shadow-sm p-2 w-48", children: [
1743
- r.options?.map((a) => /* @__PURE__ */ e(
1741
+ /* @__PURE__ */ d("div", { className: "absolute z-10 left-0 mt-1 bg-module border border-neutral rounded-lg shadow-lvl-0 p-2 w-48", children: [
1742
+ t.options?.map((a) => /* @__PURE__ */ e(
1744
1743
  "button",
1745
1744
  {
1746
- className: "w-full text-left px-3 py-2 rounded-md hover:bg-gray-50 text-sm text-gray-700 flex items-center space-x-2",
1747
- onClick: () => t(a.value),
1745
+ className: "w-full text-left px-3 py-2 rounded-md hover:bg-module-subtle text-sm text-default flex items-center space-x-2",
1746
+ onClick: () => r(a.value),
1748
1747
  children: /* @__PURE__ */ e(
1749
1748
  "span",
1750
1749
  {
1751
- className: g(n(a.value) && "text-primary-500"),
1750
+ className: b(n(a.value) && "text-primary-500"),
1752
1751
  children: a.label
1753
1752
  }
1754
1753
  )
1755
1754
  },
1756
1755
  a.value
1757
1756
  )),
1758
- r.value && /* @__PURE__ */ e(
1757
+ t.value && /* @__PURE__ */ e(
1759
1758
  "button",
1760
1759
  {
1761
- className: "w-full text-left px-3 py-2 rounded-md hover:bg-gray-50 text-sm text-gray-700 flex items-center space-x-2 mt-2",
1762
- onClick: () => t(null),
1763
- children: /* @__PURE__ */ e("span", { className: "text-gray-400 dark:text-gray-600", children: "Clear filter" })
1760
+ className: "w-full text-left px-3 py-2 rounded-md hover:bg-module-subtle text-sm text-default flex items-center space-x-2 mt-2",
1761
+ onClick: () => r(null),
1762
+ children: /* @__PURE__ */ e("span", { className: "text-muted", children: "Clear filter" })
1764
1763
  }
1765
1764
  )
1766
1765
  ] })
1767
1766
  ] }) }) });
1768
1767
  }, Le = ({
1769
- data: r,
1768
+ data: t,
1770
1769
  columns: n,
1771
- loading: t = !1,
1770
+ loading: r = !1,
1772
1771
  searchable: a = !1,
1773
1772
  searchPlaceholder: s = "Search...",
1774
1773
  filters: c = [],
1775
1774
  paginated: h = !1,
1776
- pageSizeOptions: b = [10, 25, 50, 100],
1775
+ pageSizeOptions: g = [10, 25, 50, 100],
1777
1776
  defaultPageSize: p = 10,
1778
1777
  actions: y = [],
1779
1778
  onRowClick: u,
@@ -1795,7 +1794,7 @@ const ur = ({
1795
1794
  page: 0,
1796
1795
  pageSize: p
1797
1796
  }), T = X(null), m = ie(() => {
1798
- let o = r;
1797
+ let o = t;
1799
1798
  if (a && H.trim()) {
1800
1799
  const w = n.filter(
1801
1800
  (R) => R.searchable !== !1
@@ -1813,7 +1812,7 @@ const ur = ({
1813
1812
  return String(j || "") === w.value;
1814
1813
  }));
1815
1814
  }), o;
1816
- }, [r, H, n, a, c]), $ = ie(() => {
1815
+ }, [t, H, n, a, c]), $ = ie(() => {
1817
1816
  if (!E.column || !E.direction) return m;
1818
1817
  const o = n.find((w) => w.id === E.column);
1819
1818
  return o ? [...m].sort((w, _) => {
@@ -1834,7 +1833,7 @@ const ur = ({
1834
1833
  v((w) => ({ ...w, page: o }));
1835
1834
  }, []), M = ae((o) => {
1836
1835
  v({ page: 0, pageSize: o });
1837
- }, []), re = ae(
1836
+ }, []), te = ae(
1838
1837
  (o, w) => {
1839
1838
  if (!f) return;
1840
1839
  const _ = C(o, 0);
@@ -1864,41 +1863,41 @@ const ur = ({
1864
1863
  return i.some(
1865
1864
  (_, R) => C(_, R) === w
1866
1865
  );
1867
- }), te = g(
1866
+ }), re = b(
1868
1867
  "w-full text-sm leading-5 text-[var(--text-default)] border-collapse",
1869
1868
  q
1870
- ), U = g("bg-[var(--base-module)]"), le = g(
1869
+ ), U = b("bg-[var(--base-module)]"), le = b(
1871
1870
  "text-[var(--text-default)] dark:text-[var(--text-on-neutral)] p-3 border-b border-[var(--neutral-border)]"
1872
- ), he = g("h-12", {
1871
+ ), he = b("h-12", {
1873
1872
  "hover:bg-[var(--neutral-container)] dark:hover:bg-[var(--neutral-container-emphasis)]": k,
1874
1873
  "cursor-pointer": u
1875
1874
  });
1876
1875
  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
1877
1876
  (a || c.length > 0) && /* @__PURE__ */ e("div", { className: "pt-4 pb-2", children: /* @__PURE__ */ d("div", { className: "flex flex-wrap gap-4 items-start", children: [
1878
- c.map((o) => /* @__PURE__ */ e(yr, { ...o }, o.id)),
1877
+ c.map((o) => /* @__PURE__ */ e(yt, { ...o }, o.id)),
1879
1878
  /* @__PURE__ */ e("div", { className: "w-full sm:w-auto sm:ml-auto min-w-[200px]", children: /* @__PURE__ */ e(
1880
1879
  ue,
1881
1880
  {
1882
1881
  placeholder: s,
1883
1882
  value: H,
1884
1883
  onChange: (o) => F(o.target.value),
1885
- startIcon: /* @__PURE__ */ e(mr, {}),
1884
+ startIcon: /* @__PURE__ */ e(mt, {}),
1886
1885
  className: "max-w-sm"
1887
1886
  }
1888
1887
  ) })
1889
1888
  ] }) }),
1890
1889
  /* @__PURE__ */ d("div", { className: "relative w-full overflow-x-auto min-h-[400px]", children: [
1891
- t && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
1892
- ir,
1890
+ r && /* @__PURE__ */ e("div", { className: "flex items-center justify-center z-10", children: /* @__PURE__ */ e(
1891
+ it,
1893
1892
  {
1894
1893
  showTableSkeleton: !0,
1895
1894
  tableRows: 10,
1896
1895
  tableColumns: n.length
1897
1896
  }
1898
1897
  ) }),
1899
- /* @__PURE__ */ d("table", { ref: T, className: g(te, "min-w-full"), children: [
1898
+ /* @__PURE__ */ d("table", { ref: T, className: b(re, "min-w-full"), children: [
1900
1899
  /* @__PURE__ */ e("thead", { className: U, children: /* @__PURE__ */ d("tr", { children: [
1901
- l && /* @__PURE__ */ e("th", { className: g(le, "w-12"), children: /* @__PURE__ */ e(
1900
+ l && /* @__PURE__ */ e("th", { className: b(le, "w-12"), children: /* @__PURE__ */ e(
1902
1901
  "input",
1903
1902
  {
1904
1903
  type: "checkbox",
@@ -1910,10 +1909,10 @@ const ur = ({
1910
1909
  className: "rounded border-neutral-300 dark:border-neutral-600"
1911
1910
  }
1912
1911
  ) }),
1913
- !t && n.map((o) => /* @__PURE__ */ e(
1912
+ !r && n.map((o) => /* @__PURE__ */ e(
1914
1913
  "th",
1915
1914
  {
1916
- className: g(
1915
+ className: b(
1917
1916
  le,
1918
1917
  "font-semibold text-xs text-[var(--text-muted)] dark:text-[var(--text-muted)] uppercase tracking-wider",
1919
1918
  "group",
@@ -1922,8 +1921,8 @@ const ur = ({
1922
1921
  "text-center": o.align === "center",
1923
1922
  "text-right": o.align === "right",
1924
1923
  "cursor-pointer select-none": o.sortable,
1925
- "sticky left-0 bg-white dark:bg-neutral-900": o.sticky === "left",
1926
- "sticky right-0 bg-white dark:bg-neutral-900": o.sticky === "right"
1924
+ "sticky left-0 bg-module": o.sticky === "left",
1925
+ "sticky right-0 bg-module": o.sticky === "right"
1927
1926
  }
1928
1927
  ),
1929
1928
  style: { width: o.width },
@@ -1933,19 +1932,19 @@ const ur = ({
1933
1932
  o.sortable && /* @__PURE__ */ d(
1934
1933
  "div",
1935
1934
  {
1936
- className: g(
1935
+ className: b(
1937
1936
  "flex flex-col opacity-0 group-hover:opacity-100 transition-opacity",
1938
1937
  E.column === o.id && "opacity-100"
1939
1938
  ),
1940
1939
  children: [
1941
1940
  /* @__PURE__ */ e(
1942
- hr,
1941
+ ht,
1943
1942
  {
1944
1943
  active: E.column === o.id && E.direction === "asc"
1945
1944
  }
1946
1945
  ),
1947
1946
  /* @__PURE__ */ e(
1948
- fr,
1947
+ ft,
1949
1948
  {
1950
1949
  active: E.column === o.id && E.direction === "desc"
1951
1950
  }
@@ -1957,13 +1956,13 @@ const ur = ({
1957
1956
  },
1958
1957
  o.id
1959
1958
  )),
1960
- y.length > 0 && /* @__PURE__ */ e("th", { className: g(le, "w-20"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
1959
+ y.length > 0 && /* @__PURE__ */ e("th", { className: b(le, "w-20"), children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Actions" }) })
1961
1960
  ] }) }),
1962
- /* @__PURE__ */ e("tbody", { children: L.length === 0 || t ? !t && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
1961
+ /* @__PURE__ */ e("tbody", { children: L.length === 0 || r ? !r && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
1963
1962
  "td",
1964
1963
  {
1965
1964
  colSpan: n.length + (l ? 1 : 0) + (y.length > 0 ? 1 : 0),
1966
- className: g(
1965
+ className: b(
1967
1966
  le,
1968
1967
  "text-center py-8 text-neutral-500 dark:text-neutral-400"
1969
1968
  ),
@@ -1976,7 +1975,7 @@ const ur = ({
1976
1975
  return /* @__PURE__ */ d(
1977
1976
  "tr",
1978
1977
  {
1979
- className: g(
1978
+ className: b(
1980
1979
  he,
1981
1980
  { "bg-blue-50 dark:bg-blue-900/20": R },
1982
1981
  K?.(o, w)
@@ -1991,7 +1990,7 @@ const ur = ({
1991
1990
  type: "checkbox",
1992
1991
  checked: R,
1993
1992
  onChange: (j) => {
1994
- j.stopPropagation(), re(o, j.target.checked);
1993
+ j.stopPropagation(), te(o, j.target.checked);
1995
1994
  },
1996
1995
  className: "rounded border-neutral-300 dark:border-neutral-600"
1997
1996
  }
@@ -2001,12 +2000,12 @@ const ur = ({
2001
2000
  return /* @__PURE__ */ e(
2002
2001
  "td",
2003
2002
  {
2004
- className: g(le, {
2003
+ className: b(le, {
2005
2004
  "text-left": j.align === "left" || !j.align,
2006
2005
  "text-center": j.align === "center",
2007
2006
  "text-right": j.align === "right",
2008
- "sticky left-0 bg-white dark:bg-neutral-900": j.sticky === "left",
2009
- "sticky right-0 bg-white dark:bg-neutral-900": j.sticky === "right"
2007
+ "sticky left-0 bg-module": j.sticky === "left",
2008
+ "sticky right-0 bg-module": j.sticky === "right"
2010
2009
  }),
2011
2010
  children: j.cell ? j.cell(Y, o, w) : String(Y || "")
2012
2011
  },
@@ -2014,7 +2013,7 @@ const ur = ({
2014
2013
  );
2015
2014
  }),
2016
2015
  y.length > 0 && /* @__PURE__ */ e("td", { className: le, children: /* @__PURE__ */ e(
2017
- ur,
2016
+ ut,
2018
2017
  {
2019
2018
  trigger: /* @__PURE__ */ d("div", { className: "inline-flex items-center gap-1 px-2 py-1 text-sm text-neutral-600 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100", children: [
2020
2019
  /* @__PURE__ */ e("span", { children: "Options" }),
@@ -2061,7 +2060,7 @@ const ur = ({
2061
2060
  value: z.pageSize,
2062
2061
  onChange: (o) => M(Number(o.target.value)),
2063
2062
  className: "border border-[var(--neutral-border)] text-[var(--text-default)] dark:text-[var(--text-on-neutral)] rounded-md px-2 py-1 text-sm bg-[var(--base-input)] dark:bg-[var(--base-input)] w-16",
2064
- children: b.map((o) => /* @__PURE__ */ e("option", { value: o, children: o }, o))
2063
+ children: g.map((o) => /* @__PURE__ */ e("option", { value: o, children: o }, o))
2065
2064
  }
2066
2065
  )
2067
2066
  ] })
@@ -2075,7 +2074,7 @@ const ur = ({
2075
2074
  onClick: () => P(0),
2076
2075
  disabled: z.page === 0,
2077
2076
  iconOnly: !0,
2078
- children: /* @__PURE__ */ e(gr, {})
2077
+ children: /* @__PURE__ */ e(bt, {})
2079
2078
  }
2080
2079
  ),
2081
2080
  /* @__PURE__ */ e(
@@ -2086,7 +2085,7 @@ const ur = ({
2086
2085
  onClick: () => P(z.page - 1),
2087
2086
  disabled: z.page === 0,
2088
2087
  iconOnly: !0,
2089
- children: /* @__PURE__ */ e(pr, {})
2088
+ children: /* @__PURE__ */ e(pt, {})
2090
2089
  }
2091
2090
  ),
2092
2091
  /* @__PURE__ */ d("span", { className: "px-3 py-1 text-sm text-gray-500 dark:text-gray-400", children: [
@@ -2103,7 +2102,7 @@ const ur = ({
2103
2102
  onClick: () => P(z.page + 1),
2104
2103
  disabled: z.page >= S - 1,
2105
2104
  iconOnly: !0,
2106
- children: /* @__PURE__ */ e(xr, {})
2105
+ children: /* @__PURE__ */ e(xt, {})
2107
2106
  }
2108
2107
  ),
2109
2108
  /* @__PURE__ */ e(
@@ -2114,27 +2113,27 @@ const ur = ({
2114
2113
  onClick: () => P(S - 1),
2115
2114
  disabled: z.page >= S - 1,
2116
2115
  iconOnly: !0,
2117
- children: /* @__PURE__ */ e(br, {})
2116
+ children: /* @__PURE__ */ e(gt, {})
2118
2117
  }
2119
2118
  )
2120
2119
  ] })
2121
2120
  ] })
2122
2121
  ] });
2123
- }, vr = He(null), et = ({
2124
- items: r,
2122
+ }, vt = He(null), er = ({
2123
+ items: t,
2125
2124
  activeTab: n,
2126
- onTabChange: t,
2125
+ onTabChange: r,
2127
2126
  className: a
2128
2127
  }) => {
2129
- const [s, c] = V(r[0]?.id || ""), h = n || s, b = (p) => {
2130
- t ? t(p) : c(p);
2128
+ const [s, c] = V(t[0]?.id || ""), h = n || s, g = (p) => {
2129
+ r ? r(p) : c(p);
2131
2130
  };
2132
- return /* @__PURE__ */ e("div", { className: g("border-b border-neutral-200 dark:border-neutral-700", a), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: r.map((p) => /* @__PURE__ */ e(
2131
+ return /* @__PURE__ */ e("div", { className: b("border-b border-neutral-200 dark:border-neutral-700", a), children: /* @__PURE__ */ e("nav", { className: "-mb-px flex space-x-8", children: t.map((p) => /* @__PURE__ */ e(
2133
2132
  "button",
2134
2133
  {
2135
- onClick: () => !p.disabled && b(p.id),
2134
+ onClick: () => !p.disabled && g(p.id),
2136
2135
  disabled: p.disabled,
2137
- className: g(
2136
+ className: b(
2138
2137
  "border-b-2 py-2 px-1 text-sm font-medium transition-colors duration-200",
2139
2138
  {
2140
2139
  "border-primary text-primary": h === p.id,
@@ -2144,7 +2143,7 @@ const ur = ({
2144
2143
  ),
2145
2144
  children: /* @__PURE__ */ d("span", { className: "flex items-center gap-2", children: [
2146
2145
  p.label,
2147
- p.badge && /* @__PURE__ */ e("span", { className: g(
2146
+ p.badge && /* @__PURE__ */ e("span", { className: b(
2148
2147
  "inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium",
2149
2148
  h === p.id ? "bg-primary/10 text-primary" : "bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400"
2150
2149
  ), children: p.badge })
@@ -2152,23 +2151,23 @@ const ur = ({
2152
2151
  },
2153
2152
  p.id
2154
2153
  )) }) });
2155
- }, kr = ({
2156
- items: r,
2154
+ }, kt = ({
2155
+ items: t,
2157
2156
  defaultTab: n,
2158
- activeTab: t,
2157
+ activeTab: r,
2159
2158
  onTabChange: a,
2160
2159
  variant: s = "default",
2161
2160
  size: c = "md",
2162
2161
  className: h
2163
2162
  }) => {
2164
- const [b, p] = V(
2165
- n || t || r[0]?.id || ""
2166
- ), y = t || b, u = (N) => {
2163
+ const [g, p] = V(
2164
+ n || r || t[0]?.id || ""
2165
+ ), y = r || g, u = (N) => {
2167
2166
  a ? a(N) : p(N);
2168
2167
  }, l = {
2169
2168
  activeTab: y,
2170
2169
  setActiveTab: u
2171
- }, i = r.find((N) => N.id === y), f = g(
2170
+ }, i = t.find((N) => N.id === y), f = b(
2172
2171
  "flex",
2173
2172
  {
2174
2173
  "border-b border-neutral-200 dark:border-neutral-700 px-2": s === "default" || s === "underline",
@@ -2200,10 +2199,10 @@ const ur = ({
2200
2199
  "text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100": s === "pills",
2201
2200
  "border-transparent text-neutral-600 hover:text-neutral-900 hover:border-neutral-300 dark:text-neutral-400 dark:hover:text-neutral-100": s === "underline"
2202
2201
  } : {};
2203
- return g(B, x, q, K, H, F);
2202
+ return b(B, x, q, K, H, F);
2204
2203
  };
2205
- return /* @__PURE__ */ e(vr.Provider, { value: l, children: /* @__PURE__ */ d("div", { children: [
2206
- /* @__PURE__ */ e("div", { className: f, role: "tablist", children: r.map((N) => /* @__PURE__ */ e(
2204
+ return /* @__PURE__ */ e(vt.Provider, { value: l, children: /* @__PURE__ */ d("div", { children: [
2205
+ /* @__PURE__ */ e("div", { className: f, role: "tablist", children: t.map((N) => /* @__PURE__ */ e(
2207
2206
  "button",
2208
2207
  {
2209
2208
  type: "button",
@@ -2231,72 +2230,72 @@ const ur = ({
2231
2230
  }
2232
2231
  )
2233
2232
  ] }) });
2234
- }, Nr = {
2233
+ }, Nt = {
2235
2234
  sm: "max-w-md",
2236
2235
  md: "max-w-lg",
2237
2236
  lg: "max-w-2xl",
2238
2237
  xl: "max-w-4xl",
2239
2238
  full: "max-w-full mx-4"
2240
2239
  };
2241
- function wr({
2242
- open: r,
2240
+ function wt({
2241
+ open: t,
2243
2242
  onClose: n,
2244
- title: t,
2243
+ title: r,
2245
2244
  size: a = "md",
2246
2245
  closeOnBackdropClick: s = !0,
2247
2246
  closeOnEscape: c = !0,
2248
2247
  className: h,
2249
- backdropClassName: b,
2248
+ backdropClassName: g,
2250
2249
  children: p,
2251
2250
  footer: y,
2252
2251
  showCloseButton: u = !0
2253
2252
  }) {
2254
2253
  const l = X(null), i = X(null);
2255
2254
  G(() => {
2256
- if (!r || !c) return;
2255
+ if (!t || !c) return;
2257
2256
  const C = (N) => {
2258
2257
  N.key === "Escape" && n();
2259
2258
  };
2260
2259
  return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
2261
- }, [r, c, n]), G(() => (r ? (i.current = document.activeElement, l.current && l.current.focus(), document.body.style.overflow = "hidden") : (i.current && i.current.focus(), document.body.style.overflow = ""), () => {
2260
+ }, [t, c, n]), G(() => (t ? (i.current = document.activeElement, l.current && l.current.focus(), document.body.style.overflow = "hidden") : (i.current && i.current.focus(), document.body.style.overflow = ""), () => {
2262
2261
  document.body.style.overflow = "";
2263
- }), [r]);
2262
+ }), [t]);
2264
2263
  const f = (C) => {
2265
2264
  s && C.target === C.currentTarget && n();
2266
2265
  };
2267
- return r ? /* @__PURE__ */ e(
2266
+ return t ? /* @__PURE__ */ e(
2268
2267
  "div",
2269
2268
  {
2270
- className: g(
2269
+ className: b(
2271
2270
  "fixed inset-0 z-50 flex items-center justify-center p-4",
2272
2271
  "bg-black/20",
2273
2272
  // 'animate-fade-in',
2274
- b
2273
+ g
2275
2274
  ),
2276
2275
  onClick: f,
2277
2276
  children: /* @__PURE__ */ d(
2278
2277
  "div",
2279
2278
  {
2280
2279
  ref: l,
2281
- className: g(
2280
+ className: b(
2282
2281
  "relative w-full bg-white dark:bg-secondary-800 rounded-modal shadow-modal rounded-md",
2283
2282
  // 'animate-scale-in',
2284
2283
  "focus:outline-none",
2285
- Nr[a],
2284
+ Nt[a],
2286
2285
  h
2287
2286
  ),
2288
2287
  role: "dialog",
2289
2288
  "aria-modal": "true",
2290
- "aria-labelledby": t ? "modal-title" : void 0,
2289
+ "aria-labelledby": r ? "modal-title" : void 0,
2291
2290
  tabIndex: -1,
2292
2291
  children: [
2293
- (t || u) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between p-6 pb-0", children: [
2294
- t && /* @__PURE__ */ e(
2292
+ (r || u) && /* @__PURE__ */ d("div", { className: "flex items-center justify-between p-6 pb-0", children: [
2293
+ r && /* @__PURE__ */ e(
2295
2294
  "span",
2296
2295
  {
2297
2296
  id: "modal-title",
2298
2297
  className: "text-lg font-semibold text-secondary-800 dark:text-secondary-200",
2299
- children: t
2298
+ children: r
2300
2299
  }
2301
2300
  ),
2302
2301
  u && /* @__PURE__ */ e(
@@ -2318,32 +2317,32 @@ function wr({
2318
2317
  ) : null;
2319
2318
  }
2320
2319
  const Z = ({
2321
- variant: r = "body",
2320
+ variant: t = "body",
2322
2321
  size: n = "md",
2323
- weight: t = "normal",
2322
+ weight: r = "normal",
2324
2323
  color: a = "current",
2325
2324
  align: s = "left",
2326
2325
  truncate: c = !1,
2327
2326
  italic: h = !1,
2328
- underline: b = !1,
2327
+ underline: g = !1,
2329
2328
  lineHeight: p = "normal",
2330
2329
  as: y,
2331
2330
  className: u,
2332
2331
  children: l,
2333
2332
  ...i
2334
2333
  }) => {
2335
- const f = y || Cr(r), C = g(
2334
+ const f = y || Ct(t), C = b(
2336
2335
  // Base styles
2337
2336
  "font-primary",
2338
2337
  // Variant styles
2339
2338
  {
2340
- "leading-relaxed": r === "body",
2341
- "text-sm leading-tight": r === "caption",
2342
- "text-sm font-medium leading-none": r === "label",
2343
- "font-mono text-sm bg-neutral-100 dark:bg-neutral-800 px-1 py-0.5 rounded": r === "code"
2339
+ "leading-relaxed": t === "body",
2340
+ "text-sm leading-tight": t === "caption",
2341
+ "text-sm font-medium leading-none": t === "label",
2342
+ "font-mono text-sm bg-neutral-100 dark:bg-neutral-800 px-1 py-0.5 rounded": t === "code"
2344
2343
  },
2345
2344
  // Size variants (override variant sizes)
2346
- r !== "code" && {
2345
+ t !== "code" && {
2347
2346
  "text-xs": n === "xs",
2348
2347
  "text-sm": n === "sm",
2349
2348
  "text-base": n === "md",
@@ -2351,12 +2350,12 @@ const Z = ({
2351
2350
  "text-xl": n === "xl"
2352
2351
  },
2353
2352
  // Weight variants
2354
- r !== "label" && {
2355
- "font-light": t === "light",
2356
- "font-normal": t === "normal",
2357
- "font-medium": t === "medium",
2358
- "font-semibold": t === "semibold",
2359
- "font-bold": t === "bold"
2353
+ t !== "label" && {
2354
+ "font-light": r === "light",
2355
+ "font-normal": r === "normal",
2356
+ "font-medium": r === "medium",
2357
+ "font-semibold": r === "semibold",
2358
+ "font-bold": r === "bold"
2360
2359
  },
2361
2360
  // Color variants. Tekst-tonen lopen via de semantische `--text-*` tokens
2362
2361
  // (gedefinieerd voor light én dark in global.css) zodat ze matchen met de
@@ -2382,7 +2381,7 @@ const Z = ({
2382
2381
  "text-justify": s === "justify"
2383
2382
  },
2384
2383
  // Line height (override variant line heights)
2385
- r === "body" && {
2384
+ t === "body" && {
2386
2385
  "leading-tight": p === "tight",
2387
2386
  "leading-normal": p === "normal",
2388
2387
  "leading-relaxed": p === "relaxed"
@@ -2390,42 +2389,42 @@ const Z = ({
2390
2389
  // Text decorations
2391
2390
  {
2392
2391
  italic: h,
2393
- underline: b,
2392
+ underline: g,
2394
2393
  truncate: c
2395
2394
  },
2396
2395
  u
2397
2396
  );
2398
2397
  return /* @__PURE__ */ e(f, { className: C, ...i, children: l });
2399
2398
  };
2400
- function Cr(r) {
2399
+ function Ct(t) {
2401
2400
  return {
2402
2401
  body: "p",
2403
2402
  caption: "span",
2404
2403
  label: "span",
2405
2404
  code: "code"
2406
- }[r] || "p";
2405
+ }[t] || "p";
2407
2406
  }
2408
- const Sr = ({
2409
- value: r,
2407
+ const St = ({
2408
+ value: t,
2410
2409
  onChange: n,
2411
- label: t,
2410
+ label: r,
2412
2411
  placeholder: a = "Select or upload a file",
2413
2412
  error: s,
2414
2413
  disabled: c,
2415
2414
  accept: h,
2416
- onListFiles: b,
2415
+ onListFiles: g,
2417
2416
  onListMounts: p,
2418
2417
  onUploadFile: y,
2419
2418
  onDownloadFile: u,
2420
2419
  onRegisterFile: l
2421
2420
  }) => {
2422
2421
  const [i, f] = V(!1), [C, N] = V([]), [k, B] = V(null), [x, q] = V("/"), [K, H] = V([]), [F, E] = V(!1), [J, z] = V(""), [v, T] = V(
2423
- typeof r == "object" ? r : null
2422
+ typeof t == "object" ? t : null
2424
2423
  ), [m, $] = V(!1), [L, D] = V(""), P = X(null);
2425
2424
  G(() => {
2426
2425
  i && M();
2427
2426
  }, [i]), G(() => {
2428
- i && k && re();
2427
+ i && k && te();
2429
2428
  }, [i, k, x, J]);
2430
2429
  const M = async () => {
2431
2430
  E(!0);
@@ -2437,11 +2436,11 @@ const Sr = ({
2437
2436
  } finally {
2438
2437
  E(!1);
2439
2438
  }
2440
- }, re = async () => {
2439
+ }, te = async () => {
2441
2440
  if (k) {
2442
2441
  E(!0);
2443
2442
  try {
2444
- const o = await b?.({ mountId: k.id, name: J, path: x });
2443
+ const o = await g?.({ mountId: k.id, name: J, path: x });
2445
2444
  o?.data && H(o.data);
2446
2445
  } catch (o) {
2447
2446
  console.error("Failed to load files", o);
@@ -2508,7 +2507,7 @@ const Sr = ({
2508
2507
  mountId: k.id,
2509
2508
  providerKey: o,
2510
2509
  ownerId: "me"
2511
- }), await re()), $(!1), D("");
2510
+ }), await te()), $(!1), D("");
2512
2511
  } catch (o) {
2513
2512
  console.error("Failed to create folder", o);
2514
2513
  } finally {
@@ -2542,7 +2541,7 @@ const Sr = ({
2542
2541
  };
2543
2542
  }, [K, x]), Q = (o) => {
2544
2543
  q((w) => `${w}${o}/`);
2545
- }, te = () => {
2544
+ }, re = () => {
2546
2545
  const o = x.split("/").filter((w) => w !== "");
2547
2546
  o.pop(), o.length === 0 ? q("/") : q(`${o.join("/")}/`);
2548
2547
  }, U = ie(() => {
@@ -2571,7 +2570,7 @@ const Sr = ({
2571
2570
  color: w.type === "folder" ? "warning" : "secondary"
2572
2571
  }
2573
2572
  ),
2574
- /* @__PURE__ */ e("span", { className: g(w.type === "folder" && "font-medium"), children: o })
2573
+ /* @__PURE__ */ e("span", { className: b(w.type === "folder" && "font-medium"), children: o })
2575
2574
  ] })
2576
2575
  },
2577
2576
  {
@@ -2621,12 +2620,12 @@ const Sr = ({
2621
2620
  }
2622
2621
  ];
2623
2622
  return /* @__PURE__ */ d("div", { className: "space-y-1", children: [
2624
- t && /* @__PURE__ */ e(Z, { variant: "label", size: "sm", weight: "medium", children: t }),
2623
+ r && /* @__PURE__ */ e(Z, { variant: "label", size: "sm", weight: "medium", children: r }),
2625
2624
  /* @__PURE__ */ d(
2626
2625
  "div",
2627
2626
  {
2628
2627
  onClick: () => !c && f(!0),
2629
- className: g(
2628
+ className: b(
2630
2629
  "flex items-center gap-3 px-3 py-2 border rounded-lg cursor-pointer transition-colors",
2631
2630
  "hover:border-primary-400 bg-white dark:bg-secondary-800",
2632
2631
  s ? "border-error" : "border-neutral-200 dark:border-neutral-700",
@@ -2648,7 +2647,7 @@ const Sr = ({
2648
2647
  ),
2649
2648
  s && /* @__PURE__ */ e(Z, { variant: "body", size: "xs", className: "text-error", children: s }),
2650
2649
  /* @__PURE__ */ e(
2651
- wr,
2650
+ wt,
2652
2651
  {
2653
2652
  open: i,
2654
2653
  onClose: () => {
@@ -2657,7 +2656,7 @@ const Sr = ({
2657
2656
  title: k ? `Explorer: ${k.name}` : "Select Storage Mount",
2658
2657
  size: "lg",
2659
2658
  children: /* @__PURE__ */ e(
2660
- kr,
2659
+ kt,
2661
2660
  {
2662
2661
  variant: "pills",
2663
2662
  items: [
@@ -2672,7 +2671,7 @@ const Sr = ({
2672
2671
  variant: "ghost",
2673
2672
  size: "sm",
2674
2673
  onClick: () => {
2675
- x && x !== "/" ? te() : B(null);
2674
+ x && x !== "/" ? re() : B(null);
2676
2675
  },
2677
2676
  leftIcon: /* @__PURE__ */ e(oe, { icon: Ne, size: "xs" }),
2678
2677
  children: x ? "Back" : "Back to Mounts"
@@ -2772,7 +2771,7 @@ const Sr = ({
2772
2771
  " be uploaded to platform storage."
2773
2772
  ] }),
2774
2773
  /* @__PURE__ */ d("label", { className: "cursor-pointer", children: [
2775
- /* @__PURE__ */ d("div", { className: g(
2774
+ /* @__PURE__ */ d("div", { className: b(
2776
2775
  "inline-flex items-center justify-center font-medium rounded-lg transition-colors duration-200 px-6 py-3 text-base bg-primary text-white hover:bg-primary-600",
2777
2776
  F && "opacity-50 cursor-wait"
2778
2777
  ), children: [
@@ -2802,40 +2801,40 @@ const Sr = ({
2802
2801
  )
2803
2802
  ] });
2804
2803
  };
2805
- function Me(r, n) {
2804
+ function Me(t, n) {
2806
2805
  return n.split(".").reduce(
2807
- (t, a) => t && typeof t == "object" && a in t ? t[a] : void 0,
2808
- r
2806
+ (r, a) => r && typeof r == "object" && a in r ? r[a] : void 0,
2807
+ t
2809
2808
  );
2810
2809
  }
2811
- function Lr(r, n, t) {
2812
- const a = n.split("."), s = Array.isArray(r) ? [...r] : { ...r };
2810
+ function Lt(t, n, r) {
2811
+ const a = n.split("."), s = Array.isArray(t) ? [...t] : { ...t };
2813
2812
  let c = s;
2814
2813
  for (let h = 0; h < a.length - 1; h++) {
2815
- const b = a[h], p = c[b];
2816
- c[b] = p && typeof p == "object" ? Array.isArray(p) ? [...p] : { ...p } : {}, c = c[b];
2814
+ const g = a[h], p = c[g];
2815
+ c[g] = p && typeof p == "object" ? Array.isArray(p) ? [...p] : { ...p } : {}, c = c[g];
2817
2816
  }
2818
- return c[a[a.length - 1]] = t, s;
2817
+ return c[a[a.length - 1]] = r, s;
2819
2818
  }
2820
- function Mr(r, n) {
2821
- const t = n.split("."), a = Array.isArray(r) ? [...r] : { ...r };
2819
+ function Mt(t, n) {
2820
+ const r = n.split("."), a = Array.isArray(t) ? [...t] : { ...t };
2822
2821
  let s = a;
2823
- for (let c = 0; c < t.length - 1; c++) {
2824
- const h = t[c];
2822
+ for (let c = 0; c < r.length - 1; c++) {
2823
+ const h = r[c];
2825
2824
  if (!s[h] || typeof s[h] != "object") return a;
2826
2825
  s[h] = Array.isArray(s[h]) ? [...s[h]] : { ...s[h] }, s = s[h];
2827
2826
  }
2828
- return delete s[t[t.length - 1]], a;
2827
+ return delete s[r[r.length - 1]], a;
2829
2828
  }
2830
- const rt = ({
2831
- groups: r,
2829
+ const tr = ({
2830
+ groups: t,
2832
2831
  data: n,
2833
- onSubmit: t,
2832
+ onSubmit: r,
2834
2833
  onCancel: a,
2835
2834
  onChange: s,
2836
2835
  transform: c,
2837
2836
  validate: h,
2838
- submitButton: b = { label: "Submit", variant: "primary" },
2837
+ submitButton: g = { label: "Submit", variant: "primary" },
2839
2838
  cancelButton: p = { label: "Cancel", variant: "outline" },
2840
2839
  showButtons: y = !0,
2841
2840
  layout: u = "vertical",
@@ -2851,7 +2850,7 @@ const rt = ({
2851
2850
  }, [n]);
2852
2851
  const F = ae(
2853
2852
  (m, $, L) => {
2854
- const D = r.flatMap((P) => P.items).find((P) => P.name === m);
2853
+ const D = t.flatMap((P) => P.items).find((P) => P.name === m);
2855
2854
  if (!D) return null;
2856
2855
  if (D.required && ($ == null || $ === ""))
2857
2856
  return `${D.label} is required`;
@@ -2863,14 +2862,14 @@ const rt = ({
2863
2862
  if (Array.isArray($) && D.arrayFields) {
2864
2863
  const P = [];
2865
2864
  let M = !1;
2866
- if ($.forEach((re, ne) => {
2865
+ if ($.forEach((te, ne) => {
2867
2866
  const W = {};
2868
2867
  for (const S of D.arrayFields) {
2869
- const I = re?.[S.name];
2868
+ const I = te?.[S.name];
2870
2869
  if (S.required && (I == null || I === ""))
2871
2870
  W[S.name] = `${S.label} is required`, M = !0;
2872
2871
  else if (S.validator) {
2873
- const O = S.validator(I, re);
2872
+ const O = S.validator(I, te);
2874
2873
  O && (W[S.name] = O, M = !0);
2875
2874
  }
2876
2875
  }
@@ -2881,26 +2880,26 @@ const rt = ({
2881
2880
  }
2882
2881
  return D.validator ? D.validator($, L) : null;
2883
2882
  },
2884
- [r]
2883
+ [t]
2885
2884
  ), E = ae(
2886
2885
  (m, $) => {
2887
- let L = Lr(
2886
+ let L = Lt(
2888
2887
  k,
2889
2888
  m,
2890
2889
  $
2891
2890
  );
2892
- r.flatMap((M) => M.items).find((M) => M.name === m)?.removeIfEmpty && ($ == null || $ === "") && (L = Mr(L, m)), B(L), H((M) => ({ ...M, [m]: !0 }));
2891
+ t.flatMap((M) => M.items).find((M) => M.name === m)?.removeIfEmpty && ($ == null || $ === "") && (L = Mt(L, m)), B(L), H((M) => ({ ...M, [m]: !0 }));
2893
2892
  const P = F(m, $, L);
2894
2893
  q((M) => ({
2895
2894
  ...M,
2896
2895
  [m]: P || ""
2897
2896
  })), s?.(L, m);
2898
2897
  },
2899
- [k, r, F, s]
2898
+ [k, t, F, s]
2900
2899
  ), J = ae(
2901
2900
  async (m) => {
2902
2901
  if (console.log("handleSubmit"), m.preventDefault(), i) return;
2903
- const $ = {}, L = r.flatMap((P) => P.items);
2902
+ const $ = {}, L = t.flatMap((P) => P.items);
2904
2903
  for (const P of L) {
2905
2904
  if (P.hidden || P.conditional && !P.conditional(k))
2906
2905
  continue;
@@ -2918,9 +2917,9 @@ const rt = ({
2918
2917
  if (q($), console.log("newErrors", $), Object.keys($).some((P) => $[P]))
2919
2918
  return;
2920
2919
  const D = c ? c(k) : k;
2921
- await t?.(k, D);
2920
+ await r?.(k, D);
2922
2921
  },
2923
- [k, r, F, h, c, t, i]
2922
+ [k, t, F, h, c, r, i]
2924
2923
  ), z = ae(
2925
2924
  (m) => {
2926
2925
  const $ = Me(k, m.name), L = K[m.name] ? x[m.name] : void 0, D = m.disabled || i, P = {
@@ -2978,7 +2977,7 @@ const rt = ({
2978
2977
  );
2979
2978
  case "checkbox":
2980
2979
  return /* @__PURE__ */ e(
2981
- be,
2980
+ ge,
2982
2981
  {
2983
2982
  ...P,
2984
2983
  checked: !!$,
@@ -3014,7 +3013,7 @@ const rt = ({
3014
3013
  );
3015
3014
  case "file":
3016
3015
  return /* @__PURE__ */ e(
3017
- Sr,
3016
+ St,
3018
3017
  {
3019
3018
  ...P,
3020
3019
  value: $,
@@ -3054,10 +3053,10 @@ const rt = ({
3054
3053
  });
3055
3054
  case "array": {
3056
3055
  const M = $ || [];
3057
- let re = [];
3056
+ let te = [];
3058
3057
  if (typeof L == "string" && L.startsWith("["))
3059
3058
  try {
3060
- re = JSON.parse(L);
3059
+ te = JSON.parse(L);
3061
3060
  } catch {
3062
3061
  }
3063
3062
  const ne = () => {
@@ -3092,7 +3091,7 @@ const rt = ({
3092
3091
  }
3093
3092
  ) }),
3094
3093
  /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: m.arrayFields?.map((A) => {
3095
- const Q = re?.[O]?.[A.name];
3094
+ const Q = te?.[O]?.[A.name];
3096
3095
  return /* @__PURE__ */ d(
3097
3096
  "div",
3098
3097
  {
@@ -3111,7 +3110,7 @@ const rt = ({
3111
3110
  }
3112
3111
  ) }),
3113
3112
  (() => {
3114
- const te = {
3113
+ const re = {
3115
3114
  value: I?.[A.name] || "",
3116
3115
  disabled: D,
3117
3116
  required: A.required,
@@ -3128,7 +3127,7 @@ const rt = ({
3128
3127
  return /* @__PURE__ */ e(
3129
3128
  ue,
3130
3129
  {
3131
- ...te,
3130
+ ...re,
3132
3131
  onChange: (U) => S(
3133
3132
  O,
3134
3133
  A.name,
@@ -3144,7 +3143,7 @@ const rt = ({
3144
3143
  return /* @__PURE__ */ e(
3145
3144
  ke,
3146
3145
  {
3147
- ...te,
3146
+ ...re,
3148
3147
  onChange: (U) => S(
3149
3148
  O,
3150
3149
  A.name,
@@ -3159,7 +3158,7 @@ const rt = ({
3159
3158
  return /* @__PURE__ */ e(
3160
3159
  ve,
3161
3160
  {
3162
- ...te,
3161
+ ...re,
3163
3162
  onChange: (U) => S(
3164
3163
  O,
3165
3164
  A.name,
@@ -3180,9 +3179,9 @@ const rt = ({
3180
3179
  );
3181
3180
  case "checkbox":
3182
3181
  return /* @__PURE__ */ e(
3183
- be,
3182
+ ge,
3184
3183
  {
3185
- ...te,
3184
+ ...re,
3186
3185
  checked: !!I?.[A.name],
3187
3186
  onChange: (U) => S(
3188
3187
  O,
@@ -3224,7 +3223,7 @@ const rt = ({
3224
3223
  return /* @__PURE__ */ e(
3225
3224
  ye,
3226
3225
  {
3227
- ...te,
3226
+ ...re,
3228
3227
  value: U ? new Date(U) : null,
3229
3228
  onChange: (le) => S(
3230
3229
  O,
@@ -3300,7 +3299,7 @@ const rt = ({
3300
3299
  return null;
3301
3300
  const $ = m.items.filter((D) => !(D.hidden || D.conditional && !D.conditional(k)));
3302
3301
  if ($.length === 0) return null;
3303
- const L = g(
3302
+ const L = b(
3304
3303
  "space-y-2",
3305
3304
  {
3306
3305
  "grid gap-2": m.layout === "grid",
@@ -3343,7 +3342,7 @@ const rt = ({
3343
3342
  /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: L, children: $.map((D) => (K[D.name] && x[D.name], /* @__PURE__ */ d(
3344
3343
  "div",
3345
3344
  {
3346
- className: g(
3345
+ className: b(
3347
3346
  "space-y-1",
3348
3347
  D.width && typeof D.width == "string" && `w-[${D.width}]`,
3349
3348
  D.width && typeof D.width == "number" && `col-span-${D.width}`
@@ -3372,7 +3371,7 @@ const rt = ({
3372
3371
  );
3373
3372
  },
3374
3373
  [k, K, x, z]
3375
- ), T = g(
3374
+ ), T = b(
3376
3375
  "space-y-6",
3377
3376
  {
3378
3377
  "max-w-md": l === "sm",
@@ -3383,8 +3382,8 @@ const rt = ({
3383
3382
  f
3384
3383
  );
3385
3384
  return /* @__PURE__ */ d("form", { ref: C, onSubmit: J, className: T, children: [
3386
- /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(v) }),
3387
- y && /* @__PURE__ */ d("div", { className: g("flex gap-3 justify-end pt-8"), children: [
3385
+ /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(v) }),
3386
+ y && /* @__PURE__ */ d("div", { className: b("flex gap-3 justify-end pt-8"), children: [
3388
3387
  a && /* @__PURE__ */ e(
3389
3388
  ee,
3390
3389
  {
@@ -3401,73 +3400,73 @@ const rt = ({
3401
3400
  ee,
3402
3401
  {
3403
3402
  type: "submit",
3404
- variant: b.variant,
3405
- size: b.size || l,
3406
- disabled: b.disabled || i,
3403
+ variant: g.variant,
3404
+ size: g.size || l,
3405
+ disabled: g.disabled || i,
3407
3406
  loading: i,
3408
- className: b.className,
3409
- children: b.label
3407
+ className: g.className,
3408
+ children: g.label
3410
3409
  }
3411
3410
  )
3412
3411
  ] })
3413
3412
  ] });
3414
- }, Er = {
3415
- default: "bg-secondary-100 text-secondary-800 dark:bg-secondary-800 dark:text-secondary-200",
3416
- primary: "bg-primary-100 text-primary-800 dark:bg-primary-900 dark:text-primary-200",
3417
- secondary: "bg-secondary-100 text-secondary-800 dark:bg-secondary-800 dark:text-secondary-200",
3418
- success: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200",
3419
- warning: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200",
3420
- error: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200",
3421
- info: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200"
3422
- }, $r = {
3413
+ }, Et = {
3414
+ default: "bg-neutral-container text-default",
3415
+ primary: "bg-accent-container text-accent",
3416
+ secondary: "bg-neutral-container text-muted",
3417
+ success: "bg-success-container text-success",
3418
+ warning: "bg-notice-container text-on-notice",
3419
+ error: "bg-error-container text-error",
3420
+ info: "bg-beta-container text-link"
3421
+ }, $t = {
3423
3422
  sm: "px-2 py-0.5 text-xs",
3424
3423
  md: "px-2.5 py-1 text-sm",
3425
3424
  lg: "px-3 py-1.5 text-base"
3426
- }, zr = {
3427
- default: "bg-secondary-400",
3428
- primary: "bg-primary-500",
3429
- secondary: "bg-secondary-400",
3430
- success: "bg-green-500",
3431
- warning: "bg-yellow-500",
3432
- error: "bg-red-500",
3433
- info: "bg-blue-500"
3425
+ }, zt = {
3426
+ default: "bg-neutral-fill",
3427
+ primary: "bg-accent-fill",
3428
+ secondary: "bg-neutral-fill",
3429
+ success: "bg-success-fill",
3430
+ warning: "bg-notice-fill",
3431
+ error: "bg-error-fill",
3432
+ info: "bg-beta-fill"
3434
3433
  };
3435
- function tt({
3436
- variant: r = "default",
3434
+ function rr({
3435
+ variant: t = "default",
3437
3436
  size: n = "md",
3438
- dot: t = !1,
3437
+ dot: r = !1,
3439
3438
  icon: a,
3440
3439
  dismissible: s = !1,
3441
3440
  onDismiss: c,
3442
3441
  className: h,
3443
- children: b,
3442
+ children: g,
3444
3443
  ...p
3445
3444
  }) {
3446
3445
  return /* @__PURE__ */ d(
3447
3446
  "span",
3448
3447
  {
3449
- className: g(
3448
+ className: b(
3450
3449
  // Base styles
3451
3450
  "inline-flex items-center font-medium rounded-full",
3452
3451
  // Variant styles
3453
- Er[r],
3452
+ Et[t],
3454
3453
  // Size styles
3455
- $r[n],
3454
+ $t[n],
3456
3455
  h
3457
3456
  ),
3458
3457
  ...p,
3459
3458
  children: [
3460
- t && /* @__PURE__ */ e(
3459
+ r && /* @__PURE__ */ e(
3461
3460
  "span",
3462
3461
  {
3463
- className: g(
3462
+ className: b(
3464
3463
  "w-2 h-2 rounded-full mr-1.5",
3465
- zr[r]
3464
+ zt[t]
3466
3465
  )
3467
3466
  }
3468
3467
  ),
3469
- a && /* @__PURE__ */ e("span", { className: g("flex-shrink-0", b && "mr-1"), children: a }),
3470
- b,
3468
+ a && /* @__PURE__ */ e("span", { className: b("flex-shrink-0", g && "mr-1"), children: a }),
3469
+ g,
3471
3470
  s && c && /* @__PURE__ */ e(
3472
3471
  "button",
3473
3472
  {
@@ -3488,28 +3487,28 @@ function tt({
3488
3487
  }
3489
3488
  );
3490
3489
  }
3491
- const Dr = {
3490
+ const Dt = {
3492
3491
  xs: "h-3 w-3",
3493
3492
  sm: "h-4 w-4",
3494
3493
  md: "h-6 w-6",
3495
3494
  lg: "h-8 w-8",
3496
3495
  xl: "h-12 w-12"
3497
- }, Tr = {
3496
+ }, Tt = {
3498
3497
  primary: "text-primary",
3499
3498
  secondary: "text-secondary-600",
3500
3499
  white: "text-white",
3501
3500
  current: "text-current"
3502
- }, Ar = {
3501
+ }, At = {
3503
3502
  xs: "text-xs",
3504
3503
  sm: "text-sm",
3505
3504
  md: "text-sm",
3506
3505
  lg: "text-base",
3507
3506
  xl: "text-lg"
3508
3507
  };
3509
- function at({
3510
- size: r = "md",
3508
+ function ar({
3509
+ size: t = "md",
3511
3510
  variant: n = "primary",
3512
- label: t = "Loading...",
3511
+ label: r = "Loading...",
3513
3512
  showLabel: a = !1,
3514
3513
  className: s,
3515
3514
  ...c
@@ -3517,7 +3516,7 @@ function at({
3517
3516
  return /* @__PURE__ */ d(
3518
3517
  "div",
3519
3518
  {
3520
- className: g(
3519
+ className: b(
3521
3520
  "inline-flex items-center",
3522
3521
  a ? "flex-col space-y-2" : "",
3523
3522
  s
@@ -3527,10 +3526,10 @@ function at({
3527
3526
  /* @__PURE__ */ d(
3528
3527
  "svg",
3529
3528
  {
3530
- className: g(
3529
+ className: b(
3531
3530
  "animate-spin",
3532
- Dr[r],
3533
- Tr[n]
3531
+ Dt[t],
3532
+ Tt[n]
3534
3533
  ),
3535
3534
  fill: "none",
3536
3535
  viewBox: "0 0 24 24",
@@ -3562,27 +3561,27 @@ function at({
3562
3561
  a && /* @__PURE__ */ e(
3563
3562
  "span",
3564
3563
  {
3565
- className: g(
3564
+ className: b(
3566
3565
  "text-secondary-600 dark:text-secondary-400",
3567
- Ar[r]
3566
+ At[t]
3568
3567
  ),
3569
- children: t
3568
+ children: r
3570
3569
  }
3571
3570
  ),
3572
- !a && /* @__PURE__ */ e("span", { className: "sr-only", children: t })
3571
+ !a && /* @__PURE__ */ e("span", { className: "sr-only", children: r })
3573
3572
  ]
3574
3573
  }
3575
3574
  );
3576
3575
  }
3577
- const nt = ({
3578
- src: r,
3576
+ const nr = ({
3577
+ src: t,
3579
3578
  alt: n,
3580
- size: t = "md",
3579
+ size: r = "md",
3581
3580
  aspectRatio: a = "auto",
3582
3581
  radius: s = "md",
3583
3582
  showLoading: c = !0,
3584
3583
  showError: h = !0,
3585
- fallback: b,
3584
+ fallback: g,
3586
3585
  loadingContent: p,
3587
3586
  errorContent: y,
3588
3587
  className: u,
@@ -3590,24 +3589,24 @@ const nt = ({
3590
3589
  onError: i,
3591
3590
  ...f
3592
3591
  }) => {
3593
- const [C, N] = V(!0), [k, B] = V(!1), [x, q] = V(r), K = (T) => {
3592
+ const [C, N] = V(!0), [k, B] = V(!1), [x, q] = V(t), K = (T) => {
3594
3593
  N(!1), B(!1), l?.(T);
3595
3594
  }, H = (T) => {
3596
- if (N(!1), B(!0), b && x !== b) {
3597
- q(b), B(!1), N(!0);
3595
+ if (N(!1), B(!0), g && x !== g) {
3596
+ q(g), B(!1), N(!0);
3598
3597
  return;
3599
3598
  }
3600
3599
  i?.(T);
3601
- }, F = g(
3600
+ }, F = b(
3602
3601
  "relative overflow-hidden bg-neutral-100 dark:bg-neutral-800",
3603
3602
  // Size variants
3604
3603
  {
3605
- "w-8 h-8": t === "xs",
3606
- "w-12 h-12": t === "sm",
3607
- "w-16 h-16": t === "md",
3608
- "w-24 h-24": t === "lg",
3609
- "w-32 h-32": t === "xl",
3610
- "w-full h-full": t === "full"
3604
+ "w-8 h-8": r === "xs",
3605
+ "w-12 h-12": r === "sm",
3606
+ "w-16 h-16": r === "md",
3607
+ "w-24 h-24": r === "lg",
3608
+ "w-32 h-32": r === "xl",
3609
+ "w-full h-full": r === "full"
3611
3610
  },
3612
3611
  // Aspect ratio variants
3613
3612
  {
@@ -3626,13 +3625,13 @@ const nt = ({
3626
3625
  "rounded-full": s === "full"
3627
3626
  },
3628
3627
  u
3629
- ), E = g(
3628
+ ), E = b(
3630
3629
  "w-full h-full object-cover transition-opacity duration-200",
3631
3630
  {
3632
3631
  "opacity-0": C || k,
3633
3632
  "opacity-100": !C && !k
3634
3633
  }
3635
- ), J = g(
3634
+ ), J = b(
3636
3635
  "absolute inset-0 flex items-center justify-center",
3637
3636
  "text-neutral-400 dark:text-neutral-500"
3638
3637
  ), z = /* @__PURE__ */ e("div", { className: "animate-pulse", children: /* @__PURE__ */ e("div", { className: "w-6 h-6 bg-neutral-300 dark:bg-neutral-600 rounded" }) }), v = /* @__PURE__ */ d("div", { className: "text-center", children: [
@@ -3671,47 +3670,47 @@ const nt = ({
3671
3670
  C && c && /* @__PURE__ */ e("div", { className: J, children: p || z }),
3672
3671
  k && h && /* @__PURE__ */ e("div", { className: J, children: y || v })
3673
3672
  ] });
3674
- }, lt = ({
3675
- title: r,
3673
+ }, lr = ({
3674
+ title: t,
3676
3675
  subtitle: n,
3677
- actions: t = [],
3676
+ actions: r = [],
3678
3677
  children: a,
3679
3678
  className: s,
3680
3679
  backLabel: c = "Back",
3681
3680
  backClassName: h,
3682
- onBack: b,
3681
+ onBack: g,
3683
3682
  editable: p = !1,
3684
3683
  onTitleChange: y
3685
3684
  }) => {
3686
- const [u, l] = V(!1), [i, f] = V(r), C = X(null);
3685
+ const [u, l] = V(!1), [i, f] = V(t), C = X(null);
3687
3686
  G(() => {
3688
- f(r);
3689
- }, [r]), G(() => {
3687
+ f(t);
3688
+ }, [t]), G(() => {
3690
3689
  u && C.current && (C.current.focus(), C.current.select());
3691
3690
  }, [u]);
3692
3691
  const N = () => {
3693
3692
  p && l(!0);
3694
3693
  }, k = () => {
3695
- l(!1), i.trim() !== "" && i !== r && y ? y(i.trim()) : f(r);
3694
+ l(!1), i.trim() !== "" && i !== t && y ? y(i.trim()) : f(t);
3696
3695
  }, B = (x) => {
3697
- x.key === "Enter" ? C.current?.blur() : x.key === "Escape" && (f(r), l(!1));
3696
+ x.key === "Enter" ? C.current?.blur() : x.key === "Escape" && (f(t), l(!1));
3698
3697
  };
3699
3698
  return /* @__PURE__ */ d(
3700
3699
  "div",
3701
3700
  {
3702
- className: g(
3701
+ className: b(
3703
3702
  "p-5 pb-3 border-b border-gray-100 dark:border-gray-700",
3704
3703
  s
3705
3704
  ),
3706
3705
  children: [
3707
3706
  /* @__PURE__ */ d("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
3708
3707
  /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2 text-neutral-900 dark:text-neutral-100", children: [
3709
- b && /* @__PURE__ */ e(
3708
+ g && /* @__PURE__ */ e(
3710
3709
  "button",
3711
3710
  {
3712
3711
  type: "button",
3713
- onClick: b,
3714
- className: g(
3712
+ onClick: g,
3713
+ className: b(
3715
3714
  "flex items-center text-sm dark:hover:text-neutral-300 cursor-pointer transition",
3716
3715
  h
3717
3716
  ),
@@ -3733,16 +3732,16 @@ const nt = ({
3733
3732
  "h2",
3734
3733
  {
3735
3734
  onClick: N,
3736
- className: g(
3735
+ className: b(
3737
3736
  "text-2xl font-semibold truncate",
3738
3737
  p && "cursor-pointer hover:text-blue-600 dark:hover:text-blue-400 transition-colors"
3739
3738
  ),
3740
3739
  title: p ? "Klik om te bewerken" : void 0,
3741
- children: r
3740
+ children: t
3742
3741
  }
3743
3742
  )
3744
3743
  ] }) }),
3745
- t.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: t.map(
3744
+ r.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap sm:flex-nowrap gap-2 sm:gap-3", children: r.map(
3746
3745
  (x) => x.splitOptions && x.splitOptions.length > 0 ? /* @__PURE__ */ e(
3747
3746
  $e,
3748
3747
  {
@@ -3762,7 +3761,7 @@ const nt = ({
3762
3761
  q.stopPropagation(), q.target.blur(), x.onClick();
3763
3762
  },
3764
3763
  disabled: x.disabled,
3765
- className: g("btn", {
3764
+ className: b("btn", {
3766
3765
  o__primary: x.variant === "primary",
3767
3766
  o__secondary: x.variant === "secondary" || x.variant === "outline",
3768
3767
  o__ghost: x.variant === "ghost",
@@ -3781,13 +3780,13 @@ const nt = ({
3781
3780
  ]
3782
3781
  }
3783
3782
  );
3784
- }, st = ({
3785
- actions: r = [],
3783
+ }, sr = ({
3784
+ actions: t = [],
3786
3785
  onBack: n,
3787
- backLabel: t = "Back",
3786
+ backLabel: r = "Back",
3788
3787
  className: a,
3789
3788
  children: s
3790
- }) => /* @__PURE__ */ d("div", { className: g("flex items-center gap-2 mb-3", a), children: [
3789
+ }) => /* @__PURE__ */ d("div", { className: b("flex items-center gap-2 mb-3", a), children: [
3791
3790
  n && /* @__PURE__ */ d(
3792
3791
  "button",
3793
3792
  {
@@ -3796,12 +3795,12 @@ const nt = ({
3796
3795
  className: "flex items-center gap-1 text-sm text-neutral-700 dark:text-neutral-300 hover:text-neutral-900 dark:hover:text-neutral-100 cursor-pointer transition px-2 py-1 rounded",
3797
3796
  children: [
3798
3797
  /* @__PURE__ */ e(Ne, { size: 16 }),
3799
- /* @__PURE__ */ e("span", { children: t })
3798
+ /* @__PURE__ */ e("span", { children: r })
3800
3799
  ]
3801
3800
  }
3802
3801
  ),
3803
3802
  s && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: s }),
3804
- r.length > 0 && /* @__PURE__ */ e("div", { className: g("flex flex-wrap gap-2", !s && "ml-auto"), children: r.map(
3803
+ t.length > 0 && /* @__PURE__ */ e("div", { className: b("flex flex-wrap gap-2", !s && "ml-auto"), children: t.map(
3805
3804
  (c) => c.splitOptions && c.splitOptions.length > 0 ? /* @__PURE__ */ e(
3806
3805
  $e,
3807
3806
  {
@@ -3821,7 +3820,7 @@ const nt = ({
3821
3820
  h.stopPropagation(), h.target.blur(), c.onClick();
3822
3821
  },
3823
3822
  disabled: c.disabled,
3824
- className: g("btn", {
3823
+ className: b("btn", {
3825
3824
  o__primary: c.variant === "primary",
3826
3825
  o__secondary: c.variant === "secondary" || c.variant === "outline",
3827
3826
  o__ghost: c.variant === "ghost",
@@ -3836,16 +3835,16 @@ const nt = ({
3836
3835
  )
3837
3836
  ) })
3838
3837
  ] });
3839
- function Ir(r, n) {
3838
+ function It(t, n) {
3840
3839
  return n.split(".").reduce(
3841
- (t, a) => t && typeof t == "object" && a in t ? t[a] : void 0,
3842
- r
3840
+ (r, a) => r && typeof r == "object" && a in r ? r[a] : void 0,
3841
+ t
3843
3842
  );
3844
3843
  }
3845
- const ot = ({
3846
- groups: r,
3844
+ const or = ({
3845
+ groups: t,
3847
3846
  data: n,
3848
- size: t = "md",
3847
+ size: r = "md",
3849
3848
  className: a
3850
3849
  }) => {
3851
3850
  const s = (u) => {
@@ -3863,9 +3862,9 @@ const ot = ({
3863
3862
  if (!l) return String(u || "-");
3864
3863
  const i = l.find((f) => f.value === u);
3865
3864
  return i ? i.label : String(u || "-");
3866
- }, b = ae(
3865
+ }, g = ae(
3867
3866
  (u) => {
3868
- const l = Ir(n, u.name);
3867
+ const l = It(n, u.name);
3869
3868
  if (u.type === "array") {
3870
3869
  const f = l;
3871
3870
  return !f || f.length === 0 ? /* @__PURE__ */ e(
@@ -4011,7 +4010,7 @@ const ot = ({
4011
4010
  return null;
4012
4011
  const l = u.items.filter((f) => !(f.hidden || f.conditional && !f.conditional(n)));
4013
4012
  if (l.length === 0) return null;
4014
- const i = g(
4013
+ const i = b(
4015
4014
  "space-y-4",
4016
4015
  {
4017
4016
  "grid gap-4": u.layout === "grid",
@@ -4054,7 +4053,7 @@ const ot = ({
4054
4053
  /* @__PURE__ */ e("div", { className: "md:col-span-2", children: /* @__PURE__ */ e("div", { className: i, children: l.map((f) => /* @__PURE__ */ d(
4055
4054
  "div",
4056
4055
  {
4057
- className: g(
4056
+ className: b(
4058
4057
  "space-y-1",
4059
4058
  f.width && typeof f.width == "string" && `w-[${f.width}]`,
4060
4059
  f.width && typeof f.width == "number" && `col-span-${f.width}`
@@ -4069,7 +4068,7 @@ const ot = ({
4069
4068
  children: f.label
4070
4069
  }
4071
4070
  ),
4072
- b(f)
4071
+ g(f)
4073
4072
  ]
4074
4073
  },
4075
4074
  f.name
@@ -4079,91 +4078,91 @@ const ot = ({
4079
4078
  u.id
4080
4079
  );
4081
4080
  },
4082
- [n, b]
4083
- ), y = g(
4081
+ [n, g]
4082
+ ), y = b(
4084
4083
  "space-y-6",
4085
4084
  {
4086
- "max-w-md": t === "sm",
4087
- "max-w-2xl": t === "md",
4088
- "max-w-4xl": t === "lg",
4089
- "max-w-full": t === "full"
4085
+ "max-w-md": r === "sm",
4086
+ "max-w-2xl": r === "md",
4087
+ "max-w-4xl": r === "lg",
4088
+ "max-w-full": r === "full"
4090
4089
  },
4091
4090
  a
4092
4091
  );
4093
- return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: r.map(p) }) });
4094
- }, De = ({ item: r, isSelectedHandler: n, onClick: t }) => {
4095
- const [a, s] = V(!1), c = r.children && r.children.length > 0, h = () => {
4092
+ return /* @__PURE__ */ e("div", { className: y, children: /* @__PURE__ */ e("div", { className: "space-y-8", children: t.map(p) }) });
4093
+ }, De = ({ item: t, isSelectedHandler: n, onClick: r }) => {
4094
+ const [a, s] = V(!1), c = t.children && t.children.length > 0, h = () => {
4096
4095
  c && s(!a);
4097
- }, b = n ? n(r.path) : !1;
4096
+ }, g = n ? n(t.path) : !1;
4098
4097
  return /* @__PURE__ */ d("li", { children: [
4099
4098
  /* @__PURE__ */ d(
4100
4099
  "div",
4101
4100
  {
4102
- className: g(
4101
+ className: b(
4103
4102
  "flex flex-row w-full py-1 rounded-lg items-center h-8 transition-colors cursor-pointer px-3 pr-1 no-underline text-sm",
4104
4103
  {
4105
- "active-nav-item": b && !c,
4106
- "shadow-lvl-0": b && !c,
4107
- "font-semibold": b || c || r.children !== void 0
4104
+ "active-nav-item": g && !c,
4105
+ "shadow-lvl-0": g && !c,
4106
+ "font-semibold": g || c || t.children !== void 0
4108
4107
  }
4109
4108
  ),
4110
4109
  onClick: () => {
4111
- c ? h() : r.path && t?.(r.path);
4110
+ c ? h() : t.path && r?.(t.path);
4112
4111
  },
4113
4112
  children: [
4114
- r.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: r.icon }),
4115
- /* @__PURE__ */ e("span", { className: "flex-1", children: r.label }),
4116
- r.count !== void 0 && r.count > 0 && /* @__PURE__ */ e("span", { className: "ml-2 mr-1.5", children: r.count }),
4117
- c && /* @__PURE__ */ e("span", { className: `${a ? "collapsed" : ""}`, children: /* @__PURE__ */ e(Re, { className: "w-4 h-4 text-gray-300" }) })
4113
+ t.icon && /* @__PURE__ */ e("span", { className: "mr-2", children: t.icon }),
4114
+ /* @__PURE__ */ e("span", { className: "flex-1", children: t.label }),
4115
+ t.count !== void 0 && t.count > 0 && /* @__PURE__ */ e("span", { className: "ml-2 mr-1.5", children: t.count }),
4116
+ c && /* @__PURE__ */ e("span", { className: `${a ? "collapsed" : ""}`, children: /* @__PURE__ */ e(Re, { className: "w-4 h-4 text-muted" }) })
4118
4117
  ]
4119
4118
  }
4120
4119
  ),
4121
- c && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: r.children?.map((p, y) => /* @__PURE__ */ e(
4120
+ c && !a && /* @__PURE__ */ e("ul", { className: "sidebar-menu-nested-items mb-1", children: t.children?.map((p, y) => /* @__PURE__ */ e(
4122
4121
  De,
4123
4122
  {
4124
4123
  item: p,
4125
4124
  isSelectedHandler: n,
4126
- onClick: t
4125
+ onClick: r
4127
4126
  },
4128
4127
  y
4129
4128
  )) })
4130
4129
  ] });
4131
- }, ct = ({
4132
- title: r,
4130
+ }, cr = ({
4131
+ title: t,
4133
4132
  actionIcons: n,
4134
- items: t,
4133
+ items: r,
4135
4134
  isSelectedHandler: a,
4136
4135
  onClick: s,
4137
4136
  preMenuItemsComponent: c
4138
4137
  }) => /* @__PURE__ */ d("div", { className: "flex flex-col h-screen mb-6", children: [
4139
4138
  /* @__PURE__ */ d("div", { className: "sidebar-menu-header", children: [
4140
- /* @__PURE__ */ e("span", { className: "text-xl font-semibold text-gray-800 mb-2", children: r }),
4141
- /* @__PURE__ */ e("div", { className: "sidebar-menu-actions", children: n?.map((h, b) => /* @__PURE__ */ e("span", { className: "sidebar-menu-action-icon", children: h }, b)) })
4139
+ /* @__PURE__ */ e("span", { className: "text-xl font-semibold text-default mb-2", children: t }),
4140
+ /* @__PURE__ */ e("div", { className: "sidebar-menu-actions", children: n?.map((h, g) => /* @__PURE__ */ e("span", { className: "sidebar-menu-action-icon", children: h }, g)) })
4142
4141
  ] }),
4143
4142
  c && /* @__PURE__ */ e("div", { className: "sidebar-menu-pre-items mb-4", children: c }),
4144
- /* @__PURE__ */ e("ul", { children: t.map(
4145
- (h, b) => !h.path && !h.label && !h.children ? /* @__PURE__ */ e("span", { className: "flex w-full h-4" }, b) : /* @__PURE__ */ e(
4143
+ /* @__PURE__ */ e("ul", { children: r.map(
4144
+ (h, g) => !h.path && !h.label && !h.children ? /* @__PURE__ */ e("span", { className: "flex w-full h-4" }, g) : /* @__PURE__ */ e(
4146
4145
  De,
4147
4146
  {
4148
4147
  item: h,
4149
4148
  isSelectedHandler: a,
4150
4149
  onClick: s
4151
4150
  },
4152
- b
4151
+ g
4153
4152
  )
4154
4153
  ) })
4155
- ] }), dt = ({
4156
- level: r = 1,
4154
+ ] }), dr = ({
4155
+ level: t = 1,
4157
4156
  size: n,
4158
- weight: t = "bold",
4157
+ weight: r = "bold",
4159
4158
  color: a = "current",
4160
4159
  align: s = "left",
4161
4160
  truncate: c = !1,
4162
4161
  className: h,
4163
- children: b,
4162
+ children: g,
4164
4163
  ...p
4165
4164
  }) => {
4166
- const y = n || jr(r), u = g(
4165
+ const y = n || jt(t), u = b(
4167
4166
  "font-primary",
4168
4167
  // Size variants
4169
4168
  {
@@ -4178,11 +4177,11 @@ const ot = ({
4178
4177
  },
4179
4178
  // Weight variants
4180
4179
  {
4181
- "font-light": t === "light",
4182
- "font-normal": t === "normal",
4183
- "font-medium": t === "medium",
4184
- "font-semibold": t === "semibold",
4185
- "font-bold": t === "bold"
4180
+ "font-light": r === "light",
4181
+ "font-normal": r === "normal",
4182
+ "font-medium": r === "medium",
4183
+ "font-semibold": r === "semibold",
4184
+ "font-bold": r === "bold"
4186
4185
  },
4187
4186
  // Color variants — semantische `--text-*` tokens (light+dark) net als Text/Table.
4188
4187
  {
@@ -4207,10 +4206,10 @@ const ot = ({
4207
4206
  truncate: c
4208
4207
  },
4209
4208
  h
4210
- ), l = `h${r}`;
4211
- return /* @__PURE__ */ e(l, { className: u, ...p, children: b });
4209
+ ), l = `h${t}`;
4210
+ return /* @__PURE__ */ e(l, { className: u, ...p, children: g });
4212
4211
  };
4213
- function jr(r) {
4212
+ function jt(t) {
4214
4213
  return {
4215
4214
  1: "4xl",
4216
4215
  2: "3xl",
@@ -4218,30 +4217,30 @@ function jr(r) {
4218
4217
  4: "xl",
4219
4218
  5: "lg",
4220
4219
  6: "md"
4221
- }[r] || "md";
4220
+ }[t] || "md";
4222
4221
  }
4223
- const it = ({
4224
- items: r,
4222
+ const ir = ({
4223
+ items: t,
4225
4224
  type: n = "unordered",
4226
- variant: t = "default",
4225
+ variant: r = "default",
4227
4226
  size: a = "md",
4228
4227
  interactive: s = !1,
4229
4228
  className: c,
4230
4229
  itemClassName: h
4231
4230
  }) => {
4232
- const b = g(
4231
+ const g = b(
4233
4232
  // Base styles
4234
4233
  "space-y-1",
4235
4234
  // Variant styles
4236
4235
  {
4237
4236
  // Default - basic spacing
4238
- "": t === "default",
4237
+ "": r === "default",
4239
4238
  // Flush - no padding
4240
- "space-y-0": t === "flush",
4239
+ "space-y-0": r === "flush",
4241
4240
  // Bordered - border around entire list
4242
- "border border-neutral-200 dark:border-neutral-700 rounded-lg overflow-hidden": t === "bordered",
4241
+ "border border-neutral-200 dark:border-neutral-700 rounded-lg overflow-hidden": r === "bordered",
4243
4242
  // Divided - borders between items
4244
- "divide-y divide-neutral-200 dark:divide-neutral-700": t === "divided"
4243
+ "divide-y divide-neutral-200 dark:divide-neutral-700": r === "divided"
4245
4244
  },
4246
4245
  // Size variants
4247
4246
  {
@@ -4250,14 +4249,14 @@ const it = ({
4250
4249
  "text-lg": a === "lg"
4251
4250
  },
4252
4251
  c
4253
- ), p = (l, i) => g(
4252
+ ), p = (l, i) => b(
4254
4253
  // Base item styles
4255
4254
  "transition-colors duration-200",
4256
4255
  // Size-based padding
4257
4256
  {
4258
- "py-1 px-2": a === "sm" && (t === "bordered" || t === "divided"),
4259
- "py-2 px-3": a === "md" && (t === "bordered" || t === "divided"),
4260
- "py-3 px-4": a === "lg" && (t === "bordered" || t === "divided")
4257
+ "py-1 px-2": a === "sm" && (r === "bordered" || r === "divided"),
4258
+ "py-2 px-3": a === "md" && (r === "bordered" || r === "divided"),
4259
+ "py-3 px-4": a === "lg" && (r === "bordered" || r === "divided")
4261
4260
  },
4262
4261
  // Interactive styles
4263
4262
  s && !l.disabled && {
@@ -4274,7 +4273,7 @@ const it = ({
4274
4273
  }, u = (l, i) => {
4275
4274
  s && !i.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i.onClick?.());
4276
4275
  };
4277
- return n === "ordered" ? /* @__PURE__ */ e("ol", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
4276
+ return n === "ordered" ? /* @__PURE__ */ e("ol", { className: g, children: t.map((l, i) => /* @__PURE__ */ e(
4278
4277
  "li",
4279
4278
  {
4280
4279
  className: p(l),
@@ -4285,7 +4284,7 @@ const it = ({
4285
4284
  children: l.content
4286
4285
  },
4287
4286
  l.id || i
4288
- )) }) : n === "description" ? /* @__PURE__ */ e("dl", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
4287
+ )) }) : n === "description" ? /* @__PURE__ */ e("dl", { className: g, children: t.map((l, i) => /* @__PURE__ */ e(
4289
4288
  "div",
4290
4289
  {
4291
4290
  className: p(l),
@@ -4296,7 +4295,7 @@ const it = ({
4296
4295
  children: l.content
4297
4296
  },
4298
4297
  l.id || i
4299
- )) }) : /* @__PURE__ */ e("ul", { className: b, children: r.map((l, i) => /* @__PURE__ */ e(
4298
+ )) }) : /* @__PURE__ */ e("ul", { className: g, children: t.map((l, i) => /* @__PURE__ */ e(
4300
4299
  "li",
4301
4300
  {
4302
4301
  className: p(l),
@@ -4308,24 +4307,24 @@ const it = ({
4308
4307
  },
4309
4308
  l.id || i
4310
4309
  )) });
4311
- }, ut = ({
4312
- commands: r,
4310
+ }, ur = ({
4311
+ commands: t,
4313
4312
  isOpen: n,
4314
- onClose: t,
4313
+ onClose: r,
4315
4314
  labels: a,
4316
4315
  initialCommandPath: s,
4317
4316
  initialActiveIndex: c
4318
4317
  }) => {
4319
- const [h, b] = V(""), [p, y] = V(s || []), [u, l] = V(c || 0), i = X(null), f = X(null), N = (p.length ? r.find((k) => k.id === p[0])?.subCommands || [] : r).filter(
4318
+ const [h, g] = V(""), [p, y] = V(s || []), [u, l] = V(c || 0), i = X(null), f = X(null), N = (p.length ? t.find((k) => k.id === p[0])?.subCommands || [] : t).filter(
4320
4319
  (k) => k.label.toLowerCase().includes(h.toLowerCase())
4321
4320
  );
4322
4321
  return G(() => {
4323
- n || (b(""), y(s || []), l(c || 0));
4322
+ n || (g(""), y(s || []), l(c || 0));
4324
4323
  }, [n]), G(() => {
4325
4324
  const k = (B) => {
4326
4325
  if (n) {
4327
4326
  if (B.key === "Escape")
4328
- t();
4327
+ r();
4329
4328
  else if (B.key === "ArrowUp")
4330
4329
  l(
4331
4330
  (x) => x > 0 ? x - 1 : N.length - 1
@@ -4336,17 +4335,17 @@ const it = ({
4336
4335
  );
4337
4336
  else if (B.key === "Enter") {
4338
4337
  const x = N[u];
4339
- x && (x.subCommands ? (y([...p, x.id]), l(0)) : x.action && (x.action(), t()));
4338
+ x && (x.subCommands ? (y([...p, x.id]), l(0)) : x.action && (x.action(), r()));
4340
4339
  }
4341
4340
  }
4342
4341
  };
4343
4342
  return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
4344
- }, [n, t, N, u, p]), G(() => {
4343
+ }, [n, r, N, u, p]), G(() => {
4345
4344
  const k = (B) => {
4346
- i.current && !i.current.contains(B.target) && t();
4345
+ i.current && !i.current.contains(B.target) && r();
4347
4346
  };
4348
4347
  return n && document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k);
4349
- }, [n, t]), G(() => {
4348
+ }, [n, r]), G(() => {
4350
4349
  if (!n) return;
4351
4350
  f.current?.querySelector(`[data-index="${u}"]`)?.scrollIntoView({ block: "nearest" });
4352
4351
  }, [u, n]), n ? /* @__PURE__ */ e("div", { className: "fixed inset-0 z-50 flex items-center justify-center shadow-lvl-0", children: /* @__PURE__ */ d(
@@ -4361,7 +4360,7 @@ const it = ({
4361
4360
  type: "text",
4362
4361
  placeholder: a?.searchPlaceholder || "Search commands...",
4363
4362
  value: h,
4364
- onChange: (k) => b(k.target.value),
4363
+ onChange: (k) => g(k.target.value),
4365
4364
  className: "w-full px-4 py-2 text-gray-800 border-none border-b border-gray-200 focus:outline-none focus:ring-0 rounded-lg bg-transparent flex-shrink-0"
4366
4365
  }
4367
4366
  ),
@@ -4378,7 +4377,7 @@ const it = ({
4378
4377
  "data-index": B,
4379
4378
  className: `flex items-center p-2 cursor-pointer rounded-md text-secondary-800 ${B === u ? "bg-gray-100" : ""}`,
4380
4379
  onClick: () => {
4381
- k.subCommands ? (y([...p, k.id]), l(0)) : k.action && (k.action(), t());
4380
+ k.subCommands ? (y([...p, k.id]), l(0)) : k.action && (k.action(), r());
4382
4381
  },
4383
4382
  onMouseEnter: () => l(B),
4384
4383
  children: [
@@ -4412,7 +4411,7 @@ const it = ({
4412
4411
  ]
4413
4412
  }
4414
4413
  ) }) : null;
4415
- }, Br = {
4414
+ }, Bt = {
4416
4415
  none: "p-0",
4417
4416
  xs: "p-1",
4418
4417
  sm: "p-2",
@@ -4420,7 +4419,7 @@ const it = ({
4420
4419
  lg: "p-6",
4421
4420
  xl: "p-8",
4422
4421
  "2xl": "p-12"
4423
- }, Pr = {
4422
+ }, Pt = {
4424
4423
  none: "m-0",
4425
4424
  xs: "m-1",
4426
4425
  sm: "m-2",
@@ -4428,7 +4427,7 @@ const it = ({
4428
4427
  lg: "m-6",
4429
4428
  xl: "m-8",
4430
4429
  "2xl": "m-12"
4431
- }, _r = {
4430
+ }, _t = {
4432
4431
  none: "",
4433
4432
  primary: "bg-primary",
4434
4433
  secondary: "bg-secondary",
@@ -4439,27 +4438,31 @@ const it = ({
4439
4438
  info: "bg-info",
4440
4439
  neutral: "bg-neutral",
4441
4440
  white: "bg-white",
4442
- module: "bg-module"
4443
- }, Or = {
4441
+ module: "bg-module",
4442
+ "module-subtle": "bg-module-subtle",
4443
+ backdrop: "bg-backdrop",
4444
+ editor: "bg-editor",
4445
+ input: "bg-input"
4446
+ }, Ot = {
4444
4447
  none: "rounded-none",
4445
4448
  sm: "rounded-sm",
4446
4449
  md: "rounded-md",
4447
4450
  lg: "rounded-lg",
4448
4451
  xl: "rounded-xl",
4449
4452
  full: "rounded-full"
4450
- }, Vr = {
4453
+ }, Vt = {
4451
4454
  none: "shadow-none",
4452
4455
  sm: "shadow-sm shadow-lvl-0",
4453
4456
  md: "shadow-md shadow-lvl-0",
4454
4457
  lg: "shadow-lg shadow-lvl-0",
4455
4458
  xl: "shadow-xl shadow-lvl-0",
4456
4459
  "2xl": "shadow-2xl shadow-lvl-0"
4457
- }, Fr = {
4460
+ }, Ft = {
4458
4461
  none: "border-0",
4459
4462
  sm: "border",
4460
4463
  md: "border-2",
4461
4464
  lg: "border-4"
4462
- }, Wr = {
4465
+ }, Wt = {
4463
4466
  primary: "border-primary",
4464
4467
  secondary: "border-secondary",
4465
4468
  accent: "border-accent",
@@ -4471,29 +4474,29 @@ const it = ({
4471
4474
  white: "border-white"
4472
4475
  }, Te = ce(
4473
4476
  ({
4474
- padding: r,
4477
+ padding: t,
4475
4478
  margin: n,
4476
- background: t,
4479
+ background: r,
4477
4480
  radius: a,
4478
4481
  shadow: s,
4479
4482
  border: c,
4480
4483
  borderColor: h,
4481
- className: b,
4484
+ className: g,
4482
4485
  children: p,
4483
4486
  ...y
4484
4487
  }, u) => /* @__PURE__ */ e(
4485
4488
  "div",
4486
4489
  {
4487
4490
  ref: u,
4488
- className: g(
4489
- r && Br[r],
4490
- n && Pr[n],
4491
- t && _r[t],
4492
- a && Or[a],
4493
- s && Vr[s],
4494
- c && Fr[c],
4495
- h && Wr[h],
4496
- b
4491
+ className: b(
4492
+ t && Bt[t],
4493
+ n && Pt[n],
4494
+ r && _t[r],
4495
+ a && Ot[a],
4496
+ s && Vt[s],
4497
+ c && Ft[c],
4498
+ h && Wt[h],
4499
+ g
4497
4500
  ),
4498
4501
  ...y,
4499
4502
  children: p
@@ -4501,19 +4504,19 @@ const it = ({
4501
4504
  )
4502
4505
  );
4503
4506
  Te.displayName = "Box";
4504
- const mt = ({ children: r, title: n, ...t }) => /* @__PURE__ */ d(Te, { background: "module", radius: "xl", shadow: "sm", ...t, children: [
4505
- n && /* @__PURE__ */ e("span", { className: "text-base font-medium text-gray-800 mb-2", children: n }),
4506
- r
4507
+ const mr = ({ children: t, title: n, ...r }) => /* @__PURE__ */ d(Te, { background: "module", radius: "xl", shadow: "sm", ...r, children: [
4508
+ n && /* @__PURE__ */ e("span", { className: "text-base font-medium text-default mb-2", children: n }),
4509
+ t
4507
4510
  ] });
4508
- function ht({
4509
- identifier: r,
4511
+ function hr({
4512
+ identifier: t,
4510
4513
  resourceLoader: n,
4511
- framework: t = "react",
4514
+ framework: r = "react",
4512
4515
  fallback: a,
4513
4516
  componentProps: s,
4514
4517
  className: c
4515
4518
  }) {
4516
- const h = X(null), [b, p] = V(!0), [y, u] = V(null), l = X(null);
4519
+ const h = X(null), [g, p] = V(!0), [y, u] = V(null), l = X(null);
4517
4520
  return X(null), G(() => {
4518
4521
  let i = !0;
4519
4522
  return (async () => {
@@ -4522,20 +4525,20 @@ function ht({
4522
4525
  const C = await n();
4523
4526
  if (!i) return;
4524
4527
  const N = C.component || C.default || C;
4525
- u(t === "react" ? () => N : () => C);
4528
+ u(r === "react" ? () => N : () => C);
4526
4529
  } catch (C) {
4527
- console.error(`[FederatedResource] Load failed: ${r}`, C);
4530
+ console.error(`[FederatedResource] Load failed: ${t}`, C);
4528
4531
  } finally {
4529
4532
  i && p(!1);
4530
4533
  }
4531
4534
  })(), () => {
4532
4535
  i = !1;
4533
4536
  };
4534
- }, [r, n]), G(() => {
4535
- if (b || !y || t === "react") return;
4537
+ }, [t, n]), G(() => {
4538
+ if (g || !y || r === "react") return;
4536
4539
  const i = h.current;
4537
4540
  if (i) {
4538
- if (t === "svelte") {
4541
+ if (r === "svelte") {
4539
4542
  const f = y.default || y, C = new f({ target: i, props: s || {} });
4540
4543
  return l.current = C, () => C.$destroy();
4541
4544
  }
@@ -4546,14 +4549,14 @@ function ht({
4546
4549
  };
4547
4550
  }
4548
4551
  }
4549
- }, [y, t, b]), G(() => {
4550
- t === "svelte" && l.current && l.current.$set?.(s);
4551
- }, [s, t]), /* @__PURE__ */ d("div", { ref: h, className: c, style: { display: "contents" }, children: [
4552
- b && a,
4553
- t === "react" && y && /* @__PURE__ */ e(y, { ...s })
4552
+ }, [y, r, g]), G(() => {
4553
+ r === "svelte" && l.current && l.current.$set?.(s);
4554
+ }, [s, r]), /* @__PURE__ */ d("div", { ref: h, className: c, style: { display: "contents" }, children: [
4555
+ g && a,
4556
+ r === "react" && y && /* @__PURE__ */ e(y, { ...s })
4554
4557
  ] });
4555
4558
  }
4556
- class ft extends Ue {
4559
+ class fr extends Ue {
4557
4560
  constructor() {
4558
4561
  super(...arguments), this.state = {
4559
4562
  hasError: !1,
@@ -4563,8 +4566,8 @@ class ft extends Ue {
4563
4566
  static getDerivedStateFromError(n) {
4564
4567
  return { hasError: !0, error: n };
4565
4568
  }
4566
- componentDidCatch(n, t) {
4567
- console.error(`[ErrorBoundary] Error in ${this.props.name || "Component"}:`, n, t);
4569
+ componentDidCatch(n, r) {
4570
+ console.error(`[ErrorBoundary] Error in ${this.props.name || "Component"}:`, n, r);
4568
4571
  }
4569
4572
  render() {
4570
4573
  return this.state.hasError ? this.props.fallback ? this.props.fallback : /* @__PURE__ */ d("div", { className: "p-4 m-4 border border-red-200 bg-red-50 rounded-lg", children: [
@@ -4582,45 +4585,45 @@ class ft extends Ue {
4582
4585
  }
4583
4586
  }
4584
4587
  export {
4585
- tt as Badge,
4588
+ rr as Badge,
4586
4589
  Te as Box,
4587
4590
  ee as Button,
4588
- Xr as ButtonGroup,
4589
- mt as Card,
4590
- be as Checkbox,
4591
- ut as CommandPalette,
4592
- ir as ContentLoading,
4591
+ Xt as ButtonGroup,
4592
+ mr as Card,
4593
+ ge as Checkbox,
4594
+ ur as CommandPalette,
4595
+ it as ContentLoading,
4593
4596
  ye as DatePicker,
4594
- ur as Dropdown,
4595
- ft as ErrorBoundary,
4596
- ht as FederatedResource,
4597
- rt as Form,
4598
- dt as Heading,
4597
+ ut as Dropdown,
4598
+ fr as ErrorBoundary,
4599
+ hr as FederatedResource,
4600
+ tr as Form,
4601
+ dr as Heading,
4599
4602
  oe as Icon,
4600
- nt as Image,
4601
- Qr as Link,
4602
- it as List,
4603
- Jr as MeetingGrid,
4604
- wr as Modal,
4605
- lt as PageHeader,
4606
- st as PageToolbar,
4607
- Yr as ParticipantTile,
4608
- lr as SearchableTextField,
4603
+ nr as Image,
4604
+ Qt as Link,
4605
+ ir as List,
4606
+ Jt as MeetingGrid,
4607
+ wt as Modal,
4608
+ lr as PageHeader,
4609
+ sr as PageToolbar,
4610
+ Yt as ParticipantTile,
4611
+ lt as SearchableTextField,
4609
4612
  ve as Select,
4610
- ct as SidebarMenu,
4611
- at as Spinner,
4613
+ cr as SidebarMenu,
4614
+ ar as Spinner,
4612
4615
  $e as SplitButton,
4613
- Sr as StorageInput,
4614
- et as TabBar,
4616
+ St as StorageInput,
4617
+ er as TabBar,
4615
4618
  Le as Table,
4616
- kr as Tabs,
4619
+ kt as Tabs,
4617
4620
  Z as Text,
4618
4621
  ke as TextArea,
4619
4622
  ue as TextField,
4620
- Zr as VideoSurface,
4621
- ot as View,
4622
- g as cn,
4623
- Kr as createSizes,
4624
- Gr as createVariants
4623
+ Zt as VideoSurface,
4624
+ or as View,
4625
+ b as cn,
4626
+ Kt as createSizes,
4627
+ Gt as createVariants
4625
4628
  };
4626
4629
  //# sourceMappingURL=index.js.map