@viglet/viglet-design-system 2026.3.8 → 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 (105) hide show
  1. package/README.md +213 -16
  2. package/dist/badge-locale-Bij94NwL.cjs +1 -0
  3. package/dist/{badge-locale-BxI9TwkE.js → badge-locale-Du41PpLA.js} +183 -229
  4. package/dist/bento/bento-back-to-top.d.ts.map +1 -1
  5. package/dist/bento/bento-command-palette.d.ts +47 -12
  6. package/dist/bento/bento-command-palette.d.ts.map +1 -1
  7. package/dist/bento/bento-form-section.d.ts +7 -1
  8. package/dist/bento/bento-form-section.d.ts.map +1 -1
  9. package/dist/bento/bento-inline-edit.d.ts.map +1 -1
  10. package/dist/bento/bento-nav-rail.d.ts.map +1 -1
  11. package/dist/bento/bento-nav.d.ts +10 -2
  12. package/dist/bento/bento-nav.d.ts.map +1 -1
  13. package/dist/bento/bento-section-chrome.d.ts +5 -0
  14. package/dist/bento/bento-section-chrome.d.ts.map +1 -1
  15. package/dist/bento/bento-status-marker.d.ts.map +1 -1
  16. package/dist/bento/bento-tile.d.ts.map +1 -1
  17. package/dist/bento/index.d.ts +1 -1
  18. package/dist/bento/index.d.ts.map +1 -1
  19. package/dist/bento.cjs +1 -1
  20. package/dist/bento.es.js +473 -413
  21. package/dist/{breadcrumb.context-CGqjI0-U.js → breadcrumb.context-BssgEydx.js} +251 -239
  22. package/dist/breadcrumb.context-DLsiMS59.cjs +1 -0
  23. package/dist/components/app-switcher.d.ts.map +1 -1
  24. package/dist/components/badge-colorful.d.ts +9 -0
  25. package/dist/components/badge-colorful.d.ts.map +1 -1
  26. package/dist/components/login/login.d.ts.map +1 -1
  27. package/dist/components/router/grid.list.d.ts.map +1 -1
  28. package/dist/components/router/index.d.ts +1 -1
  29. package/dist/components/router/index.d.ts.map +1 -1
  30. package/dist/components/router/sticky.page.header.d.ts.map +1 -1
  31. package/dist/components/router/sub.page.d.ts.map +1 -1
  32. package/dist/components/router/sub.page.header.d.ts.map +1 -1
  33. package/dist/components/startup-first/startup-first.d.ts.map +1 -1
  34. package/dist/components/ui/breadcrumb.d.ts.map +1 -1
  35. package/dist/components/ui/dialog.d.ts.map +1 -1
  36. package/dist/components/ui/floating-formulas-bg.d.ts.map +1 -1
  37. package/dist/components/ui/glass-card.d.ts +10 -5
  38. package/dist/components/ui/glass-card.d.ts.map +1 -1
  39. package/dist/components/ui/icon-picker-dialog.d.ts.map +1 -1
  40. package/dist/components/ui/index.d.ts +6 -4
  41. package/dist/components/ui/index.d.ts.map +1 -1
  42. package/dist/components/ui/navigation-menu.d.ts +14 -0
  43. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  44. package/dist/components/ui/pagination.d.ts.map +1 -1
  45. package/dist/components/ui/pulse-ring.d.ts.map +1 -1
  46. package/dist/components/ui/resizable.d.ts.map +1 -1
  47. package/dist/components/ui/sheet.d.ts.map +1 -1
  48. package/dist/components/ui/sidebar.d.ts.map +1 -1
  49. package/dist/components/ui/sonner.d.ts +12 -0
  50. package/dist/components/ui/sonner.d.ts.map +1 -1
  51. package/dist/components/ui/stepper.d.ts.map +1 -1
  52. package/dist/components/ui/viglet-assistant.d.ts +60 -0
  53. package/dist/components/ui/viglet-assistant.d.ts.map +1 -0
  54. package/dist/components/ui/viglet-avatar.d.ts +42 -0
  55. package/dist/components/ui/viglet-avatar.d.ts.map +1 -0
  56. package/dist/exports.json +24 -5
  57. package/dist/floating-formulas-bg.cjs +1 -1
  58. package/dist/floating-formulas-bg.es.js +56 -55
  59. package/dist/hooks/index.d.ts +1 -0
  60. package/dist/hooks/index.d.ts.map +1 -1
  61. package/dist/hooks/use-assistant-notifications.d.ts +15 -0
  62. package/dist/hooks/use-assistant-notifications.d.ts.map +1 -0
  63. package/dist/i18n/index.d.ts +102 -0
  64. package/dist/i18n/index.d.ts.map +1 -1
  65. package/dist/i18n/locales/en/assistant.json.d.ts +22 -0
  66. package/dist/i18n/locales/en/bento.json.d.ts +5 -2
  67. package/dist/i18n/locales/en/common.json.d.ts +15 -1
  68. package/dist/i18n/locales/en/dialog.json.d.ts +2 -1
  69. package/dist/i18n/locales/en/language.json.d.ts +8 -0
  70. package/dist/i18n/locales/en/sidebar.json.d.ts +4 -1
  71. package/dist/i18n/locales/pt/assistant.json.d.ts +22 -0
  72. package/dist/i18n/locales/pt/bento.json.d.ts +5 -2
  73. package/dist/i18n/locales/pt/common.json.d.ts +15 -1
  74. package/dist/i18n/locales/pt/dialog.json.d.ts +2 -1
  75. package/dist/i18n/locales/pt/language.json.d.ts +8 -0
  76. package/dist/i18n/locales/pt/sidebar.json.d.ts +4 -1
  77. package/dist/i18n.cjs +1 -1
  78. package/dist/i18n.es.js +478 -2
  79. package/dist/index.cjs +1 -1
  80. package/dist/index.d.ts +0 -1
  81. package/dist/index.d.ts.map +1 -1
  82. package/dist/index.es.js +1318 -696
  83. package/dist/loading-provider-B6-R2ONB.cjs +1 -0
  84. package/dist/{loading-provider-CMnOuvdR.js → loading-provider-E3fbcekM.js} +33 -32
  85. package/dist/preset.css +3 -1
  86. package/dist/router.cjs +1 -1
  87. package/dist/router.es.js +135 -134
  88. package/dist/{user.context-kPAqKN4o.js → user.context-CPmUBBLa.js} +109 -99
  89. package/dist/user.context-xsJgPpcO.cjs +1 -0
  90. package/dist/utils-Fk5jmzzb.js +41 -0
  91. package/dist/utils-Oagwe_oa.cjs +1 -0
  92. package/dist/viglet-design-system.css +1 -1
  93. package/dist/vite/boot-loader.d.ts +33 -2
  94. package/dist/vite/boot-loader.d.ts.map +1 -1
  95. package/dist/vite.cjs +16 -5
  96. package/dist/vite.es.js +27 -14
  97. package/docs/BENTO-AUTHORING.md +20 -2
  98. package/docs/reference/grounds.dc.html +9 -9
  99. package/package.json +4 -3
  100. package/dist/badge-locale-sIsBdP_e.cjs +0 -7
  101. package/dist/breadcrumb.context-DYeZEC65.cjs +0 -1
  102. package/dist/i18n-DoNdMLEd.cjs +0 -1
  103. package/dist/i18n-DuNITbWa.js +0 -398
  104. package/dist/loading-provider-1mgM91iY.cjs +0 -1
  105. package/dist/user.context-r50nSWER.cjs +0 -1
