@viglet/viglet-design-system 2026.3.9 → 2026.3.10

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 (92) hide show
  1. package/README.md +213 -16
  2. package/dist/badge-locale-Bij94NwL.cjs +1 -0
  3. package/dist/{badge-locale-CoEEv7s5.js → badge-locale-Du41PpLA.js} +183 -231
  4. package/dist/bento/bento-command-palette.d.ts +47 -12
  5. package/dist/bento/bento-command-palette.d.ts.map +1 -1
  6. package/dist/bento/bento-form-section.d.ts +7 -1
  7. package/dist/bento/bento-form-section.d.ts.map +1 -1
  8. package/dist/bento/bento-inline-edit.d.ts.map +1 -1
  9. package/dist/bento/bento-nav-rail.d.ts.map +1 -1
  10. package/dist/bento/bento-nav.d.ts +10 -2
  11. package/dist/bento/bento-nav.d.ts.map +1 -1
  12. package/dist/bento/bento-section-chrome.d.ts +5 -0
  13. package/dist/bento/bento-section-chrome.d.ts.map +1 -1
  14. package/dist/bento/bento-status-marker.d.ts.map +1 -1
  15. package/dist/bento/bento-tile.d.ts.map +1 -1
  16. package/dist/bento/index.d.ts +1 -1
  17. package/dist/bento/index.d.ts.map +1 -1
  18. package/dist/bento.cjs +1 -1
  19. package/dist/bento.es.js +464 -404
  20. package/dist/{breadcrumb.context-KQut7j8U.js → breadcrumb.context-BssgEydx.js} +229 -220
  21. package/dist/breadcrumb.context-DLsiMS59.cjs +1 -0
  22. package/dist/components/app-switcher.d.ts.map +1 -1
  23. package/dist/components/badge-colorful.d.ts +9 -0
  24. package/dist/components/badge-colorful.d.ts.map +1 -1
  25. package/dist/components/login/login.d.ts.map +1 -1
  26. package/dist/components/router/index.d.ts +1 -1
  27. package/dist/components/router/index.d.ts.map +1 -1
  28. package/dist/components/router/sub.page.d.ts.map +1 -1
  29. package/dist/components/startup-first/startup-first.d.ts.map +1 -1
  30. package/dist/components/ui/floating-formulas-bg.d.ts.map +1 -1
  31. package/dist/components/ui/glass-card.d.ts +10 -5
  32. package/dist/components/ui/glass-card.d.ts.map +1 -1
  33. package/dist/components/ui/icon-picker-dialog.d.ts.map +1 -1
  34. package/dist/components/ui/index.d.ts +6 -4
  35. package/dist/components/ui/index.d.ts.map +1 -1
  36. package/dist/components/ui/navigation-menu.d.ts +14 -0
  37. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  38. package/dist/components/ui/pulse-ring.d.ts.map +1 -1
  39. package/dist/components/ui/resizable.d.ts.map +1 -1
  40. package/dist/components/ui/sidebar.d.ts.map +1 -1
  41. package/dist/components/ui/sonner.d.ts +12 -0
  42. package/dist/components/ui/sonner.d.ts.map +1 -1
  43. package/dist/components/ui/stepper.d.ts.map +1 -1
  44. package/dist/components/ui/viglet-assistant.d.ts +60 -0
  45. package/dist/components/ui/viglet-assistant.d.ts.map +1 -0
  46. package/dist/components/ui/viglet-avatar.d.ts +42 -0
  47. package/dist/components/ui/viglet-avatar.d.ts.map +1 -0
  48. package/dist/exports.json +24 -5
  49. package/dist/floating-formulas-bg.cjs +1 -1
  50. package/dist/floating-formulas-bg.es.js +56 -55
  51. package/dist/hooks/index.d.ts +1 -0
  52. package/dist/hooks/index.d.ts.map +1 -1
  53. package/dist/hooks/use-assistant-notifications.d.ts +15 -0
  54. package/dist/hooks/use-assistant-notifications.d.ts.map +1 -0
  55. package/dist/i18n/index.d.ts +74 -0
  56. package/dist/i18n/index.d.ts.map +1 -1
  57. package/dist/i18n/locales/en/assistant.json.d.ts +22 -0
  58. package/dist/i18n/locales/en/bento.json.d.ts +3 -1
  59. package/dist/i18n/locales/en/common.json.d.ts +6 -1
  60. package/dist/i18n/locales/en/language.json.d.ts +8 -0
  61. package/dist/i18n/locales/pt/assistant.json.d.ts +22 -0
  62. package/dist/i18n/locales/pt/bento.json.d.ts +3 -1
  63. package/dist/i18n/locales/pt/common.json.d.ts +6 -1
  64. package/dist/i18n/locales/pt/language.json.d.ts +8 -0
  65. package/dist/i18n.cjs +1 -1
  66. package/dist/i18n.es.js +478 -2
  67. package/dist/index.cjs +1 -1
  68. package/dist/index.d.ts +0 -1
  69. package/dist/index.d.ts.map +1 -1
  70. package/dist/index.es.js +1311 -698
  71. package/dist/loading-provider-B6-R2ONB.cjs +1 -0
  72. package/dist/{loading-provider-BWWhhfEn.js → loading-provider-E3fbcekM.js} +24 -23
  73. package/dist/router.cjs +1 -1
  74. package/dist/router.es.js +4 -4
  75. package/dist/{user.context-D1PxP4D4.js → user.context-CPmUBBLa.js} +97 -87
  76. package/dist/user.context-xsJgPpcO.cjs +1 -0
  77. package/dist/utils-Fk5jmzzb.js +41 -0
  78. package/dist/utils-Oagwe_oa.cjs +1 -0
  79. package/dist/viglet-design-system.css +1 -1
  80. package/dist/vite/boot-loader.d.ts +33 -2
  81. package/dist/vite/boot-loader.d.ts.map +1 -1
  82. package/dist/vite.cjs +16 -5
  83. package/dist/vite.es.js +27 -14
  84. package/docs/BENTO-AUTHORING.md +20 -2
  85. package/docs/reference/grounds.dc.html +9 -9
  86. package/package.json +4 -3
  87. package/dist/badge-locale-hQyWhAKe.cjs +0 -7
  88. package/dist/breadcrumb.context-Vwc3lAlf.cjs +0 -1
  89. package/dist/i18n-DD3rQOWi.js +0 -426
  90. package/dist/i18n-DrBq-qJJ.cjs +0 -1
  91. package/dist/loading-provider-CmeMqLGk.cjs +0 -1
  92. package/dist/user.context-B9vIBzY5.cjs +0 -1
