@viglet/viglet-design-system 2026.3.3 → 2026.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +68 -12
- package/dist/bento.cjs +1 -1
- package/dist/bento.es.js +1 -0
- package/dist/{breadcrumb.context-h2A2IEJ_.js → breadcrumb.context-CGqjI0-U.js} +175 -189
- package/dist/breadcrumb.context-DYeZEC65.cjs +1 -0
- package/dist/components/app-switcher.d.ts +2 -0
- package/dist/components/app-switcher.d.ts.map +1 -1
- package/dist/components/router/internal.sidebar.d.ts +12 -1
- package/dist/components/router/internal.sidebar.d.ts.map +1 -1
- package/dist/components/router/sub.page.d.ts +16 -0
- package/dist/components/router/sub.page.d.ts.map +1 -1
- package/dist/components/startup-first/startup-first.d.ts.map +1 -1
- package/dist/components/theme-provider.d.ts +37 -2
- package/dist/components/theme-provider.d.ts.map +1 -1
- package/dist/components/ui/floating-formulas-bg.d.ts.map +1 -1
- package/dist/components/viglet-app-switcher.d.ts +3 -0
- package/dist/components/viglet-app-switcher.d.ts.map +1 -1
- package/dist/exports.json +1 -1
- package/dist/floating-formulas-bg.cjs +1 -1
- package/dist/floating-formulas-bg.es.js +1 -0
- package/dist/i18n.cjs +1 -1
- package/dist/i18n.es.js +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.es.js +2 -1
- package/dist/router.cjs +1 -1
- package/dist/router.es.js +293 -266
- package/dist/viglet-design-system.css +1 -1
- package/dist/vite/boot-loader.d.ts +7 -3
- package/dist/vite/boot-loader.d.ts.map +1 -1
- package/package.json +1 -1
- package/scripts/check-duplicates.mjs +6 -6
- package/dist/breadcrumb.context-CTnZ4rD0.cjs +0 -1
|
@@ -1,21 +1,22 @@
|
|
|
1
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";
|
|
2
2
|
import * as g from "react";
|
|
3
|
-
import { createContext as _, useCallback as v, useContext as y,
|
|
4
|
-
import { jsx as
|
|
5
|
-
import * as
|
|
6
|
-
import { Slot as
|
|
3
|
+
import { createContext as _, useCallback as v, useContext as y, useMemo as ee, useState as te } from "react";
|
|
4
|
+
import { jsx as b, jsxs as x } from "react/jsx-runtime";
|
|
5
|
+
import * as S from "@radix-ui/react-avatar";
|
|
6
|
+
import { Slot as C } from "@radix-ui/react-slot";
|
|
7
7
|
import { cva as ne } from "class-variance-authority";
|
|
8
|
-
import * as
|
|
9
|
-
import { useTranslation as
|
|
10
|
-
import * as
|
|
8
|
+
import * as w from "@radix-ui/react-dialog";
|
|
9
|
+
import { useTranslation as T } from "react-i18next";
|
|
10
|
+
import * as E from "@radix-ui/react-select";
|
|
11
11
|
import * as re from "@radix-ui/react-separator";
|
|
12
|
-
|
|
12
|
+
import { ThemeProvider as ie, useTheme as ae } from "next-themes";
|
|
13
|
+
var D = n("chevron-down", [["path", {
|
|
13
14
|
d: "m6 9 6 6 6-6",
|
|
14
15
|
key: "qrunsl"
|
|
15
|
-
}]]),
|
|
16
|
+
}]]), oe = n("chevron-up", [["path", {
|
|
16
17
|
d: "m18 15-6-6-6 6",
|
|
17
18
|
key: "153udz"
|
|
18
|
-
}]]),
|
|
19
|
+
}]]), O = n("ellipsis", [
|
|
19
20
|
["circle", {
|
|
20
21
|
cx: "12",
|
|
21
22
|
cy: "12",
|
|
@@ -34,7 +35,7 @@ var O = n("chevron-down", [["path", {
|
|
|
34
35
|
r: "1",
|
|
35
36
|
key: "1pcz8c"
|
|
36
37
|
}]
|
|
37
|
-
]),
|
|
38
|
+
]), se = n("menu", [
|
|
38
39
|
["path", {
|
|
39
40
|
d: "M4 5h16",
|
|
40
41
|
key: "1tepv9"
|
|
@@ -47,7 +48,7 @@ var O = n("chevron-down", [["path", {
|
|
|
47
48
|
d: "M4 19h16",
|
|
48
49
|
key: "1djgab"
|
|
49
50
|
}]
|
|
50
|
-
]),
|
|
51
|
+
]), ce = n("monitor", [
|
|
51
52
|
["rect", {
|
|
52
53
|
width: "20",
|
|
53
54
|
height: "14",
|
|
@@ -70,10 +71,10 @@ var O = n("chevron-down", [["path", {
|
|
|
70
71
|
y2: "21",
|
|
71
72
|
key: "vw1qmm"
|
|
72
73
|
}]
|
|
73
|
-
]),
|
|
74
|
+
]), k = n("moon", [["path", {
|
|
74
75
|
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",
|
|
75
76
|
key: "kfwtm"
|
|
76
|
-
}]]),
|
|
77
|
+
}]]), le = n("panel-left", [["rect", {
|
|
77
78
|
width: "18",
|
|
78
79
|
height: "18",
|
|
79
80
|
x: "3",
|
|
@@ -83,7 +84,7 @@ var O = n("chevron-down", [["path", {
|
|
|
83
84
|
}], ["path", {
|
|
84
85
|
d: "M9 3v18",
|
|
85
86
|
key: "fh3hqa"
|
|
86
|
-
}]]),
|
|
87
|
+
}]]), A = n("sun", [
|
|
87
88
|
["circle", {
|
|
88
89
|
cx: "12",
|
|
89
90
|
cy: "12",
|
|
@@ -125,22 +126,22 @@ var O = n("chevron-down", [["path", {
|
|
|
125
126
|
]);
|
|
126
127
|
//#endregion
|
|
127
128
|
//#region src/components/ui/avatar.tsx
|
|
128
|
-
function
|
|
129
|
-
return /* @__PURE__ */
|
|
129
|
+
function ue({ className: e, ...t }) {
|
|
130
|
+
return /* @__PURE__ */ b(S.Root, {
|
|
130
131
|
"data-slot": "avatar",
|
|
131
132
|
className: r("relative flex size-8 shrink-0 overflow-hidden rounded-full", e),
|
|
132
133
|
...t
|
|
133
134
|
});
|
|
134
135
|
}
|
|
135
|
-
function
|
|
136
|
-
return /* @__PURE__ */
|
|
136
|
+
function de({ className: e, ...t }) {
|
|
137
|
+
return /* @__PURE__ */ b(S.Image, {
|
|
137
138
|
"data-slot": "avatar-image",
|
|
138
139
|
className: r("aspect-square size-full", e),
|
|
139
140
|
...t
|
|
140
141
|
});
|
|
141
142
|
}
|
|
142
|
-
function
|
|
143
|
-
return /* @__PURE__ */
|
|
143
|
+
function fe({ className: e, ...t }) {
|
|
144
|
+
return /* @__PURE__ */ b(S.Fallback, {
|
|
144
145
|
"data-slot": "avatar-fallback",
|
|
145
146
|
className: r("bg-muted flex size-full items-center justify-center rounded-full", e),
|
|
146
147
|
...t
|
|
@@ -148,36 +149,36 @@ function ue({ className: e, ...t }) {
|
|
|
148
149
|
}
|
|
149
150
|
//#endregion
|
|
150
151
|
//#region src/components/ui/breadcrumb.tsx
|
|
151
|
-
function
|
|
152
|
-
return /* @__PURE__ */
|
|
152
|
+
function pe({ ...e }) {
|
|
153
|
+
return /* @__PURE__ */ b("nav", {
|
|
153
154
|
"aria-label": "breadcrumb",
|
|
154
155
|
"data-slot": "breadcrumb",
|
|
155
156
|
...e
|
|
156
157
|
});
|
|
157
158
|
}
|
|
158
|
-
function
|
|
159
|
-
return /* @__PURE__ */
|
|
159
|
+
function me({ className: e, ...t }) {
|
|
160
|
+
return /* @__PURE__ */ b("ol", {
|
|
160
161
|
"data-slot": "breadcrumb-list",
|
|
161
162
|
className: r("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", e),
|
|
162
163
|
...t
|
|
163
164
|
});
|
|
164
165
|
}
|
|
165
|
-
function
|
|
166
|
-
return /* @__PURE__ */
|
|
166
|
+
function he({ className: e, ...t }) {
|
|
167
|
+
return /* @__PURE__ */ b("li", {
|
|
167
168
|
"data-slot": "breadcrumb-item",
|
|
168
169
|
className: r("inline-flex items-center gap-1.5", e),
|
|
169
170
|
...t
|
|
170
171
|
});
|
|
171
172
|
}
|
|
172
|
-
function
|
|
173
|
-
return /* @__PURE__ */
|
|
173
|
+
function ge({ asChild: e, className: t, ...n }) {
|
|
174
|
+
return /* @__PURE__ */ b(e ? C : "a", {
|
|
174
175
|
"data-slot": "breadcrumb-link",
|
|
175
176
|
className: r("hover:text-foreground transition-colors", t),
|
|
176
177
|
...n
|
|
177
178
|
});
|
|
178
179
|
}
|
|
179
|
-
function
|
|
180
|
-
return /* @__PURE__ */
|
|
180
|
+
function _e({ className: e, ...t }) {
|
|
181
|
+
return /* @__PURE__ */ b("span", {
|
|
181
182
|
"data-slot": "breadcrumb-page",
|
|
182
183
|
role: "link",
|
|
183
184
|
"aria-disabled": "true",
|
|
@@ -186,24 +187,24 @@ function he({ className: e, ...t }) {
|
|
|
186
187
|
...t
|
|
187
188
|
});
|
|
188
189
|
}
|
|
189
|
-
function
|
|
190
|
-
return /* @__PURE__ */
|
|
190
|
+
function j({ children: t, className: n, ...i }) {
|
|
191
|
+
return /* @__PURE__ */ b("li", {
|
|
191
192
|
"data-slot": "breadcrumb-separator",
|
|
192
193
|
role: "presentation",
|
|
193
194
|
"aria-hidden": "true",
|
|
194
195
|
className: r("[&>svg]:size-3.5", n),
|
|
195
196
|
...i,
|
|
196
|
-
children: t ?? /* @__PURE__ */
|
|
197
|
+
children: t ?? /* @__PURE__ */ b(e, {})
|
|
197
198
|
});
|
|
198
199
|
}
|
|
199
|
-
function
|
|
200
|
-
return /* @__PURE__ */
|
|
200
|
+
function M({ className: e, ...t }) {
|
|
201
|
+
return /* @__PURE__ */ x("span", {
|
|
201
202
|
"data-slot": "breadcrumb-ellipsis",
|
|
202
203
|
role: "presentation",
|
|
203
204
|
"aria-hidden": "true",
|
|
204
205
|
className: r("flex size-9 items-center justify-center", e),
|
|
205
206
|
...t,
|
|
206
|
-
children: [/* @__PURE__ */
|
|
207
|
+
children: [/* @__PURE__ */ b(O, { className: "size-4" }), /* @__PURE__ */ b("span", {
|
|
207
208
|
className: "sr-only",
|
|
208
209
|
children: "More"
|
|
209
210
|
})]
|
|
@@ -211,50 +212,50 @@ function _e({ className: e, ...t }) {
|
|
|
211
212
|
}
|
|
212
213
|
//#endregion
|
|
213
214
|
//#region src/components/ui/card.tsx
|
|
214
|
-
function
|
|
215
|
-
return /* @__PURE__ */
|
|
215
|
+
function N({ className: e, ...t }) {
|
|
216
|
+
return /* @__PURE__ */ b("div", {
|
|
216
217
|
"data-slot": "card",
|
|
217
218
|
className: r("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", e),
|
|
218
219
|
...t
|
|
219
220
|
});
|
|
220
221
|
}
|
|
221
|
-
function
|
|
222
|
-
return /* @__PURE__ */
|
|
222
|
+
function P({ className: e, ...t }) {
|
|
223
|
+
return /* @__PURE__ */ b("div", {
|
|
223
224
|
"data-slot": "card-header",
|
|
224
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),
|
|
225
226
|
...t
|
|
226
227
|
});
|
|
227
228
|
}
|
|
228
|
-
function
|
|
229
|
-
return /* @__PURE__ */
|
|
229
|
+
function F({ className: e, ...t }) {
|
|
230
|
+
return /* @__PURE__ */ b("div", {
|
|
230
231
|
"data-slot": "card-title",
|
|
231
232
|
className: r("leading-none font-semibold", e),
|
|
232
233
|
...t
|
|
233
234
|
});
|
|
234
235
|
}
|
|
235
|
-
function
|
|
236
|
-
return /* @__PURE__ */
|
|
236
|
+
function I({ className: e, ...t }) {
|
|
237
|
+
return /* @__PURE__ */ b("div", {
|
|
237
238
|
"data-slot": "card-description",
|
|
238
239
|
className: r("text-muted-foreground text-sm", e),
|
|
239
240
|
...t
|
|
240
241
|
});
|
|
241
242
|
}
|
|
242
|
-
function
|
|
243
|
-
return /* @__PURE__ */
|
|
243
|
+
function ve({ className: e, ...t }) {
|
|
244
|
+
return /* @__PURE__ */ b("div", {
|
|
244
245
|
"data-slot": "card-action",
|
|
245
246
|
className: r("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
|
|
246
247
|
...t
|
|
247
248
|
});
|
|
248
249
|
}
|
|
249
250
|
function ye({ className: e, ...t }) {
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */ b("div", {
|
|
251
252
|
"data-slot": "card-content",
|
|
252
253
|
className: r("px-6", e),
|
|
253
254
|
...t
|
|
254
255
|
});
|
|
255
256
|
}
|
|
256
257
|
function be({ className: e, ...t }) {
|
|
257
|
-
return /* @__PURE__ */
|
|
258
|
+
return /* @__PURE__ */ b("div", {
|
|
258
259
|
"data-slot": "card-footer",
|
|
259
260
|
className: r("flex items-center px-6 [.border-t]:pt-6", e),
|
|
260
261
|
...t
|
|
@@ -263,97 +264,97 @@ function be({ className: e, ...t }) {
|
|
|
263
264
|
//#endregion
|
|
264
265
|
//#region src/components/ui/select.tsx
|
|
265
266
|
function xe({ ...e }) {
|
|
266
|
-
return /* @__PURE__ */
|
|
267
|
+
return /* @__PURE__ */ b(E.Root, {
|
|
267
268
|
"data-slot": "select",
|
|
268
269
|
...e
|
|
269
270
|
});
|
|
270
271
|
}
|
|
271
272
|
function Se({ ...e }) {
|
|
272
|
-
return /* @__PURE__ */
|
|
273
|
+
return /* @__PURE__ */ b(E.Group, {
|
|
273
274
|
"data-slot": "select-group",
|
|
274
275
|
...e
|
|
275
276
|
});
|
|
276
277
|
}
|
|
277
278
|
function Ce({ ...e }) {
|
|
278
|
-
return /* @__PURE__ */
|
|
279
|
+
return /* @__PURE__ */ b(E.Value, {
|
|
279
280
|
"data-slot": "select-value",
|
|
280
281
|
...e
|
|
281
282
|
});
|
|
282
283
|
}
|
|
283
284
|
function we({ className: e, size: t = "default", children: n, ...i }) {
|
|
284
|
-
return /* @__PURE__ */
|
|
285
|
+
return /* @__PURE__ */ x(E.Trigger, {
|
|
285
286
|
"data-slot": "select-trigger",
|
|
286
287
|
"data-size": t,
|
|
287
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),
|
|
288
289
|
...i,
|
|
289
|
-
children: [n, /* @__PURE__ */
|
|
290
|
+
children: [n, /* @__PURE__ */ b(E.Icon, {
|
|
290
291
|
asChild: !0,
|
|
291
|
-
children: /* @__PURE__ */
|
|
292
|
+
children: /* @__PURE__ */ b(D, { className: "size-4 opacity-50" })
|
|
292
293
|
})]
|
|
293
294
|
});
|
|
294
295
|
}
|
|
295
296
|
function Te({ className: e, children: t, position: n = "popper", align: i = "center", ...a }) {
|
|
296
|
-
return /* @__PURE__ */
|
|
297
|
+
return /* @__PURE__ */ b(E.Portal, { children: /* @__PURE__ */ x(E.Content, {
|
|
297
298
|
"data-slot": "select-content",
|
|
298
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),
|
|
299
300
|
position: n,
|
|
300
301
|
align: i,
|
|
301
302
|
...a,
|
|
302
303
|
children: [
|
|
303
|
-
/* @__PURE__ */
|
|
304
|
-
/* @__PURE__ */
|
|
304
|
+
/* @__PURE__ */ b(L, {}),
|
|
305
|
+
/* @__PURE__ */ b(E.Viewport, {
|
|
305
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"),
|
|
306
307
|
children: t
|
|
307
308
|
}),
|
|
308
|
-
/* @__PURE__ */
|
|
309
|
+
/* @__PURE__ */ b(R, {})
|
|
309
310
|
]
|
|
310
311
|
}) });
|
|
311
312
|
}
|
|
312
313
|
function Ee({ className: e, ...t }) {
|
|
313
|
-
return /* @__PURE__ */
|
|
314
|
+
return /* @__PURE__ */ b(E.Label, {
|
|
314
315
|
"data-slot": "select-label",
|
|
315
316
|
className: r("text-muted-foreground px-2 py-1.5 text-xs", e),
|
|
316
317
|
...t
|
|
317
318
|
});
|
|
318
319
|
}
|
|
319
320
|
function De({ className: e, children: t, ...n }) {
|
|
320
|
-
return /* @__PURE__ */
|
|
321
|
+
return /* @__PURE__ */ x(E.Item, {
|
|
321
322
|
"data-slot": "select-item",
|
|
322
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),
|
|
323
324
|
...n,
|
|
324
|
-
children: [/* @__PURE__ */
|
|
325
|
+
children: [/* @__PURE__ */ b("span", {
|
|
325
326
|
className: "absolute right-2 flex size-3.5 items-center justify-center",
|
|
326
|
-
children: /* @__PURE__ */
|
|
327
|
-
}), /* @__PURE__ */
|
|
327
|
+
children: /* @__PURE__ */ b(E.ItemIndicator, { children: /* @__PURE__ */ b(i, { className: "size-4" }) })
|
|
328
|
+
}), /* @__PURE__ */ b(E.ItemText, { children: t })]
|
|
328
329
|
});
|
|
329
330
|
}
|
|
330
331
|
function Oe({ className: e, ...t }) {
|
|
331
|
-
return /* @__PURE__ */
|
|
332
|
+
return /* @__PURE__ */ b(E.Separator, {
|
|
332
333
|
"data-slot": "select-separator",
|
|
333
334
|
className: r("bg-border pointer-events-none -mx-1 my-1 h-px", e),
|
|
334
335
|
...t
|
|
335
336
|
});
|
|
336
337
|
}
|
|
337
|
-
function
|
|
338
|
-
return /* @__PURE__ */
|
|
338
|
+
function L({ className: e, ...t }) {
|
|
339
|
+
return /* @__PURE__ */ b(E.ScrollUpButton, {
|
|
339
340
|
"data-slot": "select-scroll-up-button",
|
|
340
341
|
className: r("flex cursor-default items-center justify-center py-1", e),
|
|
341
342
|
...t,
|
|
342
|
-
children: /* @__PURE__ */
|
|
343
|
+
children: /* @__PURE__ */ b(oe, { className: "size-4" })
|
|
343
344
|
});
|
|
344
345
|
}
|
|
345
|
-
function
|
|
346
|
-
return /* @__PURE__ */
|
|
346
|
+
function R({ className: e, ...t }) {
|
|
347
|
+
return /* @__PURE__ */ b(E.ScrollDownButton, {
|
|
347
348
|
"data-slot": "select-scroll-down-button",
|
|
348
349
|
className: r("flex cursor-default items-center justify-center py-1", e),
|
|
349
350
|
...t,
|
|
350
|
-
children: /* @__PURE__ */
|
|
351
|
+
children: /* @__PURE__ */ b(D, { className: "size-4" })
|
|
351
352
|
});
|
|
352
353
|
}
|
|
353
354
|
//#endregion
|
|
354
355
|
//#region src/components/ui/separator.tsx
|
|
355
|
-
function
|
|
356
|
-
return /* @__PURE__ */
|
|
356
|
+
function z({ className: e, orientation: t = "horizontal", decorative: n = !0, ...i }) {
|
|
357
|
+
return /* @__PURE__ */ b(re.Root, {
|
|
357
358
|
"data-slot": "separator",
|
|
358
359
|
decorative: n,
|
|
359
360
|
orientation: t,
|
|
@@ -363,74 +364,74 @@ function R({ className: e, orientation: t = "horizontal", decorative: n = !0, ..
|
|
|
363
364
|
}
|
|
364
365
|
//#endregion
|
|
365
366
|
//#region src/components/ui/sheet.tsx
|
|
366
|
-
function
|
|
367
|
-
return /* @__PURE__ */
|
|
367
|
+
function B({ ...e }) {
|
|
368
|
+
return /* @__PURE__ */ b(w.Root, {
|
|
368
369
|
"data-slot": "sheet",
|
|
369
370
|
...e
|
|
370
371
|
});
|
|
371
372
|
}
|
|
372
373
|
function ke({ ...e }) {
|
|
373
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ b(w.Trigger, {
|
|
374
375
|
"data-slot": "sheet-trigger",
|
|
375
376
|
...e
|
|
376
377
|
});
|
|
377
378
|
}
|
|
378
379
|
function Ae({ ...e }) {
|
|
379
|
-
return /* @__PURE__ */
|
|
380
|
+
return /* @__PURE__ */ b(w.Close, {
|
|
380
381
|
"data-slot": "sheet-close",
|
|
381
382
|
...e
|
|
382
383
|
});
|
|
383
384
|
}
|
|
384
385
|
function je({ ...e }) {
|
|
385
|
-
return /* @__PURE__ */
|
|
386
|
+
return /* @__PURE__ */ b(w.Portal, {
|
|
386
387
|
"data-slot": "sheet-portal",
|
|
387
388
|
...e
|
|
388
389
|
});
|
|
389
390
|
}
|
|
390
391
|
function Me({ className: e, ...t }) {
|
|
391
|
-
return /* @__PURE__ */
|
|
392
|
+
return /* @__PURE__ */ b(w.Overlay, {
|
|
392
393
|
"data-slot": "sheet-overlay",
|
|
393
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),
|
|
394
395
|
...t
|
|
395
396
|
});
|
|
396
397
|
}
|
|
397
|
-
function
|
|
398
|
-
return /* @__PURE__ */
|
|
398
|
+
function V({ className: e, children: t, side: n = "right", ...i }) {
|
|
399
|
+
return /* @__PURE__ */ x(je, { children: [/* @__PURE__ */ b(Me, {}), /* @__PURE__ */ x(w.Content, {
|
|
399
400
|
"data-slot": "sheet-content",
|
|
400
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),
|
|
401
402
|
...i,
|
|
402
|
-
children: [t, /* @__PURE__ */
|
|
403
|
+
children: [t, /* @__PURE__ */ x(w.Close, {
|
|
403
404
|
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",
|
|
404
|
-
children: [/* @__PURE__ */
|
|
405
|
+
children: [/* @__PURE__ */ b(h, { className: "size-4" }), /* @__PURE__ */ b("span", {
|
|
405
406
|
className: "sr-only",
|
|
406
407
|
children: "Close"
|
|
407
408
|
})]
|
|
408
409
|
})]
|
|
409
410
|
})] });
|
|
410
411
|
}
|
|
411
|
-
function
|
|
412
|
-
return /* @__PURE__ */
|
|
412
|
+
function H({ className: e, ...t }) {
|
|
413
|
+
return /* @__PURE__ */ b("div", {
|
|
413
414
|
"data-slot": "sheet-header",
|
|
414
415
|
className: r("flex flex-col gap-1.5 p-4", e),
|
|
415
416
|
...t
|
|
416
417
|
});
|
|
417
418
|
}
|
|
418
419
|
function Ne({ className: e, ...t }) {
|
|
419
|
-
return /* @__PURE__ */
|
|
420
|
+
return /* @__PURE__ */ b("div", {
|
|
420
421
|
"data-slot": "sheet-footer",
|
|
421
422
|
className: r("mt-auto flex flex-col gap-2 p-4", e),
|
|
422
423
|
...t
|
|
423
424
|
});
|
|
424
425
|
}
|
|
425
|
-
function
|
|
426
|
-
return /* @__PURE__ */
|
|
426
|
+
function U({ className: e, ...t }) {
|
|
427
|
+
return /* @__PURE__ */ b(w.Title, {
|
|
427
428
|
"data-slot": "sheet-title",
|
|
428
429
|
className: r("text-foreground font-semibold", e),
|
|
429
430
|
...t
|
|
430
431
|
});
|
|
431
432
|
}
|
|
432
|
-
function
|
|
433
|
-
return /* @__PURE__ */
|
|
433
|
+
function W({ className: e, ...t }) {
|
|
434
|
+
return /* @__PURE__ */ b(w.Description, {
|
|
434
435
|
"data-slot": "sheet-description",
|
|
435
436
|
className: r("text-muted-foreground text-sm", e),
|
|
436
437
|
...t
|
|
@@ -439,29 +440,29 @@ function U({ className: e, ...t }) {
|
|
|
439
440
|
//#endregion
|
|
440
441
|
//#region src/hooks/use-mobile.ts
|
|
441
442
|
var Pe = "(max-width: 767px)";
|
|
442
|
-
function
|
|
443
|
+
function G() {
|
|
443
444
|
return window.matchMedia(Pe);
|
|
444
445
|
}
|
|
445
446
|
function Fe(e) {
|
|
446
|
-
let t =
|
|
447
|
+
let t = G();
|
|
447
448
|
return t.addEventListener("change", e), () => t.removeEventListener("change", e);
|
|
448
449
|
}
|
|
449
|
-
function
|
|
450
|
-
return g.useSyncExternalStore(Fe, () =>
|
|
450
|
+
function K() {
|
|
451
|
+
return g.useSyncExternalStore(Fe, () => G().matches, () => !1);
|
|
451
452
|
}
|
|
452
453
|
//#endregion
|
|
453
454
|
//#region src/components/ui/sidebar.tsx
|
|
454
|
-
var Ie = "sidebar_state", Le = 604800, Re = "16rem", ze = "18rem", Be = "3rem", Ve = "b",
|
|
455
|
-
function
|
|
456
|
-
let e = g.useContext(
|
|
455
|
+
var Ie = "sidebar_state", Le = 604800, Re = "16rem", ze = "18rem", Be = "3rem", Ve = "b", q = g.createContext(null);
|
|
456
|
+
function J() {
|
|
457
|
+
let e = g.useContext(q);
|
|
457
458
|
if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
|
|
458
459
|
return e;
|
|
459
460
|
}
|
|
460
|
-
function
|
|
461
|
-
return g.useContext(
|
|
461
|
+
function Y() {
|
|
462
|
+
return g.useContext(q);
|
|
462
463
|
}
|
|
463
464
|
function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style: a, children: o, ...s }) {
|
|
464
|
-
let c =
|
|
465
|
+
let c = K(), [l, u] = g.useState(!1), [d, p] = g.useState(e), m = t ?? d, h = g.useCallback((e) => {
|
|
465
466
|
let t = typeof e == "function" ? e(m) : e;
|
|
466
467
|
n ? n(t) : p(t), document.cookie = `${Ie}=${t}; path=/; max-age=${Le}`;
|
|
467
468
|
}, [n, m]), _ = g.useCallback(() => c ? u((e) => !e) : h((e) => !e), [
|
|
@@ -492,11 +493,11 @@ function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style
|
|
|
492
493
|
u,
|
|
493
494
|
_
|
|
494
495
|
]);
|
|
495
|
-
return /* @__PURE__ */
|
|
496
|
+
return /* @__PURE__ */ b(q.Provider, {
|
|
496
497
|
value: y,
|
|
497
|
-
children: /* @__PURE__ */
|
|
498
|
+
children: /* @__PURE__ */ b(f, {
|
|
498
499
|
delayDuration: 0,
|
|
499
|
-
children: /* @__PURE__ */
|
|
500
|
+
children: /* @__PURE__ */ b("div", {
|
|
500
501
|
"data-slot": "sidebar-wrapper",
|
|
501
502
|
style: {
|
|
502
503
|
"--sidebar-width": Re,
|
|
@@ -511,46 +512,46 @@ function He({ defaultOpen: e = !0, open: t, onOpenChange: n, className: i, style
|
|
|
511
512
|
});
|
|
512
513
|
}
|
|
513
514
|
function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", position: i = "fixed", className: a, children: o, ...s }) {
|
|
514
|
-
let { isMobile: c, state: l, openMobile: u, setOpenMobile: d } =
|
|
515
|
-
return n === "none" ? /* @__PURE__ */
|
|
515
|
+
let { isMobile: c, state: l, openMobile: u, setOpenMobile: d } = J();
|
|
516
|
+
return n === "none" ? /* @__PURE__ */ b("div", {
|
|
516
517
|
"data-slot": "sidebar",
|
|
517
518
|
className: r("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col", a),
|
|
518
519
|
...s,
|
|
519
520
|
children: o
|
|
520
|
-
}) : c ? /* @__PURE__ */
|
|
521
|
+
}) : c ? /* @__PURE__ */ b(B, {
|
|
521
522
|
open: u,
|
|
522
523
|
onOpenChange: d,
|
|
523
524
|
...s,
|
|
524
|
-
children: /* @__PURE__ */
|
|
525
|
+
children: /* @__PURE__ */ x(V, {
|
|
525
526
|
"data-sidebar": "sidebar",
|
|
526
527
|
"data-slot": "sidebar",
|
|
527
528
|
"data-mobile": "true",
|
|
528
529
|
className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
|
|
529
530
|
style: { "--sidebar-width": ze },
|
|
530
531
|
side: e,
|
|
531
|
-
children: [/* @__PURE__ */
|
|
532
|
+
children: [/* @__PURE__ */ x(H, {
|
|
532
533
|
className: "sr-only",
|
|
533
|
-
children: [/* @__PURE__ */
|
|
534
|
-
}), /* @__PURE__ */
|
|
534
|
+
children: [/* @__PURE__ */ b(U, { children: "Sidebar" }), /* @__PURE__ */ b(W, { children: "Displays the mobile sidebar." })]
|
|
535
|
+
}), /* @__PURE__ */ b("div", {
|
|
535
536
|
className: "flex h-full w-full flex-col",
|
|
536
537
|
children: o
|
|
537
538
|
})]
|
|
538
539
|
})
|
|
539
|
-
}) : /* @__PURE__ */
|
|
540
|
+
}) : /* @__PURE__ */ x("div", {
|
|
540
541
|
className: r("group peer text-sidebar-foreground hidden md:block", i === "absolute" && "relative"),
|
|
541
542
|
"data-state": l,
|
|
542
543
|
"data-collapsible": l === "collapsed" ? n : "",
|
|
543
544
|
"data-variant": t,
|
|
544
545
|
"data-side": e,
|
|
545
546
|
"data-slot": "sidebar",
|
|
546
|
-
children: [/* @__PURE__ */
|
|
547
|
+
children: [/* @__PURE__ */ b("div", {
|
|
547
548
|
"data-slot": "sidebar-gap",
|
|
548
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)")
|
|
549
|
-
}), /* @__PURE__ */
|
|
550
|
+
}), /* @__PURE__ */ b("div", {
|
|
550
551
|
"data-slot": "sidebar-container",
|
|
551
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),
|
|
552
553
|
...s,
|
|
553
|
-
children: /* @__PURE__ */
|
|
554
|
+
children: /* @__PURE__ */ b("div", {
|
|
554
555
|
"data-sidebar": "sidebar",
|
|
555
556
|
"data-slot": "sidebar-inner",
|
|
556
557
|
className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
|
|
@@ -560,10 +561,10 @@ function Ue({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcan
|
|
|
560
561
|
});
|
|
561
562
|
}
|
|
562
563
|
function We({ className: e, onClick: t, ...n }) {
|
|
563
|
-
let i =
|
|
564
|
+
let i = Y();
|
|
564
565
|
if (!i) return null;
|
|
565
566
|
let { toggleSidebar: a, isMobile: o } = i;
|
|
566
|
-
return /* @__PURE__ */
|
|
567
|
+
return /* @__PURE__ */ x(m, {
|
|
567
568
|
"data-sidebar": "trigger",
|
|
568
569
|
"data-slot": "sidebar-trigger",
|
|
569
570
|
variant: "ghost",
|
|
@@ -573,15 +574,15 @@ function We({ className: e, onClick: t, ...n }) {
|
|
|
573
574
|
t?.(e), a();
|
|
574
575
|
},
|
|
575
576
|
...n,
|
|
576
|
-
children: [
|
|
577
|
+
children: [b(o ? se : le, {}), /* @__PURE__ */ b("span", {
|
|
577
578
|
className: "sr-only",
|
|
578
579
|
children: "Toggle Sidebar"
|
|
579
580
|
})]
|
|
580
581
|
});
|
|
581
582
|
}
|
|
582
583
|
function Ge({ className: e, ...t }) {
|
|
583
|
-
let { toggleSidebar: n } =
|
|
584
|
-
return /* @__PURE__ */
|
|
584
|
+
let { toggleSidebar: n } = J();
|
|
585
|
+
return /* @__PURE__ */ b("button", {
|
|
585
586
|
"data-sidebar": "rail",
|
|
586
587
|
"data-slot": "sidebar-rail",
|
|
587
588
|
"aria-label": "Toggle Sidebar",
|
|
@@ -593,14 +594,14 @@ function Ge({ className: e, ...t }) {
|
|
|
593
594
|
});
|
|
594
595
|
}
|
|
595
596
|
function Ke({ className: e, ...t }) {
|
|
596
|
-
return /* @__PURE__ */
|
|
597
|
+
return /* @__PURE__ */ b("main", {
|
|
597
598
|
"data-slot": "sidebar-inset",
|
|
598
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),
|
|
599
600
|
...t
|
|
600
601
|
});
|
|
601
602
|
}
|
|
602
603
|
function qe({ className: e, ...t }) {
|
|
603
|
-
return /* @__PURE__ */
|
|
604
|
+
return /* @__PURE__ */ b(u, {
|
|
604
605
|
"data-slot": "sidebar-input",
|
|
605
606
|
"data-sidebar": "input",
|
|
606
607
|
className: r("bg-background h-8 w-full shadow-none", e),
|
|
@@ -608,7 +609,7 @@ function qe({ className: e, ...t }) {
|
|
|
608
609
|
});
|
|
609
610
|
}
|
|
610
611
|
function Je({ className: e, ...t }) {
|
|
611
|
-
return /* @__PURE__ */
|
|
612
|
+
return /* @__PURE__ */ b("div", {
|
|
612
613
|
"data-slot": "sidebar-header",
|
|
613
614
|
"data-sidebar": "header",
|
|
614
615
|
className: r("flex flex-col gap-2 p-2", e),
|
|
@@ -616,7 +617,7 @@ function Je({ className: e, ...t }) {
|
|
|
616
617
|
});
|
|
617
618
|
}
|
|
618
619
|
function Ye({ className: e, ...t }) {
|
|
619
|
-
return /* @__PURE__ */
|
|
620
|
+
return /* @__PURE__ */ b("div", {
|
|
620
621
|
"data-slot": "sidebar-footer",
|
|
621
622
|
"data-sidebar": "footer",
|
|
622
623
|
className: r("flex flex-col gap-2 p-2", e),
|
|
@@ -624,7 +625,7 @@ function Ye({ className: e, ...t }) {
|
|
|
624
625
|
});
|
|
625
626
|
}
|
|
626
627
|
function Xe({ className: e, ...t }) {
|
|
627
|
-
return /* @__PURE__ */
|
|
628
|
+
return /* @__PURE__ */ b(z, {
|
|
628
629
|
"data-slot": "sidebar-separator",
|
|
629
630
|
"data-sidebar": "separator",
|
|
630
631
|
className: r("bg-sidebar-border mx-2 w-auto", e),
|
|
@@ -632,7 +633,7 @@ function Xe({ className: e, ...t }) {
|
|
|
632
633
|
});
|
|
633
634
|
}
|
|
634
635
|
function Ze({ className: e, ...t }) {
|
|
635
|
-
return /* @__PURE__ */
|
|
636
|
+
return /* @__PURE__ */ b("div", {
|
|
636
637
|
"data-slot": "sidebar-content",
|
|
637
638
|
"data-sidebar": "content",
|
|
638
639
|
className: r("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", e),
|
|
@@ -640,7 +641,7 @@ function Ze({ className: e, ...t }) {
|
|
|
640
641
|
});
|
|
641
642
|
}
|
|
642
643
|
function Qe({ className: e, ...t }) {
|
|
643
|
-
return /* @__PURE__ */
|
|
644
|
+
return /* @__PURE__ */ b("div", {
|
|
644
645
|
"data-slot": "sidebar-group",
|
|
645
646
|
"data-sidebar": "group",
|
|
646
647
|
className: r("relative flex w-full min-w-0 flex-col p-2", e),
|
|
@@ -648,7 +649,7 @@ function Qe({ className: e, ...t }) {
|
|
|
648
649
|
});
|
|
649
650
|
}
|
|
650
651
|
function $e({ className: e, asChild: t = !1, ...n }) {
|
|
651
|
-
return /* @__PURE__ */
|
|
652
|
+
return /* @__PURE__ */ b(t ? C : "div", {
|
|
652
653
|
"data-slot": "sidebar-group-label",
|
|
653
654
|
"data-sidebar": "group-label",
|
|
654
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,7 +657,7 @@ function $e({ className: e, asChild: t = !1, ...n }) {
|
|
|
656
657
|
});
|
|
657
658
|
}
|
|
658
659
|
function et({ className: e, asChild: t = !1, ...n }) {
|
|
659
|
-
return /* @__PURE__ */
|
|
660
|
+
return /* @__PURE__ */ b(t ? C : "button", {
|
|
660
661
|
"data-slot": "sidebar-group-action",
|
|
661
662
|
"data-sidebar": "group-action",
|
|
662
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,7 +665,7 @@ function et({ className: e, asChild: t = !1, ...n }) {
|
|
|
664
665
|
});
|
|
665
666
|
}
|
|
666
667
|
function tt({ className: e, ...t }) {
|
|
667
|
-
return /* @__PURE__ */
|
|
668
|
+
return /* @__PURE__ */ b("div", {
|
|
668
669
|
"data-slot": "sidebar-group-content",
|
|
669
670
|
"data-sidebar": "group-content",
|
|
670
671
|
className: r("w-full text-sm", e),
|
|
@@ -672,7 +673,7 @@ function tt({ className: e, ...t }) {
|
|
|
672
673
|
});
|
|
673
674
|
}
|
|
674
675
|
function nt({ className: e, ...t }) {
|
|
675
|
-
return /* @__PURE__ */
|
|
676
|
+
return /* @__PURE__ */ b("ul", {
|
|
676
677
|
"data-slot": "sidebar-menu",
|
|
677
678
|
"data-sidebar": "menu",
|
|
678
679
|
className: r("flex w-full min-w-0 flex-col gap-1", e),
|
|
@@ -680,7 +681,7 @@ function nt({ className: e, ...t }) {
|
|
|
680
681
|
});
|
|
681
682
|
}
|
|
682
683
|
function rt({ className: e, ...t }) {
|
|
683
|
-
return /* @__PURE__ */
|
|
684
|
+
return /* @__PURE__ */ b("li", {
|
|
684
685
|
"data-slot": "sidebar-menu-item",
|
|
685
686
|
"data-sidebar": "menu-item",
|
|
686
687
|
className: r("group/menu-item relative", e),
|
|
@@ -704,8 +705,8 @@ var it = ne("peer/menu-button flex w-full items-center gap-2 overflow-hidden rou
|
|
|
704
705
|
size: "default"
|
|
705
706
|
}
|
|
706
707
|
});
|
|
707
|
-
function
|
|
708
|
-
let u = e ?
|
|
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, {
|
|
709
710
|
"data-slot": "sidebar-menu-button",
|
|
710
711
|
"data-sidebar": "menu-button",
|
|
711
712
|
"data-size": i,
|
|
@@ -716,18 +717,18 @@ function at({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: i
|
|
|
716
717
|
}), s),
|
|
717
718
|
...c
|
|
718
719
|
});
|
|
719
|
-
return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */
|
|
720
|
+
return o ? (typeof o == "string" && (o = { children: o }), /* @__PURE__ */ x(l, { children: [/* @__PURE__ */ b(p, {
|
|
720
721
|
asChild: !0,
|
|
721
722
|
children: m
|
|
722
|
-
}), /* @__PURE__ */
|
|
723
|
+
}), /* @__PURE__ */ b(a, {
|
|
723
724
|
side: "right",
|
|
724
725
|
align: "center",
|
|
725
726
|
hidden: f !== "collapsed" || d,
|
|
726
727
|
...o
|
|
727
728
|
})] })) : m;
|
|
728
729
|
}
|
|
729
|
-
function
|
|
730
|
-
return /* @__PURE__ */
|
|
730
|
+
function at({ className: e, asChild: t = !1, showOnHover: n = !1, ...i }) {
|
|
731
|
+
return /* @__PURE__ */ b(t ? C : "button", {
|
|
731
732
|
"data-slot": "sidebar-menu-action",
|
|
732
733
|
"data-sidebar": "menu-action",
|
|
733
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),
|
|
@@ -735,7 +736,7 @@ function Y({ className: e, asChild: t = !1, showOnHover: n = !1, ...i }) {
|
|
|
735
736
|
});
|
|
736
737
|
}
|
|
737
738
|
function ot({ className: e, ...t }) {
|
|
738
|
-
return /* @__PURE__ */
|
|
739
|
+
return /* @__PURE__ */ b("div", {
|
|
739
740
|
"data-slot": "sidebar-menu-badge",
|
|
740
741
|
"data-sidebar": "menu-badge",
|
|
741
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),
|
|
@@ -749,15 +750,15 @@ function st(e) {
|
|
|
749
750
|
}
|
|
750
751
|
function ct({ className: e, showIcon: t = !1, ...n }) {
|
|
751
752
|
let i = `${50 + st(g.useId()) % 40}%`;
|
|
752
|
-
return /* @__PURE__ */
|
|
753
|
+
return /* @__PURE__ */ x("div", {
|
|
753
754
|
"data-slot": "sidebar-menu-skeleton",
|
|
754
755
|
"data-sidebar": "menu-skeleton",
|
|
755
756
|
className: r("flex h-8 items-center gap-2 rounded-md px-2", e),
|
|
756
757
|
...n,
|
|
757
|
-
children: [t && /* @__PURE__ */
|
|
758
|
+
children: [t && /* @__PURE__ */ b(o, {
|
|
758
759
|
className: "size-4 rounded-md",
|
|
759
760
|
"data-sidebar": "menu-skeleton-icon"
|
|
760
|
-
}), /* @__PURE__ */
|
|
761
|
+
}), /* @__PURE__ */ b(o, {
|
|
761
762
|
className: "h-4 max-w-(--skeleton-width) flex-1",
|
|
762
763
|
"data-sidebar": "menu-skeleton-text",
|
|
763
764
|
style: { "--skeleton-width": i }
|
|
@@ -765,7 +766,7 @@ function ct({ className: e, showIcon: t = !1, ...n }) {
|
|
|
765
766
|
});
|
|
766
767
|
}
|
|
767
768
|
function lt({ className: e, ...t }) {
|
|
768
|
-
return /* @__PURE__ */
|
|
769
|
+
return /* @__PURE__ */ b("ul", {
|
|
769
770
|
"data-slot": "sidebar-menu-sub",
|
|
770
771
|
"data-sidebar": "menu-sub",
|
|
771
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,7 +774,7 @@ function lt({ className: e, ...t }) {
|
|
|
773
774
|
});
|
|
774
775
|
}
|
|
775
776
|
function ut({ className: e, ...t }) {
|
|
776
|
-
return /* @__PURE__ */
|
|
777
|
+
return /* @__PURE__ */ b("li", {
|
|
777
778
|
"data-slot": "sidebar-menu-sub-item",
|
|
778
779
|
"data-sidebar": "menu-sub-item",
|
|
779
780
|
className: r("group/menu-sub-item relative", e),
|
|
@@ -781,7 +782,7 @@ function ut({ className: e, ...t }) {
|
|
|
781
782
|
});
|
|
782
783
|
}
|
|
783
784
|
function dt({ asChild: e = !1, size: t = "md", isActive: n = !1, className: i, ...a }) {
|
|
784
|
-
return /* @__PURE__ */
|
|
785
|
+
return /* @__PURE__ */ b(e ? C : "a", {
|
|
785
786
|
"data-slot": "sidebar-menu-sub-button",
|
|
786
787
|
"data-sidebar": "menu-sub-button",
|
|
787
788
|
"data-size": t,
|
|
@@ -792,68 +793,53 @@ function dt({ asChild: e = !1, size: t = "md", isActive: n = !1, className: i, .
|
|
|
792
793
|
}
|
|
793
794
|
//#endregion
|
|
794
795
|
//#region src/components/theme-provider.tsx
|
|
795
|
-
var X = _({
|
|
796
|
-
theme: "system",
|
|
797
|
-
setTheme: () => null
|
|
798
|
-
});
|
|
799
796
|
function ft({ children: e, defaultTheme: t = "system", storageKey: n = "vite-ui-theme", ...r }) {
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
e.classList.add(t);
|
|
806
|
-
return;
|
|
807
|
-
}
|
|
808
|
-
e.classList.add(i);
|
|
809
|
-
}, [i]);
|
|
810
|
-
let o = {
|
|
811
|
-
theme: i,
|
|
812
|
-
setTheme: (e) => {
|
|
813
|
-
localStorage.setItem(n, e), a(e);
|
|
814
|
-
}
|
|
815
|
-
};
|
|
816
|
-
return /* @__PURE__ */ x(X.Provider, {
|
|
797
|
+
return /* @__PURE__ */ b(ie, {
|
|
798
|
+
attribute: "class",
|
|
799
|
+
enableSystem: !0,
|
|
800
|
+
defaultTheme: t,
|
|
801
|
+
storageKey: n,
|
|
817
802
|
...r,
|
|
818
|
-
value: o,
|
|
819
803
|
children: e
|
|
820
804
|
});
|
|
821
805
|
}
|
|
822
806
|
var Z = () => {
|
|
823
|
-
let e =
|
|
824
|
-
|
|
825
|
-
|
|
807
|
+
let { theme: e, setTheme: t } = ae();
|
|
808
|
+
return {
|
|
809
|
+
theme: e ?? "system",
|
|
810
|
+
setTheme: t
|
|
811
|
+
};
|
|
826
812
|
};
|
|
827
813
|
//#endregion
|
|
828
814
|
//#region src/components/mode-toggle.tsx
|
|
829
815
|
function pt() {
|
|
830
|
-
let { setTheme: e } = Z(), { t: n } =
|
|
831
|
-
return /* @__PURE__ */
|
|
816
|
+
let { setTheme: e } = Z(), { t: n } = T();
|
|
817
|
+
return /* @__PURE__ */ x(s, { children: [/* @__PURE__ */ b(t, {
|
|
832
818
|
asChild: !0,
|
|
833
|
-
children: /* @__PURE__ */
|
|
819
|
+
children: /* @__PURE__ */ x(m, {
|
|
834
820
|
variant: "outline",
|
|
835
821
|
size: "sm",
|
|
836
822
|
children: [
|
|
837
|
-
/* @__PURE__ */
|
|
838
|
-
/* @__PURE__ */
|
|
839
|
-
/* @__PURE__ */
|
|
823
|
+
/* @__PURE__ */ b(A, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
|
|
824
|
+
/* @__PURE__ */ b(k, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
|
|
825
|
+
/* @__PURE__ */ b("span", {
|
|
840
826
|
className: "sr-only",
|
|
841
827
|
children: n("theme.toggle")
|
|
842
828
|
})
|
|
843
829
|
]
|
|
844
830
|
})
|
|
845
|
-
}), /* @__PURE__ */
|
|
831
|
+
}), /* @__PURE__ */ x(d, {
|
|
846
832
|
align: "end",
|
|
847
833
|
children: [
|
|
848
|
-
/* @__PURE__ */
|
|
834
|
+
/* @__PURE__ */ b(c, {
|
|
849
835
|
onClick: () => e("light"),
|
|
850
836
|
children: n("theme.light")
|
|
851
837
|
}),
|
|
852
|
-
/* @__PURE__ */
|
|
838
|
+
/* @__PURE__ */ b(c, {
|
|
853
839
|
onClick: () => e("dark"),
|
|
854
840
|
children: n("theme.dark")
|
|
855
841
|
}),
|
|
856
|
-
/* @__PURE__ */
|
|
842
|
+
/* @__PURE__ */ b(c, {
|
|
857
843
|
onClick: () => e("system"),
|
|
858
844
|
children: n("theme.system")
|
|
859
845
|
})
|
|
@@ -864,45 +850,45 @@ var Q = [
|
|
|
864
850
|
{
|
|
865
851
|
value: "light",
|
|
866
852
|
labelKey: "theme.light",
|
|
867
|
-
icon:
|
|
853
|
+
icon: A
|
|
868
854
|
},
|
|
869
855
|
{
|
|
870
856
|
value: "dark",
|
|
871
857
|
labelKey: "theme.dark",
|
|
872
|
-
icon:
|
|
858
|
+
icon: k
|
|
873
859
|
},
|
|
874
860
|
{
|
|
875
861
|
value: "system",
|
|
876
862
|
labelKey: "theme.system",
|
|
877
|
-
icon:
|
|
863
|
+
icon: ce
|
|
878
864
|
}
|
|
879
865
|
];
|
|
880
866
|
function mt() {
|
|
881
|
-
let { theme: e, setTheme: t } = Z(), { t: n } =
|
|
867
|
+
let { theme: e, setTheme: t } = Z(), { t: n } = T(), r = Q.find((t) => t.value === e) ?? Q[2];
|
|
882
868
|
function i() {
|
|
883
869
|
let n = Q[(Q.findIndex((t) => t.value === e) + 1) % Q.length];
|
|
884
870
|
t(n.value);
|
|
885
871
|
}
|
|
886
872
|
let a = r.icon;
|
|
887
|
-
return /* @__PURE__ */
|
|
873
|
+
return /* @__PURE__ */ x("button", {
|
|
888
874
|
type: "button",
|
|
889
875
|
title: n("theme.toggle"),
|
|
890
876
|
onClick: i,
|
|
891
877
|
className: "md:hidden flex items-center gap-3 rounded-lg px-3 py-2 text-sm text-sidebar-foreground hover:bg-sidebar-accent transition-colors w-full",
|
|
892
|
-
children: [/* @__PURE__ */
|
|
878
|
+
children: [/* @__PURE__ */ b(a, { className: "size-4 shrink-0" }), /* @__PURE__ */ b("span", { children: n("theme.modeLabel", { mode: n(r.labelKey) }) })]
|
|
893
879
|
});
|
|
894
880
|
}
|
|
895
881
|
//#endregion
|
|
896
882
|
//#region src/contexts/breadcrumb.context.tsx
|
|
897
883
|
var $ = _(void 0);
|
|
898
884
|
function ht({ children: e }) {
|
|
899
|
-
let [t, n] =
|
|
885
|
+
let [t, n] = te([]), r = v((e) => {
|
|
900
886
|
n((t) => t.length > 0 && t[t.length - 1].label === e.label ? t : [...t, e]);
|
|
901
887
|
}, []), i = v(() => {
|
|
902
888
|
n((e) => e.slice(0, -1));
|
|
903
889
|
}, []), a = v((e = []) => {
|
|
904
890
|
n(e);
|
|
905
|
-
}, []), o =
|
|
891
|
+
}, []), o = ee(() => ({
|
|
906
892
|
items: t,
|
|
907
893
|
setItems: n,
|
|
908
894
|
pushItem: r,
|
|
@@ -914,7 +900,7 @@ function ht({ children: e }) {
|
|
|
914
900
|
i,
|
|
915
901
|
a
|
|
916
902
|
]);
|
|
917
|
-
return /* @__PURE__ */
|
|
903
|
+
return /* @__PURE__ */ b($.Provider, {
|
|
918
904
|
value: o,
|
|
919
905
|
children: e
|
|
920
906
|
});
|
|
@@ -925,4 +911,4 @@ var gt = () => {
|
|
|
925
911
|
return e;
|
|
926
912
|
}, _t = () => y($);
|
|
927
913
|
//#endregion
|
|
928
|
-
export {
|
|
914
|
+
export { N as $, We as A, U as B, ct as C, He as D, ut as E, Ae as F, Se as G, z as H, V as I, R as J, De as K, W as L, Y as M, K as N, Ge as O, B as P, Ce as Q, Ne as R, rt as S, dt as T, xe as U, ke as V, Te as W, Oe as X, L as Y, we as Z, Ke as _, D as _t, mt as a, F as at, ot as b, Ue as c, he as ct, Qe as d, _e as dt, ve as et, et as f, j as ft, qe as g, O as gt, Je as h, de as ht, pt as i, P as it, J as j, Xe as k, Ze as l, ge as lt, $e as m, fe as mt, gt as n, I as nt, ft as o, pe as ot, tt as p, ue as pt, Ee as q, _t as r, be as rt, Z as s, M as st, ht as t, ye as tt, Ye as u, me as ut, nt as v, lt as w, X as x, at as y, H as z };
|