@@ -1,22 +1,23 @@
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-BxI9TwkE.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";
5
6
  import * as S from "@radix-ui/react-avatar";
6
7
  import { Slot as C } from "@radix-ui/react-slot";
7
8
  import { cva as ne } from "class-variance-authority";
8
- import * as w from "@radix-ui/react-dialog";
9
- import { useTranslation as T } from "react-i18next";
9
+ import { useTranslation as w } from "react-i18next";
10
+ 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,139 +127,141 @@ 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
151
152
  //#region src/components/ui/breadcrumb.tsx
152
153
  function pe({ ...e }) {
154
+ let { t } = w();
153
155
  return /* @__PURE__ */ b("nav", {
154
- "aria-label": "breadcrumb",
156
+ "aria-label": t("common.breadcrumb", { defaultValue: "Breadcrumb" }),
155
157
  "data-slot": "breadcrumb",
156
158
  ...e
157
159
  });
158
160
  }
159
- function me({ className: e, ...t }) {
161
+ function me({ className: t, ...n }) {
160
162
  return /* @__PURE__ */ b("ol", {
161
163
  "data-slot": "breadcrumb-list",
162
- className: r("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", e),
163
- ...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
164
166
  });
165
167
  }
166
- function he({ className: e, ...t }) {
168
+ function he({ className: t, ...n }) {
167
169
  return /* @__PURE__ */ b("li", {
168
170
  "data-slot": "breadcrumb-item",
169
- className: r("inline-flex items-center gap-1.5", e),
170
- ...t
171
+ className: e("inline-flex items-center gap-1.5", t),
172
+ ...n
171
173
  });
172
174
  }
173
- function ge({ asChild: e, className: t, ...n }) {
174
- return /* @__PURE__ */ b(e ? C : "a", {
175
+ function ge({ asChild: t, className: n, ...r }) {
176
+ return /* @__PURE__ */ b(t ? C : "a", {
175
177
  "data-slot": "breadcrumb-link",
176
- className: r("hover:text-foreground transition-colors", t),
177
- ...n
178
+ className: e("hover:text-foreground transition-colors", n),
179
+ ...r
178
180
  });
179
181
  }
180
- function _e({ className: e, ...t }) {
182
+ function _e({ className: t, ...n }) {
181
183
  return /* @__PURE__ */ b("span", {
182
184
  "data-slot": "breadcrumb-page",
183
185
  role: "link",
184
186
  "aria-disabled": "true",
185
187
  "aria-current": "page",
186
- className: r("text-foreground font-normal", e),
187
- ...t
188
+ className: e("text-foreground font-normal", t),
189
+ ...n
188
190
  });
189
191
  }
190
- function j({ children: t, className: n, ...i }) {
192
+ function j({ children: n, className: r, ...i }) {
191
193
  return /* @__PURE__ */ b("li", {
192
194
  "data-slot": "breadcrumb-separator",
193
195
  role: "presentation",
194
196
  "aria-hidden": "true",
195
- className: r("[&>svg]:size-3.5", n),
197
+ className: e("[&>svg]:size-3.5", r),
196
198
  ...i,
197
- children: t ?? /* @__PURE__ */ b(e, {})
199
+ children: n ?? /* @__PURE__ */ b(t, {})
198
200
  });
199
201
  }
200
- function M({ className: e, ...t }) {
202
+ function M({ className: t, ...n }) {
203
+ let { t: r } = w();
201
204
  return /* @__PURE__ */ x("span", {
202
205
  "data-slot": "breadcrumb-ellipsis",
203
206
  role: "presentation",
204
207
  "aria-hidden": "true",
205
- className: r("flex size-9 items-center justify-center", e),
206
- ...t,
208
+ className: e("flex size-9 items-center justify-center", t),
209
+ ...n,
207
210
  children: [/* @__PURE__ */ b(O, { className: "size-4" }), /* @__PURE__ */ b("span", {
208
211
  className: "sr-only",
209
- children: "More"
212
+ children: r("common.more", { defaultValue: "More" })
210
213
  })]
211
214
  });
212
215
  }
213
216
  //#endregion
214
217
  //#region src/components/ui/card.tsx
215
- function N({ className: e, ...t }) {
218
+ function N({ className: t, ...n }) {
216
219
  return /* @__PURE__ */ b("div", {
217
220
  "data-slot": "card",
218
- className: r("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", e),
219
- ...t
221
+ className: e("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", t),
222
+ ...n
220
223
  });
221
224
  }
222
- function P({ className: e, ...t }) {
225
+ function P({ className: t, ...n }) {
223
226
  return /* @__PURE__ */ b("div", {
224
227
  "data-slot": "card-header",
225
- 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),
226
- ...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
227
230
  });
228
231
  }
229
- function F({ className: e, ...t }) {
232
+ function F({ className: t, ...n }) {
230
233
  return /* @__PURE__ */ b("div", {
231
234
  "data-slot": "card-title",
232
- className: r("leading-none font-semibold", e),
233
- ...t
235
+ className: e("leading-none font-semibold", t),
236
+ ...n
234
237
  });
235
238
  }
236
- function I({ className: e, ...t }) {
239
+ function I({ className: t, ...n }) {
237
240
  return /* @__PURE__ */ b("div", {
238
241
  "data-slot": "card-description",
239
- className: r("text-muted-foreground text-sm", e),
240
- ...t
242
+ className: e("text-muted-foreground text-sm", t),
243
+ ...n
241
244
  });
242
245
  }
243
- function ve({ className: e, ...t }) {
246
+ function ve({ className: t, ...n }) {
244
247
  return /* @__PURE__ */ b("div", {
245
248
  "data-slot": "card-action",
246
- className: r("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
247
- ...t
249
+ className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", t),
250
+ ...n
248
251
  });
249
252
  }
250
- function ye({ className: e, ...t }) {
253
+ function ye({ className: t, ...n }) {
251
254
  return /* @__PURE__ */ b("div", {
252
255
  "data-slot": "card-content",
253
- className: r("px-6", e),
254
- ...t
256
+ className: e("px-6", t),
257
+ ...n
255
258
  });
256
259
  }
257
- function be({ className: e, ...t }) {
260
+ function be({ className: t, ...n }) {
258
261
  return /* @__PURE__ */ b("div", {
259
262
  "data-slot": "card-footer",
260
- className: r("flex items-center px-6 [.border-t]:pt-6", e),
261
- ...t
263
+ className: e("flex items-center px-6 [.border-t]:pt-6", t),
264
+ ...n
262
265
  });
263
266
  }
264
267
  //#endregion
@@ -281,160 +284,161 @@ function Ce({ ...e }) {
281
284
  ...e
282
285
  });
283
286
  }
284
- function we({ className: e, size: t = "default", children: n, ...i }) {
287
+ function we({ className: t, size: n = "default", children: r, ...i }) {
285
288
  return /* @__PURE__ */ x(E.Trigger, {
286
289
  "data-slot": "select-trigger",
287
- "data-size": t,
288
- 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),
289
292
  ...i,
290
- children: [n, /* @__PURE__ */ b(E.Icon, {
293
+ children: [r, /* @__PURE__ */ b(E.Icon, {
291
294
  asChild: !0,
292
295
  children: /* @__PURE__ */ b(D, { className: "size-4 opacity-50" })
293
296
  })]
294
297
  });
295
298
  }
296
- 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 }) {
297
300
  return /* @__PURE__ */ b(E.Portal, { children: /* @__PURE__ */ x(E.Content, {
298
301
  "data-slot": "select-content",
299
- 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),
300
- 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,
301
304
  align: i,
302
305
  ...a,
303
306
  children: [
304
307
  /* @__PURE__ */ b(L, {}),
305
308
  /* @__PURE__ */ b(E.Viewport, {
306
- className: r("p-1", n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
307
- 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
308
311
  }),
309
312
  /* @__PURE__ */ b(R, {})
310
313
  ]
311
314
  }) });
312
315
  }
313
- function Ee({ className: e, ...t }) {
316
+ function Ee({ className: t, ...n }) {
314
317
  return /* @__PURE__ */ b(E.Label, {
315
318
  "data-slot": "select-label",
316
- className: r("text-muted-foreground px-2 py-1.5 text-xs", e),
317
- ...t
319
+ className: e("text-muted-foreground px-2 py-1.5 text-xs", t),
320
+ ...n
318
321
  });
319
322
  }
320
- function De({ className: e, children: t, ...n }) {
323
+ function De({ className: t, children: n, ...r }) {
321
324
  return /* @__PURE__ */ x(E.Item, {
322
325
  "data-slot": "select-item",
323
- 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),
324
- ...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,
325
328
  children: [/* @__PURE__ */ b("span", {
326
329
  className: "absolute right-2 flex size-3.5 items-center justify-center",
327
330
  children: /* @__PURE__ */ b(E.ItemIndicator, { children: /* @__PURE__ */ b(i, { className: "size-4" }) })
328
- }), /* @__PURE__ */ b(E.ItemText, { children: t })]
331
+ }), /* @__PURE__ */ b(E.ItemText, { children: n })]
329
332
  });
330
333
  }
331
- function Oe({ className: e, ...t }) {
334
+ function Oe({ className: t, ...n }) {
332
335
  return /* @__PURE__ */ b(E.Separator, {
333
336
  "data-slot": "select-separator",
334
- className: r("bg-border pointer-events-none -mx-1 my-1 h-px", e),
335
- ...t
337
+ className: e("bg-border pointer-events-none -mx-1 my-1 h-px", t),
338
+ ...n
336
339
  });
337
340
  }
338
- function L({ className: e, ...t }) {
341
+ function L({ className: t, ...n }) {
339
342
  return /* @__PURE__ */ b(E.ScrollUpButton, {
340
343
  "data-slot": "select-scroll-up-button",
341
- className: r("flex cursor-default items-center justify-center py-1", e),
342
- ...t,
344
+ className: e("flex cursor-default items-center justify-center py-1", t),
345
+ ...n,
343
346
  children: /* @__PURE__ */ b(oe, { className: "size-4" })
344
347
  });
345
348
  }
346
- function R({ className: e, ...t }) {
349
+ function R({ className: t, ...n }) {
347
350
  return /* @__PURE__ */ b(E.ScrollDownButton, {
348
351
  "data-slot": "select-scroll-down-button",
349
- className: r("flex cursor-default items-center justify-center py-1", e),
350
- ...t,
352
+ className: e("flex cursor-default items-center justify-center py-1", t),
353
+ ...n,
351
354
  children: /* @__PURE__ */ b(D, { className: "size-4" })
352
355
  });
353
356
  }
354
357
  //#endregion
355
358
  //#region src/components/ui/separator.tsx
356
- function z({ className: e, orientation: t = "horizontal", decorative: n = !0, ...i }) {
359
+ function z({ className: t, orientation: n = "horizontal", decorative: r = !0, ...i }) {
357
360
  return /* @__PURE__ */ b(re.Root, {
358
361
  "data-slot": "separator",
359
- decorative: n,
360
- orientation: t,
361
- 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),
362
365
  ...i
363
366
  });
364
367
  }
365
368
  //#endregion
366
369
  //#region src/components/ui/sheet.tsx
367
370
  function B({ ...e }) {
368
- return /* @__PURE__ */ b(w.Root, {
371
+ return /* @__PURE__ */ b(T.Root, {
369
372
  "data-slot": "sheet",
370
373
  ...e
371
374
  });
372
375
  }
373
376
  function ke({ ...e }) {
374
- return /* @__PURE__ */ b(w.Trigger, {
377
+ return /* @__PURE__ */ b(T.Trigger, {
375
378
  "data-slot": "sheet-trigger",
376
379
  ...e
377
380
  });
378
381
  }
379
382
  function Ae({ ...e }) {
380
- return /* @__PURE__ */ b(w.Close, {
383
+ return /* @__PURE__ */ b(T.Close, {
381
384
  "data-slot": "sheet-close",
382
385
  ...e
383
386
  });
384
387
  }
385
388
  function je({ ...e }) {
386
- return /* @__PURE__ */ b(w.Portal, {
389
+ return /* @__PURE__ */ b(T.Portal, {
387
390
  "data-slot": "sheet-portal",
388
391
  ...e
389
392
  });
390
393
  }
391
- function Me({ className: e, ...t }) {
392
- return /* @__PURE__ */ b(w.Overlay, {
394
+ function Me({ className: t, ...n }) {
395
+ return /* @__PURE__ */ b(T.Overlay, {
393
396
  "data-slot": "sheet-overlay",
394
- 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),
395
- ...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
396
399
  });
397
400
  }
398
- function V({ className: e, children: t, side: n = "right", ...i }) {
399
- return /* @__PURE__ */ x(je, { children: [/* @__PURE__ */ b(Me, {}), /* @__PURE__ */ x(w.Content, {
401
+ function V({ className: t, children: n, side: r = "right", ...i }) {
402
+ let { t: a } = w();
403
+ return /* @__PURE__ */ x(je, { children: [/* @__PURE__ */ b(Me, {}), /* @__PURE__ */ x(T.Content, {
400
404
  "data-slot": "sheet-content",
401
- 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),
402
406
  ...i,
403
- children: [t, /* @__PURE__ */ x(w.Close, {
407
+ children: [n, /* @__PURE__ */ x(T.Close, {
404
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",
405
409
  children: [/* @__PURE__ */ b(h, { className: "size-4" }), /* @__PURE__ */ b("span", {
406
410
  className: "sr-only",
407
- children: "Close"
411
+ children: a("dialog.close", { defaultValue: "Close" })
408
412
  })]
409
413
  })]
410
414
  })] });
411
415
  }
412
- function H({ className: e, ...t }) {
416
+ function H({ className: t, ...n }) {
413
417
  return /* @__PURE__ */ b("div", {
414
418
  "data-slot": "sheet-header",
415
- className: r("flex flex-col gap-1.5 p-4", e),
416
- ...t
419
+ className: e("flex flex-col gap-1.5 p-4", t),
420
+ ...n
417
421
  });
418
422
  }
419
- function Ne({ className: e, ...t }) {
423
+ function Ne({ className: t, ...n }) {
420
424
  return /* @__PURE__ */ b("div", {
421
425
  "data-slot": "sheet-footer",
422
- className: r("mt-auto flex flex-col gap-2 p-4", e),
423
- ...t
426
+ className: e("mt-auto flex flex-col gap-2 p-4", t),
427
+ ...n
424
428
  });
425
429
  }
426
- function U({ className: e, ...t }) {
427
- return /* @__PURE__ */ b(w.Title, {
430
+ function U({ className: t, ...n }) {
431
+ return /* @__PURE__ */ b(T.Title, {
428
432
  "data-slot": "sheet-title",
429
- className: r("text-foreground font-semibold", e),
430
- ...t
433
+ className: e("text-foreground font-semibold", t),
434
+ ...n
431
435
  });
432
436
  }
433
- function W({ className: e, ...t }) {
434
- return /* @__PURE__ */ b(w.Description, {
437
+ function W({ className: t, ...n }) {
438
+ return /* @__PURE__ */ b(T.Description, {
435
439
  "data-slot": "sheet-description",
436
- className: r("text-muted-foreground text-sm", e),
437
- ...t
440
+ className: e("text-muted-foreground text-sm", t),
441
+ ...n
438
442
  });
439
443
  }
440
444
  //#endregion
@@ -461,11 +465,11 @@ function J() {
461
465
  function Y() {
462
466
  return g.useContext(q);
463
467
  }
464
- function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style: a, children: o, ...s }) {
465
- 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) => {
466
470
  let t = typeof e == "function" ? e(m) : e;
467
- n ? n(t) : p(t), document.cookie = `${Ie}=${t}; path=/; max-age=${Le}`;
468
- }, [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), [
469
473
  c,
470
474
  h,
471
475
  u
@@ -504,52 +508,60 @@ function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style
504
508
  "--sidebar-width-icon": Be,
505
509
  ...a
506
510
  },
507
- 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),
508
512
  ...s,
509
513
  children: o
510
514
  })
511
515
  })
512
516
  });
513
517
  }
514
- function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", position: i = "fixed", className: a, children: o, ...s }) {
515
- let { isMobile: c, state: l, openMobile: u, setOpenMobile: d } = J();
516
- return n === "none" ? /* @__PURE__ */ b("div", {
518
+ function Ue({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", position: i = "fixed", className: a, children: o, ...s }) {
519
+ let { isMobile: c, state: l, openMobile: u, setOpenMobile: d } = J(), { t: f } = w();
520
+ if (r === "none") return /* @__PURE__ */ b("div", {
517
521
  "data-slot": "sidebar",
518
- 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),
519
523
  ...s,
520
524
  children: o
521
- }) : c ? /* @__PURE__ */ b(B, {
522
- open: u,
523
- onOpenChange: d,
524
- ...s,
525
- children: /* @__PURE__ */ x(V, {
526
- "data-sidebar": "sidebar",
527
- "data-slot": "sidebar",
528
- "data-mobile": "true",
529
- className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
530
- style: { "--sidebar-width": ze },
531
- side: e,
532
- children: [/* @__PURE__ */ x(H, {
533
- className: "sr-only",
534
- children: [/* @__PURE__ */ b(U, { children: "Sidebar" }), /* @__PURE__ */ b(W, { children: "Displays the mobile sidebar." })]
535
- }), /* @__PURE__ */ b("div", {
536
- className: "flex h-full w-full flex-col",
537
- children: o
538
- })]
539
- })
540
- }) : /* @__PURE__ */ x("div", {
541
- 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"),
542
554
  "data-state": l,
543
- "data-collapsible": l === "collapsed" ? n : "",
544
- "data-variant": t,
545
- "data-side": e,
555
+ "data-collapsible": l === "collapsed" ? r : "",
556
+ "data-variant": n,
557
+ "data-side": t,
546
558
  "data-slot": "sidebar",
547
559
  children: [/* @__PURE__ */ b("div", {
548
560
  "data-slot": "sidebar-gap",
549
- 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)")
550
562
  }), /* @__PURE__ */ b("div", {
551
563
  "data-slot": "sidebar-container",
552
- 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),
553
565
  ...s,
554
566
  children: /* @__PURE__ */ b("div", {
555
567
  "data-sidebar": "sidebar",
@@ -560,132 +572,132 @@ function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcan
560
572
  })]
561
573
  });
562
574
  }
563
- function We({ className: e, onClick: t, ...n }) {
564
- let i = Y();
575
+ function We({ className: t, onClick: n, ...r }) {
576
+ let i = Y(), { t: a } = w();
565
577
  if (!i) return null;
566
- let { toggleSidebar: a, isMobile: o } = i;
578
+ let { toggleSidebar: o, isMobile: s } = i;
567
579
  return /* @__PURE__ */ x(m, {
568
580
  "data-sidebar": "trigger",
569
581
  "data-slot": "sidebar-trigger",
570
582
  variant: "ghost",
571
583
  size: "icon",
572
- className: r("size-7", e),
584
+ className: e("size-7", t),
573
585
  onClick: (e) => {
574
- t?.(e), a();
586
+ n?.(e), o();
575
587
  },
576
- ...n,
577
- children: [b(o ? se : le, {}), /* @__PURE__ */ b("span", {
588
+ ...r,
589
+ children: [b(s ? se : le, {}), /* @__PURE__ */ b("span", {
578
590
  className: "sr-only",
579
- children: "Toggle Sidebar"
591
+ children: a("sidebar.toggle", { defaultValue: "Toggle Sidebar" })
580
592
  })]
581
593
  });
582
594
  }
583
- function Ge({ className: e, ...t }) {
584
- let { toggleSidebar: n } = J();
595
+ function Ge({ className: t, ...n }) {
596
+ let { toggleSidebar: r } = J(), { t: i } = w(), a = i("sidebar.toggle", { defaultValue: "Toggle Sidebar" });
585
597
  return /* @__PURE__ */ b("button", {
586
598
  "data-sidebar": "rail",
587
599
  "data-slot": "sidebar-rail",
588
- "aria-label": "Toggle Sidebar",
600
+ "aria-label": a,
589
601
  tabIndex: -1,
590
- onClick: n,
591
- title: "Toggle Sidebar",
592
- 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),
593
- ...t
602
+ onClick: r,
603
+ title: a,
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
594
606
  });
595
607
  }
596
- function Ke({ className: e, ...t }) {
608
+ function Ke({ className: t, ...n }) {
597
609
  return /* @__PURE__ */ b("main", {
598
610
  "data-slot": "sidebar-inset",
599
- 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),
600
- ...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
601
613
  });
602
614
  }
603
- function qe({ className: e, ...t }) {
615
+ function qe({ className: t, ...n }) {
604
616
  return /* @__PURE__ */ b(u, {
605
617
  "data-slot": "sidebar-input",
606
618
  "data-sidebar": "input",
607
- className: r("bg-background h-8 w-full shadow-none", e),
608
- ...t
619
+ className: e("bg-background h-8 w-full shadow-none", t),
620
+ ...n
609
621
  });
610
622
  }
611
- function Je({ className: e, ...t }) {
623
+ function Je({ className: t, ...n }) {
612
624
  return /* @__PURE__ */ b("div", {
613
625
  "data-slot": "sidebar-header",
614
626
  "data-sidebar": "header",
615
- className: r("flex flex-col gap-2 p-2", e),
616
- ...t
627
+ className: e("flex flex-col gap-2 p-2", t),
628
+ ...n
617
629
  });
618
630
  }
619
- function Ye({ className: e, ...t }) {
631
+ function Ye({ className: t, ...n }) {
620
632
  return /* @__PURE__ */ b("div", {
621
633
  "data-slot": "sidebar-footer",
622
634
  "data-sidebar": "footer",
623
- className: r("flex flex-col gap-2 p-2", e),
624
- ...t
635
+ className: e("flex flex-col gap-2 p-2", t),
636
+ ...n
625
637
  });
626
638
  }
627
- function Xe({ className: e, ...t }) {
639
+ function Xe({ className: t, ...n }) {
628
640
  return /* @__PURE__ */ b(z, {
629
641
  "data-slot": "sidebar-separator",
630
642
  "data-sidebar": "separator",
631
- className: r("bg-sidebar-border mx-2 w-auto", e),
632
- ...t
643
+ className: e("bg-sidebar-border mx-2 w-auto", t),
644
+ ...n
633
645
  });
634
646
  }
635
- function Ze({ className: e, ...t }) {
647
+ function Ze({ className: t, ...n }) {
636
648
  return /* @__PURE__ */ b("div", {
637
649
  "data-slot": "sidebar-content",
638
650
  "data-sidebar": "content",
639
- className: r("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
640
- ...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
641
653
  });
642
654
  }
643
- function Qe({ className: e, ...t }) {
655
+ function Qe({ className: t, ...n }) {
644
656
  return /* @__PURE__ */ b("div", {
645
657
  "data-slot": "sidebar-group",
646
658
  "data-sidebar": "group",
647
- className: r("relative flex w-full min-w-0 flex-col p-2", e),
648
- ...t
659
+ className: e("relative flex w-full min-w-0 flex-col p-2", t),
660
+ ...n
649
661
  });
650
662
  }
651
- function $e({ className: e, asChild: t = !1, ...n }) {
652
- return /* @__PURE__ */ b(t ? C : "div", {
663
+ function $e({ className: t, asChild: n = !1, ...r }) {
664
+ return /* @__PURE__ */ b(n ? C : "div", {
653
665
  "data-slot": "sidebar-group-label",
654
666
  "data-sidebar": "group-label",
655
- 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),
656
- ...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
657
669
  });
658
670
  }
659
- function et({ className: e, asChild: t = !1, ...n }) {
660
- return /* @__PURE__ */ b(t ? C : "button", {
671
+ function et({ className: t, asChild: n = !1, ...r }) {
672
+ return /* @__PURE__ */ b(n ? C : "button", {
661
673
  "data-slot": "sidebar-group-action",
662
674
  "data-sidebar": "group-action",
663
- 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),
664
- ...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
665
677
  });
666
678
  }
667
- function tt({ className: e, ...t }) {
679
+ function tt({ className: t, ...n }) {
668
680
  return /* @__PURE__ */ b("div", {
669
681
  "data-slot": "sidebar-group-content",
670
682
  "data-sidebar": "group-content",
671
- className: r("w-full text-sm", e),
672
- ...t
683
+ className: e("w-full text-sm", t),
684
+ ...n
673
685
  });
674
686
  }
675
- function nt({ className: e, ...t }) {
687
+ function nt({ className: t, ...n }) {
676
688
  return /* @__PURE__ */ b("ul", {
677
689
  "data-slot": "sidebar-menu",
678
690
  "data-sidebar": "menu",
679
- className: r("flex w-full min-w-0 flex-col gap-1", e),
680
- ...t
691
+ className: e("flex w-full min-w-0 flex-col gap-1", t),
692
+ ...n
681
693
  });
682
694
  }
683
- function rt({ className: e, ...t }) {
695
+ function rt({ className: t, ...n }) {
684
696
  return /* @__PURE__ */ b("li", {
685
697
  "data-slot": "sidebar-menu-item",
686
698
  "data-sidebar": "menu-item",
687
- className: r("group/menu-item relative", e),
688
- ...t
699
+ className: e("group/menu-item relative", t),
700
+ ...n
689
701
  });
690
702
  }
691
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", {
@@ -705,14 +717,14 @@ var it = ne("peer/menu-button flex w-full items-center gap-2 overflow-hidden rou
705
717
  size: "default"
706
718
  }
707
719
  });
708
- function X({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: i = "default", tooltip: o, className: s, ...c }) {
709
- 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, {
710
722
  "data-slot": "sidebar-menu-button",
711
723
  "data-sidebar": "menu-button",
712
724
  "data-size": i,
713
- "data-active": t,
714
- className: r(it({
715
- variant: n,
725
+ "data-active": n,
726
+ className: e(it({
727
+ variant: r,
716
728
  size: i
717
729
  }), s),
718
730
  ...c
@@ -727,20 +739,20 @@ function X({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: i
727
739
  ...o
728
740
  })] })) : m;
729
741
  }
730
- function at({ className: e, asChild: t = !1, showOnHover: n = !1, ...i }) {
731
- 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", {
732
744
  "data-slot": "sidebar-menu-action",
733
745
  "data-sidebar": "menu-action",
734
- 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),
735
747
  ...i
736
748
  });
737
749
  }
738
- function ot({ className: e, ...t }) {
750
+ function ot({ className: t, ...n }) {
739
751
  return /* @__PURE__ */ b("div", {
740
752
  "data-slot": "sidebar-menu-badge",
741
753
  "data-sidebar": "menu-badge",
742
- 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),
743
- ...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
744
756
  });
745
757
  }
746
758
  function st(e) {
@@ -748,14 +760,14 @@ function st(e) {
748
760
  for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) | 0;
749
761
  return Math.abs(t);
750
762
  }
751
- function ct({ className: e, showIcon: t = !1, ...n }) {
763
+ function ct({ className: t, showIcon: n = !1, ...r }) {
752
764
  let i = `${50 + st(g.useId()) % 40}%`;
753
765
  return /* @__PURE__ */ x("div", {
754
766
  "data-slot": "sidebar-menu-skeleton",
755
767
  "data-sidebar": "menu-skeleton",
756
- className: r("flex h-8 items-center gap-2 rounded-md px-2", e),
757
- ...n,
758
- 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, {
759
771
  className: "size-4 rounded-md",
760
772
  "data-sidebar": "menu-skeleton-icon"
761
773
  }), /* @__PURE__ */ b(o, {
@@ -765,29 +777,29 @@ function ct({ className: e, showIcon: t = !1, ...n }) {
765
777
  })]
766
778
  });
767
779
  }
768
- function lt({ className: e, ...t }) {
780
+ function lt({ className: t, ...n }) {
769
781
  return /* @__PURE__ */ b("ul", {
770
782
  "data-slot": "sidebar-menu-sub",
771
783
  "data-sidebar": "menu-sub",
772
- 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),
773
- ...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
774
786
  });
775
787
  }
776
- function ut({ className: e, ...t }) {
788
+ function ut({ className: t, ...n }) {
777
789
  return /* @__PURE__ */ b("li", {
778
790
  "data-slot": "sidebar-menu-sub-item",
779
791
  "data-sidebar": "menu-sub-item",
780
- className: r("group/menu-sub-item relative", e),
781
- ...t
792
+ className: e("group/menu-sub-item relative", t),
793
+ ...n
782
794
  });
783
795
  }
784
- function dt({ asChild: e = !1, size: t = "md", isActive: n = !1, className: i, ...a }) {
785
- 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", {
786
798
  "data-slot": "sidebar-menu-sub-button",
787
799
  "data-sidebar": "menu-sub-button",
788
- "data-size": t,
789
- "data-active": n,
790
- 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),
791
803
  ...a
792
804
  });
793
805
  }
@@ -813,8 +825,8 @@ var Z = () => {
813
825
  //#endregion
814
826
  //#region src/components/mode-toggle.tsx
815
827
  function pt() {
816
- let { setTheme: e } = Z(), { t: n } = T();
817
- return /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(t, {
828
+ let { setTheme: e } = Z(), { t } = w();
829
+ return /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(n, {
818
830
  asChild: !0,
819
831
  children: /* @__PURE__ */ x(m, {
820
832
  variant: "outline",
@@ -824,7 +836,7 @@ function pt() {
824
836
  /* @__PURE__ */ b(k, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
825
837
  /* @__PURE__ */ b("span", {
826
838
  className: "sr-only",
827
- children: n("theme.toggle")
839
+ children: t("theme.toggle")
828
840
  })
829
841
  ]
830
842
  })
@@ -833,15 +845,15 @@ function pt() {
833
845
  children: [
834
846
  /* @__PURE__ */ b(c, {
835
847
  onClick: () => e("light"),
836
- children: n("theme.light")
848
+ children: t("theme.light")
837
849
  }),
838
850
  /* @__PURE__ */ b(c, {
839
851
  onClick: () => e("dark"),
840
- children: n("theme.dark")
852
+ children: t("theme.dark")
841
853
  }),
842
854
  /* @__PURE__ */ b(c, {
843
855
  onClick: () => e("system"),
844
- children: n("theme.system")
856
+ children: t("theme.system")
845
857
  })
846
858
  ]
847
859
  })] });
@@ -864,7 +876,7 @@ var Q = [
864
876
  }
865
877
  ];
866
878
  function mt() {
867
- let { theme: e, setTheme: t } = Z(), { t: n } = T(), r = Q.find((t) => t.value === e) ?? Q[2];
879
+ let { theme: e, setTheme: t } = Z(), { t: n } = w(), r = Q.find((t) => t.value === e) ?? Q[2];
868
880
  function i() {
869
881
  let n = Q[(Q.findIndex((t) => t.value === e) + 1) % Q.length];
870
882
  t(n.value);