@@ -1,4 +1,5 @@
1
- import { B as e, E as t, H as n, U as r, V as i, a, c as o, f as s, g as c, i as l, l as u, m as d, o as f, s as p, u as m, z as h } from "./badge-locale-CoEEv7s5.js";
1
+ import { t as e } from "./utils-Fk5jmzzb.js";
2
+ import { B as t, E as n, H as r, V as i, a, c as o, f as s, g as c, i as l, l as u, m as d, o as f, s as p, u as m, z as h } from "./badge-locale-Du41PpLA.js";
2
3
  import * as g from "react";
3
4
  import { createContext as _, useCallback as v, useContext as y, useMemo as ee, useState as te } from "react";
4
5
  import { jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -10,13 +11,13 @@ import * as T from "@radix-ui/react-dialog";
10
11
  import * as E from "@radix-ui/react-select";
11
12
  import * as re from "@radix-ui/react-separator";
12
13
  import { ThemeProvider as ie, useTheme as ae } from "next-themes";
13
- var D = n("chevron-down", [["path", {
14
+ var D = r("chevron-down", [["path", {
14
15
  d: "m6 9 6 6 6-6",
15
16
  key: "qrunsl"
16
- }]]), oe = n("chevron-up", [["path", {
17
+ }]]), oe = r("chevron-up", [["path", {
17
18
  d: "m18 15-6-6-6 6",
18
19
  key: "153udz"
19
- }]]), O = n("ellipsis", [
20
+ }]]), O = r("ellipsis", [
20
21
  ["circle", {
21
22
  cx: "12",
22
23
  cy: "12",
@@ -35,7 +36,7 @@ var D = n("chevron-down", [["path", {
35
36
  r: "1",
36
37
  key: "1pcz8c"
37
38
  }]
38
- ]), se = n("menu", [
39
+ ]), se = r("menu", [
39
40
  ["path", {
40
41
  d: "M4 5h16",
41
42
  key: "1tepv9"
@@ -48,7 +49,7 @@ var D = n("chevron-down", [["path", {
48
49
  d: "M4 19h16",
49
50
  key: "1djgab"
50
51
  }]
51
- ]), ce = n("monitor", [
52
+ ]), ce = r("monitor", [
52
53
  ["rect", {
53
54
  width: "20",
54
55
  height: "14",
@@ -71,10 +72,10 @@ var D = n("chevron-down", [["path", {
71
72
  y2: "21",
72
73
  key: "vw1qmm"
73
74
  }]
74
- ]), k = n("moon", [["path", {
75
+ ]), k = r("moon", [["path", {
75
76
  d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
76
77
  key: "kfwtm"
77
- }]]), le = n("panel-left", [["rect", {
78
+ }]]), le = r("panel-left", [["rect", {
78
79
  width: "18",
79
80
  height: "18",
80
81
  x: "3",
@@ -84,7 +85,7 @@ var D = n("chevron-down", [["path", {
84
85
  }], ["path", {
85
86
  d: "M9 3v18",
86
87
  key: "fh3hqa"
87
- }]]), A = n("sun", [
88
+ }]]), A = r("sun", [
88
89
  ["circle", {
89
90
  cx: "12",
90
91
  cy: "12",
@@ -126,25 +127,25 @@ var D = n("chevron-down", [["path", {
126
127
  ]);
127
128
  //#endregion
128
129
  //#region src/components/ui/avatar.tsx
129
- function ue({ className: e, ...t }) {
130
+ function ue({ className: t, ...n }) {
130
131
  return /* @__PURE__ */ b(S.Root, {
131
132
  "data-slot": "avatar",
132
- className: r("relative flex size-8 shrink-0 overflow-hidden rounded-full", e),
133
- ...t
133
+ className: e("relative flex size-8 shrink-0 overflow-hidden rounded-full", t),
134
+ ...n
134
135
  });
135
136
  }
136
- function de({ className: e, ...t }) {
137
+ function de({ className: t, ...n }) {
137
138
  return /* @__PURE__ */ b(S.Image, {
138
139
  "data-slot": "avatar-image",
139
- className: r("aspect-square size-full", e),
140
- ...t
140
+ className: e("aspect-square size-full", t),
141
+ ...n
141
142
  });
142
143
  }
143
- function fe({ className: e, ...t }) {
144
+ function fe({ className: t, ...n }) {
144
145
  return /* @__PURE__ */ b(S.Fallback, {
145
146
  "data-slot": "avatar-fallback",
146
- className: r("bg-muted flex size-full items-center justify-center rounded-full", e),
147
- ...t
147
+ className: e("bg-muted flex size-full items-center justify-center rounded-full", t),
148
+ ...n
148
149
  });
149
150
  }
150
151
  //#endregion
@@ -157,110 +158,110 @@ function pe({ ...e }) {
157
158
  ...e
158
159
  });
159
160
  }
160
- function me({ className: e, ...t }) {
161
+ function me({ className: t, ...n }) {
161
162
  return /* @__PURE__ */ b("ol", {
162
163
  "data-slot": "breadcrumb-list",
163
- className: r("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", e),
164
- ...t
164
+ className: e("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", t),
165
+ ...n
165
166
  });
166
167
  }
167
- function he({ className: e, ...t }) {
168
+ function he({ className: t, ...n }) {
168
169
  return /* @__PURE__ */ b("li", {
169
170
  "data-slot": "breadcrumb-item",
170
- className: r("inline-flex items-center gap-1.5", e),
171
- ...t
171
+ className: e("inline-flex items-center gap-1.5", t),
172
+ ...n
172
173
  });
173
174
  }
174
- function ge({ asChild: e, className: t, ...n }) {
175
- return /* @__PURE__ */ b(e ? C : "a", {
175
+ function ge({ asChild: t, className: n, ...r }) {
176
+ return /* @__PURE__ */ b(t ? C : "a", {
176
177
  "data-slot": "breadcrumb-link",
177
- className: r("hover:text-foreground transition-colors", t),
178
- ...n
178
+ className: e("hover:text-foreground transition-colors", n),
179
+ ...r
179
180
  });
180
181
  }
181
- function _e({ className: e, ...t }) {
182
+ function _e({ className: t, ...n }) {
182
183
  return /* @__PURE__ */ b("span", {
183
184
  "data-slot": "breadcrumb-page",
184
185
  role: "link",
185
186
  "aria-disabled": "true",
186
187
  "aria-current": "page",
187
- className: r("text-foreground font-normal", e),
188
- ...t
188
+ className: e("text-foreground font-normal", t),
189
+ ...n
189
190
  });
190
191
  }
191
- function j({ children: t, className: n, ...i }) {
192
+ function j({ children: n, className: r, ...i }) {
192
193
  return /* @__PURE__ */ b("li", {
193
194
  "data-slot": "breadcrumb-separator",
194
195
  role: "presentation",
195
196
  "aria-hidden": "true",
196
- className: r("[&>svg]:size-3.5", n),
197
+ className: e("[&>svg]:size-3.5", r),
197
198
  ...i,
198
- children: t ?? /* @__PURE__ */ b(e, {})
199
+ children: n ?? /* @__PURE__ */ b(t, {})
199
200
  });
200
201
  }
201
- function M({ className: e, ...t }) {
202
- let { t: n } = w();
202
+ function M({ className: t, ...n }) {
203
+ let { t: r } = w();
203
204
  return /* @__PURE__ */ x("span", {
204
205
  "data-slot": "breadcrumb-ellipsis",
205
206
  role: "presentation",
206
207
  "aria-hidden": "true",
207
- className: r("flex size-9 items-center justify-center", e),
208
- ...t,
208
+ className: e("flex size-9 items-center justify-center", t),
209
+ ...n,
209
210
  children: [/* @__PURE__ */ b(O, { className: "size-4" }), /* @__PURE__ */ b("span", {
210
211
  className: "sr-only",
211
- children: n("common.more", { defaultValue: "More" })
212
+ children: r("common.more", { defaultValue: "More" })
212
213
  })]
213
214
  });
214
215
  }
215
216
  //#endregion
216
217
  //#region src/components/ui/card.tsx
217
- function N({ className: e, ...t }) {
218
+ function N({ className: t, ...n }) {
218
219
  return /* @__PURE__ */ b("div", {
219
220
  "data-slot": "card",
220
- className: r("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", e),
221
- ...t
221
+ className: e("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", t),
222
+ ...n
222
223
  });
223
224
  }
224
- function P({ className: e, ...t }) {
225
+ function P({ className: t, ...n }) {
225
226
  return /* @__PURE__ */ b("div", {
226
227
  "data-slot": "card-header",
227
- className: r("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", e),
228
- ...t
228
+ className: e("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", t),
229
+ ...n
229
230
  });
230
231
  }
231
- function F({ className: e, ...t }) {
232
+ function F({ className: t, ...n }) {
232
233
  return /* @__PURE__ */ b("div", {
233
234
  "data-slot": "card-title",
234
- className: r("leading-none font-semibold", e),
235
- ...t
235
+ className: e("leading-none font-semibold", t),
236
+ ...n
236
237
  });
237
238
  }
238
- function I({ className: e, ...t }) {
239
+ function I({ className: t, ...n }) {
239
240
  return /* @__PURE__ */ b("div", {
240
241
  "data-slot": "card-description",
241
- className: r("text-muted-foreground text-sm", e),
242
- ...t
242
+ className: e("text-muted-foreground text-sm", t),
243
+ ...n
243
244
  });
244
245
  }
245
- function ve({ className: e, ...t }) {
246
+ function ve({ className: t, ...n }) {
246
247
  return /* @__PURE__ */ b("div", {
247
248
  "data-slot": "card-action",
248
- className: r("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
249
- ...t
249
+ className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", t),
250
+ ...n
250
251
  });
251
252
  }
252
- function ye({ className: e, ...t }) {
253
+ function ye({ className: t, ...n }) {
253
254
  return /* @__PURE__ */ b("div", {
254
255
  "data-slot": "card-content",
255
- className: r("px-6", e),
256
- ...t
256
+ className: e("px-6", t),
257
+ ...n
257
258
  });
258
259
  }
259
- function be({ className: e, ...t }) {
260
+ function be({ className: t, ...n }) {
260
261
  return /* @__PURE__ */ b("div", {
261
262
  "data-slot": "card-footer",
262
- className: r("flex items-center px-6 [.border-t]:pt-6", e),
263
- ...t
263
+ className: e("flex items-center px-6 [.border-t]:pt-6", t),
264
+ ...n
264
265
  });
265
266
  }
266
267
  //#endregion
@@ -283,84 +284,84 @@ function Ce({ ...e }) {
283
284
  ...e
284
285
  });
285
286
  }
286
- function we({ className: e, size: t = "default", children: n, ...i }) {
287
+ function we({ className: t, size: n = "default", children: r, ...i }) {
287
288
  return /* @__PURE__ */ x(E.Trigger, {
288
289
  "data-slot": "select-trigger",
289
- "data-size": t,
290
- className: r("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
290
+ "data-size": n,
291
+ className: e("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
291
292
  ...i,
292
- children: [n, /* @__PURE__ */ b(E.Icon, {
293
+ children: [r, /* @__PURE__ */ b(E.Icon, {
293
294
  asChild: !0,
294
295
  children: /* @__PURE__ */ b(D, { className: "size-4 opacity-50" })
295
296
  })]
296
297
  });
297
298
  }
298
- function Te({ className: e, children: t, position: n = "popper", align: i = "center", ...a }) {
299
+ function Te({ className: t, children: n, position: r = "popper", align: i = "center", ...a }) {
299
300
  return /* @__PURE__ */ b(E.Portal, { children: /* @__PURE__ */ x(E.Content, {
300
301
  "data-slot": "select-content",
301
- className: r("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", e),
302
- position: n,
302
+ className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", t),
303
+ position: r,
303
304
  align: i,
304
305
  ...a,
305
306
  children: [
306
307
  /* @__PURE__ */ b(L, {}),
307
308
  /* @__PURE__ */ b(E.Viewport, {
308
- className: r("p-1", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
309
- children: t
309
+ className: e("p-1", r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
310
+ children: n
310
311
  }),
311
312
  /* @__PURE__ */ b(R, {})
312
313
  ]
313
314
  }) });
314
315
  }
315
- function Ee({ className: e, ...t }) {
316
+ function Ee({ className: t, ...n }) {
316
317
  return /* @__PURE__ */ b(E.Label, {
317
318
  "data-slot": "select-label",
318
- className: r("text-muted-foreground px-2 py-1.5 text-xs", e),
319
- ...t
319
+ className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
320
+ ...n
320
321
  });
321
322
  }
322
- function De({ className: e, children: t, ...n }) {
323
+ function De({ className: t, children: n, ...r }) {
323
324
  return /* @__PURE__ */ x(E.Item, {
324
325
  "data-slot": "select-item",
325
- className: r("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", e),
326
- ...n,
326
+ className: e("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", t),
327
+ ...r,
327
328
  children: [/* @__PURE__ */ b("span", {
328
329
  className: "absolute right-2 flex size-3.5 items-center justify-center",
329
330
  children: /* @__PURE__ */ b(E.ItemIndicator, { children: /* @__PURE__ */ b(i, { className: "size-4" }) })
330
- }), /* @__PURE__ */ b(E.ItemText, { children: t })]
331
+ }), /* @__PURE__ */ b(E.ItemText, { children: n })]
331
332
  });
332
333
  }
333
- function Oe({ className: e, ...t }) {
334
+ function Oe({ className: t, ...n }) {
334
335
  return /* @__PURE__ */ b(E.Separator, {
335
336
  "data-slot": "select-separator",
336
- className: r("bg-border pointer-events-none -mx-1 my-1 h-px", e),
337
- ...t
337
+ className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
338
+ ...n
338
339
  });
339
340
  }
340
- function L({ className: e, ...t }) {
341
+ function L({ className: t, ...n }) {
341
342
  return /* @__PURE__ */ b(E.ScrollUpButton, {
342
343
  "data-slot": "select-scroll-up-button",
343
- className: r("flex cursor-default items-center justify-center py-1", e),
344
- ...t,
344
+ className: e("flex cursor-default items-center justify-center py-1", t),
345
+ ...n,
345
346
  children: /* @__PURE__ */ b(oe, { className: "size-4" })
346
347
  });
347
348
  }
348
- function R({ className: e, ...t }) {
349
+ function R({ className: t, ...n }) {
349
350
  return /* @__PURE__ */ b(E.ScrollDownButton, {
350
351
  "data-slot": "select-scroll-down-button",
351
- className: r("flex cursor-default items-center justify-center py-1", e),
352
- ...t,
352
+ className: e("flex cursor-default items-center justify-center py-1", t),
353
+ ...n,
353
354
  children: /* @__PURE__ */ b(D, { className: "size-4" })
354
355
  });
355
356
  }
356
357
  //#endregion
357
358
  //#region src/components/ui/separator.tsx
358
- function z({ className: e, orientation: t = "horizontal", decorative: n = !0, ...i }) {
359
+ function z({ className: t, orientation: n = "horizontal", decorative: r = !0, ...i }) {
359
360
  return /* @__PURE__ */ b(re.Root, {
360
361
  "data-slot": "separator",
361
- decorative: n,
362
- orientation: t,
363
- className: r("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", e),
362
+ decorative: r,
363
+ orientation: n,
364
+ className: e("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", t),
364
365
  ...i
365
366
  });
366
367
  }
@@ -390,20 +391,20 @@ function je({ ...e }) {
390
391
  ...e
391
392
  });
392
393
  }
393
- function Me({ className: e, ...t }) {
394
+ function Me({ className: t, ...n }) {
394
395
  return /* @__PURE__ */ b(T.Overlay, {
395
396
  "data-slot": "sheet-overlay",
396
- className: r("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
397
- ...t
397
+ className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", t),
398
+ ...n
398
399
  });
399
400
  }
400
- function V({ className: e, children: t, side: n = "right", ...i }) {
401
+ function V({ className: t, children: n, side: r = "right", ...i }) {
401
402
  let { t: a } = w();
402
403
  return /* @__PURE__ */ x(je, { children: [/* @__PURE__ */ b(Me, {}), /* @__PURE__ */ x(T.Content, {
403
404
  "data-slot": "sheet-content",
404
- className: r("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", n === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", n === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", n === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", n === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", e),
405
+ className: e("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", t),
405
406
  ...i,
406
- children: [t, /* @__PURE__ */ x(T.Close, {
407
+ children: [n, /* @__PURE__ */ x(T.Close, {
407
408
  className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
408
409
  children: [/* @__PURE__ */ b(h, { className: "size-4" }), /* @__PURE__ */ b("span", {
409
410
  className: "sr-only",
@@ -412,32 +413,32 @@ function V({ className: e, children: t, side: n = "right", ...i }) {
412
413
  })]
413
414
  })] });
414
415
  }
415
- function H({ className: e, ...t }) {
416
+ function H({ className: t, ...n }) {
416
417
  return /* @__PURE__ */ b("div", {
417
418
  "data-slot": "sheet-header",
418
- className: r("flex flex-col gap-1.5 p-4", e),
419
- ...t
419
+ className: e("flex flex-col gap-1.5 p-4", t),
420
+ ...n
420
421
  });
421
422
  }
422
- function Ne({ className: e, ...t }) {
423
+ function Ne({ className: t, ...n }) {
423
424
  return /* @__PURE__ */ b("div", {
424
425
  "data-slot": "sheet-footer",
425
- className: r("mt-auto flex flex-col gap-2 p-4", e),
426
- ...t
426
+ className: e("mt-auto flex flex-col gap-2 p-4", t),
427
+ ...n
427
428
  });
428
429
  }
429
- function U({ className: e, ...t }) {
430
+ function U({ className: t, ...n }) {
430
431
  return /* @__PURE__ */ b(T.Title, {
431
432
  "data-slot": "sheet-title",
432
- className: r("text-foreground font-semibold", e),
433
- ...t
433
+ className: e("text-foreground font-semibold", t),
434
+ ...n
434
435
  });
435
436
  }
436
- function W({ className: e, ...t }) {
437
+ function W({ className: t, ...n }) {
437
438
  return /* @__PURE__ */ b(T.Description, {
438
439
  "data-slot": "sheet-description",
439
- className: r("text-muted-foreground text-sm", e),
440
- ...t
440
+ className: e("text-muted-foreground text-sm", t),
441
+ ...n
441
442
  });
442
443
  }
443
444
  //#endregion
@@ -464,11 +465,11 @@ function J() {
464
465
  function Y() {
465
466
  return g.useContext(q);
466
467
  }
467
- function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style: a, children: o, ...s }) {
468
- let c = K(), [l, u] = g.useState(!1), [d, p] = g.useState(e), m = t ?? d, h = g.useCallback((e) => {
468
+ function He({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }) {
469
+ let c = K(), [l, u] = g.useState(!1), [d, p] = g.useState(t), m = n ?? d, h = g.useCallback((e) => {
469
470
  let t = typeof e == "function" ? e(m) : e;
470
- n ? n(t) : p(t), document.cookie = `${Ie}=${t}; path=/; max-age=${Le}`;
471
- }, [n, m]), _ = g.useCallback(() => c ? u((e) => !e) : h((e) => !e), [
471
+ r ? r(t) : p(t), document.cookie = `${Ie}=${t}; path=/; max-age=${Le}`;
472
+ }, [r, m]), _ = g.useCallback(() => c ? u((e) => !e) : h((e) => !e), [
472
473
  c,
473
474
  h,
474
475
  u
@@ -507,52 +508,60 @@ function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style
507
508
  "--sidebar-width-icon": Be,
508
509
  ...a
509
510
  },
510
- className: r("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", i),
511
+ className: e("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", i),
511
512
  ...s,
512
513
  children: o
513
514
  })
514
515
  })
515
516
  });
516
517
  }
517
- function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", position: i = "fixed", className: a, children: o, ...s }) {
518
+ function Ue({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", position: i = "fixed", className: a, children: o, ...s }) {
518
519
  let { isMobile: c, state: l, openMobile: u, setOpenMobile: d } = J(), { t: f } = w();
519
- return n === "none" ? /* @__PURE__ */ b("div", {
520
+ if (r === "none") return /* @__PURE__ */ b("div", {
520
521
  "data-slot": "sidebar",
521
- className: r("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", a),
522
+ className: e("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", a),
522
523
  ...s,
523
524
  children: o
524
- }) : c ? /* @__PURE__ */ b(B, {
525
- open: u,
526
- onOpenChange: d,
527
- ...s,
528
- children: /* @__PURE__ */ x(V, {
529
- "data-sidebar": "sidebar",
530
- "data-slot": "sidebar",
531
- "data-mobile": "true",
532
- className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
533
- style: { "--sidebar-width": ze },
534
- side: e,
535
- children: [/* @__PURE__ */ x(H, {
536
- className: "sr-only",
537
- children: [/* @__PURE__ */ b(U, { children: f("sidebar.title", { defaultValue: "Sidebar" }) }), /* @__PURE__ */ b(W, { children: f("sidebar.description", { defaultValue: "Displays the mobile sidebar." }) })]
538
- }), /* @__PURE__ */ b("div", {
539
- className: "flex h-full w-full flex-col",
540
- children: o
541
- })]
542
- })
543
- }) : /* @__PURE__ */ x("div", {
544
- className: r("group peer text-sidebar-foreground hidden md:block", i === "absolute" && "relative"),
525
+ });
526
+ if (c) {
527
+ let { style: n, ...r } = s;
528
+ return /* @__PURE__ */ b(B, {
529
+ open: u,
530
+ onOpenChange: d,
531
+ children: /* @__PURE__ */ x(V, {
532
+ "data-sidebar": "sidebar",
533
+ "data-slot": "sidebar",
534
+ "data-mobile": "true",
535
+ side: t,
536
+ ...r,
537
+ className: e("bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden", a),
538
+ style: {
539
+ "--sidebar-width": ze,
540
+ ...n
541
+ },
542
+ children: [/* @__PURE__ */ x(H, {
543
+ className: "sr-only",
544
+ children: [/* @__PURE__ */ b(U, { children: f("sidebar.title", { defaultValue: "Sidebar" }) }), /* @__PURE__ */ b(W, { children: f("sidebar.description", { defaultValue: "Displays the mobile sidebar." }) })]
545
+ }), /* @__PURE__ */ b("div", {
546
+ className: "flex h-full w-full flex-col",
547
+ children: o
548
+ })]
549
+ })
550
+ });
551
+ }
552
+ return /* @__PURE__ */ x("div", {
553
+ className: e("group peer text-sidebar-foreground hidden md:block", i === "absolute" && "relative"),
545
554
  "data-state": l,
546
- "data-collapsible": l === "collapsed" ? n : "",
547
- "data-variant": t,
548
- "data-side": e,
555
+ "data-collapsible": l === "collapsed" ? r : "",
556
+ "data-variant": n,
557
+ "data-side": t,
549
558
  "data-slot": "sidebar",
550
559
  children: [/* @__PURE__ */ b("div", {
551
560
  "data-slot": "sidebar-gap",
552
- className: r("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
561
+ className: e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", n === "floating" || n === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)")
553
562
  }), /* @__PURE__ */ b("div", {
554
563
  "data-slot": "sidebar-container",
555
- className: r("inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", i === "absolute" ? "h-full" : "h-svh", i === "absolute" ? "absolute" : "fixed", e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", t === "floating" || t === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", a),
564
+ className: e("inset-y-0 z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", i === "absolute" ? "h-full" : "h-svh", i === "absolute" ? "absolute" : "fixed", t === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", a),
556
565
  ...s,
557
566
  children: /* @__PURE__ */ b("div", {
558
567
  "data-sidebar": "sidebar",
@@ -563,7 +572,7 @@ function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcan
563
572
  })]
564
573
  });
565
574
  }
566
- function We({ className: e, onClick: t, ...n }) {
575
+ function We({ className: t, onClick: n, ...r }) {
567
576
  let i = Y(), { t: a } = w();
568
577
  if (!i) return null;
569
578
  let { toggleSidebar: o, isMobile: s } = i;
@@ -572,123 +581,123 @@ function We({ className: e, onClick: t, ...n }) {
572
581
  "data-slot": "sidebar-trigger",
573
582
  variant: "ghost",
574
583
  size: "icon",
575
- className: r("size-7", e),
584
+ className: e("size-7", t),
576
585
  onClick: (e) => {
577
- t?.(e), o();
586
+ n?.(e), o();
578
587
  },
579
- ...n,
588
+ ...r,
580
589
  children: [b(s ? se : le, {}), /* @__PURE__ */ b("span", {
581
590
  className: "sr-only",
582
591
  children: a("sidebar.toggle", { defaultValue: "Toggle Sidebar" })
583
592
  })]
584
593
  });
585
594
  }
586
- function Ge({ className: e, ...t }) {
587
- let { toggleSidebar: n } = J(), { t: i } = w(), a = i("sidebar.toggle", { defaultValue: "Toggle Sidebar" });
595
+ function Ge({ className: t, ...n }) {
596
+ let { toggleSidebar: r } = J(), { t: i } = w(), a = i("sidebar.toggle", { defaultValue: "Toggle Sidebar" });
588
597
  return /* @__PURE__ */ b("button", {
589
598
  "data-sidebar": "rail",
590
599
  "data-slot": "sidebar-rail",
591
600
  "aria-label": a,
592
601
  tabIndex: -1,
593
- onClick: n,
602
+ onClick: r,
594
603
  title: a,
595
- className: r("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", e),
596
- ...t
604
+ className: e("hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", t),
605
+ ...n
597
606
  });
598
607
  }
599
- function Ke({ className: e, ...t }) {
608
+ function Ke({ className: t, ...n }) {
600
609
  return /* @__PURE__ */ b("main", {
601
610
  "data-slot": "sidebar-inset",
602
- className: r("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", e),
603
- ...t
611
+ className: e("bg-background relative flex w-full flex-1 flex-col", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", t),
612
+ ...n
604
613
  });
605
614
  }
606
- function qe({ className: e, ...t }) {
615
+ function qe({ className: t, ...n }) {
607
616
  return /* @__PURE__ */ b(u, {
608
617
  "data-slot": "sidebar-input",
609
618
  "data-sidebar": "input",
610
- className: r("bg-background h-8 w-full shadow-none", e),
611
- ...t
619
+ className: e("bg-background h-8 w-full shadow-none", t),
620
+ ...n
612
621
  });
613
622
  }
614
- function Je({ className: e, ...t }) {
623
+ function Je({ className: t, ...n }) {
615
624
  return /* @__PURE__ */ b("div", {
616
625
  "data-slot": "sidebar-header",
617
626
  "data-sidebar": "header",
618
- className: r("flex flex-col gap-2 p-2", e),
619
- ...t
627
+ className: e("flex flex-col gap-2 p-2", t),
628
+ ...n
620
629
  });
621
630
  }
622
- function Ye({ className: e, ...t }) {
631
+ function Ye({ className: t, ...n }) {
623
632
  return /* @__PURE__ */ b("div", {
624
633
  "data-slot": "sidebar-footer",
625
634
  "data-sidebar": "footer",
626
- className: r("flex flex-col gap-2 p-2", e),
627
- ...t
635
+ className: e("flex flex-col gap-2 p-2", t),
636
+ ...n
628
637
  });
629
638
  }
630
- function Xe({ className: e, ...t }) {
639
+ function Xe({ className: t, ...n }) {
631
640
  return /* @__PURE__ */ b(z, {
632
641
  "data-slot": "sidebar-separator",
633
642
  "data-sidebar": "separator",
634
- className: r("bg-sidebar-border mx-2 w-auto", e),
635
- ...t
643
+ className: e("bg-sidebar-border mx-2 w-auto", t),
644
+ ...n
636
645
  });
637
646
  }
638
- function Ze({ className: e, ...t }) {
647
+ function Ze({ className: t, ...n }) {
639
648
  return /* @__PURE__ */ b("div", {
640
649
  "data-slot": "sidebar-content",
641
650
  "data-sidebar": "content",
642
- className: r("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
643
- ...t
651
+ className: e("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", t),
652
+ ...n
644
653
  });
645
654
  }
646
- function Qe({ className: e, ...t }) {
655
+ function Qe({ className: t, ...n }) {
647
656
  return /* @__PURE__ */ b("div", {
648
657
  "data-slot": "sidebar-group",
649
658
  "data-sidebar": "group",
650
- className: r("relative flex w-full min-w-0 flex-col p-2", e),
651
- ...t
659
+ className: e("relative flex w-full min-w-0 flex-col p-2", t),
660
+ ...n
652
661
  });
653
662
  }
654
- function $e({ className: e, asChild: t = !1, ...n }) {
655
- return /* @__PURE__ */ b(t ? C : "div", {
663
+ function $e({ className: t, asChild: n = !1, ...r }) {
664
+ return /* @__PURE__ */ b(n ? C : "div", {
656
665
  "data-slot": "sidebar-group-label",
657
666
  "data-sidebar": "group-label",
658
- className: r("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", e),
659
- ...n
667
+ className: e("text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", t),
668
+ ...r
660
669
  });
661
670
  }
662
- function et({ className: e, asChild: t = !1, ...n }) {
663
- return /* @__PURE__ */ b(t ? C : "button", {
671
+ function et({ className: t, asChild: n = !1, ...r }) {
672
+ return /* @__PURE__ */ b(n ? C : "button", {
664
673
  "data-slot": "sidebar-group-action",
665
674
  "data-sidebar": "group-action",
666
- className: r("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", e),
667
- ...n
675
+ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "group-data-[collapsible=icon]:hidden", t),
676
+ ...r
668
677
  });
669
678
  }
670
- function tt({ className: e, ...t }) {
679
+ function tt({ className: t, ...n }) {
671
680
  return /* @__PURE__ */ b("div", {
672
681
  "data-slot": "sidebar-group-content",
673
682
  "data-sidebar": "group-content",
674
- className: r("w-full text-sm", e),
675
- ...t
683
+ className: e("w-full text-sm", t),
684
+ ...n
676
685
  });
677
686
  }
678
- function nt({ className: e, ...t }) {
687
+ function nt({ className: t, ...n }) {
679
688
  return /* @__PURE__ */ b("ul", {
680
689
  "data-slot": "sidebar-menu",
681
690
  "data-sidebar": "menu",
682
- className: r("flex w-full min-w-0 flex-col gap-1", e),
683
- ...t
691
+ className: e("flex w-full min-w-0 flex-col gap-1", t),
692
+ ...n
684
693
  });
685
694
  }
686
- function rt({ className: e, ...t }) {
695
+ function rt({ className: t, ...n }) {
687
696
  return /* @__PURE__ */ b("li", {
688
697
  "data-slot": "sidebar-menu-item",
689
698
  "data-sidebar": "menu-item",
690
- className: r("group/menu-item relative", e),
691
- ...t
699
+ className: e("group/menu-item relative", t),
700
+ ...n
692
701
  });
693
702
  }
694
703
  var it = ne("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
@@ -708,14 +717,14 @@ var it = ne("peer/menu-button flex w-full items-center gap-2 overflow-hidden rou
708
717
  size: "default"
709
718
  }
710
719
  });
711
- function X({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: i = "default", tooltip: o, className: s, ...c }) {
712
- let u = e ? C : "button", { isMobile: d, state: f } = J(), m = /* @__PURE__ */ b(u, {
720
+ function X({ asChild: t = !1, isActive: n = !1, variant: r = "default", size: i = "default", tooltip: o, className: s, ...c }) {
721
+ let u = t ? C : "button", { isMobile: d, state: f } = J(), m = /* @__PURE__ */ b(u, {
713
722
  "data-slot": "sidebar-menu-button",
714
723
  "data-sidebar": "menu-button",
715
724
  "data-size": i,
716
- "data-active": t,
717
- className: r(it({
718
- variant: n,
725
+ "data-active": n,
726
+ className: e(it({
727
+ variant: r,
719
728
  size: i
720
729
  }), s),
721
730
  ...c
@@ -730,20 +739,20 @@ function X({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: i
730
739
  ...o
731
740
  })] })) : m;
732
741
  }
733
- function at({ className: e, asChild: t = !1, showOnHover: n = !1, ...i }) {
734
- return /* @__PURE__ */ b(t ? C : "button", {
742
+ function at({ className: t, asChild: n = !1, showOnHover: r = !1, ...i }) {
743
+ return /* @__PURE__ */ b(n ? C : "button", {
735
744
  "data-slot": "sidebar-menu-action",
736
745
  "data-sidebar": "menu-action",
737
- className: r("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", n && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", e),
746
+ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:-inset-2 md:after:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", r && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0", t),
738
747
  ...i
739
748
  });
740
749
  }
741
- function ot({ className: e, ...t }) {
750
+ function ot({ className: t, ...n }) {
742
751
  return /* @__PURE__ */ b("div", {
743
752
  "data-slot": "sidebar-menu-badge",
744
753
  "data-sidebar": "menu-badge",
745
- className: r("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", e),
746
- ...t
754
+ className: e("text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", t),
755
+ ...n
747
756
  });
748
757
  }
749
758
  function st(e) {
@@ -751,14 +760,14 @@ function st(e) {
751
760
  for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
752
761
  return Math.abs(t);
753
762
  }
754
- function ct({ className: e, showIcon: t = !1, ...n }) {
763
+ function ct({ className: t, showIcon: n = !1, ...r }) {
755
764
  let i = `${50 + st(g.useId()) % 40}%`;
756
765
  return /* @__PURE__ */ x("div", {
757
766
  "data-slot": "sidebar-menu-skeleton",
758
767
  "data-sidebar": "menu-skeleton",
759
- className: r("flex h-8 items-center gap-2 rounded-md px-2", e),
760
- ...n,
761
- children: [t && /* @__PURE__ */ b(o, {
768
+ className: e("flex h-8 items-center gap-2 rounded-md px-2", t),
769
+ ...r,
770
+ children: [n && /* @__PURE__ */ b(o, {
762
771
  className: "size-4 rounded-md",
763
772
  "data-sidebar": "menu-skeleton-icon"
764
773
  }), /* @__PURE__ */ b(o, {
@@ -768,29 +777,29 @@ function ct({ className: e, showIcon: t = !1, ...n }) {
768
777
  })]
769
778
  });
770
779
  }
771
- function lt({ className: e, ...t }) {
780
+ function lt({ className: t, ...n }) {
772
781
  return /* @__PURE__ */ b("ul", {
773
782
  "data-slot": "sidebar-menu-sub",
774
783
  "data-sidebar": "menu-sub",
775
- className: r("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", e),
776
- ...t
784
+ className: e("border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", t),
785
+ ...n
777
786
  });
778
787
  }
779
- function ut({ className: e, ...t }) {
788
+ function ut({ className: t, ...n }) {
780
789
  return /* @__PURE__ */ b("li", {
781
790
  "data-slot": "sidebar-menu-sub-item",
782
791
  "data-sidebar": "menu-sub-item",
783
- className: r("group/menu-sub-item relative", e),
784
- ...t
792
+ className: e("group/menu-sub-item relative", t),
793
+ ...n
785
794
  });
786
795
  }
787
- function dt({ asChild: e = !1, size: t = "md", isActive: n = !1, className: i, ...a }) {
788
- return /* @__PURE__ */ b(e ? C : "a", {
796
+ function dt({ asChild: t = !1, size: n = "md", isActive: r = !1, className: i, ...a }) {
797
+ return /* @__PURE__ */ b(t ? C : "a", {
789
798
  "data-slot": "sidebar-menu-sub-button",
790
799
  "data-sidebar": "menu-sub-button",
791
- "data-size": t,
792
- "data-active": n,
793
- className: r("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", t === "sm" && "text-xs", t === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", i),
800
+ "data-size": n,
801
+ "data-active": r,
802
+ className: e("text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", n === "sm" && "text-xs", n === "md" && "text-sm", "group-data-[collapsible=icon]:hidden", i),
794
803
  ...a
795
804
  });
796
805
  }
@@ -816,8 +825,8 @@ var Z = () => {
816
825
  //#endregion
817
826
  //#region src/components/mode-toggle.tsx
818
827
  function pt() {
819
- let { setTheme: e } = Z(), { t: n } = w();
820
- return /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(t, {
828
+ let { setTheme: e } = Z(), { t } = w();
829
+ return /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(n, {
821
830
  asChild: !0,
822
831
  children: /* @__PURE__ */ x(m, {
823
832
  variant: "outline",
@@ -827,7 +836,7 @@ function pt() {
827
836
  /* @__PURE__ */ b(k, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
828
837
  /* @__PURE__ */ b("span", {
829
838
  className: "sr-only",
830
- children: n("theme.toggle")
839
+ children: t("theme.toggle")
831
840
  })
832
841
  ]
833
842
  })
@@ -836,15 +845,15 @@ function pt() {
836
845
  children: [
837
846
  /* @__PURE__ */ b(c, {
838
847
  onClick: () => e("light"),
839
- children: n("theme.light")
848
+ children: t("theme.light")
840
849
  }),
841
850
  /* @__PURE__ */ b(c, {
842
851
  onClick: () => e("dark"),
843
- children: n("theme.dark")
852
+ children: t("theme.dark")
844
853
  }),
845
854
  /* @__PURE__ */ b(c, {
846
855
  onClick: () => e("system"),
847
- children: n("theme.system")
856
+ children: t("theme.system")
848
857
  })
849
858
  ]
850
859
  })] });