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