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