@galaui/react 0.1.0
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/LICENSE +21 -0
- package/README.md +156 -0
- package/dist/components/ui/accordion.d.ts +8 -0
- package/dist/components/ui/alert-dialog.d.ts +21 -0
- package/dist/components/ui/alert.d.ts +11 -0
- package/dist/components/ui/aspect-ratio.d.ts +6 -0
- package/dist/components/ui/avatar.d.ts +13 -0
- package/dist/components/ui/badge.d.ts +10 -0
- package/dist/components/ui/breadcrumb.d.ts +17 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/checkbox-group.d.ts +3 -0
- package/dist/components/ui/checkbox.d.ts +3 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/context-menu.d.ts +23 -0
- package/dist/components/ui/dialog.d.ts +19 -0
- package/dist/components/ui/drawer.d.ts +22 -0
- package/dist/components/ui/dropdown-menu.d.ts +26 -0
- package/dist/components/ui/empty-state.d.ts +13 -0
- package/dist/components/ui/field.d.ts +10 -0
- package/dist/components/ui/input-otp.d.ts +5 -0
- package/dist/components/ui/input.d.ts +12 -0
- package/dist/components/ui/kbd.d.ts +3 -0
- package/dist/components/ui/menubar.d.ts +17 -0
- package/dist/components/ui/meter.d.ts +7 -0
- package/dist/components/ui/navigation-menu.d.ts +15 -0
- package/dist/components/ui/number-field.d.ts +13 -0
- package/dist/components/ui/pagination.d.ts +27 -0
- package/dist/components/ui/popover.d.ts +14 -0
- package/dist/components/ui/preview-card.d.ts +12 -0
- package/dist/components/ui/progress.d.ts +7 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/scroll-area.d.ts +7 -0
- package/dist/components/ui/select.d.ts +30 -0
- package/dist/components/ui/separator.d.ts +5 -0
- package/dist/components/ui/skeleton.d.ts +3 -0
- package/dist/components/ui/slider.d.ts +38 -0
- package/dist/components/ui/switch.d.ts +16 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/tabs.d.ts +15 -0
- package/dist/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/toast.d.ts +37 -0
- package/dist/components/ui/toggle-group.d.ts +14 -0
- package/dist/components/ui/toggle.d.ts +11 -0
- package/dist/components/ui/tooltip.d.ts +12 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +45 -0
- package/dist/index.js +1693 -0
- package/dist/lib/utils.d.ts +6 -0
- package/dist/style.css +3 -0
- package/dist/tokens/index.d.ts +144 -0
- package/package.json +76 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,1693 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { clsx as e, cn as t, twJoin as n, twMerge as r } from "cn";
|
|
3
|
+
import * as i from "react";
|
|
4
|
+
import { cva as a } from "class-variance-authority";
|
|
5
|
+
import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
|
|
6
|
+
import { Accordion as l, AlertDialog as u, Avatar as d, Checkbox as f, CheckboxGroup as ee, Collapsible as p, ContextMenu as m, Dialog as h, Drawer as g, Field as _, Fieldset as te, Menu as v, Menubar as ne, Meter as y, NavigationMenu as b, NumberField as x, OTPField as re, Popover as S, PreviewCard as C, Progress as w, Radio as ie, RadioGroup as ae, ScrollArea as T, Select as E, Separator as oe, Slider as D, Switch as O, Tabs as k, Toast as A, Toggle as se, ToggleGroup as ce, Tooltip as j } from "@base-ui/react";
|
|
7
|
+
import { Check as M, ChevronDown as N, ChevronLeft as le, ChevronRight as P, ChevronUp as ue, Minus as de, MoreHorizontal as fe, X as pe } from "lucide-react";
|
|
8
|
+
import { CaretDown as me, Check as he, CheckCircle as ge, Info as _e, Warning as ve, X as ye, XCircle as be } from "@phosphor-icons/react";
|
|
9
|
+
//#region src/components/ui/button.tsx
|
|
10
|
+
var F = a("inline-flex items-center justify-center whitespace-nowrap font-medium transition-all duration-150 ease-out active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer", {
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-primary/80",
|
|
14
|
+
primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 active:bg-primary/80",
|
|
15
|
+
destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 active:bg-destructive/80",
|
|
16
|
+
outline: "border border-border bg-background hover:bg-muted text-foreground",
|
|
17
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
18
|
+
ghost: "hover:bg-muted text-foreground hover:text-foreground",
|
|
19
|
+
link: "text-primary underline-offset-4 hover:underline cursor-pointer"
|
|
20
|
+
},
|
|
21
|
+
size: {
|
|
22
|
+
default: "h-8 px-3.5 rounded-lg text-xs gap-2",
|
|
23
|
+
xs: "h-6 px-2.5 rounded-md text-xs gap-1.5",
|
|
24
|
+
sm: "h-7 px-3 rounded-md text-xs gap-1.5",
|
|
25
|
+
md: "h-8 px-3.5 rounded-lg text-xs gap-2",
|
|
26
|
+
lg: "h-9 px-4 rounded-lg text-sm gap-2",
|
|
27
|
+
icon: "h-8 w-8 rounded-lg p-0",
|
|
28
|
+
"icon-xs": "h-6 w-6 rounded-md p-0",
|
|
29
|
+
"icon-sm": "h-7 w-7 rounded-md p-0",
|
|
30
|
+
"icon-md": "h-8 w-8 rounded-lg p-0",
|
|
31
|
+
"icon-lg": "h-9 w-9 rounded-lg p-0"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
defaultVariants: {
|
|
35
|
+
variant: "default",
|
|
36
|
+
size: "default"
|
|
37
|
+
}
|
|
38
|
+
}), xe = i.forwardRef(({ className: e, variant: n, size: r, ...i }, a) => /* @__PURE__ */ s("button", {
|
|
39
|
+
className: t(F({
|
|
40
|
+
variant: n,
|
|
41
|
+
size: r,
|
|
42
|
+
className: e
|
|
43
|
+
})),
|
|
44
|
+
ref: a,
|
|
45
|
+
...i
|
|
46
|
+
}));
|
|
47
|
+
xe.displayName = "Button";
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/components/ui/dialog.tsx
|
|
50
|
+
var Se = h.Root, Ce = h.Trigger, we = h.Portal, Te = h.Close, I = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(h.Backdrop, {
|
|
51
|
+
ref: r,
|
|
52
|
+
className: t("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm transition-opacity duration-200 ease-out data-starting-style:opacity-0 data-ending-style:opacity-0", e),
|
|
53
|
+
...n
|
|
54
|
+
}));
|
|
55
|
+
I.displayName = "DialogBackdrop";
|
|
56
|
+
var Ee = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(we, { children: [/* @__PURE__ */ s(I, {}), /* @__PURE__ */ s("div", {
|
|
57
|
+
className: "fixed inset-0 z-50 flex items-center justify-center p-4",
|
|
58
|
+
children: /* @__PURE__ */ c(h.Popup, {
|
|
59
|
+
ref: i,
|
|
60
|
+
className: t("relative w-full max-w-lg rounded-2xl border border-border bg-card p-6 shadow-2xl transition-all duration-200 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-starting-style:translate-y-2 data-ending-style:opacity-0 data-ending-style:scale-95 data-ending-style:translate-y-2", e),
|
|
61
|
+
...r,
|
|
62
|
+
children: [n, /* @__PURE__ */ c(h.Close, {
|
|
63
|
+
className: "absolute right-4 top-4 rounded-lg p-1 text-muted-foreground opacity-70 hover:opacity-100 hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring transition-all duration-150 active:scale-90 cursor-pointer",
|
|
64
|
+
children: [/* @__PURE__ */ s(pe, { className: "h-4 w-4" }), /* @__PURE__ */ s("span", {
|
|
65
|
+
className: "sr-only",
|
|
66
|
+
children: "Close"
|
|
67
|
+
})]
|
|
68
|
+
})]
|
|
69
|
+
})
|
|
70
|
+
})] }));
|
|
71
|
+
Ee.displayName = "DialogPopup";
|
|
72
|
+
var De = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
73
|
+
className: t("flex flex-col space-y-1.5 text-center sm:text-left", e),
|
|
74
|
+
...n
|
|
75
|
+
});
|
|
76
|
+
De.displayName = "DialogHeader";
|
|
77
|
+
var Oe = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
78
|
+
className: t("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 pt-4", e),
|
|
79
|
+
...n
|
|
80
|
+
});
|
|
81
|
+
Oe.displayName = "DialogFooter";
|
|
82
|
+
var ke = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(h.Title, {
|
|
83
|
+
ref: r,
|
|
84
|
+
className: t("text-lg font-semibold leading-none tracking-tight text-foreground", e),
|
|
85
|
+
...n
|
|
86
|
+
}));
|
|
87
|
+
ke.displayName = "DialogTitle";
|
|
88
|
+
var Ae = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(h.Description, {
|
|
89
|
+
ref: r,
|
|
90
|
+
className: t("text-sm text-muted-foreground mt-1.5", e),
|
|
91
|
+
...n
|
|
92
|
+
}));
|
|
93
|
+
Ae.displayName = "DialogDescription";
|
|
94
|
+
//#endregion
|
|
95
|
+
//#region src/components/ui/popover.tsx
|
|
96
|
+
var je = S.Root, Me = S.Portal, Ne = S.Trigger, Pe = S.Close, Fe = S.Title, Ie = S.Description, Le = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(S.Positioner, {
|
|
97
|
+
ref: r,
|
|
98
|
+
className: t("z-50 outline-none", e),
|
|
99
|
+
...n
|
|
100
|
+
}));
|
|
101
|
+
Le.displayName = "PopoverPositioner";
|
|
102
|
+
var Re = i.forwardRef(({ className: e, align: n = "center", sideOffset: r = 4, children: i, ...a }, o) => /* @__PURE__ */ s(S.Portal, { children: /* @__PURE__ */ s(S.Positioner, {
|
|
103
|
+
sideOffset: r,
|
|
104
|
+
align: n,
|
|
105
|
+
children: /* @__PURE__ */ s(S.Popup, {
|
|
106
|
+
ref: o,
|
|
107
|
+
className: t("z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
108
|
+
...a,
|
|
109
|
+
children: i
|
|
110
|
+
})
|
|
111
|
+
}) }));
|
|
112
|
+
Re.displayName = "PopoverPopup";
|
|
113
|
+
//#endregion
|
|
114
|
+
//#region src/components/ui/dropdown-menu.tsx
|
|
115
|
+
var ze = v.Root, Be = v.Group, Ve = v.Portal, He = v.Trigger, Ue = v.RadioGroup, We = v.SubmenuRoot, Ge = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Positioner, {
|
|
116
|
+
ref: r,
|
|
117
|
+
className: t("z-50 outline-none", e),
|
|
118
|
+
...n
|
|
119
|
+
}));
|
|
120
|
+
Ge.displayName = "DropdownMenuPositioner";
|
|
121
|
+
var Ke = i.forwardRef(({ className: e, sideOffset: n = 4, align: r = "start", ...i }, a) => /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ s(v.Positioner, {
|
|
122
|
+
sideOffset: n,
|
|
123
|
+
align: r,
|
|
124
|
+
children: /* @__PURE__ */ s(v.Popup, {
|
|
125
|
+
ref: a,
|
|
126
|
+
className: t("z-50 min-w-[8rem] origin-[var(--transform-origin)] overflow-hidden rounded-xl border border-border bg-popover p-1 text-popover-foreground shadow-lg transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
127
|
+
...i
|
|
128
|
+
})
|
|
129
|
+
}) }));
|
|
130
|
+
Ke.displayName = "DropdownMenuPopup";
|
|
131
|
+
var qe = i.forwardRef(({ className: e, inset: n, ...r }, i) => /* @__PURE__ */ s(v.Item, {
|
|
132
|
+
ref: i,
|
|
133
|
+
className: t("relative flex cursor-pointer select-none items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs font-medium outline-none transition-all duration-100 ease-out focus:bg-muted focus:text-foreground active:scale-[0.98] data-[disabled]:pointer-events-none data-[disabled]:opacity-50", n && "pl-8", e),
|
|
134
|
+
...r
|
|
135
|
+
}));
|
|
136
|
+
qe.displayName = "DropdownMenuItem";
|
|
137
|
+
var Je = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(v.CheckboxItem, {
|
|
138
|
+
ref: i,
|
|
139
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", e),
|
|
140
|
+
...r,
|
|
141
|
+
children: [/* @__PURE__ */ s("span", {
|
|
142
|
+
className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center",
|
|
143
|
+
children: /* @__PURE__ */ s(v.CheckboxItemIndicator, { children: /* @__PURE__ */ s(M, { className: "h-3 w-3" }) })
|
|
144
|
+
}), n]
|
|
145
|
+
}));
|
|
146
|
+
Je.displayName = "DropdownMenuCheckboxItem";
|
|
147
|
+
var Ye = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(v.RadioItem, {
|
|
148
|
+
ref: i,
|
|
149
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", e),
|
|
150
|
+
...r,
|
|
151
|
+
children: [/* @__PURE__ */ s("span", {
|
|
152
|
+
className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center",
|
|
153
|
+
children: /* @__PURE__ */ s(v.RadioItemIndicator, { children: /* @__PURE__ */ s("div", { className: "h-1.5 w-1.5 rounded-full bg-foreground" }) })
|
|
154
|
+
}), n]
|
|
155
|
+
}));
|
|
156
|
+
Ye.displayName = "DropdownMenuRadioItem";
|
|
157
|
+
var Xe = i.forwardRef(({ className: e, inset: n, children: r, ...i }, a) => /* @__PURE__ */ s("div", {
|
|
158
|
+
ref: a,
|
|
159
|
+
role: "presentation",
|
|
160
|
+
className: t("px-2.5 py-1 text-[11px] font-semibold text-muted-foreground select-none", n && "pl-8", e),
|
|
161
|
+
...i,
|
|
162
|
+
children: r
|
|
163
|
+
}));
|
|
164
|
+
Xe.displayName = "DropdownMenuGroupLabel";
|
|
165
|
+
var Ze = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Separator, {
|
|
166
|
+
ref: r,
|
|
167
|
+
className: t("-mx-1 my-1 h-px bg-border", e),
|
|
168
|
+
...n
|
|
169
|
+
}));
|
|
170
|
+
Ze.displayName = "DropdownMenuSeparator";
|
|
171
|
+
var Qe = i.forwardRef(({ className: e, inset: n, children: r, ...i }, a) => /* @__PURE__ */ c(v.SubmenuTrigger, {
|
|
172
|
+
ref: a,
|
|
173
|
+
className: t("flex cursor-pointer select-none items-center justify-between rounded-lg px-2.5 py-1.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", n && "pl-8", e),
|
|
174
|
+
...i,
|
|
175
|
+
children: [r, /* @__PURE__ */ s(P, { className: "ml-auto h-3.5 w-3.5" })]
|
|
176
|
+
}));
|
|
177
|
+
Qe.displayName = "DropdownMenuSubmenuTrigger";
|
|
178
|
+
//#endregion
|
|
179
|
+
//#region src/components/ui/switch.tsx
|
|
180
|
+
var $e = a("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-all duration-200 ease-out active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-primary data-unchecked:bg-zinc-200 dark:data-unchecked:bg-zinc-800", {
|
|
181
|
+
variants: { size: {
|
|
182
|
+
xs: "h-4 w-7",
|
|
183
|
+
sm: "h-5 w-9",
|
|
184
|
+
default: "h-6 w-11",
|
|
185
|
+
md: "h-6 w-11",
|
|
186
|
+
lg: "h-7 w-[52px]"
|
|
187
|
+
} },
|
|
188
|
+
defaultVariants: { size: "default" }
|
|
189
|
+
}), et = a("pointer-events-none block rounded-full bg-white shadow-md ring-0 transition-all duration-200 ease-out data-unchecked:translate-x-0", {
|
|
190
|
+
variants: { size: {
|
|
191
|
+
xs: "h-3 w-3 data-checked:translate-x-3",
|
|
192
|
+
sm: "h-4 w-4 data-checked:translate-x-4",
|
|
193
|
+
default: "h-5 w-5 data-checked:translate-x-5",
|
|
194
|
+
md: "h-5 w-5 data-checked:translate-x-5",
|
|
195
|
+
lg: "h-6 w-6 data-checked:translate-x-6"
|
|
196
|
+
} },
|
|
197
|
+
defaultVariants: { size: "default" }
|
|
198
|
+
}), tt = i.forwardRef(({ className: e, thumbClassName: n, size: r = "default", ...i }, a) => /* @__PURE__ */ s(O.Root, {
|
|
199
|
+
className: t($e({ size: r }), e),
|
|
200
|
+
...i,
|
|
201
|
+
ref: a,
|
|
202
|
+
children: /* @__PURE__ */ s(O.Thumb, { className: t(et({ size: r }), n) })
|
|
203
|
+
}));
|
|
204
|
+
tt.displayName = "Switch";
|
|
205
|
+
var nt = O.Root, rt = O.Thumb, it = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(f.Root, {
|
|
206
|
+
ref: r,
|
|
207
|
+
className: t("peer h-4 w-4 shrink-0 rounded-md border border-zinc-300 dark:border-zinc-700 bg-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-primary data-checked:border-primary data-checked:text-primary-foreground flex items-center justify-center cursor-pointer transition-all duration-150 ease-out active:scale-90", e),
|
|
208
|
+
...n,
|
|
209
|
+
children: /* @__PURE__ */ s(f.Indicator, {
|
|
210
|
+
className: "flex items-center justify-center text-current transition-all duration-150 ease-out data-unchecked:scale-0 data-unchecked:opacity-0 data-checked:scale-100 data-checked:opacity-100",
|
|
211
|
+
children: /* @__PURE__ */ s(he, {
|
|
212
|
+
weight: "bold",
|
|
213
|
+
className: "h-3 w-3"
|
|
214
|
+
})
|
|
215
|
+
})
|
|
216
|
+
}));
|
|
217
|
+
it.displayName = "Checkbox";
|
|
218
|
+
//#endregion
|
|
219
|
+
//#region src/components/ui/radio-group.tsx
|
|
220
|
+
var at = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(ae, {
|
|
221
|
+
className: t("grid gap-2.5", e),
|
|
222
|
+
...n,
|
|
223
|
+
ref: r
|
|
224
|
+
}));
|
|
225
|
+
at.displayName = "RadioGroup";
|
|
226
|
+
var ot = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(ie.Root, {
|
|
227
|
+
ref: r,
|
|
228
|
+
className: t("aspect-square h-4 w-4 rounded-full border border-zinc-300 dark:border-zinc-700 bg-background text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary flex items-center justify-center cursor-pointer transition-all duration-150 ease-out active:scale-90", e),
|
|
229
|
+
...n,
|
|
230
|
+
children: /* @__PURE__ */ s(ie.Indicator, {
|
|
231
|
+
className: "flex items-center justify-center transition-all duration-150 ease-out data-unchecked:scale-0 data-unchecked:opacity-0 data-checked:scale-100 data-checked:opacity-100",
|
|
232
|
+
children: /* @__PURE__ */ s("div", { className: "h-2 w-2 rounded-full bg-primary" })
|
|
233
|
+
})
|
|
234
|
+
}));
|
|
235
|
+
ot.displayName = "RadioGroupItem";
|
|
236
|
+
//#endregion
|
|
237
|
+
//#region src/components/ui/tooltip.tsx
|
|
238
|
+
var st = ({ children: e }) => /* @__PURE__ */ s(o, { children: e }), ct = j.Root, lt = j.Portal, ut = j.Trigger, dt = i.forwardRef(({ className: e, sideOffset: n = 4, children: r, ...i }, a) => /* @__PURE__ */ s(j.Portal, { children: /* @__PURE__ */ s(j.Positioner, {
|
|
239
|
+
sideOffset: n,
|
|
240
|
+
children: /* @__PURE__ */ s(j.Popup, {
|
|
241
|
+
ref: a,
|
|
242
|
+
className: t("z-50 origin-[var(--transform-origin)] overflow-hidden rounded-md bg-zinc-900 px-3 py-1.5 text-xs text-zinc-50 shadow-md transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 dark:bg-zinc-100 dark:text-zinc-900", e),
|
|
243
|
+
...i,
|
|
244
|
+
children: r
|
|
245
|
+
})
|
|
246
|
+
}) }));
|
|
247
|
+
dt.displayName = "TooltipPopup";
|
|
248
|
+
//#endregion
|
|
249
|
+
//#region src/components/ui/accordion.tsx
|
|
250
|
+
var ft = l.Root, pt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(l.Item, {
|
|
251
|
+
ref: r,
|
|
252
|
+
className: t("border-b border-border", e),
|
|
253
|
+
...n
|
|
254
|
+
}));
|
|
255
|
+
pt.displayName = "AccordionItem";
|
|
256
|
+
var mt = l.Header, ht = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ s(l.Header, {
|
|
257
|
+
className: "flex",
|
|
258
|
+
children: /* @__PURE__ */ c(l.Trigger, {
|
|
259
|
+
ref: i,
|
|
260
|
+
className: t("group flex flex-1 items-center justify-between py-3.5 text-xs font-semibold transition-colors duration-200 hover:text-primary cursor-pointer text-foreground select-none", e),
|
|
261
|
+
...r,
|
|
262
|
+
children: [n, /* @__PURE__ */ s(me, {
|
|
263
|
+
weight: "bold",
|
|
264
|
+
className: "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] group-data-panel-open:rotate-180 data-open:rotate-180"
|
|
265
|
+
})]
|
|
266
|
+
})
|
|
267
|
+
}));
|
|
268
|
+
ht.displayName = "AccordionTrigger";
|
|
269
|
+
var gt = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ s(l.Panel, {
|
|
270
|
+
ref: i,
|
|
271
|
+
className: t("h-[var(--accordion-panel-height)] overflow-hidden text-xs transition-[height] duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] data-starting-style:h-0 data-ending-style:h-0 text-muted-foreground leading-relaxed", e),
|
|
272
|
+
...r,
|
|
273
|
+
children: /* @__PURE__ */ s("div", {
|
|
274
|
+
className: "pb-3.5 pt-0",
|
|
275
|
+
children: n
|
|
276
|
+
})
|
|
277
|
+
}));
|
|
278
|
+
gt.displayName = "AccordionPanel";
|
|
279
|
+
//#endregion
|
|
280
|
+
//#region src/components/ui/tabs.tsx
|
|
281
|
+
var _t = k.Root, vt = a("inline-flex items-center justify-center rounded-lg bg-muted text-muted-foreground", {
|
|
282
|
+
variants: { size: {
|
|
283
|
+
default: "h-8 p-1 text-xs",
|
|
284
|
+
xs: "h-6 p-0.5 text-xs rounded-md",
|
|
285
|
+
sm: "h-7 p-0.5 text-xs rounded-md",
|
|
286
|
+
md: "h-8 p-1 text-xs",
|
|
287
|
+
lg: "h-9 p-1 text-xs"
|
|
288
|
+
} },
|
|
289
|
+
defaultVariants: { size: "default" }
|
|
290
|
+
}), yt = i.forwardRef(({ className: e, size: n = "default", children: r, ...i }, a) => /* @__PURE__ */ c(k.List, {
|
|
291
|
+
ref: a,
|
|
292
|
+
className: t("relative isolate", vt({ size: n }), e),
|
|
293
|
+
...i,
|
|
294
|
+
children: [/* @__PURE__ */ s(L, {}), r]
|
|
295
|
+
}));
|
|
296
|
+
yt.displayName = "TabsList";
|
|
297
|
+
var bt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(k.Tab, {
|
|
298
|
+
ref: r,
|
|
299
|
+
className: t("relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-xs font-medium ring-offset-background transition-colors duration-200 ease-out hover:text-foreground active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 text-muted-foreground data-active:text-foreground cursor-pointer select-none", e),
|
|
300
|
+
...n
|
|
301
|
+
}));
|
|
302
|
+
bt.displayName = "TabsTab";
|
|
303
|
+
var xt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(k.Panel, {
|
|
304
|
+
ref: r,
|
|
305
|
+
className: t("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", e),
|
|
306
|
+
...n
|
|
307
|
+
}));
|
|
308
|
+
xt.displayName = "TabsPanel";
|
|
309
|
+
var L = i.forwardRef(({ className: e, style: n, ...r }, i) => /* @__PURE__ */ s(k.Indicator, {
|
|
310
|
+
ref: i,
|
|
311
|
+
className: t("absolute left-0 top-0 -z-10 rounded-md bg-background shadow-xs transition-[translate,width,height] duration-250 ease-[cubic-bezier(0.16,1,0.3,1)]", e),
|
|
312
|
+
style: {
|
|
313
|
+
translate: "var(--active-tab-left) var(--active-tab-top)",
|
|
314
|
+
width: "var(--active-tab-width)",
|
|
315
|
+
height: "var(--active-tab-height)",
|
|
316
|
+
...n
|
|
317
|
+
},
|
|
318
|
+
...r
|
|
319
|
+
}));
|
|
320
|
+
L.displayName = "TabsIndicator";
|
|
321
|
+
//#endregion
|
|
322
|
+
//#region src/components/ui/select.tsx
|
|
323
|
+
function St(e) {
|
|
324
|
+
let t = {};
|
|
325
|
+
function n(e) {
|
|
326
|
+
if (e) {
|
|
327
|
+
if (Array.isArray(e)) {
|
|
328
|
+
e.forEach(n);
|
|
329
|
+
return;
|
|
330
|
+
}
|
|
331
|
+
if (i.isValidElement(e)) {
|
|
332
|
+
let r = e.props;
|
|
333
|
+
r && r.value !== void 0 && r.children !== void 0 && (t[String(r.value)] = r.children), r && r.children && n(r.children);
|
|
334
|
+
}
|
|
335
|
+
}
|
|
336
|
+
}
|
|
337
|
+
return n(e), t;
|
|
338
|
+
}
|
|
339
|
+
function Ct({ items: e, children: t, ...n }) {
|
|
340
|
+
let r = i.useMemo(() => e || St(t), [e, t]);
|
|
341
|
+
return /* @__PURE__ */ s(E.Root, {
|
|
342
|
+
items: r,
|
|
343
|
+
...n,
|
|
344
|
+
children: t
|
|
345
|
+
});
|
|
346
|
+
}
|
|
347
|
+
var wt = a("flex w-full items-center justify-between rounded-lg border border-border bg-background text-foreground ring-offset-background transition-all duration-150 ease-out active:scale-[0.99] focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 cursor-pointer select-none text-left font-normal", {
|
|
348
|
+
variants: { size: {
|
|
349
|
+
default: "h-8 px-3 text-xs gap-2 rounded-lg",
|
|
350
|
+
xs: "h-6 px-2 text-xs gap-1.5 rounded-md",
|
|
351
|
+
sm: "h-7 px-2.5 text-xs gap-1.5 rounded-md",
|
|
352
|
+
md: "h-8 px-3 text-xs gap-2 rounded-lg",
|
|
353
|
+
lg: "h-9 px-3.5 text-sm gap-2.5 rounded-lg"
|
|
354
|
+
} },
|
|
355
|
+
defaultVariants: { size: "default" }
|
|
356
|
+
}), Tt = i.forwardRef(({ className: e, size: n = "default", children: r, ...i }, a) => /* @__PURE__ */ c(E.Trigger, {
|
|
357
|
+
ref: a,
|
|
358
|
+
className: t(wt({ size: n }), e),
|
|
359
|
+
...i,
|
|
360
|
+
children: [r, /* @__PURE__ */ s(E.Icon, {
|
|
361
|
+
className: "shrink-0 text-muted-foreground transition-transform duration-200 data-[popup-open]:rotate-180",
|
|
362
|
+
children: /* @__PURE__ */ s(N, { className: t(n === "xs" ? "h-3 w-3" : "h-3.5 w-3.5", "opacity-70") })
|
|
363
|
+
})]
|
|
364
|
+
}));
|
|
365
|
+
Tt.displayName = "SelectTrigger";
|
|
366
|
+
var Et = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(E.Value, {
|
|
367
|
+
ref: r,
|
|
368
|
+
className: t("block truncate text-foreground data-[placeholder]:text-muted-foreground", e),
|
|
369
|
+
...n
|
|
370
|
+
}));
|
|
371
|
+
Et.displayName = "SelectValue";
|
|
372
|
+
var Dt = i.forwardRef(({ className: e, positionerClassName: n, sideOffset: r = 4, alignItemWithTrigger: i = !1, children: a, ...o }, c) => /* @__PURE__ */ s(E.Portal, { children: /* @__PURE__ */ s(E.Positioner, {
|
|
373
|
+
sideOffset: r,
|
|
374
|
+
alignItemWithTrigger: i,
|
|
375
|
+
className: t("z-50 outline-none select-none", n),
|
|
376
|
+
children: /* @__PURE__ */ s(E.Popup, {
|
|
377
|
+
ref: c,
|
|
378
|
+
className: t("relative z-50 max-h-96 min-w-[var(--anchor-width)] origin-[var(--transform-origin)] overflow-hidden rounded-xl border border-border bg-popover text-popover-foreground shadow-lg outline-none transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
379
|
+
...o,
|
|
380
|
+
children: /* @__PURE__ */ s(E.List, {
|
|
381
|
+
className: "outline-none p-1 overflow-y-auto max-h-[var(--available-height)]",
|
|
382
|
+
children: a
|
|
383
|
+
})
|
|
384
|
+
})
|
|
385
|
+
}) }));
|
|
386
|
+
Dt.displayName = "SelectPopup";
|
|
387
|
+
var Ot = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(E.Item, {
|
|
388
|
+
ref: i,
|
|
389
|
+
className: t("relative flex w-full cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2.5 text-xs outline-none transition-all duration-100 ease-out active:scale-[0.99] data-[highlighted]:bg-muted data-[highlighted]:text-foreground data-[selected]:font-semibold data-[selected]:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50", e),
|
|
390
|
+
...r,
|
|
391
|
+
children: [/* @__PURE__ */ s("span", {
|
|
392
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center text-primary",
|
|
393
|
+
children: /* @__PURE__ */ s(E.ItemIndicator, { children: /* @__PURE__ */ s(M, { className: "h-3.5 w-3.5" }) })
|
|
394
|
+
}), /* @__PURE__ */ s(E.ItemText, { children: n })]
|
|
395
|
+
}));
|
|
396
|
+
Ot.displayName = "SelectItem";
|
|
397
|
+
var kt = E.Group, At = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(E.GroupLabel, {
|
|
398
|
+
ref: r,
|
|
399
|
+
className: t("px-2 py-1 text-[11px] font-semibold text-muted-foreground", e),
|
|
400
|
+
...n
|
|
401
|
+
}));
|
|
402
|
+
At.displayName = "SelectGroupLabel";
|
|
403
|
+
var jt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(E.Separator, {
|
|
404
|
+
ref: r,
|
|
405
|
+
className: t("-mx-1 my-1 h-px bg-border", e),
|
|
406
|
+
...n
|
|
407
|
+
}));
|
|
408
|
+
jt.displayName = "SelectSeparator";
|
|
409
|
+
var Mt = E.Portal, Nt = E.Positioner, Pt = E.List, Ft = E.Icon, It = E.ScrollUpArrow, Lt = E.ScrollDownArrow, Rt = a("relative flex shrink-0 overflow-hidden rounded-full ring-1 ring-border transition-transform duration-200 ease-out hover:scale-105 select-none", {
|
|
410
|
+
variants: { size: {
|
|
411
|
+
default: "h-8 w-8 text-xs",
|
|
412
|
+
xs: "h-6 w-6 text-[10px]",
|
|
413
|
+
sm: "h-7 w-7 text-xs",
|
|
414
|
+
md: "h-8 w-8 text-xs",
|
|
415
|
+
lg: "h-9 w-9 text-sm",
|
|
416
|
+
xl: "h-10 w-10 text-sm"
|
|
417
|
+
} },
|
|
418
|
+
defaultVariants: { size: "default" }
|
|
419
|
+
}), zt = i.forwardRef(({ className: e, size: n = "default", ...r }, i) => /* @__PURE__ */ s(d.Root, {
|
|
420
|
+
ref: i,
|
|
421
|
+
className: t(Rt({ size: n }), e),
|
|
422
|
+
...r
|
|
423
|
+
}));
|
|
424
|
+
zt.displayName = "Avatar";
|
|
425
|
+
var Bt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(d.Image, {
|
|
426
|
+
ref: r,
|
|
427
|
+
className: t("aspect-square h-full w-full object-cover transition-opacity duration-200 ease-out", e),
|
|
428
|
+
...n
|
|
429
|
+
}));
|
|
430
|
+
Bt.displayName = "AvatarImage";
|
|
431
|
+
var Vt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(d.Fallback, {
|
|
432
|
+
ref: r,
|
|
433
|
+
className: t("flex h-full w-full items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground transition-colors duration-200 ease-out", e),
|
|
434
|
+
...n
|
|
435
|
+
}));
|
|
436
|
+
Vt.displayName = "AvatarFallback";
|
|
437
|
+
//#endregion
|
|
438
|
+
//#region src/components/ui/input.tsx
|
|
439
|
+
var Ht = a("flex w-full border border-border bg-background ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-150 ease-out", {
|
|
440
|
+
variants: { size: {
|
|
441
|
+
default: "h-8 px-3 text-xs rounded-lg",
|
|
442
|
+
xs: "h-6 px-2 text-xs rounded-md",
|
|
443
|
+
sm: "h-7 px-2.5 text-xs rounded-md",
|
|
444
|
+
md: "h-8 px-3 text-xs rounded-lg",
|
|
445
|
+
lg: "h-9 px-3.5 text-sm rounded-lg"
|
|
446
|
+
} },
|
|
447
|
+
defaultVariants: { size: "default" }
|
|
448
|
+
}), Ut = i.forwardRef(({ className: e, type: n, size: r = "default", ...i }, a) => /* @__PURE__ */ s("input", {
|
|
449
|
+
type: n,
|
|
450
|
+
className: t(Ht({ size: r }), e),
|
|
451
|
+
ref: a,
|
|
452
|
+
...i
|
|
453
|
+
}));
|
|
454
|
+
Ut.displayName = "Input";
|
|
455
|
+
var Wt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("textarea", {
|
|
456
|
+
className: t("flex min-h-[80px] w-full rounded-lg border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-150 ease-out", e),
|
|
457
|
+
ref: r,
|
|
458
|
+
...n
|
|
459
|
+
}));
|
|
460
|
+
Wt.displayName = "Textarea";
|
|
461
|
+
//#endregion
|
|
462
|
+
//#region src/components/ui/badge.tsx
|
|
463
|
+
var Gt = a("inline-flex items-center rounded-md border font-semibold transition-all duration-150 ease-out select-none hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
|
|
464
|
+
variants: {
|
|
465
|
+
variant: {
|
|
466
|
+
default: "border-transparent bg-primary text-primary-foreground shadow-xs",
|
|
467
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground",
|
|
468
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground shadow-xs",
|
|
469
|
+
outline: "text-foreground border-border",
|
|
470
|
+
success: "border-emerald-200 dark:border-emerald-800 bg-emerald-50 dark:bg-emerald-950/60 text-emerald-700 dark:text-emerald-300",
|
|
471
|
+
warning: "border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/60 text-amber-700 dark:text-amber-300",
|
|
472
|
+
info: "border-sky-200 dark:border-sky-800 bg-sky-50 dark:bg-sky-950/60 text-sky-700 dark:text-sky-300"
|
|
473
|
+
},
|
|
474
|
+
size: {
|
|
475
|
+
default: "h-6 px-2 text-xs",
|
|
476
|
+
xs: "h-5 px-1.5 text-[10px] rounded-sm",
|
|
477
|
+
sm: "h-5.5 px-2 text-[11px] rounded-md",
|
|
478
|
+
md: "h-6 px-2 text-xs rounded-md",
|
|
479
|
+
lg: "h-7 px-2.5 text-xs rounded-md"
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
defaultVariants: {
|
|
483
|
+
variant: "default",
|
|
484
|
+
size: "default"
|
|
485
|
+
}
|
|
486
|
+
});
|
|
487
|
+
function Kt({ className: e, variant: n, size: r, ...i }) {
|
|
488
|
+
return /* @__PURE__ */ s("div", {
|
|
489
|
+
className: t(Gt({
|
|
490
|
+
variant: n,
|
|
491
|
+
size: r
|
|
492
|
+
}), e),
|
|
493
|
+
...i
|
|
494
|
+
});
|
|
495
|
+
}
|
|
496
|
+
//#endregion
|
|
497
|
+
//#region src/components/ui/card.tsx
|
|
498
|
+
var qt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
499
|
+
ref: r,
|
|
500
|
+
className: t("rounded-2xl border border-border bg-card text-card-foreground shadow-sm transition-all duration-200 ease-out hover:border-zinc-300 dark:hover:border-zinc-700 hover:shadow-md", e),
|
|
501
|
+
...n
|
|
502
|
+
}));
|
|
503
|
+
qt.displayName = "Card";
|
|
504
|
+
var Jt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
505
|
+
ref: r,
|
|
506
|
+
className: t("flex flex-col space-y-1.5 p-6", e),
|
|
507
|
+
...n
|
|
508
|
+
}));
|
|
509
|
+
Jt.displayName = "CardHeader";
|
|
510
|
+
var Yt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("h3", {
|
|
511
|
+
ref: r,
|
|
512
|
+
className: t("font-semibold leading-none tracking-tight text-foreground", e),
|
|
513
|
+
...n
|
|
514
|
+
}));
|
|
515
|
+
Yt.displayName = "CardTitle";
|
|
516
|
+
var Xt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("p", {
|
|
517
|
+
ref: r,
|
|
518
|
+
className: t("text-xs text-muted-foreground", e),
|
|
519
|
+
...n
|
|
520
|
+
}));
|
|
521
|
+
Xt.displayName = "CardDescription";
|
|
522
|
+
var Zt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
523
|
+
ref: r,
|
|
524
|
+
className: t("p-6 pt-0", e),
|
|
525
|
+
...n
|
|
526
|
+
}));
|
|
527
|
+
Zt.displayName = "CardContent";
|
|
528
|
+
var Qt = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
529
|
+
ref: r,
|
|
530
|
+
className: t("flex items-center p-6 pt-0", e),
|
|
531
|
+
...n
|
|
532
|
+
}));
|
|
533
|
+
Qt.displayName = "CardFooter";
|
|
534
|
+
//#endregion
|
|
535
|
+
//#region src/components/ui/separator.tsx
|
|
536
|
+
var $t = i.forwardRef(({ className: e, orientation: n = "horizontal", ...r }, i) => /* @__PURE__ */ s(oe, {
|
|
537
|
+
ref: i,
|
|
538
|
+
orientation: n,
|
|
539
|
+
className: t("shrink-0 bg-border", n === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", e),
|
|
540
|
+
...r
|
|
541
|
+
}));
|
|
542
|
+
$t.displayName = "Separator";
|
|
543
|
+
//#endregion
|
|
544
|
+
//#region src/components/ui/slider.tsx
|
|
545
|
+
var en = a("relative flex touch-none select-none items-center", {
|
|
546
|
+
variants: {
|
|
547
|
+
orientation: {
|
|
548
|
+
horizontal: "w-full data-[orientation=horizontal]:flex-row",
|
|
549
|
+
vertical: "h-full data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-center"
|
|
550
|
+
},
|
|
551
|
+
disabled: { true: "opacity-50 pointer-events-none cursor-not-allowed" }
|
|
552
|
+
},
|
|
553
|
+
defaultVariants: { orientation: "horizontal" }
|
|
554
|
+
}), tn = a("relative flex grow items-center cursor-pointer touch-none select-none", {
|
|
555
|
+
variants: { orientation: {
|
|
556
|
+
horizontal: "w-full py-3",
|
|
557
|
+
vertical: "h-full px-3 flex-col"
|
|
558
|
+
} },
|
|
559
|
+
defaultVariants: { orientation: "horizontal" }
|
|
560
|
+
}), nn = a("relative rounded-full bg-zinc-200 dark:bg-zinc-800 transition-colors", {
|
|
561
|
+
variants: { size: {
|
|
562
|
+
default: "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5 data-[orientation=vertical]:h-full",
|
|
563
|
+
xs: "data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full",
|
|
564
|
+
sm: "data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1 data-[orientation=vertical]:h-full",
|
|
565
|
+
md: "data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5 data-[orientation=vertical]:h-full",
|
|
566
|
+
lg: "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-2 data-[orientation=vertical]:h-full"
|
|
567
|
+
} },
|
|
568
|
+
defaultVariants: { size: "default" }
|
|
569
|
+
}), rn = a("rounded-full transition-colors", {
|
|
570
|
+
variants: { variant: {
|
|
571
|
+
default: "bg-primary",
|
|
572
|
+
primary: "bg-primary",
|
|
573
|
+
secondary: "bg-zinc-700 dark:bg-zinc-300",
|
|
574
|
+
success: "bg-emerald-600 dark:bg-emerald-500",
|
|
575
|
+
destructive: "bg-destructive"
|
|
576
|
+
} },
|
|
577
|
+
defaultVariants: { variant: "default" }
|
|
578
|
+
}), an = a("block rounded-full bg-background border-2 shadow-xs transition-[transform,box-shadow,border-color] duration-150 ease-out hover:scale-110 active:scale-95 data-[dragging]:scale-110 cursor-grab active:cursor-grabbing focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background has-[:focus-visible]:ring-2 has-[:focus-visible]:ring-ring has-[:focus-visible]:ring-offset-2 has-[:focus-visible]:ring-offset-background data-[focused]:ring-2 data-[focused]:ring-ring data-[focused]:ring-offset-2 data-[focused]:ring-offset-background disabled:pointer-events-none disabled:opacity-50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50", {
|
|
579
|
+
variants: {
|
|
580
|
+
variant: {
|
|
581
|
+
default: "border-primary hover:border-primary-hover",
|
|
582
|
+
primary: "border-primary hover:border-primary-hover",
|
|
583
|
+
secondary: "border-zinc-700 hover:border-zinc-600 dark:border-zinc-300 dark:hover:border-zinc-200",
|
|
584
|
+
success: "border-emerald-600 hover:border-emerald-500 dark:border-emerald-500",
|
|
585
|
+
destructive: "border-destructive hover:border-destructive/90"
|
|
586
|
+
},
|
|
587
|
+
size: {
|
|
588
|
+
default: "h-4.5 w-4.5",
|
|
589
|
+
xs: "h-3.5 w-3.5",
|
|
590
|
+
sm: "h-3.5 w-3.5",
|
|
591
|
+
md: "h-4.5 w-4.5",
|
|
592
|
+
lg: "h-5.5 w-5.5"
|
|
593
|
+
}
|
|
594
|
+
},
|
|
595
|
+
defaultVariants: {
|
|
596
|
+
variant: "default",
|
|
597
|
+
size: "default"
|
|
598
|
+
}
|
|
599
|
+
}), on = i.forwardRef(({ className: e, controlClassName: n, trackClassName: r, indicatorClassName: a, thumbClassName: o, variant: l = "default", size: u = "default", thumbCount: d, ...f }, ee) => {
|
|
600
|
+
let p = i.useMemo(() => typeof d == "number" ? d : Array.isArray(f.value) ? f.value.length : Array.isArray(f.defaultValue) ? f.defaultValue.length : 1, [
|
|
601
|
+
d,
|
|
602
|
+
f.value,
|
|
603
|
+
f.defaultValue
|
|
604
|
+
]);
|
|
605
|
+
return /* @__PURE__ */ s(D.Root, {
|
|
606
|
+
ref: ee,
|
|
607
|
+
className: t(en({
|
|
608
|
+
orientation: f.orientation,
|
|
609
|
+
disabled: f.disabled
|
|
610
|
+
}), e),
|
|
611
|
+
...f,
|
|
612
|
+
children: /* @__PURE__ */ s(D.Control, {
|
|
613
|
+
className: t(tn({ orientation: f.orientation }), n),
|
|
614
|
+
children: /* @__PURE__ */ c(D.Track, {
|
|
615
|
+
className: t(nn({ size: u }), r),
|
|
616
|
+
children: [/* @__PURE__ */ s(D.Indicator, { className: t(rn({ variant: l }), a) }), Array.from({ length: p }).map((e, n) => /* @__PURE__ */ s(D.Thumb, {
|
|
617
|
+
index: n,
|
|
618
|
+
className: t(an({
|
|
619
|
+
variant: l,
|
|
620
|
+
size: u
|
|
621
|
+
}), o)
|
|
622
|
+
}, n))]
|
|
623
|
+
})
|
|
624
|
+
})
|
|
625
|
+
});
|
|
626
|
+
});
|
|
627
|
+
on.displayName = "Slider";
|
|
628
|
+
var sn = D.Root, cn = D.Control, ln = D.Track, un = D.Indicator, dn = D.Thumb, fn = D.Value, pn = D.Label, mn = a("relative w-full rounded-xl border px-4 py-3 text-xs leading-relaxed transition-all duration-150 flex items-start gap-3 select-none", {
|
|
629
|
+
variants: { variant: {
|
|
630
|
+
default: "border-border bg-card text-foreground shadow-xs",
|
|
631
|
+
info: "border-info-500/20 bg-info-500/10 text-info-600 dark:text-info-400 [&>svg]:text-info-600 dark:[&>svg]:text-info-400",
|
|
632
|
+
success: "border-success-500/20 bg-success-500/10 text-success-600 dark:text-success-400 [&>svg]:text-success-600 dark:[&>svg]:text-success-400",
|
|
633
|
+
warning: "border-warning-500/20 bg-warning-500/10 text-warning-600 dark:text-warning-400 [&>svg]:text-warning-600 dark:[&>svg]:text-warning-400",
|
|
634
|
+
destructive: "border-destructive-500/25 bg-destructive-500/10 text-destructive-600 dark:text-destructive-400 [&>svg]:text-destructive-600 dark:[&>svg]:text-destructive-400"
|
|
635
|
+
} },
|
|
636
|
+
defaultVariants: { variant: "default" }
|
|
637
|
+
}), hn = i.forwardRef(({ className: e, variant: n, ...r }, i) => /* @__PURE__ */ s("div", {
|
|
638
|
+
ref: i,
|
|
639
|
+
role: "alert",
|
|
640
|
+
className: t(mn({ variant: n }), e),
|
|
641
|
+
...r
|
|
642
|
+
}));
|
|
643
|
+
hn.displayName = "Alert";
|
|
644
|
+
var gn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("h5", {
|
|
645
|
+
ref: r,
|
|
646
|
+
className: t("font-medium tracking-tight text-foreground", e),
|
|
647
|
+
...n
|
|
648
|
+
}));
|
|
649
|
+
gn.displayName = "AlertTitle";
|
|
650
|
+
var _n = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
651
|
+
ref: r,
|
|
652
|
+
className: t("text-xs opacity-90 text-muted-foreground", e),
|
|
653
|
+
...n
|
|
654
|
+
}));
|
|
655
|
+
_n.displayName = "AlertDescription";
|
|
656
|
+
//#endregion
|
|
657
|
+
//#region src/components/ui/skeleton.tsx
|
|
658
|
+
function vn({ className: e, ...n }) {
|
|
659
|
+
return /* @__PURE__ */ s("div", {
|
|
660
|
+
className: t("animate-pulse rounded-md bg-muted/70", e),
|
|
661
|
+
...n
|
|
662
|
+
});
|
|
663
|
+
}
|
|
664
|
+
//#endregion
|
|
665
|
+
//#region src/components/ui/field.tsx
|
|
666
|
+
var yn = _.Root, bn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(_.Label, {
|
|
667
|
+
ref: r,
|
|
668
|
+
className: t("text-xs font-medium leading-none text-foreground select-none cursor-pointer data-disabled:cursor-not-allowed data-disabled:opacity-50", e),
|
|
669
|
+
...n
|
|
670
|
+
}));
|
|
671
|
+
bn.displayName = "FieldLabel";
|
|
672
|
+
var xn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(_.Control, {
|
|
673
|
+
ref: r,
|
|
674
|
+
className: t("flex h-8 w-full rounded-lg border border-border bg-background px-3 py-1 text-xs text-foreground placeholder:text-muted-foreground transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-invalid:border-destructive data-invalid:ring-destructive", e),
|
|
675
|
+
...n
|
|
676
|
+
}));
|
|
677
|
+
xn.displayName = "FieldControl";
|
|
678
|
+
var Sn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(_.Description, {
|
|
679
|
+
ref: r,
|
|
680
|
+
className: t("text-[11px] text-muted-foreground", e),
|
|
681
|
+
...n
|
|
682
|
+
}));
|
|
683
|
+
Sn.displayName = "FieldDescription";
|
|
684
|
+
var Cn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(_.Error, {
|
|
685
|
+
ref: r,
|
|
686
|
+
className: t("text-[11px] font-medium text-destructive", e),
|
|
687
|
+
...n
|
|
688
|
+
}));
|
|
689
|
+
Cn.displayName = "FieldError";
|
|
690
|
+
var wn = _.Validity, Tn = te.Root, En = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(te.Legend, {
|
|
691
|
+
ref: r,
|
|
692
|
+
className: t("text-sm font-semibold tracking-tight text-foreground border-b border-border pb-1.5 mb-3 w-full", e),
|
|
693
|
+
...n
|
|
694
|
+
}));
|
|
695
|
+
En.displayName = "FieldsetLegend";
|
|
696
|
+
//#endregion
|
|
697
|
+
//#region src/components/ui/toast.tsx
|
|
698
|
+
var R = A.createToastManager(), Dn = ({ toastManager: e = R, ...t }) => /* @__PURE__ */ s(A.Provider, {
|
|
699
|
+
toastManager: e,
|
|
700
|
+
...t
|
|
701
|
+
}), On = A.Portal, kn = A.useToastManager, An = A.createToastManager, z = i.forwardRef(({ className: e, variant: n = "default", stacked: r = !0, children: i, toast: a, ...o }, l) => {
|
|
702
|
+
let u = a || {
|
|
703
|
+
id: "preview",
|
|
704
|
+
positionerProps: {}
|
|
705
|
+
};
|
|
706
|
+
return /* @__PURE__ */ s(A.Root, {
|
|
707
|
+
ref: l,
|
|
708
|
+
toast: u,
|
|
709
|
+
className: t("pointer-events-auto overflow-hidden rounded-xl border shadow-2xl select-none transition-colors duration-150", r ? "[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.08)))] [--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] absolute right-0 bottom-0 left-auto z-[calc(1000-var(--toast-index))] mr-0 w-full origin-bottom [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-[''] data-ending-style:opacity-0 data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-limited:opacity-0 data-starting-style:[transform:translateY(150%)] [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)] data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] h-[var(--height)] data-expanded:h-[var(--toast-height)] [transition:transform_0.4s_cubic-bezier(0.22,1,0.36,1),opacity_0.4s,height_0.15s]" : "relative flex w-full transition-all duration-200 ease-out data-starting-style:opacity-0 data-starting-style:translate-y-3 data-ending-style:opacity-0 data-ending-style:translate-y-2", n === "default" && "border-border bg-card text-card-foreground dark:bg-zinc-900", n === "destructive" && "border-destructive-500/30 bg-red-50 text-destructive-700 dark:border-destructive-500/40 dark:bg-red-950 dark:text-red-200", n === "success" && "border-success-500/30 bg-emerald-50 text-emerald-950 dark:border-success-500/40 dark:bg-emerald-950 dark:text-emerald-200", n === "warning" && "border-warning-500/30 bg-amber-50 text-amber-950 dark:border-warning-500/40 dark:bg-amber-950 dark:text-amber-200", n === "info" && "border-info-500/30 bg-sky-50 text-sky-950 dark:border-info-500/40 dark:bg-sky-950 dark:text-sky-200", e),
|
|
710
|
+
...o,
|
|
711
|
+
children: /* @__PURE__ */ c(A.Content, {
|
|
712
|
+
className: "flex items-start justify-between gap-3 p-4 w-full overflow-hidden transition-opacity duration-200 data-behind:opacity-40 data-expanded:opacity-100",
|
|
713
|
+
children: [/* @__PURE__ */ s("div", {
|
|
714
|
+
className: "flex-1 space-y-1",
|
|
715
|
+
children: i
|
|
716
|
+
}), /* @__PURE__ */ c(A.Close, {
|
|
717
|
+
className: "rounded-lg p-1 text-muted-foreground opacity-70 transition-opacity hover:opacity-100 hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring cursor-pointer shrink-0",
|
|
718
|
+
children: [/* @__PURE__ */ s(ye, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ s("span", {
|
|
719
|
+
className: "sr-only",
|
|
720
|
+
children: "Close"
|
|
721
|
+
})]
|
|
722
|
+
})]
|
|
723
|
+
})
|
|
724
|
+
});
|
|
725
|
+
});
|
|
726
|
+
z.displayName = "Toast";
|
|
727
|
+
var jn = i.forwardRef(({ className: e, children: n, stacked: r = !0, ...i }, a) => {
|
|
728
|
+
let o = [];
|
|
729
|
+
try {
|
|
730
|
+
o = kn()?.toasts || [];
|
|
731
|
+
} catch {
|
|
732
|
+
o = [];
|
|
733
|
+
}
|
|
734
|
+
return /* @__PURE__ */ s(A.Portal, { children: /* @__PURE__ */ c(A.Viewport, {
|
|
735
|
+
ref: a,
|
|
736
|
+
className: t(r ? "fixed right-4 bottom-4 z-50 mx-auto w-[calc(100vw-2rem)] sm:right-6 sm:bottom-6 sm:w-96 pointer-events-none" : "fixed right-4 bottom-4 z-50 flex max-h-screen w-full max-w-sm flex-col-reverse gap-2 p-2 pointer-events-none sm:right-6 sm:bottom-6", e),
|
|
737
|
+
...i,
|
|
738
|
+
children: [n, o.map((e) => {
|
|
739
|
+
let t = e.type || e.data?.variant || "default";
|
|
740
|
+
return /* @__PURE__ */ s(z, {
|
|
741
|
+
toast: e,
|
|
742
|
+
variant: t,
|
|
743
|
+
stacked: r,
|
|
744
|
+
children: /* @__PURE__ */ c("div", {
|
|
745
|
+
className: "flex items-start gap-2.5 w-full",
|
|
746
|
+
children: [
|
|
747
|
+
t === "success" && /* @__PURE__ */ s(ge, {
|
|
748
|
+
weight: "bold",
|
|
749
|
+
className: "w-4 h-4 text-emerald-500 shrink-0 mt-0.5"
|
|
750
|
+
}),
|
|
751
|
+
t === "warning" && /* @__PURE__ */ s(ve, {
|
|
752
|
+
weight: "bold",
|
|
753
|
+
className: "w-4 h-4 text-amber-500 shrink-0 mt-0.5"
|
|
754
|
+
}),
|
|
755
|
+
t === "destructive" && /* @__PURE__ */ s(be, {
|
|
756
|
+
weight: "bold",
|
|
757
|
+
className: "w-4 h-4 text-destructive-500 shrink-0 mt-0.5"
|
|
758
|
+
}),
|
|
759
|
+
t === "info" && /* @__PURE__ */ s(_e, {
|
|
760
|
+
weight: "bold",
|
|
761
|
+
className: "w-4 h-4 text-sky-500 shrink-0 mt-0.5"
|
|
762
|
+
}),
|
|
763
|
+
/* @__PURE__ */ c("div", {
|
|
764
|
+
className: "flex-1 space-y-1",
|
|
765
|
+
children: [e.title && /* @__PURE__ */ s(B, { children: e.title }), e.description && /* @__PURE__ */ s(V, { children: e.description })]
|
|
766
|
+
})
|
|
767
|
+
]
|
|
768
|
+
})
|
|
769
|
+
}, e.id);
|
|
770
|
+
})]
|
|
771
|
+
}) });
|
|
772
|
+
});
|
|
773
|
+
jn.displayName = "ToastViewport";
|
|
774
|
+
var B = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(A.Title, {
|
|
775
|
+
ref: r,
|
|
776
|
+
className: t("text-xs font-semibold text-foreground tracking-tight", e),
|
|
777
|
+
...n
|
|
778
|
+
}));
|
|
779
|
+
B.displayName = "ToastTitle";
|
|
780
|
+
var V = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(A.Description, {
|
|
781
|
+
ref: r,
|
|
782
|
+
className: t("text-xs text-muted-foreground leading-normal", e),
|
|
783
|
+
...n
|
|
784
|
+
}));
|
|
785
|
+
V.displayName = "ToastDescription";
|
|
786
|
+
var Mn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(A.Action, {
|
|
787
|
+
ref: r,
|
|
788
|
+
className: t("inline-flex h-7 items-center justify-center rounded-md border border-border bg-transparent px-2.5 text-xs font-medium transition-colors hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring cursor-pointer select-none", e),
|
|
789
|
+
...n
|
|
790
|
+
}));
|
|
791
|
+
Mn.displayName = "ToastAction";
|
|
792
|
+
var Nn = A.Close, Pn = A.Positioner, Fn = A.Content, In = A.Arrow, Ln = {
|
|
793
|
+
add: (e) => R.add(e),
|
|
794
|
+
show: (e, t) => R.add({
|
|
795
|
+
title: e,
|
|
796
|
+
description: t
|
|
797
|
+
}),
|
|
798
|
+
success: (e, t) => R.add({
|
|
799
|
+
title: e,
|
|
800
|
+
description: t,
|
|
801
|
+
type: "success"
|
|
802
|
+
}),
|
|
803
|
+
error: (e, t) => R.add({
|
|
804
|
+
title: e,
|
|
805
|
+
description: t,
|
|
806
|
+
type: "destructive"
|
|
807
|
+
}),
|
|
808
|
+
warning: (e, t) => R.add({
|
|
809
|
+
title: e,
|
|
810
|
+
description: t,
|
|
811
|
+
type: "warning"
|
|
812
|
+
}),
|
|
813
|
+
info: (e, t) => R.add({
|
|
814
|
+
title: e,
|
|
815
|
+
description: t,
|
|
816
|
+
type: "info"
|
|
817
|
+
}),
|
|
818
|
+
close: (e) => R.close(e)
|
|
819
|
+
}, Rn = g.Root, zn = g.Trigger, Bn = g.Portal, Vn = g.Close, Hn = g.Handle, H = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(g.Backdrop, {
|
|
820
|
+
ref: r,
|
|
821
|
+
className: t("fixed inset-0 z-50 bg-black/50 backdrop-blur-xs transition-opacity duration-300 ease-out data-starting-style:opacity-0 data-ending-style:opacity-0", e),
|
|
822
|
+
...n
|
|
823
|
+
}));
|
|
824
|
+
H.displayName = "DrawerBackdrop";
|
|
825
|
+
var Un = i.forwardRef(({ className: e, children: n, side: r = "bottom", ...i }, a) => /* @__PURE__ */ c(Bn, { children: [/* @__PURE__ */ s(H, {}), /* @__PURE__ */ c(g.Popup, {
|
|
826
|
+
ref: a,
|
|
827
|
+
className: t({
|
|
828
|
+
bottom: "fixed inset-x-0 bottom-0 z-50 mt-24 flex max-h-[85vh] flex-col rounded-t-2xl border-t border-border bg-card p-6 shadow-2xl transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] data-starting-style:translate-y-full data-ending-style:translate-y-full",
|
|
829
|
+
right: "fixed inset-y-0 right-0 z-50 flex h-full w-full max-w-sm flex-col rounded-l-2xl border-l border-border bg-card p-6 shadow-2xl transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] data-starting-style:translate-x-full data-ending-style:translate-x-full",
|
|
830
|
+
left: "fixed inset-y-0 left-0 z-50 flex h-full w-full max-w-sm flex-col rounded-r-2xl border-r border-border bg-card p-6 shadow-2xl transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] data-starting-style:-translate-x-full data-ending-style:-translate-x-full",
|
|
831
|
+
top: "fixed inset-x-0 top-0 z-50 flex max-h-[85vh] flex-col rounded-b-2xl border-b border-border bg-card p-6 shadow-2xl transition-transform duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] data-starting-style:-translate-y-full data-ending-style:-translate-y-full"
|
|
832
|
+
}[r], e),
|
|
833
|
+
...i,
|
|
834
|
+
children: [
|
|
835
|
+
r === "bottom" && /* @__PURE__ */ s("div", { className: "mx-auto -mt-2 mb-4 h-1.5 w-12 rounded-full bg-muted-foreground/30" }),
|
|
836
|
+
n,
|
|
837
|
+
/* @__PURE__ */ c(g.Close, {
|
|
838
|
+
className: "absolute right-4 top-4 rounded-lg p-1 text-muted-foreground opacity-70 hover:opacity-100 hover:bg-muted focus:outline-none focus:ring-2 focus:ring-ring transition-all duration-150 cursor-pointer",
|
|
839
|
+
children: [/* @__PURE__ */ s(pe, { className: "h-4 w-4" }), /* @__PURE__ */ s("span", {
|
|
840
|
+
className: "sr-only",
|
|
841
|
+
children: "Close"
|
|
842
|
+
})]
|
|
843
|
+
})
|
|
844
|
+
]
|
|
845
|
+
})] }));
|
|
846
|
+
Un.displayName = "DrawerPopup";
|
|
847
|
+
var Wn = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
848
|
+
className: t("flex flex-col space-y-1 text-left mb-4", e),
|
|
849
|
+
...n
|
|
850
|
+
});
|
|
851
|
+
Wn.displayName = "DrawerHeader";
|
|
852
|
+
var Gn = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
853
|
+
className: t("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 mt-4", e),
|
|
854
|
+
...n
|
|
855
|
+
});
|
|
856
|
+
Gn.displayName = "DrawerFooter";
|
|
857
|
+
var Kn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(g.Title, {
|
|
858
|
+
ref: r,
|
|
859
|
+
className: t("text-base font-semibold leading-none tracking-tight text-foreground", e),
|
|
860
|
+
...n
|
|
861
|
+
}));
|
|
862
|
+
Kn.displayName = "DrawerTitle";
|
|
863
|
+
var qn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(g.Description, {
|
|
864
|
+
ref: r,
|
|
865
|
+
className: t("text-xs text-muted-foreground", e),
|
|
866
|
+
...n
|
|
867
|
+
}));
|
|
868
|
+
qn.displayName = "DrawerDescription";
|
|
869
|
+
//#endregion
|
|
870
|
+
//#region src/components/ui/number-field.tsx
|
|
871
|
+
var Jn = x.Root, Yn = x.ScrubArea, Xn = x.ScrubAreaCursor, Zn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(x.Group, {
|
|
872
|
+
ref: r,
|
|
873
|
+
className: t("relative flex h-8 w-full items-center rounded-lg border border-border bg-background shadow-2xs transition-all duration-150 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2", e),
|
|
874
|
+
...n
|
|
875
|
+
}));
|
|
876
|
+
Zn.displayName = "NumberFieldGroup";
|
|
877
|
+
var Qn = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(x.Input, {
|
|
878
|
+
ref: r,
|
|
879
|
+
className: t("w-full bg-transparent px-3 py-1 text-xs text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-50", e),
|
|
880
|
+
...n
|
|
881
|
+
}));
|
|
882
|
+
Qn.displayName = "NumberFieldInput";
|
|
883
|
+
var $n = ({ className: e, children: n, ...r }) => /* @__PURE__ */ s("div", {
|
|
884
|
+
className: t("flex flex-col border-l border-border divide-y divide-border h-full", e),
|
|
885
|
+
...r,
|
|
886
|
+
children: n
|
|
887
|
+
});
|
|
888
|
+
$n.displayName = "NumberFieldStepper";
|
|
889
|
+
var er = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(x.Increment, {
|
|
890
|
+
ref: r,
|
|
891
|
+
className: t("flex flex-1 items-center justify-center px-1.5 text-muted-foreground hover:bg-muted hover:text-foreground active:bg-muted/80 disabled:opacity-30 disabled:pointer-events-none transition-colors cursor-pointer select-none", e),
|
|
892
|
+
...n,
|
|
893
|
+
children: /* @__PURE__ */ s(ue, { className: "h-2.5 w-2.5" })
|
|
894
|
+
}));
|
|
895
|
+
er.displayName = "NumberFieldIncrement";
|
|
896
|
+
var tr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(x.Decrement, {
|
|
897
|
+
ref: r,
|
|
898
|
+
className: t("flex flex-1 items-center justify-center px-1.5 text-muted-foreground hover:bg-muted hover:text-foreground active:bg-muted/80 disabled:opacity-30 disabled:pointer-events-none transition-colors cursor-pointer select-none", e),
|
|
899
|
+
...n,
|
|
900
|
+
children: /* @__PURE__ */ s(N, { className: "h-2.5 w-2.5" })
|
|
901
|
+
}));
|
|
902
|
+
tr.displayName = "NumberFieldDecrement";
|
|
903
|
+
//#endregion
|
|
904
|
+
//#region src/components/ui/input-otp.tsx
|
|
905
|
+
var nr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(re.Root, {
|
|
906
|
+
ref: r,
|
|
907
|
+
className: t("flex items-center gap-2 select-none", e),
|
|
908
|
+
...n
|
|
909
|
+
}));
|
|
910
|
+
nr.displayName = "InputOTP";
|
|
911
|
+
var rr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(re.Input, {
|
|
912
|
+
ref: r,
|
|
913
|
+
className: t("relative flex h-10 w-9 items-center justify-center rounded-lg border border-border bg-background text-center text-sm font-semibold text-foreground shadow-2xs transition-all duration-150 focus:z-10 focus:border-ring focus:ring-2 focus:ring-ring focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-focused:ring-2 data-focused:ring-ring data-focused:border-ring", e),
|
|
914
|
+
...n
|
|
915
|
+
}));
|
|
916
|
+
rr.displayName = "InputOTPSlot";
|
|
917
|
+
var ir = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
918
|
+
ref: r,
|
|
919
|
+
role: "separator",
|
|
920
|
+
className: t("text-muted-foreground flex items-center justify-center", e),
|
|
921
|
+
...n,
|
|
922
|
+
children: /* @__PURE__ */ s(de, { className: "h-4 w-4" })
|
|
923
|
+
}));
|
|
924
|
+
ir.displayName = "InputOTPSeparator";
|
|
925
|
+
//#endregion
|
|
926
|
+
//#region src/components/ui/toggle.tsx
|
|
927
|
+
var U = a("inline-flex items-center justify-center rounded-lg text-xs font-medium transition-all duration-150 hover:bg-muted hover:text-foreground active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-primary data-pressed:text-primary-foreground data-pressed:shadow-xs select-none cursor-pointer", {
|
|
928
|
+
variants: {
|
|
929
|
+
variant: {
|
|
930
|
+
default: "bg-transparent text-muted-foreground",
|
|
931
|
+
outline: "border border-border bg-transparent hover:bg-muted text-foreground data-pressed:border-primary data-pressed:bg-primary data-pressed:text-primary-foreground"
|
|
932
|
+
},
|
|
933
|
+
size: {
|
|
934
|
+
default: "h-8 px-3 gap-1.5",
|
|
935
|
+
sm: "h-7 px-2.5 text-xs gap-1",
|
|
936
|
+
lg: "h-9 px-3.5 text-sm gap-2",
|
|
937
|
+
icon: "h-8 w-8 p-0"
|
|
938
|
+
}
|
|
939
|
+
},
|
|
940
|
+
defaultVariants: {
|
|
941
|
+
variant: "default",
|
|
942
|
+
size: "default"
|
|
943
|
+
}
|
|
944
|
+
}), ar = i.forwardRef(({ className: e, variant: n, size: r, ...i }, a) => /* @__PURE__ */ s(se, {
|
|
945
|
+
ref: a,
|
|
946
|
+
className: t(U({
|
|
947
|
+
variant: n,
|
|
948
|
+
size: r
|
|
949
|
+
}), e),
|
|
950
|
+
...i
|
|
951
|
+
}));
|
|
952
|
+
ar.displayName = "Toggle";
|
|
953
|
+
//#endregion
|
|
954
|
+
//#region src/components/ui/toggle-group.tsx
|
|
955
|
+
var or = i.createContext({}), sr = i.forwardRef(({ className: e, variant: n = "default", size: r = "default", children: i, ...a }, o) => /* @__PURE__ */ s(or.Provider, {
|
|
956
|
+
value: {
|
|
957
|
+
variant: n,
|
|
958
|
+
size: r
|
|
959
|
+
},
|
|
960
|
+
children: /* @__PURE__ */ s(ce, {
|
|
961
|
+
ref: o,
|
|
962
|
+
className: t("inline-flex items-center gap-1 rounded-xl bg-muted/60 p-1 text-muted-foreground border border-border/50", e),
|
|
963
|
+
...a,
|
|
964
|
+
children: i
|
|
965
|
+
})
|
|
966
|
+
}));
|
|
967
|
+
sr.displayName = "ToggleGroup";
|
|
968
|
+
var cr = i.forwardRef(({ className: e, children: n, variant: r, size: a, ...o }, c) => {
|
|
969
|
+
let l = i.useContext(or);
|
|
970
|
+
return /* @__PURE__ */ s(se, {
|
|
971
|
+
ref: c,
|
|
972
|
+
className: t(U({
|
|
973
|
+
variant: l.variant || r,
|
|
974
|
+
size: l.size || a
|
|
975
|
+
}), "data-pressed:bg-background data-pressed:text-foreground data-pressed:shadow-xs", e),
|
|
976
|
+
...o,
|
|
977
|
+
children: n
|
|
978
|
+
});
|
|
979
|
+
});
|
|
980
|
+
cr.displayName = "ToggleGroupItem";
|
|
981
|
+
//#endregion
|
|
982
|
+
//#region src/components/ui/checkbox-group.tsx
|
|
983
|
+
var lr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(ee, {
|
|
984
|
+
ref: r,
|
|
985
|
+
className: t("flex flex-col gap-2.5", e),
|
|
986
|
+
...n
|
|
987
|
+
}));
|
|
988
|
+
lr.displayName = "CheckboxGroup";
|
|
989
|
+
//#endregion
|
|
990
|
+
//#region src/components/ui/collapsible.tsx
|
|
991
|
+
var ur = p.Root, dr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(p.Trigger, {
|
|
992
|
+
ref: r,
|
|
993
|
+
className: t("group flex w-full items-center justify-between font-medium transition-all select-none cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", e),
|
|
994
|
+
...n
|
|
995
|
+
}));
|
|
996
|
+
dr.displayName = "CollapsibleTrigger";
|
|
997
|
+
var fr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(p.Panel, {
|
|
998
|
+
ref: r,
|
|
999
|
+
className: t("h-[var(--collapsible-panel-height)] overflow-hidden text-xs transition-[height] duration-200 ease-out data-starting-style:h-0 data-ending-style:h-0 [&[hidden]:not([hidden='until-found'])]:hidden", e),
|
|
1000
|
+
...n
|
|
1001
|
+
}));
|
|
1002
|
+
fr.displayName = "CollapsiblePanel";
|
|
1003
|
+
//#endregion
|
|
1004
|
+
//#region src/components/ui/alert-dialog.tsx
|
|
1005
|
+
var pr = u.Root, mr = u.Trigger, hr = u.Portal, gr = u.Close, W = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(u.Backdrop, {
|
|
1006
|
+
ref: r,
|
|
1007
|
+
className: t("fixed inset-0 z-50 bg-black/50 backdrop-blur-xs transition-opacity duration-200 ease-out data-starting-style:opacity-0 data-ending-style:opacity-0", e),
|
|
1008
|
+
...n
|
|
1009
|
+
}));
|
|
1010
|
+
W.displayName = "AlertDialogBackdrop";
|
|
1011
|
+
var _r = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(hr, { children: [/* @__PURE__ */ s(W, {}), /* @__PURE__ */ s("div", {
|
|
1012
|
+
className: "fixed inset-0 z-50 flex items-center justify-center p-4",
|
|
1013
|
+
children: /* @__PURE__ */ s(u.Popup, {
|
|
1014
|
+
ref: i,
|
|
1015
|
+
className: t("relative w-full max-w-md rounded-2xl border border-border bg-card p-6 shadow-2xl transition-all duration-200 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
1016
|
+
...r,
|
|
1017
|
+
children: n
|
|
1018
|
+
})
|
|
1019
|
+
})] }));
|
|
1020
|
+
_r.displayName = "AlertDialogPopup";
|
|
1021
|
+
var vr = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
1022
|
+
className: t("flex flex-col space-y-1.5 text-left mb-4", e),
|
|
1023
|
+
...n
|
|
1024
|
+
});
|
|
1025
|
+
vr.displayName = "AlertDialogHeader";
|
|
1026
|
+
var yr = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
1027
|
+
className: t("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-2 mt-4", e),
|
|
1028
|
+
...n
|
|
1029
|
+
});
|
|
1030
|
+
yr.displayName = "AlertDialogFooter";
|
|
1031
|
+
var br = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(u.Title, {
|
|
1032
|
+
ref: r,
|
|
1033
|
+
className: t("text-base font-semibold tracking-tight text-foreground", e),
|
|
1034
|
+
...n
|
|
1035
|
+
}));
|
|
1036
|
+
br.displayName = "AlertDialogTitle";
|
|
1037
|
+
var xr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(u.Description, {
|
|
1038
|
+
ref: r,
|
|
1039
|
+
className: t("text-xs text-muted-foreground leading-relaxed", e),
|
|
1040
|
+
...n
|
|
1041
|
+
}));
|
|
1042
|
+
xr.displayName = "AlertDialogDescription";
|
|
1043
|
+
var Sr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(u.Close, {
|
|
1044
|
+
ref: r,
|
|
1045
|
+
className: t(F({
|
|
1046
|
+
variant: "destructive",
|
|
1047
|
+
size: "sm"
|
|
1048
|
+
}), e),
|
|
1049
|
+
...n
|
|
1050
|
+
}));
|
|
1051
|
+
Sr.displayName = "AlertDialogAction";
|
|
1052
|
+
var Cr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(u.Close, {
|
|
1053
|
+
ref: r,
|
|
1054
|
+
className: t(F({
|
|
1055
|
+
variant: "outline",
|
|
1056
|
+
size: "sm"
|
|
1057
|
+
}), e),
|
|
1058
|
+
...n
|
|
1059
|
+
}));
|
|
1060
|
+
Cr.displayName = "AlertDialogCancel";
|
|
1061
|
+
//#endregion
|
|
1062
|
+
//#region src/components/ui/progress.tsx
|
|
1063
|
+
var wr = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ s(w.Root, {
|
|
1064
|
+
ref: i,
|
|
1065
|
+
className: t("flex w-full flex-col gap-1.5", e),
|
|
1066
|
+
...r,
|
|
1067
|
+
children: n || /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(K, {}) })
|
|
1068
|
+
}));
|
|
1069
|
+
wr.displayName = "Progress";
|
|
1070
|
+
var G = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(w.Track, {
|
|
1071
|
+
ref: r,
|
|
1072
|
+
className: t("relative h-2 w-full overflow-hidden rounded-full bg-muted/80", e),
|
|
1073
|
+
...n
|
|
1074
|
+
}));
|
|
1075
|
+
G.displayName = "ProgressTrack";
|
|
1076
|
+
var K = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(w.Indicator, {
|
|
1077
|
+
ref: r,
|
|
1078
|
+
className: t("h-full w-full flex-1 bg-primary transition-all duration-300 ease-out data-indeterminate:animate-pulse", e),
|
|
1079
|
+
...n
|
|
1080
|
+
}));
|
|
1081
|
+
K.displayName = "ProgressIndicator";
|
|
1082
|
+
var Tr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(w.Label, {
|
|
1083
|
+
ref: r,
|
|
1084
|
+
className: t("text-xs font-medium text-foreground", e),
|
|
1085
|
+
...n
|
|
1086
|
+
}));
|
|
1087
|
+
Tr.displayName = "ProgressLabel";
|
|
1088
|
+
var Er = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(w.Value, {
|
|
1089
|
+
ref: r,
|
|
1090
|
+
className: t("text-xs text-muted-foreground font-mono", e),
|
|
1091
|
+
...n
|
|
1092
|
+
}));
|
|
1093
|
+
Er.displayName = "ProgressValue";
|
|
1094
|
+
//#endregion
|
|
1095
|
+
//#region src/components/ui/meter.tsx
|
|
1096
|
+
var Dr = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ s(y.Root, {
|
|
1097
|
+
ref: i,
|
|
1098
|
+
className: t("flex w-full flex-col gap-1.5", e),
|
|
1099
|
+
...r,
|
|
1100
|
+
children: n || /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(J, {}) })
|
|
1101
|
+
}));
|
|
1102
|
+
Dr.displayName = "Meter";
|
|
1103
|
+
var q = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(y.Track, {
|
|
1104
|
+
ref: r,
|
|
1105
|
+
className: t("relative h-2 w-full overflow-hidden rounded-full bg-muted/80", e),
|
|
1106
|
+
...n
|
|
1107
|
+
}));
|
|
1108
|
+
q.displayName = "MeterTrack";
|
|
1109
|
+
var J = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(y.Indicator, {
|
|
1110
|
+
ref: r,
|
|
1111
|
+
className: t("h-full bg-primary transition-all duration-300 ease-out", e),
|
|
1112
|
+
...n
|
|
1113
|
+
}));
|
|
1114
|
+
J.displayName = "MeterIndicator";
|
|
1115
|
+
var Or = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(y.Label, {
|
|
1116
|
+
ref: r,
|
|
1117
|
+
className: t("text-xs font-medium text-foreground", e),
|
|
1118
|
+
...n
|
|
1119
|
+
}));
|
|
1120
|
+
Or.displayName = "MeterLabel";
|
|
1121
|
+
var kr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(y.Value, {
|
|
1122
|
+
ref: r,
|
|
1123
|
+
className: t("text-xs text-muted-foreground font-mono", e),
|
|
1124
|
+
...n
|
|
1125
|
+
}));
|
|
1126
|
+
kr.displayName = "MeterValue";
|
|
1127
|
+
//#endregion
|
|
1128
|
+
//#region src/components/ui/breadcrumb.tsx
|
|
1129
|
+
var Ar = i.forwardRef(({ ...e }, t) => /* @__PURE__ */ s("nav", {
|
|
1130
|
+
ref: t,
|
|
1131
|
+
"aria-label": "breadcrumb",
|
|
1132
|
+
...e
|
|
1133
|
+
}));
|
|
1134
|
+
Ar.displayName = "Breadcrumb";
|
|
1135
|
+
var jr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("ol", {
|
|
1136
|
+
ref: r,
|
|
1137
|
+
className: t("flex flex-wrap items-center gap-1.5 break-words text-xs text-muted-foreground sm:gap-2", e),
|
|
1138
|
+
...n
|
|
1139
|
+
}));
|
|
1140
|
+
jr.displayName = "BreadcrumbList";
|
|
1141
|
+
var Mr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("li", {
|
|
1142
|
+
ref: r,
|
|
1143
|
+
className: t("inline-flex items-center gap-1.5", e),
|
|
1144
|
+
...n
|
|
1145
|
+
}));
|
|
1146
|
+
Mr.displayName = "BreadcrumbItem";
|
|
1147
|
+
var Nr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("a", {
|
|
1148
|
+
ref: r,
|
|
1149
|
+
className: t("transition-colors hover:text-foreground cursor-pointer", e),
|
|
1150
|
+
...n
|
|
1151
|
+
}));
|
|
1152
|
+
Nr.displayName = "BreadcrumbLink";
|
|
1153
|
+
var Pr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("span", {
|
|
1154
|
+
ref: r,
|
|
1155
|
+
role: "link",
|
|
1156
|
+
"aria-disabled": "true",
|
|
1157
|
+
"aria-current": "page",
|
|
1158
|
+
className: t("font-medium text-foreground", e),
|
|
1159
|
+
...n
|
|
1160
|
+
}));
|
|
1161
|
+
Pr.displayName = "BreadcrumbPage";
|
|
1162
|
+
var Fr = ({ children: e, className: n, ...r }) => /* @__PURE__ */ s("li", {
|
|
1163
|
+
role: "presentation",
|
|
1164
|
+
"aria-hidden": "true",
|
|
1165
|
+
className: t("[&>svg]:w-3.5 [&>svg]:h-3.5 opacity-60", n),
|
|
1166
|
+
...r,
|
|
1167
|
+
children: e ?? /* @__PURE__ */ s(P, {})
|
|
1168
|
+
});
|
|
1169
|
+
Fr.displayName = "BreadcrumbSeparator";
|
|
1170
|
+
var Ir = ({ className: e, ...n }) => /* @__PURE__ */ c("span", {
|
|
1171
|
+
role: "presentation",
|
|
1172
|
+
"aria-hidden": "true",
|
|
1173
|
+
className: t("flex h-7 w-7 items-center justify-center", e),
|
|
1174
|
+
...n,
|
|
1175
|
+
children: [/* @__PURE__ */ s(fe, { className: "h-4 w-4" }), /* @__PURE__ */ s("span", {
|
|
1176
|
+
className: "sr-only",
|
|
1177
|
+
children: "More"
|
|
1178
|
+
})]
|
|
1179
|
+
});
|
|
1180
|
+
Ir.displayName = "BreadcrumbEllipsis";
|
|
1181
|
+
//#endregion
|
|
1182
|
+
//#region src/components/ui/pagination.tsx
|
|
1183
|
+
var Lr = ({ className: e, ...n }) => /* @__PURE__ */ s("nav", {
|
|
1184
|
+
role: "navigation",
|
|
1185
|
+
"aria-label": "pagination",
|
|
1186
|
+
className: t("mx-auto flex w-full justify-center", e),
|
|
1187
|
+
...n
|
|
1188
|
+
});
|
|
1189
|
+
Lr.displayName = "Pagination";
|
|
1190
|
+
var Rr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("ul", {
|
|
1191
|
+
ref: r,
|
|
1192
|
+
className: t("flex flex-row items-center gap-1", e),
|
|
1193
|
+
...n
|
|
1194
|
+
}));
|
|
1195
|
+
Rr.displayName = "PaginationContent";
|
|
1196
|
+
var zr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("li", {
|
|
1197
|
+
ref: r,
|
|
1198
|
+
className: t("", e),
|
|
1199
|
+
...n
|
|
1200
|
+
}));
|
|
1201
|
+
zr.displayName = "PaginationItem";
|
|
1202
|
+
var Y = ({ className: e, isActive: n, ...r }) => /* @__PURE__ */ s("a", {
|
|
1203
|
+
"aria-current": n ? "page" : void 0,
|
|
1204
|
+
className: t(F({
|
|
1205
|
+
variant: n ? "outline" : "ghost",
|
|
1206
|
+
size: "sm"
|
|
1207
|
+
}), "h-8 w-8 p-0 cursor-pointer", n && "bg-muted font-semibold text-foreground border-border", e),
|
|
1208
|
+
...r
|
|
1209
|
+
});
|
|
1210
|
+
Y.displayName = "PaginationLink";
|
|
1211
|
+
var Br = ({ className: e, ...n }) => /* @__PURE__ */ c(Y, {
|
|
1212
|
+
"aria-label": "Go to previous page",
|
|
1213
|
+
className: t("gap-1 pl-2.5 w-auto px-3", e),
|
|
1214
|
+
...n,
|
|
1215
|
+
children: [/* @__PURE__ */ s(le, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ s("span", {
|
|
1216
|
+
className: "hidden sm:inline text-xs",
|
|
1217
|
+
children: "Previous"
|
|
1218
|
+
})]
|
|
1219
|
+
});
|
|
1220
|
+
Br.displayName = "PaginationPrevious";
|
|
1221
|
+
var Vr = ({ className: e, ...n }) => /* @__PURE__ */ c(Y, {
|
|
1222
|
+
"aria-label": "Go to next page",
|
|
1223
|
+
className: t("gap-1 pr-2.5 w-auto px-3", e),
|
|
1224
|
+
...n,
|
|
1225
|
+
children: [/* @__PURE__ */ s("span", {
|
|
1226
|
+
className: "hidden sm:inline text-xs",
|
|
1227
|
+
children: "Next"
|
|
1228
|
+
}), /* @__PURE__ */ s(P, { className: "h-3.5 w-3.5" })]
|
|
1229
|
+
});
|
|
1230
|
+
Vr.displayName = "PaginationNext";
|
|
1231
|
+
var Hr = ({ className: e, ...n }) => /* @__PURE__ */ c("span", {
|
|
1232
|
+
"aria-hidden": !0,
|
|
1233
|
+
className: t("flex h-8 w-8 items-center justify-center", e),
|
|
1234
|
+
...n,
|
|
1235
|
+
children: [/* @__PURE__ */ s(fe, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ s("span", {
|
|
1236
|
+
className: "sr-only",
|
|
1237
|
+
children: "More pages"
|
|
1238
|
+
})]
|
|
1239
|
+
});
|
|
1240
|
+
Hr.displayName = "PaginationEllipsis";
|
|
1241
|
+
//#endregion
|
|
1242
|
+
//#region src/components/ui/scroll-area.tsx
|
|
1243
|
+
var Ur = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(T.Root, {
|
|
1244
|
+
ref: i,
|
|
1245
|
+
className: t("relative overflow-hidden", e),
|
|
1246
|
+
...r,
|
|
1247
|
+
children: [
|
|
1248
|
+
/* @__PURE__ */ s(X, { children: n }),
|
|
1249
|
+
/* @__PURE__ */ s(Z, {
|
|
1250
|
+
orientation: "vertical",
|
|
1251
|
+
children: /* @__PURE__ */ s(Q, {})
|
|
1252
|
+
}),
|
|
1253
|
+
/* @__PURE__ */ s(Wr, {})
|
|
1254
|
+
]
|
|
1255
|
+
}));
|
|
1256
|
+
Ur.displayName = "ScrollArea";
|
|
1257
|
+
var X = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(T.Viewport, {
|
|
1258
|
+
ref: r,
|
|
1259
|
+
className: t("h-full w-full rounded-[inherit] outline-none", e),
|
|
1260
|
+
...n
|
|
1261
|
+
}));
|
|
1262
|
+
X.displayName = "ScrollAreaViewport";
|
|
1263
|
+
var Z = i.forwardRef(({ className: e, orientation: n = "vertical", ...r }, i) => /* @__PURE__ */ s(T.Scrollbar, {
|
|
1264
|
+
ref: i,
|
|
1265
|
+
orientation: n,
|
|
1266
|
+
className: t("flex touch-none select-none transition-colors p-0.5", n === "vertical" && "h-full w-2.5 border-l border-l-transparent", n === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
|
|
1267
|
+
...r
|
|
1268
|
+
}));
|
|
1269
|
+
Z.displayName = "ScrollAreaScrollbar";
|
|
1270
|
+
var Q = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(T.Thumb, {
|
|
1271
|
+
ref: r,
|
|
1272
|
+
className: t("relative flex-1 rounded-full bg-muted-foreground/30 hover:bg-muted-foreground/50 transition-colors", e),
|
|
1273
|
+
...n
|
|
1274
|
+
}));
|
|
1275
|
+
Q.displayName = "ScrollAreaThumb";
|
|
1276
|
+
var Wr = T.Corner, Gr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("kbd", {
|
|
1277
|
+
ref: r,
|
|
1278
|
+
className: t("pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground shadow-2xs", e),
|
|
1279
|
+
...n
|
|
1280
|
+
}));
|
|
1281
|
+
Gr.displayName = "Kbd";
|
|
1282
|
+
//#endregion
|
|
1283
|
+
//#region src/components/ui/table.tsx
|
|
1284
|
+
var Kr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
1285
|
+
className: "relative w-full overflow-auto rounded-xl border border-border bg-card",
|
|
1286
|
+
children: /* @__PURE__ */ s("table", {
|
|
1287
|
+
ref: r,
|
|
1288
|
+
className: t("w-full caption-bottom text-xs text-foreground", e),
|
|
1289
|
+
...n
|
|
1290
|
+
})
|
|
1291
|
+
}));
|
|
1292
|
+
Kr.displayName = "Table";
|
|
1293
|
+
var qr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("thead", {
|
|
1294
|
+
ref: r,
|
|
1295
|
+
className: t("border-b border-border bg-muted/40 [&_tr]:border-b", e),
|
|
1296
|
+
...n
|
|
1297
|
+
}));
|
|
1298
|
+
qr.displayName = "TableHeader";
|
|
1299
|
+
var Jr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("tbody", {
|
|
1300
|
+
ref: r,
|
|
1301
|
+
className: t("[&_tr:last-child]:border-0 divide-y divide-border", e),
|
|
1302
|
+
...n
|
|
1303
|
+
}));
|
|
1304
|
+
Jr.displayName = "TableBody";
|
|
1305
|
+
var Yr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("tfoot", {
|
|
1306
|
+
ref: r,
|
|
1307
|
+
className: t("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", e),
|
|
1308
|
+
...n
|
|
1309
|
+
}));
|
|
1310
|
+
Yr.displayName = "TableFooter";
|
|
1311
|
+
var Xr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("tr", {
|
|
1312
|
+
ref: r,
|
|
1313
|
+
className: t("border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", e),
|
|
1314
|
+
...n
|
|
1315
|
+
}));
|
|
1316
|
+
Xr.displayName = "TableRow";
|
|
1317
|
+
var Zr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("th", {
|
|
1318
|
+
ref: r,
|
|
1319
|
+
className: t("h-9 px-3.5 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", e),
|
|
1320
|
+
...n
|
|
1321
|
+
}));
|
|
1322
|
+
Zr.displayName = "TableHead";
|
|
1323
|
+
var Qr = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("td", {
|
|
1324
|
+
ref: r,
|
|
1325
|
+
className: t("p-3.5 align-middle [&:has([role=checkbox])]:pr-0", e),
|
|
1326
|
+
...n
|
|
1327
|
+
}));
|
|
1328
|
+
Qr.displayName = "TableCell";
|
|
1329
|
+
var $r = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("caption", {
|
|
1330
|
+
ref: r,
|
|
1331
|
+
className: t("mt-3 text-[11px] text-muted-foreground", e),
|
|
1332
|
+
...n
|
|
1333
|
+
}));
|
|
1334
|
+
$r.displayName = "TableCaption";
|
|
1335
|
+
//#endregion
|
|
1336
|
+
//#region src/components/ui/context-menu.tsx
|
|
1337
|
+
var ei = m.Root, ti = m.Trigger, ni = m.Portal, ri = m.Group, ii = m.SubmenuRoot, ai = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(m.Positioner, {
|
|
1338
|
+
ref: r,
|
|
1339
|
+
className: t("z-50 outline-none", e),
|
|
1340
|
+
...n
|
|
1341
|
+
}));
|
|
1342
|
+
ai.displayName = "ContextMenuPositioner";
|
|
1343
|
+
var oi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(m.Popup, {
|
|
1344
|
+
ref: r,
|
|
1345
|
+
className: t("z-50 min-w-[11rem] origin-[var(--transform-origin)] overflow-hidden rounded-xl border border-border bg-card p-1 text-foreground shadow-2xl transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
1346
|
+
...n
|
|
1347
|
+
}));
|
|
1348
|
+
oi.displayName = "ContextMenuPopup";
|
|
1349
|
+
var si = i.forwardRef(({ className: e, inset: n, ...r }, i) => /* @__PURE__ */ s(m.Item, {
|
|
1350
|
+
ref: i,
|
|
1351
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg px-2.5 py-1.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", n && "pl-8", e),
|
|
1352
|
+
...r
|
|
1353
|
+
}));
|
|
1354
|
+
si.displayName = "ContextMenuItem";
|
|
1355
|
+
var ci = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(m.CheckboxItem, {
|
|
1356
|
+
ref: i,
|
|
1357
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", e),
|
|
1358
|
+
...r,
|
|
1359
|
+
children: [/* @__PURE__ */ s("span", {
|
|
1360
|
+
className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center",
|
|
1361
|
+
children: /* @__PURE__ */ s(m.CheckboxItemIndicator, { children: /* @__PURE__ */ s(M, { className: "h-3 w-3" }) })
|
|
1362
|
+
}), n]
|
|
1363
|
+
}));
|
|
1364
|
+
ci.displayName = "ContextMenuCheckboxItem";
|
|
1365
|
+
var li = m.RadioGroup, ui = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(m.RadioItem, {
|
|
1366
|
+
ref: i,
|
|
1367
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", e),
|
|
1368
|
+
...r,
|
|
1369
|
+
children: [/* @__PURE__ */ s("span", {
|
|
1370
|
+
className: "absolute left-2.5 flex h-3.5 w-3.5 items-center justify-center",
|
|
1371
|
+
children: /* @__PURE__ */ s(m.RadioItemIndicator, { children: /* @__PURE__ */ s("div", { className: "h-1.5 w-1.5 rounded-full bg-foreground" }) })
|
|
1372
|
+
}), n]
|
|
1373
|
+
}));
|
|
1374
|
+
ui.displayName = "ContextMenuRadioItem";
|
|
1375
|
+
var di = i.forwardRef(({ className: e, inset: n, children: r, ...i }, a) => /* @__PURE__ */ s("div", {
|
|
1376
|
+
ref: a,
|
|
1377
|
+
role: "presentation",
|
|
1378
|
+
className: t("px-2.5 py-1 text-[11px] font-semibold text-muted-foreground select-none", n && "pl-8", e),
|
|
1379
|
+
...i,
|
|
1380
|
+
children: r
|
|
1381
|
+
}));
|
|
1382
|
+
di.displayName = "ContextMenuGroupLabel";
|
|
1383
|
+
var fi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(m.Separator, {
|
|
1384
|
+
ref: r,
|
|
1385
|
+
className: t("-mx-1 my-1 h-px bg-border", e),
|
|
1386
|
+
...n
|
|
1387
|
+
}));
|
|
1388
|
+
fi.displayName = "ContextMenuSeparator";
|
|
1389
|
+
var pi = i.forwardRef(({ className: e, inset: n, children: r, ...i }, a) => /* @__PURE__ */ c(m.SubmenuTrigger, {
|
|
1390
|
+
ref: a,
|
|
1391
|
+
className: t("flex cursor-pointer select-none items-center justify-between rounded-lg px-2.5 py-1.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", n && "pl-8", e),
|
|
1392
|
+
...i,
|
|
1393
|
+
children: [r, /* @__PURE__ */ s(P, { className: "ml-auto h-3.5 w-3.5" })]
|
|
1394
|
+
}));
|
|
1395
|
+
pi.displayName = "ContextMenuSubmenuTrigger";
|
|
1396
|
+
//#endregion
|
|
1397
|
+
//#region src/components/ui/menubar.tsx
|
|
1398
|
+
var mi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(ne, {
|
|
1399
|
+
ref: r,
|
|
1400
|
+
className: t("flex h-9 items-center space-x-1 rounded-xl border border-border bg-card p-1 shadow-2xs", e),
|
|
1401
|
+
...n
|
|
1402
|
+
}));
|
|
1403
|
+
mi.displayName = "Menubar";
|
|
1404
|
+
var hi = v.Root, gi = v.Group, _i = v.Portal, vi = v.SubmenuRoot, yi = v.RadioGroup, bi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Trigger, {
|
|
1405
|
+
ref: r,
|
|
1406
|
+
className: t("flex cursor-pointer select-none items-center rounded-lg px-2.5 py-1 text-xs font-medium text-foreground outline-none hover:bg-muted focus:bg-muted data-pressed:bg-muted", e),
|
|
1407
|
+
...n
|
|
1408
|
+
}));
|
|
1409
|
+
bi.displayName = "MenubarTrigger";
|
|
1410
|
+
var xi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Positioner, {
|
|
1411
|
+
ref: r,
|
|
1412
|
+
sideOffset: 4,
|
|
1413
|
+
className: t("z-50 outline-none", e),
|
|
1414
|
+
...n
|
|
1415
|
+
}));
|
|
1416
|
+
xi.displayName = "MenubarPositioner";
|
|
1417
|
+
var Si = i.forwardRef(({ className: e, sideOffset: n = 4, align: r = "start", children: i, ...a }, o) => /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ s(v.Positioner, {
|
|
1418
|
+
sideOffset: n,
|
|
1419
|
+
align: r,
|
|
1420
|
+
className: "z-50 outline-none",
|
|
1421
|
+
children: /* @__PURE__ */ s(v.Popup, {
|
|
1422
|
+
ref: o,
|
|
1423
|
+
className: t("z-50 min-w-[9rem] overflow-hidden rounded-xl border border-border bg-card p-1 text-foreground shadow-xl transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
1424
|
+
...a,
|
|
1425
|
+
children: i
|
|
1426
|
+
})
|
|
1427
|
+
}) }));
|
|
1428
|
+
Si.displayName = "MenubarPopup";
|
|
1429
|
+
var Ci = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Item, {
|
|
1430
|
+
ref: r,
|
|
1431
|
+
className: t("relative flex cursor-pointer select-none items-center rounded-lg px-2.5 py-1.5 text-xs outline-none transition-colors hover:bg-muted focus:bg-muted data-highlighted:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", e),
|
|
1432
|
+
...n
|
|
1433
|
+
}));
|
|
1434
|
+
Ci.displayName = "MenubarItem";
|
|
1435
|
+
var wi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(v.Separator, {
|
|
1436
|
+
ref: r,
|
|
1437
|
+
className: t("-mx-1 my-1 h-px bg-border", e),
|
|
1438
|
+
...n
|
|
1439
|
+
}));
|
|
1440
|
+
wi.displayName = "MenubarSeparator";
|
|
1441
|
+
//#endregion
|
|
1442
|
+
//#region src/components/ui/navigation-menu.tsx
|
|
1443
|
+
var Ti = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(b.Root, {
|
|
1444
|
+
ref: r,
|
|
1445
|
+
className: t("relative z-10 flex max-w-max flex-1 items-center justify-center", e),
|
|
1446
|
+
...n
|
|
1447
|
+
}));
|
|
1448
|
+
Ti.displayName = "NavigationMenu";
|
|
1449
|
+
var Ei = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(b.List, {
|
|
1450
|
+
ref: r,
|
|
1451
|
+
className: t("group flex flex-1 list-none items-center justify-center gap-1", e),
|
|
1452
|
+
...n
|
|
1453
|
+
}));
|
|
1454
|
+
Ei.displayName = "NavigationMenuList";
|
|
1455
|
+
var Di = b.Item, Oi = i.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ c(b.Trigger, {
|
|
1456
|
+
ref: i,
|
|
1457
|
+
className: t("group inline-flex h-8 w-max items-center justify-center rounded-lg bg-background px-3 py-1 text-xs font-medium transition-colors hover:bg-muted hover:text-foreground focus:bg-muted focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted cursor-pointer select-none", e),
|
|
1458
|
+
...r,
|
|
1459
|
+
children: [n, /* @__PURE__ */ s(N, {
|
|
1460
|
+
className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-popup-open:rotate-180",
|
|
1461
|
+
"aria-hidden": "true"
|
|
1462
|
+
})]
|
|
1463
|
+
}));
|
|
1464
|
+
Oi.displayName = "NavigationMenuTrigger";
|
|
1465
|
+
var ki = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(b.Positioner, {
|
|
1466
|
+
ref: r,
|
|
1467
|
+
sideOffset: 8,
|
|
1468
|
+
className: t("z-50 outline-none", e),
|
|
1469
|
+
...n
|
|
1470
|
+
}));
|
|
1471
|
+
ki.displayName = "NavigationMenuPositioner";
|
|
1472
|
+
var Ai = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(b.Popup, {
|
|
1473
|
+
ref: r,
|
|
1474
|
+
className: t("rounded-2xl border border-border bg-card p-4 text-foreground shadow-2xl transition-all duration-200 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
1475
|
+
...n
|
|
1476
|
+
}));
|
|
1477
|
+
Ai.displayName = "NavigationMenuPopup";
|
|
1478
|
+
var ji = b.Link, Mi = b.Portal, Ni = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(b.Content, {
|
|
1479
|
+
ref: r,
|
|
1480
|
+
className: t("w-full md:w-auto p-4", e),
|
|
1481
|
+
...n
|
|
1482
|
+
}));
|
|
1483
|
+
Ni.displayName = "NavigationMenuContent";
|
|
1484
|
+
var Pi = i.forwardRef(({ className: e, sideOffset: n = 8, ...r }, i) => /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ s(b.Positioner, {
|
|
1485
|
+
sideOffset: n,
|
|
1486
|
+
className: "z-50 outline-none",
|
|
1487
|
+
children: /* @__PURE__ */ s(b.Popup, {
|
|
1488
|
+
className: "rounded-2xl border border-border bg-card p-4 text-foreground shadow-2xl transition-all duration-200 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95",
|
|
1489
|
+
children: /* @__PURE__ */ s(b.Viewport, {
|
|
1490
|
+
ref: i,
|
|
1491
|
+
className: t("relative w-full overflow-hidden", e),
|
|
1492
|
+
...r
|
|
1493
|
+
})
|
|
1494
|
+
})
|
|
1495
|
+
}) }));
|
|
1496
|
+
Pi.displayName = "NavigationMenuViewport";
|
|
1497
|
+
//#endregion
|
|
1498
|
+
//#region src/components/ui/preview-card.tsx
|
|
1499
|
+
var Fi = C.Root, Ii = C.Trigger, Li = C.Portal, Ri = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s(C.Positioner, {
|
|
1500
|
+
ref: r,
|
|
1501
|
+
sideOffset: 8,
|
|
1502
|
+
className: t("z-50 outline-none", e),
|
|
1503
|
+
...n
|
|
1504
|
+
}));
|
|
1505
|
+
Ri.displayName = "PreviewCardPositioner";
|
|
1506
|
+
var zi = i.forwardRef(({ className: e, sideOffset: n = 8, align: r = "center", children: i, ...a }, o) => /* @__PURE__ */ s(C.Portal, { children: /* @__PURE__ */ s(C.Positioner, {
|
|
1507
|
+
sideOffset: n,
|
|
1508
|
+
align: r,
|
|
1509
|
+
className: "z-50 outline-none",
|
|
1510
|
+
children: /* @__PURE__ */ s(C.Popup, {
|
|
1511
|
+
ref: o,
|
|
1512
|
+
className: t("z-50 w-72 rounded-2xl border border-border bg-card p-4 text-foreground shadow-xl transition-all duration-150 ease-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95", e),
|
|
1513
|
+
...a,
|
|
1514
|
+
children: i
|
|
1515
|
+
})
|
|
1516
|
+
}) }));
|
|
1517
|
+
zi.displayName = "PreviewCardPopup";
|
|
1518
|
+
var Bi = C.Arrow, Vi = i.forwardRef(({ ratio: e = 16 / 9, className: n, style: r, children: i, ...a }, o) => /* @__PURE__ */ s("div", {
|
|
1519
|
+
ref: o,
|
|
1520
|
+
style: {
|
|
1521
|
+
aspectRatio: e,
|
|
1522
|
+
...r
|
|
1523
|
+
},
|
|
1524
|
+
className: t("relative w-full overflow-hidden", n),
|
|
1525
|
+
...a,
|
|
1526
|
+
children: i
|
|
1527
|
+
}));
|
|
1528
|
+
Vi.displayName = "AspectRatio";
|
|
1529
|
+
//#endregion
|
|
1530
|
+
//#region src/components/ui/empty-state.tsx
|
|
1531
|
+
var Hi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("div", {
|
|
1532
|
+
ref: r,
|
|
1533
|
+
className: t("flex min-h-[16rem] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-muted/20 p-8 text-center animate-in fade-in-50", e),
|
|
1534
|
+
...n
|
|
1535
|
+
}));
|
|
1536
|
+
Hi.displayName = "EmptyState";
|
|
1537
|
+
var Ui = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
1538
|
+
className: t("mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground mb-3 [&>svg]:h-6 [&>svg]:w-6", e),
|
|
1539
|
+
...n
|
|
1540
|
+
});
|
|
1541
|
+
Ui.displayName = "EmptyStateIcon";
|
|
1542
|
+
var Wi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("h4", {
|
|
1543
|
+
ref: r,
|
|
1544
|
+
className: t("text-sm font-semibold tracking-tight text-foreground mb-1", e),
|
|
1545
|
+
...n
|
|
1546
|
+
}));
|
|
1547
|
+
Wi.displayName = "EmptyStateTitle";
|
|
1548
|
+
var Gi = i.forwardRef(({ className: e, ...n }, r) => /* @__PURE__ */ s("p", {
|
|
1549
|
+
ref: r,
|
|
1550
|
+
className: t("text-xs text-muted-foreground max-w-sm mb-4 leading-relaxed", e),
|
|
1551
|
+
...n
|
|
1552
|
+
}));
|
|
1553
|
+
Gi.displayName = "EmptyStateDescription";
|
|
1554
|
+
var Ki = ({ className: e, ...n }) => /* @__PURE__ */ s("div", {
|
|
1555
|
+
className: t("flex items-center gap-2", e),
|
|
1556
|
+
...n
|
|
1557
|
+
});
|
|
1558
|
+
Ki.displayName = "EmptyStateActions";
|
|
1559
|
+
//#endregion
|
|
1560
|
+
//#region src/tokens/index.ts
|
|
1561
|
+
var $ = {
|
|
1562
|
+
zinc: {
|
|
1563
|
+
0: "#FFFFFF",
|
|
1564
|
+
50: "#FAFAFA",
|
|
1565
|
+
100: "#F4F4F5",
|
|
1566
|
+
200: "#E4E4E7",
|
|
1567
|
+
300: "#D4D4D8",
|
|
1568
|
+
400: "#A1A1AA",
|
|
1569
|
+
500: "#71717A",
|
|
1570
|
+
600: "#52525B",
|
|
1571
|
+
700: "#3F3F46",
|
|
1572
|
+
800: "#27272A",
|
|
1573
|
+
900: "#18181B",
|
|
1574
|
+
950: "#09090B",
|
|
1575
|
+
1e3: "#000000"
|
|
1576
|
+
},
|
|
1577
|
+
brand: {
|
|
1578
|
+
50: "#EEF2FF",
|
|
1579
|
+
100: "#E0E7FF",
|
|
1580
|
+
200: "#C7D2FE",
|
|
1581
|
+
300: "#A5B4FC",
|
|
1582
|
+
400: "#818CF8",
|
|
1583
|
+
500: "#6366F1",
|
|
1584
|
+
600: "#4F46E5",
|
|
1585
|
+
700: "#4338CA",
|
|
1586
|
+
800: "#3730A3",
|
|
1587
|
+
900: "#312E81",
|
|
1588
|
+
950: "#1E1B4B"
|
|
1589
|
+
},
|
|
1590
|
+
destructive: {
|
|
1591
|
+
500: "#EF4444",
|
|
1592
|
+
600: "#DC2626"
|
|
1593
|
+
},
|
|
1594
|
+
success: {
|
|
1595
|
+
500: "#22C55E",
|
|
1596
|
+
600: "#16A34A"
|
|
1597
|
+
},
|
|
1598
|
+
warning: {
|
|
1599
|
+
500: "#F59E0B",
|
|
1600
|
+
600: "#D97706"
|
|
1601
|
+
},
|
|
1602
|
+
info: {
|
|
1603
|
+
500: "#0EA5E9",
|
|
1604
|
+
600: "#0284C7"
|
|
1605
|
+
}
|
|
1606
|
+
}, qi = {
|
|
1607
|
+
0: "0px",
|
|
1608
|
+
1: "4px",
|
|
1609
|
+
2: "8px",
|
|
1610
|
+
3: "12px",
|
|
1611
|
+
4: "16px",
|
|
1612
|
+
5: "20px",
|
|
1613
|
+
6: "24px",
|
|
1614
|
+
8: "32px",
|
|
1615
|
+
10: "40px",
|
|
1616
|
+
12: "48px",
|
|
1617
|
+
16: "64px"
|
|
1618
|
+
}, Ji = {
|
|
1619
|
+
none: "0px",
|
|
1620
|
+
sm: "4px",
|
|
1621
|
+
md: "6px",
|
|
1622
|
+
lg: "8px",
|
|
1623
|
+
xl: "12px",
|
|
1624
|
+
"2xl": "16px",
|
|
1625
|
+
full: "9999px"
|
|
1626
|
+
}, Yi = {
|
|
1627
|
+
xs: "24px",
|
|
1628
|
+
sm: "28px",
|
|
1629
|
+
default: "32px",
|
|
1630
|
+
md: "32px",
|
|
1631
|
+
lg: "36px"
|
|
1632
|
+
}, Xi = {
|
|
1633
|
+
light: {
|
|
1634
|
+
bg: {
|
|
1635
|
+
default: $.zinc[0],
|
|
1636
|
+
subtle: $.zinc[50],
|
|
1637
|
+
canvas: $.zinc[100],
|
|
1638
|
+
inverse: $.zinc[900]
|
|
1639
|
+
},
|
|
1640
|
+
text: {
|
|
1641
|
+
default: $.zinc[900],
|
|
1642
|
+
muted: $.zinc[500],
|
|
1643
|
+
subtle: $.zinc[400],
|
|
1644
|
+
inverse: $.zinc[0]
|
|
1645
|
+
},
|
|
1646
|
+
primary: {
|
|
1647
|
+
default: $.brand[600],
|
|
1648
|
+
hover: $.brand[700],
|
|
1649
|
+
active: $.brand[800],
|
|
1650
|
+
foreground: $.zinc[0]
|
|
1651
|
+
},
|
|
1652
|
+
border: {
|
|
1653
|
+
default: $.zinc[200],
|
|
1654
|
+
subtle: $.zinc[100],
|
|
1655
|
+
focus: $.brand[500]
|
|
1656
|
+
},
|
|
1657
|
+
destructive: {
|
|
1658
|
+
default: $.destructive[500],
|
|
1659
|
+
foreground: $.zinc[0]
|
|
1660
|
+
}
|
|
1661
|
+
},
|
|
1662
|
+
dark: {
|
|
1663
|
+
bg: {
|
|
1664
|
+
default: $.zinc[950],
|
|
1665
|
+
subtle: $.zinc[900],
|
|
1666
|
+
canvas: $.zinc[900],
|
|
1667
|
+
inverse: $.zinc[50]
|
|
1668
|
+
},
|
|
1669
|
+
text: {
|
|
1670
|
+
default: $.zinc[50],
|
|
1671
|
+
muted: $.zinc[400],
|
|
1672
|
+
subtle: $.zinc[500],
|
|
1673
|
+
inverse: $.zinc[950]
|
|
1674
|
+
},
|
|
1675
|
+
primary: {
|
|
1676
|
+
default: $.brand[500],
|
|
1677
|
+
hover: $.brand[400],
|
|
1678
|
+
active: $.brand[300],
|
|
1679
|
+
foreground: $.zinc[0]
|
|
1680
|
+
},
|
|
1681
|
+
border: {
|
|
1682
|
+
default: $.zinc[800],
|
|
1683
|
+
subtle: $.zinc[900],
|
|
1684
|
+
focus: $.brand[400]
|
|
1685
|
+
},
|
|
1686
|
+
destructive: {
|
|
1687
|
+
default: $.destructive[600],
|
|
1688
|
+
foreground: $.zinc[0]
|
|
1689
|
+
}
|
|
1690
|
+
}
|
|
1691
|
+
};
|
|
1692
|
+
//#endregion
|
|
1693
|
+
export { ft as Accordion, mt as AccordionHeader, pt as AccordionItem, gt as AccordionPanel, ht as AccordionTrigger, hn as Alert, _n as AlertDescription, pr as AlertDialog, Sr as AlertDialogAction, W as AlertDialogBackdrop, Cr as AlertDialogCancel, gr as AlertDialogClose, xr as AlertDialogDescription, yr as AlertDialogFooter, vr as AlertDialogHeader, _r as AlertDialogPopup, hr as AlertDialogPortal, br as AlertDialogTitle, mr as AlertDialogTrigger, gn as AlertTitle, Vi as AspectRatio, zt as Avatar, Vt as AvatarFallback, Bt as AvatarImage, Kt as Badge, Ar as Breadcrumb, Ir as BreadcrumbEllipsis, Mr as BreadcrumbItem, Nr as BreadcrumbLink, jr as BreadcrumbList, Pr as BreadcrumbPage, Fr as BreadcrumbSeparator, xe as Button, qt as Card, Zt as CardContent, Xt as CardDescription, Qt as CardFooter, Jt as CardHeader, Yt as CardTitle, it as Checkbox, lr as CheckboxGroup, ur as Collapsible, fr as CollapsiblePanel, dr as CollapsibleTrigger, ei as ContextMenu, ci as ContextMenuCheckboxItem, ri as ContextMenuGroup, di as ContextMenuGroupLabel, si as ContextMenuItem, oi as ContextMenuPopup, ni as ContextMenuPortal, ai as ContextMenuPositioner, li as ContextMenuRadioGroup, ui as ContextMenuRadioItem, fi as ContextMenuSeparator, ii as ContextMenuSubmenu, pi as ContextMenuSubmenuTrigger, ti as ContextMenuTrigger, Se as Dialog, I as DialogBackdrop, Te as DialogClose, Ae as DialogDescription, Oe as DialogFooter, De as DialogHeader, Ee as DialogPopup, we as DialogPortal, ke as DialogTitle, Ce as DialogTrigger, Rn as Drawer, H as DrawerBackdrop, Vn as DrawerClose, qn as DrawerDescription, Gn as DrawerFooter, Hn as DrawerHandle, Wn as DrawerHeader, Un as DrawerPopup, Bn as DrawerPortal, Kn as DrawerTitle, zn as DrawerTrigger, ze as DropdownMenu, Je as DropdownMenuCheckboxItem, Be as DropdownMenuGroup, Xe as DropdownMenuGroupLabel, qe as DropdownMenuItem, Ke as DropdownMenuPopup, Ve as DropdownMenuPortal, Ge as DropdownMenuPositioner, Ue as DropdownMenuRadioGroup, Ye as DropdownMenuRadioItem, Ze as DropdownMenuSeparator, We as DropdownMenuSubmenu, Qe as DropdownMenuSubmenuTrigger, He as DropdownMenuTrigger, Hi as EmptyState, Ki as EmptyStateActions, Gi as EmptyStateDescription, Ui as EmptyStateIcon, Wi as EmptyStateTitle, yn as Field, xn as FieldControl, Sn as FieldDescription, Cn as FieldError, bn as FieldLabel, wn as FieldValidity, Tn as Fieldset, En as FieldsetLegend, Ut as Input, nr as InputOTP, ir as InputOTPSeparator, rr as InputOTPSlot, Gr as Kbd, mi as Menubar, gi as MenubarGroup, Ci as MenubarItem, hi as MenubarMenu, Si as MenubarPopup, _i as MenubarPortal, xi as MenubarPositioner, yi as MenubarRadioGroup, wi as MenubarSeparator, vi as MenubarSubmenu, bi as MenubarTrigger, Dr as Meter, J as MeterIndicator, Or as MeterLabel, q as MeterTrack, kr as MeterValue, Ti as NavigationMenu, Ni as NavigationMenuContent, Di as NavigationMenuItem, ji as NavigationMenuLink, Ei as NavigationMenuList, Ai as NavigationMenuPopup, Mi as NavigationMenuPortal, ki as NavigationMenuPositioner, Oi as NavigationMenuTrigger, Pi as NavigationMenuViewport, Jn as NumberField, tr as NumberFieldDecrement, Zn as NumberFieldGroup, er as NumberFieldIncrement, Qn as NumberFieldInput, Yn as NumberFieldScrubArea, Xn as NumberFieldScrubAreaCursor, $n as NumberFieldStepper, Lr as Pagination, Rr as PaginationContent, Hr as PaginationEllipsis, zr as PaginationItem, Y as PaginationLink, Vr as PaginationNext, Br as PaginationPrevious, je as Popover, Pe as PopoverClose, Ie as PopoverDescription, Re as PopoverPopup, Me as PopoverPortal, Le as PopoverPositioner, Fe as PopoverTitle, Ne as PopoverTrigger, Fi as PreviewCard, Bi as PreviewCardArrow, zi as PreviewCardPopup, Li as PreviewCardPortal, Ri as PreviewCardPositioner, Ii as PreviewCardTrigger, wr as Progress, K as ProgressIndicator, Tr as ProgressLabel, G as ProgressTrack, Er as ProgressValue, at as RadioGroup, ot as RadioGroupItem, Ur as ScrollArea, Wr as ScrollAreaCorner, Z as ScrollAreaScrollbar, Q as ScrollAreaThumb, X as ScrollAreaViewport, Ct as Select, kt as SelectGroup, At as SelectGroupLabel, Ft as SelectIcon, Ot as SelectItem, Pt as SelectList, Dt as SelectPopup, Mt as SelectPortal, Nt as SelectPositioner, Lt as SelectScrollDownArrow, It as SelectScrollUpArrow, jt as SelectSeparator, Tt as SelectTrigger, Et as SelectValue, $t as Separator, vn as Skeleton, on as Slider, cn as SliderControl, un as SliderIndicator, pn as SliderLabel, sn as SliderRoot, dn as SliderThumb, ln as SliderTrack, fn as SliderValue, tt as Switch, nt as SwitchRoot, rt as SwitchThumb, Kr as Table, Jr as TableBody, $r as TableCaption, Qr as TableCell, Yr as TableFooter, Zr as TableHead, qr as TableHeader, Xr as TableRow, _t as Tabs, L as TabsIndicator, yt as TabsList, xt as TabsPanel, bt as TabsTab, Wt as Textarea, z as Toast, Mn as ToastAction, In as ToastArrow, Nn as ToastClose, Fn as ToastContent, V as ToastDescription, On as ToastPortal, Pn as ToastPositioner, Dn as ToastProvider, B as ToastTitle, jn as ToastViewport, ar as Toggle, sr as ToggleGroup, cr as ToggleGroupItem, ct as Tooltip, dt as TooltipPopup, lt as TooltipPortal, st as TooltipProvider, ut as TooltipTrigger, mn as alertVariants, Rt as avatarVariants, Gt as badgeVariants, Ji as borderRadius, F as buttonVariants, e as clsx, t as cn, Yi as componentSizes, An as createToastManager, R as defaultToastManager, Ht as inputVariants, $ as primitiveColors, wt as selectTriggerVariants, Xi as semanticTokens, tn as sliderControlVariants, rn as sliderIndicatorVariants, an as sliderThumbVariants, nn as sliderTrackVariants, en as sliderVariants, qi as spacing, et as switchThumbVariants, $e as switchVariants, vt as tabsListVariants, Ln as toast, U as toggleVariants, n as twJoin, r as twMerge, kn as useToastManager };
|