@coderabbitai/carrot-ui 0.1.20 → 0.1.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +21 -1
  2. package/dist/index.d.ts +495 -96
  3. package/dist/index.js +1910 -1301
  4. package/package.json +4 -1
  5. package/src/scales.css +99 -28
  6. package/src/styles.css +2 -0
  7. package/src/theme.css +64 -23
package/dist/index.js CHANGED
@@ -1,32 +1,158 @@
1
1
  import { clsx as e } from "clsx";
2
- import { twMerge as t } from "tailwind-merge";
3
- import { Button as n } from "@base-ui/react/button";
4
- import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
5
- import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
6
- import { Switch as h } from "@base-ui/react/switch";
7
- import { Checkbox as g } from "@base-ui/react/checkbox";
8
- import { ArrowRightStartOnRectangleIcon as _, CheckCircleIcon as v, CheckIcon as y, ChevronDownIcon as b, ChevronLeftIcon as x, ChevronRightIcon as S, ChevronUpDownIcon as C, ChevronUpIcon as w, ComputerDesktopIcon as T, ExclamationTriangleIcon as E, InformationCircleIcon as ee, MagnifyingGlassIcon as D, MinusIcon as O, MoonIcon as k, PlusCircleIcon as A, SunIcon as j, XCircleIcon as te, XMarkIcon as M } from "@heroicons/react/16/solid";
2
+ import { extendTailwindMerge as t } from "tailwind-merge";
3
+ import { ArrowLeftIcon as n, ArrowRightStartOnRectangleIcon as r, ArrowTopRightOnSquareIcon as i, CheckCircleIcon as a, CheckIcon as o, ChevronDownIcon as s, ChevronLeftIcon as c, ChevronRightIcon as l, ChevronUpDownIcon as u, ChevronUpIcon as d, ComputerDesktopIcon as f, ExclamationTriangleIcon as p, InformationCircleIcon as m, MagnifyingGlassIcon as h, MinusIcon as g, MoonIcon as _, PlusCircleIcon as v, SunIcon as y, XCircleIcon as b, XMarkIcon as x } from "@heroicons/react/16/solid";
4
+ import { createContext as S, forwardRef as C, useCallback as w, useContext as ee, useEffect as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
5
+ import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
9
6
  import { Combobox as N } from "@base-ui/react/combobox";
10
- import { Select as P } from "@base-ui/react/select";
11
- import { Separator as ne } from "@base-ui/react/separator";
12
- import { Field as F } from "@base-ui/react/field";
13
- import { Menu as I } from "@base-ui/react/menu";
14
- import { Dialog as L } from "@base-ui/react/dialog";
15
- import { flexRender as re, getCoreRowModel as ie, getFilteredRowModel as ae, getPaginationRowModel as oe, getSortedRowModel as se, useReactTable as ce } from "@tanstack/react-table";
16
- import { Popover as R } from "@base-ui/react/popover";
17
- import { Tooltip as z } from "@base-ui/react/tooltip";
18
- import { AlertDialog as B } from "@base-ui/react/alert-dialog";
19
- import { Accordion as V } from "@base-ui/react/accordion";
20
- import { Tabs as H } from "@base-ui/react/tabs";
7
+ import { Button as te } from "@base-ui/react/button";
8
+ import { Switch as ne } from "@base-ui/react/switch";
9
+ import { Checkbox as re } from "@base-ui/react/checkbox";
10
+ import { AnimatePresence as P, motion as F } from "motion/react";
11
+ import { Tooltip as I } from "@base-ui/react/tooltip";
12
+ import { Select as L } from "@base-ui/react/select";
13
+ import { Separator as ie } from "@base-ui/react/separator";
14
+ import { Field as R } from "@base-ui/react/field";
15
+ import { Menu as z } from "@base-ui/react/menu";
16
+ import { Dialog as B } from "@base-ui/react/dialog";
17
+ import { flexRender as ae, getCoreRowModel as oe, getFilteredRowModel as se, getPaginationRowModel as ce, getSortedRowModel as le, useReactTable as ue } from "@tanstack/react-table";
18
+ import { Popover as V } from "@base-ui/react/popover";
19
+ import { AlertDialog as H } from "@base-ui/react/alert-dialog";
20
+ import { Accordion as de } from "@base-ui/react/accordion";
21
+ import { Tabs as fe } from "@base-ui/react/tabs";
21
22
  import { Drawer as U } from "@base-ui/react/drawer";
22
23
  import { Command as W } from "cmdk";
24
+ import { Toggle as pe } from "@base-ui/react/toggle";
25
+ import { ToggleGroup as me } from "@base-ui/react/toggle-group";
26
+ import { RadioGroup as he } from "@base-ui/react/radio-group";
27
+ import { Radio as ge } from "@base-ui/react/radio";
23
28
  //#region src/lib/cn.ts
24
- function G(...n) {
25
- return t(e(n));
29
+ var _e = t({ extend: { classGroups: {
30
+ "font-size": [{ "text-cui": [
31
+ "sm",
32
+ "base",
33
+ "lg",
34
+ "xl"
35
+ ] }],
36
+ "text-color": [{ "text-cui": [
37
+ "primary",
38
+ "secondary",
39
+ "tertiary",
40
+ "inverse",
41
+ "accent",
42
+ "accent-on",
43
+ "danger",
44
+ "danger-on",
45
+ "warn",
46
+ "warn-on",
47
+ "success",
48
+ "success-on"
49
+ ] }]
50
+ } } });
51
+ function G(...t) {
52
+ return _e(e(t));
53
+ }
54
+ //#endregion
55
+ //#region src/components/hover/hover.tsx
56
+ var ve = S(null);
57
+ function ye(e) {
58
+ return {
59
+ left: e.offsetLeft,
60
+ top: e.offsetTop,
61
+ width: e.offsetWidth,
62
+ height: e.offsetHeight
63
+ };
64
+ }
65
+ function be({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
66
+ let i = O(/* @__PURE__ */ new Map()), [a, o] = k(null), s = O(null), [c, l] = k("idle"), u = w((e, t) => {
67
+ t ? i.current.set(e, t) : i.current.delete(e);
68
+ }, []), d = w((e) => {
69
+ let t = i.current.get(e);
70
+ if (!t) return;
71
+ let n = ye(t);
72
+ l((e) => e === "idle" ? "fade" : "slide"), o(n);
73
+ }, []), f = w(() => {
74
+ l("idle"), o(null);
75
+ }, []), p = w(() => {
76
+ l("idle"), o(null);
77
+ }, []), m = a !== null, h = a ?? s.current;
78
+ a && (s.current = a);
79
+ let g = D(() => ({
80
+ registerItem: u,
81
+ onItemHover: d,
82
+ dismissHover: p
83
+ }), [
84
+ u,
85
+ d,
86
+ p
87
+ ]);
88
+ return /* @__PURE__ */ j(ve.Provider, {
89
+ value: g,
90
+ children: /* @__PURE__ */ M("div", {
91
+ onPointerLeave: f,
92
+ className: G("group/h relative flex items-center", r),
93
+ children: [/* @__PURE__ */ j("div", {
94
+ "aria-hidden": !0,
95
+ className: G("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", c === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", m ? "scale-100 opacity-100" : "scale-95 opacity-0"),
96
+ style: h ? {
97
+ width: h.width,
98
+ height: h.height,
99
+ translate: `${h.left}px ${h.top}px`
100
+ } : void 0,
101
+ children: /* @__PURE__ */ j("div", { className: G("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
102
+ }), e]
103
+ })
104
+ });
105
+ }
106
+ function K({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: o = !0, instantHover: s = !1, disabled: c = !1, fullWidth: l = !1, className: u, ...d }) {
107
+ let f = ee(ve);
108
+ return f ? /* @__PURE__ */ j(xe, {
109
+ group: f,
110
+ active: t,
111
+ background: n,
112
+ backgroundClassName: r,
113
+ borderRadius: i,
114
+ interactive: o,
115
+ disabled: c,
116
+ fullWidth: l,
117
+ className: u,
118
+ ...d,
119
+ children: e
120
+ }) : /* @__PURE__ */ M("div", {
121
+ ...d,
122
+ className: G("group/h relative flex min-w-0 items-center text-cui-primary text-cui-base", l ? "w-full" : "w-fit", u),
123
+ children: [/* @__PURE__ */ j("div", { className: G("absolute", s ? "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none" : "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none", n, r, i, !c && "group-hover/h:inset-0 group-hover/h:opacity-100", o && !c && "group-active/h:inset-px", t ? "opacity-100 inset-0" : s ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !c && "group-has-focus-visible/h:inset-0 group-has-focus-visible/h:opacity-100 group-has-focus-visible/h:ring-cui-focus group-has-focus-visible/h:ring-2 group-has-focus-visible/h:ring-offset-2") }), /* @__PURE__ */ j("div", {
124
+ className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
125
+ children: e
126
+ })]
127
+ });
128
+ }
129
+ function xe({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: c, className: l, ...u }) {
130
+ let d = O(null), f = O(null);
131
+ f.current === null && (f.current = Math.random());
132
+ let p = f.current, m = O(t);
133
+ m.current = t, E(() => {
134
+ let e = m.current;
135
+ return e.registerItem(p, d.current), () => e.registerItem(p, null);
136
+ }, [p]);
137
+ let h = O(n);
138
+ return E(() => {
139
+ n && !h.current && t.dismissHover(), h.current = n;
140
+ }, [n, t]), /* @__PURE__ */ M("div", {
141
+ ...u,
142
+ ref: d,
143
+ onPointerEnter: (e) => {
144
+ u.onPointerEnter?.(e), !s && (n ? t.dismissHover() : t.onItemHover(p));
145
+ },
146
+ className: G("group/hi relative z-[1] flex items-center text-cui-primary text-cui-base", c ? "w-full" : "w-fit", l),
147
+ children: [/* @__PURE__ */ j("div", { className: G("absolute", r, i, a, "transition-[inset,opacity,scale] duration-150 ease-cui-out-expo", o && !s && "group-active/hi:inset-px", "motion-reduce:transition-none", n ? "inset-0 scale-100 opacity-100" : "inset-1 scale-95 opacity-0") }), /* @__PURE__ */ j("div", {
148
+ className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
149
+ children: e
150
+ })]
151
+ });
26
152
  }
27
153
  //#endregion
28
154
  //#region src/components/spinner/pixel-spinner.tsx
29
- var le = [
155
+ var Se = [
30
156
  0,
31
157
  1,
32
158
  2,
@@ -35,7 +161,7 @@ var le = [
35
161
  7,
36
162
  6,
37
163
  3
38
- ], ue = [
164
+ ], Ce = [
39
165
  0,
40
166
  1,
41
167
  2,
@@ -45,23 +171,23 @@ var le = [
45
171
  2,
46
172
  3,
47
173
  4
48
- ], de = {
174
+ ], we = {
49
175
  xs: 10,
50
176
  sm: 14,
51
177
  md: 20,
52
178
  lg: 32
53
- }, fe = !1;
54
- function pe() {
55
- if (fe || typeof document > "u") return;
179
+ }, Te = !1;
180
+ function Ee() {
181
+ if (Te || typeof document > "u") return;
56
182
  let e = document.createElement("style");
57
- e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n 0% { opacity: var(--hi); }\n 12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n 0% { opacity: var(--lo); }\n 12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n 0% { opacity: var(--hi); }\n 12.5% { opacity: 0.75; }\n 25% { opacity: var(--mid); }\n 37.5% { opacity: 0.25; }\n 50% { opacity: var(--lo); }\n 100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n 0%, 100% { opacity: var(--lo); }\n 40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n 0%, 100% { opacity: var(--lo); }\n 20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n 0%, 100% { opacity: var(--lo); }\n 50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e), fe = !0;
183
+ e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n 0% { opacity: var(--hi); }\n 12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n 0% { opacity: var(--lo); }\n 12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n 0% { opacity: var(--hi); }\n 12.5% { opacity: 0.75; }\n 25% { opacity: var(--mid); }\n 37.5% { opacity: 0.25; }\n 50% { opacity: var(--lo); }\n 100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n 0%, 100% { opacity: var(--lo); }\n 40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n 0%, 100% { opacity: var(--lo); }\n 20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n 0%, 100% { opacity: var(--lo); }\n 50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e), Te = !0;
58
184
  }
59
- function me(e, t, n) {
185
+ function De(e, t, n) {
60
186
  let r = `${n}s`;
61
187
  switch (e) {
62
- case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(le.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
63
- case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(le.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
64
- case "wave": return `pxs-wave ${r} ${(-((ue[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
188
+ case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(Se.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
189
+ case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(Se.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
190
+ case "wave": return `pxs-wave ${r} ${(-((Ce[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
65
191
  case "radiate": return `pxs-radiate ${r} ${(-((t === 4 ? 0 : [
66
192
  1,
67
193
  3,
@@ -76,17 +202,17 @@ function me(e, t, n) {
76
202
  ][t % 3]} ${r} ${(-(t * .17 % 1) * n).toFixed(3)}s ease-in-out infinite`;
77
203
  }
78
204
  }
79
- function he(e, t) {
205
+ function Oe(e, t) {
80
206
  return t === 4 ? +(e === "hole") : 0;
81
207
  }
82
- function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
83
- typeof document < "u" && pe();
84
- let a = typeof t == "number" ? t : de[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
208
+ function ke({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
209
+ typeof document < "u" && Ee();
210
+ let a = typeof t == "number" ? t : we[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
85
211
  row: Math.floor(t / 3),
86
212
  col: t % 3,
87
213
  cellIndex: t
88
214
  }));
89
- return /* @__PURE__ */ p("span", {
215
+ return /* @__PURE__ */ j("span", {
90
216
  "aria-label": "Loading",
91
217
  role: "status",
92
218
  className: G("inline-block text-current", i),
@@ -97,14 +223,14 @@ function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
97
223
  "--mid": "0.5",
98
224
  "--hi": "1"
99
225
  },
100
- children: /* @__PURE__ */ p("svg", {
226
+ children: /* @__PURE__ */ j("svg", {
101
227
  width: a,
102
228
  height: a,
103
229
  viewBox: `0 0 ${a} ${a}`,
104
230
  "aria-hidden": "true",
105
231
  children: c.map(({ row: t, col: n, cellIndex: i }) => {
106
- let a = me(e, i, r), c = he(e, i);
107
- return /* @__PURE__ */ p("rect", {
232
+ let a = De(e, i, r), c = Oe(e, i);
233
+ return /* @__PURE__ */ j("rect", {
108
234
  className: "pxs-cell",
109
235
  x: n * s,
110
236
  y: t * s,
@@ -122,24 +248,24 @@ function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
122
248
  }
123
249
  //#endregion
124
250
  //#region src/components/spinner/spinner.tsx
125
- var _e = {
251
+ var Ae = {
126
252
  sm: 10,
127
253
  md: 12
128
- }, ve = i(function({ label: e, showDots: t = !0, showSpinner: n = !0, size: r = "md", variant: i = "wave", className: a }, o) {
129
- let s = r === "sm" ? "text-xs" : "text-[13px]", c = _e[r];
130
- return /* @__PURE__ */ m("span", {
254
+ }, je = C(function({ label: e, showDots: t = !0, showSpinner: n = !0, size: r = "md", variant: i = "wave", className: a }, o) {
255
+ let s = r === "sm" ? "text-cui-sm" : "text-[13px]", c = Ae[r];
256
+ return /* @__PURE__ */ M("span", {
131
257
  ref: o,
132
258
  className: G("inline-flex items-center gap-1.5", a),
133
- children: [n && /* @__PURE__ */ p(ge, {
259
+ children: [n && /* @__PURE__ */ j(ke, {
134
260
  variant: i,
135
261
  size: c,
136
262
  duration: 1.2
137
- }), e && /* @__PURE__ */ m("span", {
263
+ }), e && /* @__PURE__ */ M("span", {
138
264
  className: G("text-current", s),
139
- children: [e, t && /* @__PURE__ */ p("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
265
+ children: [e, t && /* @__PURE__ */ j("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
140
266
  })]
141
267
  });
142
- }), ye = {
268
+ }), Me = {
143
269
  primary: {
144
270
  active: !0,
145
271
  bg: "bg-cui-inverse",
@@ -176,7 +302,7 @@ var _e = {
176
302
  bgClassName: "group-hover/btn:bg-cui-danger/30 group-active/btn:bg-cui-danger/50",
177
303
  text: "text-cui-danger"
178
304
  }
179
- }, be = {
305
+ }, Ne = {
180
306
  xs: {
181
307
  height: "h-6",
182
308
  padding: "px-1.5",
@@ -195,137 +321,319 @@ var _e = {
195
321
  textPadding: "px-1",
196
322
  icon: "w-8"
197
323
  }
198
- }, K = i(function({ variant: e = "outline", size: t = "md", iconLeft: r, iconRight: i, loading: a = !1, disabled: o, className: s, children: c, ...l }, u) {
199
- let d = ye[e], f = be[t], h = !c && !i ? G(f.height, f.icon) : G(f.height, f.padding, "w-fit");
200
- return /* @__PURE__ */ m(n, {
201
- ref: u,
202
- disabled: o,
203
- className: G("group/btn relative inline-flex min-w-fit cursor-default items-center justify-center", "rounded text-sm whitespace-pre select-none", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ", o && "pointer-events-none opacity-50", d.text, h, s),
204
- ...l,
324
+ }, q = C(function({ variant: e = "outline", size: t = "md", iconLeft: n, iconRight: r, loading: i = !1, disabled: a, className: o, children: s, ...c }, l) {
325
+ let u = Me[e], d = Ne[t], f = !s && !r ? G(d.height, d.icon) : G(d.height, d.padding, "w-fit");
326
+ return /* @__PURE__ */ M(te, {
327
+ ref: l,
328
+ disabled: a,
329
+ className: G("group/btn relative inline-flex min-w-fit cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ", a && "pointer-events-none opacity-50", u.text, f, o),
330
+ ...c,
205
331
  children: [
206
- /* @__PURE__ */ p("div", { className: G("absolute rounded-[inherit]", d.bg, d.bgClassName, d.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !o && [
332
+ /* @__PURE__ */ j("div", { className: G("absolute rounded-[inherit]", u.bg, u.bgClassName, u.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !a && [
207
333
  "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
208
334
  "group-hover/btn:inset-0 group-hover/btn:opacity-100",
209
335
  "group-active/btn:inset-px"
210
336
  ]) }),
211
- r && /* @__PURE__ */ p("span", {
212
- className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
213
- children: r
337
+ n && /* @__PURE__ */ j("span", {
338
+ className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
339
+ children: n
214
340
  }),
215
- c && /* @__PURE__ */ p("span", {
216
- className: G("relative z-[1] inline", f.textPadding, a && "opacity-0"),
217
- children: c
341
+ s && /* @__PURE__ */ j("span", {
342
+ className: G("relative z-[1] inline", d.textPadding, i && "opacity-0"),
343
+ children: s
218
344
  }),
219
- i && /* @__PURE__ */ p("span", {
220
- className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
221
- children: i
345
+ r && /* @__PURE__ */ j("span", {
346
+ className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
347
+ children: r
222
348
  }),
223
- a && /* @__PURE__ */ p("span", {
349
+ i && /* @__PURE__ */ j("span", {
224
350
  className: "absolute inset-0 z-[2] flex items-center justify-center",
225
- children: /* @__PURE__ */ p(ve, {
351
+ children: /* @__PURE__ */ j(je, {
226
352
  showDots: !1,
227
353
  size: "sm"
228
354
  })
229
355
  })
230
356
  ]
231
357
  });
232
- }), xe = r(null);
233
- function Se(e) {
234
- return {
235
- left: e.offsetLeft,
236
- top: e.offsetTop,
237
- width: e.offsetWidth,
238
- height: e.offsetHeight
239
- };
358
+ }), J = {
359
+ Panel: C(function({ minWidth: e, className: t, children: n, ...r }, i) {
360
+ return /* @__PURE__ */ j("div", {
361
+ ref: i,
362
+ className: G("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-lg shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
363
+ ...r,
364
+ children: n
365
+ });
366
+ }),
367
+ Item: C(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
368
+ return /* @__PURE__ */ M("div", {
369
+ ref: o,
370
+ className: G("group relative flex items-center gap-2 px-2 py-1.5 text-cui-base cursor-pointer rounded select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
371
+ ...a,
372
+ children: [
373
+ /* @__PURE__ */ j("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
374
+ e && /* @__PURE__ */ j("span", {
375
+ className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
376
+ children: e
377
+ }),
378
+ i,
379
+ t && /* @__PURE__ */ j("span", {
380
+ className: "text-cui-accent relative z-[1] ml-auto [&>svg]:size-4",
381
+ children: t
382
+ })
383
+ ]
384
+ });
385
+ }),
386
+ ItemIndicator: C(function({ className: e }, t) {
387
+ return /* @__PURE__ */ j("span", {
388
+ ref: t,
389
+ className: G("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
390
+ children: /* @__PURE__ */ j(o, {})
391
+ });
392
+ }),
393
+ List: C(function({ className: e, children: t, ...n }, r) {
394
+ return /* @__PURE__ */ j("div", {
395
+ ref: r,
396
+ className: G("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
397
+ ...n,
398
+ children: t
399
+ });
400
+ }),
401
+ Separator: C(function({ className: e, ...t }, n) {
402
+ return /* @__PURE__ */ j("div", {
403
+ ref: n,
404
+ className: G("my-1 border-t border-cui-neutral", e),
405
+ ...t
406
+ });
407
+ }),
408
+ GroupLabel: C(function({ className: e, children: t, ...n }, r) {
409
+ return /* @__PURE__ */ j("div", {
410
+ ref: r,
411
+ className: G("px-2 py-1.5 text-cui-sm font-medium text-cui-tertiary select-none", e),
412
+ ...n,
413
+ children: t
414
+ });
415
+ }),
416
+ Positioner: C(function({ className: e, children: t, ...n }, r) {
417
+ return /* @__PURE__ */ j("div", {
418
+ ref: r,
419
+ className: G("z-50 outline-none", e),
420
+ ...n,
421
+ children: t
422
+ });
423
+ }),
424
+ SearchInput: C(function({ className: e, children: t, ...n }, r) {
425
+ return /* @__PURE__ */ M("div", {
426
+ ref: r,
427
+ className: G("mb-0.5 flex items-center gap-2 rounded px-2 py-1.5", e),
428
+ ...n,
429
+ children: [/* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }), t]
430
+ });
431
+ }),
432
+ Empty: C(function({ className: e, children: t, ...n }, r) {
433
+ return /* @__PURE__ */ j("div", {
434
+ ref: r,
435
+ className: G("text-cui-secondary px-2 py-4 text-center text-cui-base empty:hidden", e),
436
+ ...n,
437
+ children: t
438
+ });
439
+ })
440
+ };
441
+ //#endregion
442
+ //#region src/components/combobox/combobox.tsx
443
+ function Pe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
444
+ let [o, s] = k("");
445
+ return /* @__PURE__ */ j(N.Root, {
446
+ value: e,
447
+ defaultValue: t,
448
+ onValueChange: n ? (e) => {
449
+ e != null && n(e);
450
+ } : void 0,
451
+ items: r,
452
+ inputValue: o,
453
+ onInputValueChange: s,
454
+ onOpenChange: (e) => {
455
+ e && s("");
456
+ },
457
+ autoHighlight: !0,
458
+ children: a ? /* @__PURE__ */ j("div", {
459
+ className: a,
460
+ children: i
461
+ }) : i
462
+ });
240
463
  }
241
- function Ce({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
242
- let i = u(/* @__PURE__ */ new Map()), [o, s] = d(null), c = u(null), [f, h] = d("idle"), g = a((e, t) => {
243
- t ? i.current.set(e, t) : i.current.delete(e);
244
- }, []), _ = a((e) => {
245
- let t = i.current.get(e);
246
- if (!t) return;
247
- let n = Se(t);
248
- h((e) => e === "idle" ? "fade" : "slide"), s(n);
249
- }, []), v = a(() => {
250
- h("idle"), s(null);
251
- }, []), y = a(() => {
252
- h("idle"), s(null);
253
- }, []), b = o !== null, x = o ?? c.current;
254
- o && (c.current = o);
255
- let S = l(() => ({
256
- registerItem: g,
257
- onItemHover: _,
258
- dismissHover: y
259
- }), [
260
- g,
261
- _,
262
- y
263
- ]);
264
- return /* @__PURE__ */ p(xe.Provider, {
265
- value: S,
266
- children: /* @__PURE__ */ m("div", {
267
- onPointerLeave: v,
268
- className: G("group/h relative flex items-center", r),
269
- children: [/* @__PURE__ */ p("div", {
270
- "aria-hidden": !0,
271
- className: G("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", f === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", b ? "scale-100 opacity-100" : "scale-95 opacity-0"),
272
- style: x ? {
273
- width: x.width,
274
- height: x.height,
275
- translate: `${x.left}px ${x.top}px`
276
- } : void 0,
277
- children: /* @__PURE__ */ p("div", { className: G("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
278
- }), e]
464
+ var Fe = C(function({ children: e, className: t }, n) {
465
+ return /* @__PURE__ */ j(N.Trigger, {
466
+ ref: n,
467
+ className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
468
+ children: e
469
+ });
470
+ }), Ie = C(function({ placeholder: e, size: t, className: n }, r) {
471
+ return /* @__PURE__ */ j(N.Trigger, {
472
+ ref: r,
473
+ render: /* @__PURE__ */ j(q, {
474
+ variant: "outline",
475
+ size: t,
476
+ iconRight: /* @__PURE__ */ j(u, {}),
477
+ className: n,
478
+ children: /* @__PURE__ */ j(N.Value, { placeholder: e })
279
479
  })
280
480
  });
481
+ });
482
+ function Le({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
483
+ let o = i ?? ((e) => /* @__PURE__ */ j(Re, {
484
+ value: e.value,
485
+ icon: e.icon,
486
+ children: e.label
487
+ }, e.value));
488
+ return /* @__PURE__ */ j(N.Portal, { children: /* @__PURE__ */ j(N.Positioner, {
489
+ align: e,
490
+ sideOffset: 4,
491
+ render: /* @__PURE__ */ j(J.Positioner, {}),
492
+ children: /* @__PURE__ */ M(N.Popup, {
493
+ render: /* @__PURE__ */ j(J.Panel, {
494
+ minWidth: r,
495
+ className: a
496
+ }),
497
+ children: [
498
+ /* @__PURE__ */ j(J.SearchInput, { children: /* @__PURE__ */ j(N.Input, {
499
+ placeholder: t,
500
+ className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
501
+ }) }),
502
+ /* @__PURE__ */ j(N.Empty, {
503
+ render: /* @__PURE__ */ j(J.Empty, {}),
504
+ children: n
505
+ }),
506
+ /* @__PURE__ */ j(N.List, {
507
+ render: /* @__PURE__ */ j(J.List, {}),
508
+ children: o
509
+ })
510
+ ]
511
+ })
512
+ }) });
281
513
  }
282
- function q({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: s = !0, instantHover: c = !1, disabled: l = !1, fullWidth: u = !1, className: d }) {
283
- let f = o(xe);
284
- return f ? /* @__PURE__ */ p(we, {
285
- group: f,
286
- active: t,
287
- background: n,
288
- backgroundClassName: r,
289
- borderRadius: i,
290
- interactive: s,
291
- disabled: l,
292
- fullWidth: u,
293
- className: d,
294
- children: e
295
- }) : /* @__PURE__ */ m("div", {
296
- className: G("group/h relative flex items-center text-cui-primary text-sm", u ? "w-full" : "w-fit", d),
297
- children: [/* @__PURE__ */ p("div", { className: G("absolute", c ? "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none" : "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none", n, r, i, !l && "group-hover/h:inset-0 group-hover/h:opacity-100", s && !l && "group-active/h:inset-px", t ? "opacity-100 inset-0" : c ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !l && "group-has-focus-visible/h:inset-0 group-has-focus-visible/h:opacity-100 group-has-focus-visible/h:ring-cui-focus group-has-focus-visible/h:ring-2 group-has-focus-visible/h:ring-offset-2") }), /* @__PURE__ */ p("div", {
298
- className: "relative z-[2] flex w-full items-center gap-2",
299
- children: e
300
- })]
514
+ var Re = C(function({ value: e, icon: t, children: n, className: r }, i) {
515
+ return /* @__PURE__ */ M(N.Item, {
516
+ ref: i,
517
+ value: e,
518
+ render: /* @__PURE__ */ j(J.Item, {
519
+ icon: t,
520
+ className: r
521
+ }),
522
+ children: [/* @__PURE__ */ j("span", {
523
+ className: "relative z-[1] flex-1",
524
+ children: n
525
+ }), /* @__PURE__ */ j(N.ItemIndicator, { render: /* @__PURE__ */ j(J.ItemIndicator, {}) })]
526
+ });
527
+ }), ze = C(function({ className: e, children: t }, n) {
528
+ return /* @__PURE__ */ j(N.Group, {
529
+ ref: n,
530
+ className: G("flex flex-col", e),
531
+ children: t
532
+ });
533
+ }), Be = C(function({ className: e, children: t }, n) {
534
+ return /* @__PURE__ */ j(N.GroupLabel, {
535
+ ref: n,
536
+ render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
537
+ children: t
538
+ });
539
+ }), Ve = C(function({ className: e }, t) {
540
+ return /* @__PURE__ */ j(N.Separator, {
541
+ ref: t,
542
+ render: /* @__PURE__ */ j(J.Separator, { className: e })
543
+ });
544
+ });
545
+ //#endregion
546
+ //#region src/components/breadcrumb/breadcrumb.tsx
547
+ function He({ to: e, href: t, className: n, children: r }) {
548
+ return /* @__PURE__ */ j("a", {
549
+ href: e ?? t,
550
+ className: n,
551
+ children: r
301
552
  });
302
553
  }
303
- function we({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: l, className: d }) {
304
- let f = u(null), h = u(null);
305
- h.current === null && (h.current = Math.random());
306
- let g = h.current, _ = u(t);
307
- _.current = t, c(() => {
308
- let e = _.current;
309
- return e.registerItem(g, f.current), () => e.registerItem(g, null);
310
- }, [g]);
311
- let v = u(n);
312
- return c(() => {
313
- n && !v.current && t.dismissHover(), v.current = n;
314
- }, [n, t]), /* @__PURE__ */ m("div", {
315
- ref: f,
316
- onPointerEnter: () => {
317
- s || (n ? t.dismissHover() : t.onItemHover(g));
318
- },
319
- className: G("group/hi relative z-[1] flex items-center text-cui-primary text-sm", l ? "w-full" : "w-fit", d),
320
- children: [/* @__PURE__ */ p("div", { className: G("absolute", r, i, a, "transition-[inset,opacity,scale] duration-150 ease-cui-out-expo", o && !s && "group-active/hi:inset-px", "motion-reduce:transition-none", n ? "inset-0 scale-100 opacity-100" : "inset-1 scale-95 opacity-0") }), /* @__PURE__ */ p("div", {
321
- className: "relative z-[2] flex w-full items-center gap-2",
322
- children: e
323
- })]
554
+ function Ue() {
555
+ return /* @__PURE__ */ j("div", {
556
+ className: "flex w-4 shrink-0 items-center justify-center self-stretch",
557
+ children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
558
+ });
559
+ }
560
+ function We({ item: e, asLink: t, LinkEl: n }) {
561
+ let r = G("flex items-center gap-2 h-8 px-2 text-cui-base font-medium text-cui-primary select-none", t && "outline-none rounded focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2"), i = /* @__PURE__ */ M(A, { children: [e.icon && /* @__PURE__ */ j("span", {
562
+ className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
563
+ children: e.icon
564
+ }), /* @__PURE__ */ j("span", { children: e.label })] });
565
+ return t && e.href ? /* @__PURE__ */ j(n, {
566
+ to: e.href,
567
+ href: e.href,
568
+ className: r,
569
+ children: i
570
+ }) : /* @__PURE__ */ j("span", {
571
+ className: r,
572
+ children: i
573
+ });
574
+ }
575
+ function Ge() {
576
+ return /* @__PURE__ */ j(Fe, {
577
+ className: "rounded-sm",
578
+ children: /* @__PURE__ */ j(K, {
579
+ background: "bg-cui-subtle",
580
+ interactive: !0,
581
+ children: /* @__PURE__ */ j("span", {
582
+ className: "flex h-8 items-center justify-center px-0.5 select-none",
583
+ children: /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-4" })
584
+ })
585
+ })
586
+ });
587
+ }
588
+ function Ke({ item: e, LinkEl: t }) {
589
+ return e.selector && e.options ? /* @__PURE__ */ M(Pe, {
590
+ value: e.value,
591
+ onValueChange: e.onSelect,
592
+ items: e.options,
593
+ children: [/* @__PURE__ */ M("span", {
594
+ className: "flex items-center",
595
+ children: [/* @__PURE__ */ j(K, {
596
+ background: "bg-cui-subtle",
597
+ interactive: !0,
598
+ children: /* @__PURE__ */ j(We, {
599
+ item: e,
600
+ asLink: !!e.href,
601
+ LinkEl: t
602
+ })
603
+ }), /* @__PURE__ */ j(Ge, {})]
604
+ }), /* @__PURE__ */ j(Le, { searchPlaceholder: "Search..." })]
605
+ }) : e.href ? /* @__PURE__ */ j(K, {
606
+ background: "bg-cui-subtle",
607
+ interactive: !0,
608
+ children: /* @__PURE__ */ j(We, {
609
+ item: e,
610
+ asLink: !0,
611
+ LinkEl: t
612
+ })
613
+ }) : /* @__PURE__ */ j(K, {
614
+ background: "bg-cui-subtle",
615
+ interactive: !0,
616
+ children: /* @__PURE__ */ j(We, {
617
+ item: e,
618
+ LinkEl: t
619
+ })
620
+ });
621
+ }
622
+ function qe({ items: e, linkComponent: t = He, className: n }) {
623
+ return /* @__PURE__ */ j("nav", {
624
+ className: G("flex items-center", n),
625
+ children: e.map((e, n) => /* @__PURE__ */ M("span", {
626
+ className: "flex items-center",
627
+ children: [n > 0 && /* @__PURE__ */ j(Ue, {}), /* @__PURE__ */ j(Ke, {
628
+ item: e,
629
+ LinkEl: t
630
+ })]
631
+ }, e.label))
324
632
  });
325
633
  }
326
634
  //#endregion
327
635
  //#region src/components/toggle/toggle.tsx
328
- var Te = {
636
+ var Je = {
329
637
  sm: {
330
638
  track: "w-9 h-5",
331
639
  thumb: "h-4 w-4 group-active/toggle:w-5"
@@ -334,105 +642,108 @@ var Te = {
334
642
  track: "w-11 h-6",
335
643
  thumb: "h-5 w-5 group-active/toggle:w-6"
336
644
  }
337
- }, Ee = i(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a }, o) {
338
- let s = Te[i];
339
- return /* @__PURE__ */ p(h.Root, {
340
- ref: o,
645
+ }, Ye = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a, ...o }, s) {
646
+ let c = Je[i];
647
+ return /* @__PURE__ */ j(ne.Root, {
648
+ ref: s,
341
649
  checked: e,
342
650
  defaultChecked: t,
343
- onCheckedChange: n ? (e) => n(e) : void 0,
651
+ onCheckedChange: n,
344
652
  disabled: r,
345
- className: G("group/toggle relative inline-flex shrink-0 cursor-pointer items-center rounded-full", "bg-cui-subtle data-[checked]:bg-cui-accent", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "transition-colors duration-150 ease-cui-out-expo", r && "opacity-50 pointer-events-none", s.track, a),
346
- children: /* @__PURE__ */ p(h.Thumb, { className: G("block rounded-full bg-cui-accent-on shadow-sm", "translate-x-0.5 transition-all duration-150 ease-cui-out-expo", i === "sm" && "data-[checked]:translate-x-[18px] data-[checked]:group-active/toggle:translate-x-[14px]", i === "md" && "data-[checked]:translate-x-[22px] data-[checked]:group-active/toggle:translate-x-[18px]", s.thumb) })
653
+ className: G("group/toggle relative inline-flex shrink-0 cursor-pointer items-center rounded-full", "bg-cui-subtle data-[checked]:bg-cui-accent", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-cui-out-expo", r && "opacity-50 pointer-events-none", c.track, a),
654
+ ...o,
655
+ children: /* @__PURE__ */ j(ne.Thumb, { className: G("block rounded-full bg-cui-accent-on shadow-sm", "translate-x-0.5 transition-all duration-150 ease-cui-out-expo", i === "sm" && "data-[checked]:translate-x-[18px] data-[checked]:group-active/toggle:translate-x-[14px]", i === "md" && "data-[checked]:translate-x-[22px] data-[checked]:group-active/toggle:translate-x-[18px]", c.thumb) })
347
656
  });
348
- }), De = {
657
+ }), Xe = {
349
658
  sm: {
350
659
  root: "size-4 rounded-[4px]",
351
660
  icon: "size-3",
352
- label: "text-xs"
661
+ label: "text-cui-sm"
353
662
  },
354
663
  md: {
355
664
  root: "size-[18px] rounded-[5px]",
356
665
  icon: "size-3.5",
357
- label: "text-sm"
666
+ label: "text-cui-base"
358
667
  }
359
- };
360
- function Oe({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: o = "md", label: s, name: c, className: l }) {
361
- let u = De[o], d = /* @__PURE__ */ p(g.Root, {
668
+ }, Ze = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: s = "md", label: c, name: l, className: u, ...d }, f) {
669
+ let p = Xe[s], m = /* @__PURE__ */ j(re.Root, {
670
+ ref: f,
362
671
  checked: e,
363
672
  defaultChecked: t,
364
- onCheckedChange: n ? (e) => n(e) : void 0,
673
+ onCheckedChange: n,
365
674
  indeterminate: r,
366
675
  disabled: i,
367
676
  required: a,
368
- name: c,
369
- className: G("group/checkbox relative inline-flex shrink-0 items-center justify-center", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", i ? "pointer-events-none cursor-not-allowed border border-cui-neutral bg-cui-subtle" : "cursor-pointer border border-cui-neutral bg-cui-base-2 data-[checked]:border-cui-accent data-[checked]:bg-cui-accent data-[indeterminate]:border-cui-neutral-strong data-[indeterminate]:bg-cui-subtle", u.root, !s && l),
370
- children: /* @__PURE__ */ p(g.Indicator, {
677
+ name: l,
678
+ className: G("group/checkbox relative inline-flex shrink-0 items-center justify-center", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", i ? "pointer-events-none cursor-not-allowed border border-cui-neutral bg-cui-subtle" : "cursor-pointer border border-cui-neutral bg-cui-base-2 data-[checked]:border-cui-accent data-[checked]:bg-cui-accent data-[indeterminate]:border-cui-neutral-strong data-[indeterminate]:bg-cui-subtle", p.root, !c && u),
679
+ ...d,
680
+ children: /* @__PURE__ */ j(re.Indicator, {
371
681
  keepMounted: !0,
372
682
  className: G("flex items-center justify-center", i ? "text-cui-tertiary" : "data-[checked]:text-cui-accent-on data-[indeterminate]:text-cui-secondary", "scale-100 opacity-100", "data-[unchecked]:scale-50 data-[unchecked]:opacity-0", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-300 ease-cui-out-expo", "motion-reduce:transition-none"),
373
- children: p(r ? O : y, { className: u.icon })
683
+ children: j(r ? g : o, { className: p.icon })
374
684
  })
375
685
  });
376
- return s ? /* @__PURE__ */ m("label", {
377
- className: G("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", l),
378
- children: [d, /* @__PURE__ */ p("span", {
379
- className: G(u.label, i ? "text-cui-tertiary" : "text-cui-primary"),
380
- children: s
686
+ return c ? /* @__PURE__ */ M("label", {
687
+ className: G("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", u),
688
+ children: [m, /* @__PURE__ */ j("span", {
689
+ className: G(p.label, i ? "text-cui-tertiary" : "text-cui-primary"),
690
+ children: c
381
691
  })]
382
- }) : d;
383
- }
384
- //#endregion
385
- //#region src/components/card/card.tsx
386
- var ke = {
692
+ }) : m;
693
+ }), Qe = {
387
694
  default: "bg-cui-base-1 rounded-lg shadow-xs ring-1 ring-cui-neutral",
388
695
  nested: "bg-cui-base-2 rounded-sm shadow-sm ring-1 ring-cui-neutral"
389
- }, Ae = i(function({ className: e, children: t }, n) {
390
- return /* @__PURE__ */ p("div", {
696
+ }, $e = C(function({ className: e, children: t }, n) {
697
+ return /* @__PURE__ */ j("div", {
391
698
  ref: n,
392
699
  className: G("flex flex-col gap-1 p-1", e),
393
700
  children: t
394
701
  });
395
- }), je = i(function({ className: e, children: t }, n) {
396
- return /* @__PURE__ */ p("div", {
702
+ }), et = C(function({ className: e, children: t }, n) {
703
+ return /* @__PURE__ */ j("div", {
397
704
  ref: n,
398
705
  className: G("px-4 py-3", e),
399
706
  children: t
400
707
  });
401
- }), Me = i(function({ className: e, children: t }, n) {
402
- return /* @__PURE__ */ p("div", {
708
+ }), tt = C(function({ className: e, children: t }, n) {
709
+ return /* @__PURE__ */ j("div", {
403
710
  ref: n,
404
711
  className: G("p-4", e),
405
712
  children: t
406
713
  });
407
- }), Ne = i(function({ className: e, children: t }, n) {
408
- return /* @__PURE__ */ p("div", {
714
+ }), nt = C(function({ className: e, children: t }, n) {
715
+ return /* @__PURE__ */ j("div", {
409
716
  ref: n,
410
717
  className: G("border-b border-cui-neutral last:border-b-0 p-4", e),
411
718
  children: t
412
719
  });
413
- }), J = i(function({ variant: e = "default", className: t, children: n }, r) {
414
- return /* @__PURE__ */ p("div", {
720
+ }), Y = C(function({ variant: e = "default", className: t, children: n }, r) {
721
+ return /* @__PURE__ */ j("div", {
415
722
  ref: r,
416
- className: G(ke[e], t),
723
+ className: G(Qe[e], t),
417
724
  children: n
418
725
  });
419
726
  });
420
- J.Content = Ae, J.Header = je, J.Body = Me, J.Section = Ne;
727
+ Y.Content = $e, Y.Header = et, Y.Body = tt, Y.Section = nt;
421
728
  //#endregion
422
729
  //#region src/components/nav-link/nav-link.tsx
423
- function Pe({ className: e, children: t }) {
424
- return /* @__PURE__ */ p(Ce, {
730
+ var rt = {
731
+ sm: "h-7 px-1.5",
732
+ md: "h-8 px-1.5"
733
+ };
734
+ function it({ className: e, children: t }) {
735
+ return /* @__PURE__ */ j(be, {
425
736
  background: "bg-cui-subtle",
426
737
  className: G("gap-1 p-2 flex-nowrap", e),
427
738
  children: t
428
739
  });
429
740
  }
430
- function Fe({ active: e = !1, icon: t, href: n, onClick: r, className: i, children: a }) {
431
- return /* @__PURE__ */ p(q, {
741
+ function at({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", className: a, children: o }) {
742
+ return /* @__PURE__ */ j(K, {
432
743
  active: e,
433
744
  background: "bg-cui-subtle",
434
- className: i,
435
- children: /* @__PURE__ */ m(n ? "a" : "button", {
745
+ className: a,
746
+ children: /* @__PURE__ */ M(n ? "a" : "button", {
436
747
  ...n ? {
437
748
  href: n,
438
749
  onClick: r
@@ -440,21 +751,21 @@ function Fe({ active: e = !1, icon: t, href: n, onClick: r, className: i, childr
440
751
  type: "button",
441
752
  onClick: r
442
753
  },
443
- className: G("flex items-center h-8 px-1.5 text-sm font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", e ? "text-cui-primary" : "text-cui-secondary"),
444
- children: [t && /* @__PURE__ */ p("span", {
754
+ className: G("flex items-center text-cui-base font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", rt[i], e ? "text-cui-primary" : "text-cui-secondary"),
755
+ children: [t && /* @__PURE__ */ j("span", {
445
756
  className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
446
757
  children: t
447
- }), /* @__PURE__ */ p("span", {
758
+ }), /* @__PURE__ */ j("span", {
448
759
  className: "px-1",
449
- children: a
760
+ children: o
450
761
  })]
451
762
  })
452
763
  });
453
764
  }
454
765
  //#endregion
455
766
  //#region src/components/logo/logo.tsx
456
- var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
457
- return e === "circle" ? /* @__PURE__ */ m("svg", {
767
+ var ot = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
768
+ return e === "circle" ? /* @__PURE__ */ M("svg", {
458
769
  ref: r,
459
770
  width: t,
460
771
  height: t,
@@ -463,14 +774,14 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
463
774
  xmlns: "http://www.w3.org/2000/svg",
464
775
  className: G("shrink-0", n),
465
776
  "aria-label": "CodeRabbit",
466
- children: [/* @__PURE__ */ p("path", {
777
+ children: [/* @__PURE__ */ j("path", {
467
778
  d: "M600.867 1200C932.238 1200 1200.87 931.37 1200.87 600C1200.87 268.629 932.238 -0.000488281 600.867 -0.000488281C269.496 -0.000488281 0.867188 268.629 0.867188 600C0.867188 931.37 269.496 1200 600.867 1200Z",
468
779
  fill: "currentColor"
469
- }), /* @__PURE__ */ p("path", {
780
+ }), /* @__PURE__ */ j("path", {
470
781
  d: "M1008.3 500.615C1008.3 500.615 924.706 393.751 819.62 387.639C751.807 383.636 735.379 392.696 732.434 399.444C728.226 364.456 698.322 202.361 491.729 168.008C518.102 357.589 627.02 308.191 691.161 438.86C691.161 438.86 582.921 291.734 404.969 345.903C404.969 345.903 469.83 482.07 661.676 509.891C661.676 509.891 677.05 562.586 681.684 571.862C681.684 571.862 386.224 417.779 296.512 713.505C229.747 698.382 207.352 770.859 284.09 820.369C284.09 820.369 297.147 768.519 328.943 753.131C328.943 753.131 260.711 829.226 340.946 920.36H628.925C635.883 908.834 666.68 848.19 590.514 802.285C644.278 801.516 688.042 902.932 735.128 921.058H803.61C805.927 915.428 810.771 898.567 799.395 883.395C781.857 863.278 743.46 866.002 743.802 828.8C757.062 655.746 1016.55 708.888 1008.3 500.615Z",
471
782
  fill: "var(--background-color-cui-base-1)"
472
783
  })]
473
- }) : /* @__PURE__ */ p("svg", {
784
+ }) : /* @__PURE__ */ j("svg", {
474
785
  ref: r,
475
786
  width: t,
476
787
  height: t,
@@ -479,180 +790,12 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
479
790
  xmlns: "http://www.w3.org/2000/svg",
480
791
  className: G("shrink-0", n),
481
792
  "aria-label": "CodeRabbit",
482
- children: /* @__PURE__ */ p("path", {
793
+ children: /* @__PURE__ */ j("path", {
483
794
  d: "M17.9955 7.95021C17.9955 7.95021 16.0484 5.39587 13.6007 5.24977C12.0212 5.15411 11.6385 5.37067 11.5699 5.53194C11.4719 4.69563 10.7754 0.821109 5.96335 0C6.57764 4.53152 9.1146 3.35077 10.6086 6.47412C10.6086 6.47412 8.08743 2.9574 3.94251 4.25219C3.94251 4.25219 5.45327 7.50694 9.92182 8.17196C9.92182 8.17196 10.2799 9.43152 10.3879 9.65324C10.3879 9.65324 3.50589 5.97023 1.41629 13.0389C-0.138828 12.6774 -0.660461 14.4098 1.12695 15.5933C1.12695 15.5933 1.43108 14.3539 2.17168 13.9861C2.17168 13.9861 0.582397 15.805 2.45126 17.9833H9.15897C9.32104 17.7078 10.0384 16.2583 8.26429 15.161C9.51658 15.1426 10.5359 17.5667 11.6327 18H13.2278C13.2818 17.8654 13.3946 17.4624 13.1296 17.0998C12.7211 16.6189 11.8268 16.684 11.8347 15.7948C12.1436 11.6583 18.1877 12.9285 17.9955 7.95021Z",
484
795
  fill: "currentColor"
485
796
  })
486
797
  });
487
- }), Y = {
488
- Panel: i(function({ minWidth: e, className: t, children: n, ...r }, i) {
489
- return /* @__PURE__ */ p("div", {
490
- ref: i,
491
- className: G("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
492
- ...r,
493
- children: n
494
- });
495
- }),
496
- Item: i(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
497
- return /* @__PURE__ */ m("div", {
498
- ref: o,
499
- className: G("group relative flex items-center gap-2 px-2 py-1.5 text-sm cursor-pointer rounded-sm select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
500
- ...a,
501
- children: [
502
- /* @__PURE__ */ p("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
503
- e && /* @__PURE__ */ p("span", {
504
- className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
505
- children: e
506
- }),
507
- i,
508
- t && /* @__PURE__ */ p("span", {
509
- className: "text-cui-accent relative z-[1] ml-auto [&>svg]:size-4",
510
- children: t
511
- })
512
- ]
513
- });
514
- }),
515
- ItemIndicator: i(function({ className: e }, t) {
516
- return /* @__PURE__ */ p("span", {
517
- ref: t,
518
- className: G("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
519
- children: /* @__PURE__ */ p(y, {})
520
- });
521
- }),
522
- List: i(function({ className: e, children: t, ...n }, r) {
523
- return /* @__PURE__ */ p("div", {
524
- ref: r,
525
- className: G("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
526
- ...n,
527
- children: t
528
- });
529
- }),
530
- Separator: i(function({ className: e, ...t }, n) {
531
- return /* @__PURE__ */ p("div", {
532
- ref: n,
533
- className: G("my-1 border-t border-cui-neutral", e),
534
- ...t
535
- });
536
- }),
537
- GroupLabel: i(function({ className: e, children: t, ...n }, r) {
538
- return /* @__PURE__ */ p("div", {
539
- ref: r,
540
- className: G("px-2 py-1.5 text-xs font-medium text-cui-tertiary select-none", e),
541
- ...n,
542
- children: t
543
- });
544
- }),
545
- Positioner: i(function({ className: e, children: t, ...n }, r) {
546
- return /* @__PURE__ */ p("div", {
547
- ref: r,
548
- className: G("z-50 outline-none", e),
549
- ...n,
550
- children: t
551
- });
552
- }),
553
- SearchInput: i(function({ className: e, children: t, ...n }, r) {
554
- return /* @__PURE__ */ m("div", {
555
- ref: r,
556
- className: G("bg-cui-subtle border-cui-neutral mb-0.5 flex items-center gap-2 rounded-sm border px-2 py-1.5", e),
557
- ...n,
558
- children: [/* @__PURE__ */ p(D, { className: "text-cui-tertiary size-4 shrink-0" }), t]
559
- });
560
- }),
561
- Empty: i(function({ className: e, children: t, ...n }, r) {
562
- return /* @__PURE__ */ p("div", {
563
- ref: r,
564
- className: G("text-cui-secondary px-2 py-4 text-center text-sm empty:hidden", e),
565
- ...n,
566
- children: t
567
- });
568
- })
569
- };
570
- //#endregion
571
- //#region src/components/combobox/combobox.tsx
572
- function Le({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
573
- let [o, s] = d("");
574
- return /* @__PURE__ */ p(N.Root, {
575
- value: e,
576
- defaultValue: t,
577
- onValueChange: n ? (e) => {
578
- e != null && n(e);
579
- } : void 0,
580
- items: r,
581
- inputValue: o,
582
- onInputValueChange: s,
583
- onOpenChange: (e) => {
584
- e && s("");
585
- },
586
- autoHighlight: !0,
587
- children: a ? /* @__PURE__ */ p("div", {
588
- className: a,
589
- children: i
590
- }) : i
591
- });
592
- }
593
- var Re = i(function({ children: e, className: t }, n) {
594
- return /* @__PURE__ */ p(N.Trigger, {
595
- ref: n,
596
- className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
597
- children: e
598
- });
599
- }), ze = i(function({ placeholder: e, className: t }, n) {
600
- return /* @__PURE__ */ p(N.Trigger, {
601
- ref: n,
602
- render: /* @__PURE__ */ p(K, {
603
- variant: "outline",
604
- iconRight: /* @__PURE__ */ p(C, {}),
605
- className: t,
606
- children: /* @__PURE__ */ p(N.Value, { placeholder: e })
607
- })
608
- });
609
- });
610
- function Be({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
611
- let o = i ?? ((e) => /* @__PURE__ */ p(Ve, {
612
- value: e.value,
613
- icon: e.icon,
614
- children: e.label
615
- }, e.value));
616
- return /* @__PURE__ */ p(N.Portal, { children: /* @__PURE__ */ p(N.Positioner, {
617
- align: e,
618
- sideOffset: 4,
619
- render: /* @__PURE__ */ p(Y.Positioner, {}),
620
- children: /* @__PURE__ */ m(N.Popup, {
621
- render: /* @__PURE__ */ p(Y.Panel, {
622
- minWidth: r,
623
- className: a
624
- }),
625
- children: [
626
- /* @__PURE__ */ p(Y.SearchInput, { children: /* @__PURE__ */ p(N.Input, {
627
- placeholder: t,
628
- className: "text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent text-sm outline-none"
629
- }) }),
630
- /* @__PURE__ */ p(N.Empty, {
631
- render: /* @__PURE__ */ p(Y.Empty, {}),
632
- children: n
633
- }),
634
- /* @__PURE__ */ p(N.List, {
635
- render: /* @__PURE__ */ p(Y.List, {}),
636
- children: o
637
- })
638
- ]
639
- })
640
- }) });
641
- }
642
- var Ve = i(function({ value: e, icon: t, children: n, className: r }, i) {
643
- return /* @__PURE__ */ m(N.Item, {
644
- ref: i,
645
- value: e,
646
- render: /* @__PURE__ */ p(Y.Item, {
647
- icon: t,
648
- className: r
649
- }),
650
- children: [/* @__PURE__ */ p("span", {
651
- className: "relative z-[1] flex-1",
652
- children: n
653
- }), /* @__PURE__ */ p(N.ItemIndicator, { render: /* @__PURE__ */ p(Y.ItemIndicator, {}) })]
654
- });
655
- }), He = {
798
+ }), st = {
656
799
  xs: {
657
800
  outer: "size-5",
658
801
  text: "text-[8px]",
@@ -665,27 +808,27 @@ var Ve = i(function({ value: e, icon: t, children: n, className: r }, i) {
665
808
  },
666
809
  md: {
667
810
  outer: "size-8",
668
- text: "text-xs",
811
+ text: "text-cui-sm",
669
812
  px: 32
670
813
  },
671
814
  lg: {
672
815
  outer: "size-10",
673
- text: "text-sm",
816
+ text: "text-cui-base",
674
817
  px: 40
675
818
  },
676
819
  xl: {
677
820
  outer: "size-16",
678
- text: "text-lg",
821
+ text: "text-cui-lg",
679
822
  px: 64
680
823
  }
681
- }, Ue = {
824
+ }, ct = {
682
825
  circle: "rounded-full",
683
826
  square: "rounded-md"
684
- }, We = {
827
+ }, lt = {
685
828
  neutral: "bg-cui-subtle text-cui-primary",
686
829
  accent: "bg-cui-accent text-cui-accent-on",
687
830
  danger: "bg-cui-danger text-cui-danger-on",
688
- warning: "bg-cui-warn text-cui-warn-on",
831
+ warn: "bg-cui-warn text-cui-warn-on",
689
832
  success: "bg-cui-success text-cui-success-on"
690
833
  };
691
834
  function X(e, t = 0) {
@@ -696,7 +839,7 @@ function X(e, t = 0) {
696
839
  }
697
840
  return n = Math.imul(n ^ n >>> 16, 2246822507), n ^= Math.imul(r ^ r >>> 13, 3266489909), r = Math.imul(r ^ r >>> 16, 2246822507), r ^= Math.imul(n ^ n >>> 13, 3266489909), 4294967296 * (2097151 & r) + (n >>> 0);
698
841
  }
699
- function Ge(e) {
842
+ function ut(e) {
700
843
  return [
701
844
  X(e, 0),
702
845
  X(e, 1),
@@ -704,7 +847,7 @@ function Ge(e) {
704
847
  X(e, 3)
705
848
  ];
706
849
  }
707
- function Ke(e, t, n, r) {
850
+ function dt(e, t, n, r) {
708
851
  let i = e.filter(Boolean).length, a = Math.ceil(t * n);
709
852
  if (i >= a) return;
710
853
  let o = a - i, s = 0;
@@ -713,8 +856,8 @@ function Ke(e, t, n, r) {
713
856
  e[i] || (e[i] = !0, o--), s++;
714
857
  }
715
858
  }
716
- function qe(e, t) {
717
- let n = Ge(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
859
+ function ft(e, t) {
860
+ let n = ut(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
718
861
  switch (t) {
719
862
  case "grid": {
720
863
  let e = [];
@@ -722,7 +865,7 @@ function qe(e, t) {
722
865
  let n = o(Math.floor(t / 26));
723
866
  e.push((n >> t % 26 & 1) == 1);
724
867
  }
725
- return Ke(e, 25, .3, a), {
868
+ return dt(e, 25, .3, a), {
726
869
  cols: 5,
727
870
  rows: 5,
728
871
  cells: e
@@ -841,52 +984,53 @@ function qe(e, t) {
841
984
  }
842
985
  }
843
986
  }
844
- function Je(e) {
987
+ function pt(e) {
845
988
  return X(e, 42) % 360;
846
989
  }
847
- function Ye(e) {
990
+ function mt(e) {
848
991
  return {
849
992
  "--ga-pixel": `light-dark(oklch(0.55 0.15 ${e}), oklch(0.7 0.14 ${e}))`,
850
993
  "--ga-bg": `light-dark(oklch(0.92 0.03 ${e}), oklch(0.25 0.03 ${e}))`
851
994
  };
852
995
  }
853
- function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
854
- let { grid: a, hue: o } = l(() => ({
855
- grid: qe(e, t),
856
- hue: Je(e)
857
- }), [e, t]), { cols: s, rows: c, cells: u } = a, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (s - 1)) / s, h = c * f + (c - 1) * 3, g = s * f + (s - 1) * 3, _ = d + (100 - d * 2 - h) / 2, v = d + (100 - d * 2 - g) / 2, y = X(e, 99), b = (e) => .55 + (y >> e % 26 & 3) * .15, x = `av-${X(e + t, 7) >>> 0}`, S = Ye(o), C = X(e, 77), w = (e) => {
858
- let t = C >> e % 26 & 7, n = y >> (e + 5) % 26 & 7;
996
+ var ht = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a) {
997
+ let { grid: o, hue: s } = D(() => ({
998
+ grid: ft(e, t),
999
+ hue: pt(e)
1000
+ }), [e, t]), { cols: c, rows: l, cells: u } = o, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (c - 1)) / c, p = l * f + (l - 1) * 3, m = c * f + (c - 1) * 3, h = d + (100 - d * 2 - p) / 2, g = d + (100 - d * 2 - m) / 2, _ = X(e, 99), v = (e) => .55 + (_ >> e % 26 & 3) * .15, y = `av-${X(e + t, 7) >>> 0}`, b = mt(s), x = X(e, 77), S = (e) => {
1001
+ let t = x >> e % 26 & 7, n = _ >> (e + 5) % 26 & 7;
859
1002
  return {
860
1003
  duration: 1.5 + t * .35,
861
1004
  delay: n * .4
862
1005
  };
863
- }, T = `ga-flk-${x}`;
864
- return /* @__PURE__ */ m("svg", {
1006
+ }, C = `ga-flk-${y}`;
1007
+ return /* @__PURE__ */ M("svg", {
1008
+ ref: a,
865
1009
  width: n,
866
1010
  height: n,
867
1011
  viewBox: "0 0 100 100",
868
1012
  className: G("shrink-0", i),
869
1013
  style: {
870
- ...S,
1014
+ ...b,
871
1015
  "--ga-anim": "none"
872
1016
  },
873
- onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim", T),
1017
+ onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim", C),
874
1018
  onMouseLeave: (e) => e.currentTarget.style.setProperty("--ga-anim", "none"),
875
1019
  role: "img",
876
1020
  "aria-label": `Avatar for ${e}`,
877
1021
  children: [
878
- /* @__PURE__ */ p("style", { children: `
879
- @keyframes ${T} {
1022
+ /* @__PURE__ */ j("style", { children: `
1023
+ @keyframes ${C} {
880
1024
  0%, 100% { opacity: var(--ga-o); }
881
1025
  50% { opacity: calc(var(--ga-o) * 0.25); }
882
1026
  }
883
1027
  ` }),
884
- r ? /* @__PURE__ */ p("circle", {
1028
+ r ? /* @__PURE__ */ j("circle", {
885
1029
  cx: 50,
886
1030
  cy: 50,
887
1031
  r: 50,
888
1032
  fill: "var(--ga-bg)"
889
- }) : /* @__PURE__ */ p("rect", {
1033
+ }) : /* @__PURE__ */ j("rect", {
890
1034
  x: 0,
891
1035
  y: 0,
892
1036
  width: 100,
@@ -894,13 +1038,13 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
894
1038
  rx: 8,
895
1039
  fill: "var(--ga-bg)"
896
1040
  }),
897
- /* @__PURE__ */ p("defs", { children: /* @__PURE__ */ p("clipPath", {
898
- id: x,
899
- children: r ? /* @__PURE__ */ p("circle", {
1041
+ /* @__PURE__ */ j("defs", { children: /* @__PURE__ */ j("clipPath", {
1042
+ id: y,
1043
+ children: r ? /* @__PURE__ */ j("circle", {
900
1044
  cx: 50,
901
1045
  cy: 50,
902
1046
  r: 50
903
- }) : /* @__PURE__ */ p("rect", {
1047
+ }) : /* @__PURE__ */ j("rect", {
904
1048
  x: 0,
905
1049
  y: 0,
906
1050
  width: 100,
@@ -908,14 +1052,14 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
908
1052
  rx: 8
909
1053
  })
910
1054
  }) }),
911
- /* @__PURE__ */ p("g", {
912
- clipPath: `url(#${x})`,
1055
+ /* @__PURE__ */ j("g", {
1056
+ clipPath: `url(#${y})`,
913
1057
  children: u.map((e, t) => {
914
1058
  if (!e) return null;
915
- let n = t % s, r = Math.floor(t / s), i = b(t), { duration: a, delay: o } = w(t);
916
- return /* @__PURE__ */ p("rect", {
917
- x: v + n * (f + 3),
918
- y: _ + r * (f + 3),
1059
+ let n = t % c, r = Math.floor(t / c), i = v(t), { duration: a, delay: o } = S(t);
1060
+ return /* @__PURE__ */ j("rect", {
1061
+ x: g + n * (f + 3),
1062
+ y: h + r * (f + 3),
919
1063
  width: f,
920
1064
  height: f,
921
1065
  fill: "var(--ga-pixel)",
@@ -934,221 +1078,566 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
934
1078
  })
935
1079
  ]
936
1080
  });
937
- }
938
- function Z({ src: e, initials: t, seed: n, generativePattern: r = "grid", alt: i, variant: a = "circle", size: o = "md", color: s = "neutral", className: c }) {
939
- let l = He[o], u = Ue[a];
940
- return e ? /* @__PURE__ */ p("img", {
1081
+ }), gt = C(function({ src: e, initials: t, seed: n, generativePattern: r = "grid", alt: i, variant: a = "circle", size: o = "md", color: s = "neutral", className: c }, l) {
1082
+ let u = st[o], d = ct[a];
1083
+ return e ? /* @__PURE__ */ j("img", {
1084
+ ref: l,
941
1085
  src: e,
942
1086
  alt: i ?? t ?? n ?? "",
943
- className: G("shrink-0 object-cover", l.outer, u, c)
944
- }) : t ? /* @__PURE__ */ p("span", {
945
- className: G("flex shrink-0 items-center justify-center font-semibold select-none", l.outer, l.text, u, We[s], c),
1087
+ className: G("shrink-0 object-cover", u.outer, d, c)
1088
+ }) : t ? /* @__PURE__ */ j("span", {
1089
+ ref: l,
1090
+ className: G("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, lt[s], c),
946
1091
  children: t
947
- }) : n ? /* @__PURE__ */ p(Xe, {
1092
+ }) : n ? /* @__PURE__ */ j(ht, {
1093
+ ref: l,
948
1094
  seed: n,
949
1095
  pattern: r,
950
- px: l.px,
1096
+ px: u.px,
951
1097
  isCircle: a === "circle",
952
1098
  className: c
953
- }) : /* @__PURE__ */ p("span", { className: G("flex shrink-0 items-center justify-center font-semibold select-none", l.outer, l.text, u, We[s], c) });
954
- }
1099
+ }) : /* @__PURE__ */ j("span", {
1100
+ ref: l,
1101
+ className: G("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, lt[s], c)
1102
+ });
1103
+ });
955
1104
  //#endregion
956
1105
  //#region src/components/app-header/app-header.tsx
957
- function Ze({ to: e, href: t, className: n, children: r }) {
958
- return /* @__PURE__ */ p("a", {
1106
+ function _t({ to: e, href: t, className: n, children: r }) {
1107
+ return /* @__PURE__ */ j("a", {
959
1108
  href: e ?? t,
960
1109
  className: n,
961
1110
  children: r
962
1111
  });
963
1112
  }
964
- function Qe() {
965
- return /* @__PURE__ */ p("div", {
1113
+ function vt() {
1114
+ return /* @__PURE__ */ j("div", {
966
1115
  className: "flex w-4 shrink-0 items-center justify-center self-stretch",
967
- children: /* @__PURE__ */ p("div", { className: "h-4 w-px rotate-[20deg] bg-[var(--text-color-cui-tertiary)] opacity-50" })
968
- });
969
- }
970
- function $e({ item: e, asLink: t, LinkEl: n }) {
971
- let r = G("flex items-center gap-2 h-8 px-2 text-sm font-medium text-cui-primary select-none", t && "outline-none rounded focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2"), i = /* @__PURE__ */ m(f, { children: [e.icon && /* @__PURE__ */ p("span", {
972
- className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
973
- children: e.icon
974
- }), /* @__PURE__ */ p("span", { children: e.label })] });
975
- return t && e.href ? /* @__PURE__ */ p(n, {
976
- to: e.href,
977
- href: e.href,
978
- className: r,
979
- children: i
980
- }) : /* @__PURE__ */ p("span", {
981
- className: r,
982
- children: i
983
- });
984
- }
985
- function et() {
986
- return /* @__PURE__ */ p(Re, {
987
- className: "rounded-sm",
988
- children: /* @__PURE__ */ p(q, {
989
- background: "bg-cui-subtle",
990
- interactive: !0,
991
- children: /* @__PURE__ */ p("span", {
992
- className: "flex h-8 items-center justify-center px-0.5 select-none",
993
- children: /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-4" })
994
- })
995
- })
996
- });
997
- }
998
- function tt({ item: e, LinkEl: t }) {
999
- return e.selector && e.options ? /* @__PURE__ */ m(Le, {
1000
- value: e.value,
1001
- onValueChange: e.onSelect,
1002
- items: e.options,
1003
- children: [/* @__PURE__ */ m("span", {
1004
- className: "flex items-center",
1005
- children: [/* @__PURE__ */ p(q, {
1006
- background: "bg-cui-subtle",
1007
- interactive: !0,
1008
- children: /* @__PURE__ */ p($e, {
1009
- item: e,
1010
- asLink: !!e.href,
1011
- LinkEl: t
1012
- })
1013
- }), /* @__PURE__ */ p(et, {})]
1014
- }), /* @__PURE__ */ p(Be, { searchPlaceholder: "Search..." })]
1015
- }) : e.href ? /* @__PURE__ */ p(q, {
1016
- background: "bg-cui-subtle",
1017
- interactive: !0,
1018
- children: /* @__PURE__ */ p($e, {
1019
- item: e,
1020
- asLink: !0,
1021
- LinkEl: t
1022
- })
1023
- }) : /* @__PURE__ */ p(q, {
1024
- background: "bg-cui-subtle",
1025
- interactive: !0,
1026
- children: /* @__PURE__ */ m("span", {
1027
- className: "text-cui-primary flex h-8 items-center gap-2 px-2 text-sm font-medium select-none",
1028
- children: [
1029
- e.icon && /* @__PURE__ */ p("span", {
1030
- className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
1031
- children: e.icon
1032
- }),
1033
- /* @__PURE__ */ p("span", { children: e.label }),
1034
- e.selector && /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-4" })
1035
- ]
1036
- })
1116
+ children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
1037
1117
  });
1038
1118
  }
1039
- function nt({ items: e, linkComponent: t = Ze, className: n }) {
1040
- return /* @__PURE__ */ m("nav", {
1041
- className: G("flex items-center gap-1", n),
1119
+ function yt({ items: e, linkComponent: t = _t, className: n }) {
1120
+ return /* @__PURE__ */ M("nav", {
1121
+ className: G("flex items-center", n),
1042
1122
  children: [
1043
- /* @__PURE__ */ p(t, {
1123
+ /* @__PURE__ */ j(t, {
1044
1124
  to: "/",
1045
1125
  href: "/",
1046
1126
  className: "focus-visible:ring-cui-focus flex size-8 shrink-0 items-center justify-center rounded outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
1047
- children: /* @__PURE__ */ p(Ie, {
1127
+ children: /* @__PURE__ */ j(ot, {
1048
1128
  variant: "circle",
1049
1129
  className: "text-cui-primary"
1050
1130
  })
1051
1131
  }),
1052
- /* @__PURE__ */ p(Qe, {}),
1053
- e.map((e, n) => /* @__PURE__ */ m("span", {
1054
- className: "flex items-center gap-1",
1055
- children: [n > 0 && /* @__PURE__ */ p(Qe, {}), /* @__PURE__ */ p(tt, {
1056
- item: e,
1057
- LinkEl: t
1058
- })]
1059
- }, e.label))
1132
+ /* @__PURE__ */ j(vt, {}),
1133
+ /* @__PURE__ */ j(qe, {
1134
+ items: e,
1135
+ linkComponent: t
1136
+ })
1060
1137
  ]
1061
1138
  });
1062
1139
  }
1063
- var rt = i(function({ children: e, className: t }, n) {
1064
- return /* @__PURE__ */ p("div", {
1140
+ var bt = C(function({ children: e, className: t }, n) {
1141
+ return /* @__PURE__ */ j("div", {
1065
1142
  ref: n,
1066
1143
  className: G("flex items-center gap-2", t),
1067
1144
  children: e
1068
1145
  });
1069
- }), it = i(function({ children: e, className: t }, n) {
1070
- return /* @__PURE__ */ p("header", {
1146
+ }), xt = C(function({ children: e, className: t }, n) {
1147
+ return /* @__PURE__ */ j("header", {
1071
1148
  ref: n,
1072
1149
  className: G("flex items-center justify-between px-3 py-2", t),
1073
1150
  children: e
1074
1151
  });
1075
1152
  });
1076
- it.Breadcrumb = nt, it.Actions = rt, it.Avatar = Z;
1153
+ xt.Breadcrumb = yt, xt.Actions = bt, xt.Avatar = gt;
1077
1154
  //#endregion
1078
1155
  //#region src/components/settings-card/settings-card.tsx
1079
- var at = i(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
1080
- let [l, u] = d(a), f = r !== void 0, h = f ? r : l, g = n && h;
1081
- function _(e) {
1082
- f || u(e), i?.(e);
1156
+ var St = C(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
1157
+ let [l, u] = k(a), d = r !== void 0, f = d ? r : l, p = n && f;
1158
+ function m(e) {
1159
+ d || u(e), i?.(e);
1083
1160
  }
1084
- return /* @__PURE__ */ p(J, {
1161
+ return /* @__PURE__ */ j(Y, {
1085
1162
  ref: c,
1086
1163
  className: s,
1087
- children: /* @__PURE__ */ m(J.Content, { children: [(e || t || n) && /* @__PURE__ */ p(J.Header, { children: /* @__PURE__ */ m("div", {
1164
+ children: /* @__PURE__ */ M(Y.Content, { children: [(e || t || n) && /* @__PURE__ */ j(Y.Header, { children: /* @__PURE__ */ M("div", {
1088
1165
  className: "flex items-start justify-between gap-4",
1089
- children: [/* @__PURE__ */ m("div", {
1166
+ children: [/* @__PURE__ */ M("div", {
1090
1167
  className: "flex flex-1 flex-col",
1091
- children: [e && /* @__PURE__ */ p("span", {
1092
- className: "text-cui-primary text-sm font-medium",
1168
+ children: [e && /* @__PURE__ */ j("span", {
1169
+ className: "text-cui-primary text-cui-base font-medium",
1093
1170
  children: e
1094
- }), t && /* @__PURE__ */ p("p", {
1095
- className: "text-cui-secondary mt-1 text-sm leading-relaxed",
1171
+ }), t && /* @__PURE__ */ j("p", {
1172
+ className: "text-cui-secondary text-cui-base mt-1 leading-relaxed",
1096
1173
  children: t
1097
1174
  })]
1098
- }), n && /* @__PURE__ */ p("div", {
1175
+ }), n && /* @__PURE__ */ j("div", {
1099
1176
  className: "shrink-0 pt-0.5",
1100
- children: /* @__PURE__ */ p(Ee, {
1101
- checked: h,
1102
- onCheckedChange: _
1177
+ children: /* @__PURE__ */ j(Ye, {
1178
+ checked: f,
1179
+ onCheckedChange: m
1103
1180
  })
1104
1181
  })]
1105
- }) }), /* @__PURE__ */ p(J, {
1182
+ }) }), /* @__PURE__ */ j(Y, {
1106
1183
  variant: "nested",
1107
- className: G("transition-opacity duration-150 ease-out", g && "opacity-50 pointer-events-none select-none"),
1184
+ className: G("transition-opacity duration-150 ease-out", p && "opacity-50 pointer-events-none select-none"),
1108
1185
  children: o
1109
1186
  })] })
1110
1187
  });
1111
- }), ot = i(function({ label: e, description: t, children: n, className: r }, i) {
1112
- return /* @__PURE__ */ m(J.Section, {
1113
- ref: i,
1114
- className: G("flex justify-between items-start", r),
1115
- children: [/* @__PURE__ */ m("div", {
1116
- className: "mr-4 flex flex-1 flex-col gap-1",
1117
- children: [/* @__PURE__ */ p("span", {
1118
- className: "text-cui-primary text-sm font-medium",
1119
- children: e
1120
- }), t && /* @__PURE__ */ p("span", {
1121
- className: "text-cui-secondary text-sm leading-relaxed",
1188
+ }), Ct = C(function({ label: e, description: t, children: n, className: r }, i) {
1189
+ return /* @__PURE__ */ M(Y.Section, {
1190
+ ref: i,
1191
+ className: G("flex justify-between items-start", r),
1192
+ children: [/* @__PURE__ */ M("div", {
1193
+ className: "mr-4 flex flex-1 flex-col gap-1",
1194
+ children: [/* @__PURE__ */ j("span", {
1195
+ className: "text-cui-primary text-cui-base font-medium",
1196
+ children: e
1197
+ }), t && /* @__PURE__ */ j("span", {
1198
+ className: "text-cui-secondary text-cui-base leading-relaxed",
1199
+ children: t
1200
+ })]
1201
+ }), n && /* @__PURE__ */ j("div", {
1202
+ className: "flex w-[340px] shrink-0 flex-col items-end",
1203
+ children: n
1204
+ })]
1205
+ });
1206
+ }), wt = C(function({ className: e, children: t, ...n }, r) {
1207
+ return /* @__PURE__ */ j("div", {
1208
+ ref: r,
1209
+ className: G("flex shrink-0 items-center gap-6 px-1.5 py-1.5", e),
1210
+ ...n,
1211
+ children: t
1212
+ });
1213
+ }), Tt = C(function({ className: e, children: t, ...n }, r) {
1214
+ return /* @__PURE__ */ j("div", {
1215
+ ref: r,
1216
+ className: G("flex min-h-0 flex-1 gap-6 overflow-auto px-3.5 py-3", e),
1217
+ ...n,
1218
+ children: t
1219
+ });
1220
+ }), Et = Object.assign(C(function({ sidebar: e, className: t, children: n }, r) {
1221
+ return /* @__PURE__ */ M("div", {
1222
+ ref: r,
1223
+ className: G("flex h-screen bg-cui-base-0", t),
1224
+ children: [e, /* @__PURE__ */ j("div", {
1225
+ className: "flex min-h-0 flex-1 flex-col pt-1 pr-1 pb-1",
1226
+ children: /* @__PURE__ */ j("div", {
1227
+ className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded shadow-sm ring-1",
1228
+ children: n
1229
+ })
1230
+ })]
1231
+ });
1232
+ }), {
1233
+ Header: wt,
1234
+ Body: Tt
1235
+ });
1236
+ //#endregion
1237
+ //#region src/components/tooltip/tooltip.tsx
1238
+ function Dt(e) {
1239
+ return /* @__PURE__ */ j(I.Provider, { ...e });
1240
+ }
1241
+ function Ot(e) {
1242
+ return /* @__PURE__ */ j(I.Root, { ...e });
1243
+ }
1244
+ var kt = C(function({ className: e, ...t }, n) {
1245
+ return /* @__PURE__ */ j(I.Trigger, {
1246
+ ref: n,
1247
+ className: G("outline-none", e),
1248
+ ...t
1249
+ });
1250
+ });
1251
+ function At({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
1252
+ return /* @__PURE__ */ j(I.Portal, { children: /* @__PURE__ */ j(I.Positioner, {
1253
+ side: e,
1254
+ align: t,
1255
+ sideOffset: n,
1256
+ className: G("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
1257
+ children: /* @__PURE__ */ j(I.Popup, {
1258
+ className: G("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-cui-sm font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
1259
+ ...a,
1260
+ children: i
1261
+ })
1262
+ }) });
1263
+ }
1264
+ var jt = C(function({ className: e, ...t }, n) {
1265
+ return /* @__PURE__ */ j(I.Viewport, {
1266
+ ref: n,
1267
+ className: G("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
1268
+ ...t
1269
+ });
1270
+ }), Mt = I.createHandle, Z = {
1271
+ Provider: Dt,
1272
+ Root: Ot,
1273
+ Trigger: kt,
1274
+ Content: At,
1275
+ Viewport: jt,
1276
+ createHandle: I.createHandle
1277
+ }, Nt = S(null);
1278
+ function Pt() {
1279
+ let e = ee(Nt);
1280
+ if (!e) throw Error("useSidebar must be used within a <Sidebar>");
1281
+ return e;
1282
+ }
1283
+ //#endregion
1284
+ //#region src/components/sidebar/sidebar.tsx
1285
+ function Ft({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, className: r, children: i }) {
1286
+ let [a, o] = k(e), s = t !== void 0, c = s ? t : a, l = w(() => {
1287
+ let e = !c;
1288
+ s ? n?.(e) : o(e);
1289
+ }, [
1290
+ c,
1291
+ s,
1292
+ n
1293
+ ]), u = D(() => ({
1294
+ collapsed: c,
1295
+ toggle: l
1296
+ }), [c, l]);
1297
+ return /* @__PURE__ */ j(Nt.Provider, {
1298
+ value: u,
1299
+ children: /* @__PURE__ */ j(Z.Provider, {
1300
+ delay: 0,
1301
+ closeDelay: 0,
1302
+ children: /* @__PURE__ */ j("div", {
1303
+ className: G("relative flex h-full shrink-0 flex-col justify-between overflow-hidden px-2 py-1 transition-[width] duration-400 ease-cui-out-expo", c ? "w-12" : "w-[264px]", r),
1304
+ children: i
1305
+ })
1306
+ })
1307
+ });
1308
+ }
1309
+ function It({ className: e, children: t }) {
1310
+ return /* @__PURE__ */ j("div", {
1311
+ className: G("flex w-full flex-col gap-0.5", e),
1312
+ children: t
1313
+ });
1314
+ }
1315
+ var Lt = C(function({ className: e, children: t, ...n }, r) {
1316
+ let { collapsed: i } = Pt();
1317
+ return /* @__PURE__ */ j("div", {
1318
+ ref: r,
1319
+ className: G("grid transition-all duration-400 ease-cui-out-expo", i ? "grid-rows-[0fr]" : "grid-rows-[1fr]"),
1320
+ ...n,
1321
+ children: /* @__PURE__ */ j("div", {
1322
+ className: "overflow-hidden",
1323
+ children: /* @__PURE__ */ j("div", {
1324
+ className: G("flex h-6 items-center px-2 text-cui-sm text-cui-secondary transition-all duration-400 ease-cui-out-expo", i ? "-translate-x-5 scale-80 opacity-0" : "opacity-100", e),
1325
+ children: t
1326
+ })
1327
+ })
1328
+ });
1329
+ });
1330
+ function Rt({ className: e, children: t }) {
1331
+ let { collapsed: n } = Pt();
1332
+ return /* @__PURE__ */ M("div", {
1333
+ className: G("flex items-center justify-center py-1.5 transition-all duration-400 ease-cui-out-expo", e),
1334
+ children: [/* @__PURE__ */ j(P, {
1335
+ mode: "popLayout",
1336
+ initial: !1,
1337
+ children: !n && /* @__PURE__ */ j(F.div, {
1338
+ initial: {
1339
+ opacity: 0,
1340
+ x: -320,
1341
+ scale: .5
1342
+ },
1343
+ animate: {
1344
+ opacity: 1,
1345
+ x: 0,
1346
+ scale: 1
1347
+ },
1348
+ exit: {
1349
+ opacity: 0,
1350
+ x: -320,
1351
+ scale: .5
1352
+ },
1353
+ transition: {
1354
+ duration: .4,
1355
+ type: "spring",
1356
+ bounce: 0
1357
+ },
1358
+ className: "flex min-w-0 flex-1 items-center gap-2",
1122
1359
  children: t
1123
- })]
1124
- }), n && /* @__PURE__ */ p("div", {
1125
- className: "flex w-[340px] shrink-0 flex-col items-end",
1126
- children: n
1360
+ })
1361
+ }), /* @__PURE__ */ j(Ht, {})]
1362
+ });
1363
+ }
1364
+ function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1, external: s = !1, showIndicator: c = !1, onClick: u, className: d }) {
1365
+ let { collapsed: f } = Pt(), p = n ?? (t ? "a" : "button"), m = n === "div" ? { onClick: u } : t ? {
1366
+ href: t,
1367
+ onClick: u,
1368
+ target: s ? "_blank" : void 0,
1369
+ rel: s ? "noopener noreferrer" : void 0
1370
+ } : {
1371
+ type: "button",
1372
+ onClick: u
1373
+ }, h = /* @__PURE__ */ j(K, {
1374
+ active: r,
1375
+ background: "bg-cui-subtle",
1376
+ borderRadius: "rounded",
1377
+ fullWidth: !0,
1378
+ className: G("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", f ? "w-8" : "w-full"),
1379
+ children: /* @__PURE__ */ M(p, {
1380
+ ...m,
1381
+ "aria-label": f ? e : void 0,
1382
+ className: G("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r && "text-cui-primary", d),
1383
+ children: [
1384
+ a && /* @__PURE__ */ M("span", {
1385
+ className: "relative shrink-0",
1386
+ children: [/* @__PURE__ */ j("span", {
1387
+ className: G("flex size-4 items-center justify-center [&>svg]:size-4", r ? "text-cui-primary" : "text-cui-secondary group-hover/h:text-cui-primary"),
1388
+ children: a
1389
+ }), c && f && /* @__PURE__ */ j("span", {
1390
+ className: "bg-cui-accent-strong absolute -top-0.5 -right-0.5 size-2 rounded-full",
1391
+ children: /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inset-0 animate-ping rounded-full opacity-75" })
1392
+ })]
1393
+ }),
1394
+ /* @__PURE__ */ j(P, {
1395
+ mode: "popLayout",
1396
+ initial: !1,
1397
+ children: !f && /* @__PURE__ */ j(F.span, {
1398
+ initial: {
1399
+ opacity: 0,
1400
+ scale: .8
1401
+ },
1402
+ animate: {
1403
+ opacity: 1,
1404
+ scale: 1
1405
+ },
1406
+ exit: {
1407
+ opacity: 0,
1408
+ scale: .8
1409
+ },
1410
+ transition: {
1411
+ duration: .2,
1412
+ ease: "easeOut"
1413
+ },
1414
+ className: "flex-1 origin-left truncate",
1415
+ children: e
1416
+ })
1417
+ }),
1418
+ /* @__PURE__ */ j(P, {
1419
+ mode: "popLayout",
1420
+ initial: !1,
1421
+ children: c && !f && /* @__PURE__ */ j(F.span, {
1422
+ initial: {
1423
+ opacity: 0,
1424
+ scale: .8
1425
+ },
1426
+ animate: {
1427
+ opacity: 1,
1428
+ scale: 1
1429
+ },
1430
+ exit: {
1431
+ opacity: 0,
1432
+ scale: .8
1433
+ },
1434
+ transition: {
1435
+ duration: .2,
1436
+ ease: "easeOut"
1437
+ },
1438
+ className: "flex shrink-0 origin-left items-center",
1439
+ children: /* @__PURE__ */ M("span", {
1440
+ className: "relative flex size-2",
1441
+ children: [/* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong relative inline-flex size-2 rounded-full" })]
1442
+ })
1443
+ })
1444
+ }),
1445
+ /* @__PURE__ */ j(P, {
1446
+ mode: "popLayout",
1447
+ initial: !1,
1448
+ children: s && !f && /* @__PURE__ */ j(F.span, {
1449
+ initial: {
1450
+ opacity: 0,
1451
+ scale: .8
1452
+ },
1453
+ animate: {
1454
+ opacity: 1,
1455
+ scale: 1
1456
+ },
1457
+ exit: {
1458
+ opacity: 0,
1459
+ scale: .8
1460
+ },
1461
+ transition: {
1462
+ duration: .2,
1463
+ ease: "easeOut"
1464
+ },
1465
+ className: "origin-left",
1466
+ children: /* @__PURE__ */ j(i, { className: "text-cui-tertiary size-4 shrink-0" })
1467
+ })
1468
+ }),
1469
+ /* @__PURE__ */ j(P, {
1470
+ mode: "popLayout",
1471
+ initial: !1,
1472
+ children: o && !f && /* @__PURE__ */ j(F.span, {
1473
+ initial: {
1474
+ opacity: 0,
1475
+ scale: .8
1476
+ },
1477
+ animate: {
1478
+ opacity: 1,
1479
+ scale: 1
1480
+ },
1481
+ exit: {
1482
+ opacity: 0,
1483
+ scale: .8
1484
+ },
1485
+ transition: {
1486
+ duration: .2,
1487
+ ease: "easeOut"
1488
+ },
1489
+ className: "origin-left",
1490
+ children: /* @__PURE__ */ j(l, { className: "text-cui-tertiary size-4 shrink-0" })
1491
+ })
1492
+ })
1493
+ ]
1494
+ })
1495
+ });
1496
+ return /* @__PURE__ */ M(Z.Root, {
1497
+ disabled: !f,
1498
+ children: [/* @__PURE__ */ j(Z.Trigger, { render: h }), /* @__PURE__ */ j(Z.Content, {
1499
+ side: "right",
1500
+ children: e
1127
1501
  })]
1128
1502
  });
1129
- }), st = i(function({ header: e, nav: t, className: n, children: r }, i) {
1130
- return /* @__PURE__ */ m("div", {
1131
- ref: i,
1132
- className: G("flex h-screen flex-col bg-cui-base-0", n),
1133
- children: [e, /* @__PURE__ */ p("div", {
1134
- className: "flex min-h-0 flex-1 px-2 pb-2",
1135
- children: /* @__PURE__ */ m("div", {
1136
- className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded-lg ring-1",
1137
- children: [/* @__PURE__ */ p("div", {
1138
- className: "border-cui-neutral shrink-0 border-b",
1139
- children: t
1140
- }), /* @__PURE__ */ p("div", {
1141
- className: "min-h-0 flex-1 overflow-auto",
1142
- children: r
1503
+ }
1504
+ function Bt({ name: e, onClick: t, className: r }) {
1505
+ let { collapsed: i } = Pt(), a = /* @__PURE__ */ j("div", {
1506
+ className: "flex items-center py-1.5",
1507
+ children: /* @__PURE__ */ j(K, {
1508
+ background: "bg-cui-subtle",
1509
+ borderRadius: "rounded",
1510
+ fullWidth: !0,
1511
+ className: G("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", i ? "w-8" : "w-full"),
1512
+ children: /* @__PURE__ */ M("button", {
1513
+ type: "button",
1514
+ onClick: t,
1515
+ "aria-label": i ? e : void 0,
1516
+ className: G("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r),
1517
+ children: [/* @__PURE__ */ j("span", {
1518
+ className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
1519
+ children: /* @__PURE__ */ j(n, {})
1520
+ }), /* @__PURE__ */ j(P, {
1521
+ mode: "popLayout",
1522
+ initial: !1,
1523
+ children: !i && /* @__PURE__ */ j(F.span, {
1524
+ initial: {
1525
+ opacity: 0,
1526
+ scale: .8
1527
+ },
1528
+ animate: {
1529
+ opacity: 1,
1530
+ scale: 1
1531
+ },
1532
+ exit: {
1533
+ opacity: 0,
1534
+ scale: .8
1535
+ },
1536
+ transition: {
1537
+ duration: .2,
1538
+ ease: "easeOut"
1539
+ },
1540
+ className: "flex-1 origin-left truncate",
1541
+ children: e
1542
+ })
1143
1543
  })]
1144
1544
  })
1545
+ })
1546
+ });
1547
+ return /* @__PURE__ */ M(Z.Root, {
1548
+ disabled: !i,
1549
+ children: [/* @__PURE__ */ j(Z.Trigger, { render: a }), /* @__PURE__ */ j(Z.Content, {
1550
+ side: "right",
1551
+ children: e
1552
+ })]
1553
+ });
1554
+ }
1555
+ function Vt({ collapsed: e }) {
1556
+ return /* @__PURE__ */ M("svg", {
1557
+ width: "16",
1558
+ height: "16",
1559
+ viewBox: "0 0 16 16",
1560
+ fill: "none",
1561
+ className: "size-4",
1562
+ children: [/* @__PURE__ */ j("rect", {
1563
+ x: 2,
1564
+ y: 3,
1565
+ width: 12,
1566
+ height: 10,
1567
+ rx: 2,
1568
+ stroke: "currentColor",
1569
+ strokeWidth: 1.5
1570
+ }), /* @__PURE__ */ j("rect", {
1571
+ x: 4,
1572
+ y: 5,
1573
+ height: 6,
1574
+ rx: .75,
1575
+ fill: "currentColor",
1576
+ className: G("transition-[width] duration-300 ease-cui-out-expo", e ? "[width:1.5px] group-hover/btn:[width:3px]" : "[width:4px] group-hover/btn:[width:2.5px]")
1145
1577
  })]
1146
1578
  });
1579
+ }
1580
+ function Ht({ className: e }) {
1581
+ let { collapsed: t, toggle: n } = Pt();
1582
+ return /* @__PURE__ */ j(q, {
1583
+ variant: "transparent",
1584
+ size: "md",
1585
+ iconLeft: /* @__PURE__ */ j(Vt, { collapsed: t }),
1586
+ onClick: n,
1587
+ className: G("shrink-0", e),
1588
+ "aria-label": t ? "Expand sidebar" : "Collapse sidebar"
1589
+ });
1590
+ }
1591
+ function Ut({ activeKey: e, direction: t = "forward", className: n, children: r }) {
1592
+ return /* @__PURE__ */ j("div", {
1593
+ className: G("relative min-h-0 flex-1", n),
1594
+ children: /* @__PURE__ */ j(P, {
1595
+ mode: "popLayout",
1596
+ initial: !1,
1597
+ custom: t,
1598
+ children: /* @__PURE__ */ j(F.div, {
1599
+ custom: t,
1600
+ variants: {
1601
+ enter: (e) => ({
1602
+ opacity: 0,
1603
+ x: e === "forward" ? 40 : -40
1604
+ }),
1605
+ center: {
1606
+ opacity: 1,
1607
+ x: 0
1608
+ },
1609
+ exit: (e) => ({
1610
+ opacity: 0,
1611
+ x: e === "forward" ? -40 : 40
1612
+ })
1613
+ },
1614
+ initial: "enter",
1615
+ animate: "center",
1616
+ exit: "exit",
1617
+ transition: {
1618
+ duration: .25,
1619
+ type: "spring",
1620
+ bounce: 0
1621
+ },
1622
+ className: "flex h-full flex-col",
1623
+ children: r
1624
+ }, e)
1625
+ })
1626
+ });
1627
+ }
1628
+ var Wt = Object.assign(Ft, {
1629
+ Section: It,
1630
+ Header: Rt,
1631
+ Label: Lt,
1632
+ Link: zt,
1633
+ BackLink: Bt,
1634
+ CollapseButton: Ht,
1635
+ Layers: Ut
1147
1636
  });
1148
1637
  //#endregion
1149
1638
  //#region src/components/select/select.tsx
1150
- function ct({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
1151
- return /* @__PURE__ */ p(P.Root, {
1639
+ function Gt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
1640
+ return /* @__PURE__ */ j(L.Root, {
1152
1641
  value: e,
1153
1642
  defaultValue: t,
1154
1643
  onValueChange: n ? (e) => {
@@ -1156,116 +1645,121 @@ function ct({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i
1156
1645
  } : void 0,
1157
1646
  items: r,
1158
1647
  disabled: i,
1159
- children: o ? /* @__PURE__ */ p("div", {
1648
+ children: o ? /* @__PURE__ */ j("div", {
1160
1649
  className: o,
1161
1650
  children: a
1162
1651
  }) : a
1163
1652
  });
1164
1653
  }
1165
- var lt = i(function({ children: e, className: t }, n) {
1166
- return /* @__PURE__ */ p(P.Trigger, {
1654
+ var Kt = C(function({ children: e, className: t }, n) {
1655
+ return /* @__PURE__ */ j(L.Trigger, {
1167
1656
  ref: n,
1168
1657
  className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
1169
1658
  children: e
1170
1659
  });
1171
- }), ut = i(function({ placeholder: e, className: t }, n) {
1172
- return /* @__PURE__ */ p(P.Trigger, {
1173
- ref: n,
1174
- render: /* @__PURE__ */ p(K, {
1660
+ }), qt = C(function({ placeholder: e, size: t, className: n }, r) {
1661
+ return /* @__PURE__ */ j(L.Trigger, {
1662
+ ref: r,
1663
+ render: /* @__PURE__ */ j(q, {
1175
1664
  variant: "outline",
1176
- iconRight: /* @__PURE__ */ p(C, {}),
1177
- className: t,
1178
- children: /* @__PURE__ */ p(P.Value, { placeholder: e })
1665
+ size: t,
1666
+ iconRight: /* @__PURE__ */ j(u, {}),
1667
+ className: n,
1668
+ children: /* @__PURE__ */ j(L.Value, { placeholder: e })
1179
1669
  })
1180
1670
  });
1181
1671
  });
1182
- function dt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
1183
- return /* @__PURE__ */ p(P.Portal, { children: /* @__PURE__ */ p(P.Positioner, {
1672
+ function Jt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
1673
+ return /* @__PURE__ */ j(L.Portal, { children: /* @__PURE__ */ j(L.Positioner, {
1184
1674
  align: e,
1185
1675
  side: t,
1186
1676
  sideOffset: n,
1187
1677
  alignItemWithTrigger: !1,
1188
- render: /* @__PURE__ */ p(Y.Positioner, {}),
1189
- children: /* @__PURE__ */ p(P.Popup, {
1190
- render: /* @__PURE__ */ p(Y.Panel, {
1678
+ render: /* @__PURE__ */ j(J.Positioner, {}),
1679
+ children: /* @__PURE__ */ j(L.Popup, {
1680
+ render: /* @__PURE__ */ j(J.Panel, {
1191
1681
  minWidth: r,
1192
1682
  className: a
1193
1683
  }),
1194
- children: /* @__PURE__ */ p(P.List, {
1195
- render: /* @__PURE__ */ p(Y.List, {}),
1684
+ children: /* @__PURE__ */ j(L.List, {
1685
+ render: /* @__PURE__ */ j(J.List, {}),
1196
1686
  children: i
1197
1687
  })
1198
1688
  })
1199
1689
  }) });
1200
1690
  }
1201
- var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
1202
- return /* @__PURE__ */ m(P.Item, {
1691
+ var Yt = C(function({ value: e, icon: t, children: n, className: r }, i) {
1692
+ return /* @__PURE__ */ M(L.Item, {
1203
1693
  ref: i,
1204
1694
  value: e,
1205
- render: /* @__PURE__ */ p(Y.Item, {
1695
+ render: /* @__PURE__ */ j(J.Item, {
1206
1696
  icon: t,
1207
1697
  className: r
1208
1698
  }),
1209
- children: [/* @__PURE__ */ p(P.ItemText, {
1699
+ children: [/* @__PURE__ */ j(L.ItemText, {
1210
1700
  className: "relative z-[1] flex-1",
1211
1701
  children: n
1212
- }), /* @__PURE__ */ p(P.ItemIndicator, { render: /* @__PURE__ */ p(Y.ItemIndicator, {}) })]
1702
+ }), /* @__PURE__ */ j(L.ItemIndicator, { render: /* @__PURE__ */ j(J.ItemIndicator, {}) })]
1213
1703
  });
1214
- }), pt = i(function({ className: e }, t) {
1215
- return /* @__PURE__ */ p(P.Separator, {
1704
+ }), Xt = C(function({ className: e }, t) {
1705
+ return /* @__PURE__ */ j(L.Separator, {
1216
1706
  ref: t,
1217
- render: /* @__PURE__ */ p(Y.Separator, { className: e })
1707
+ render: /* @__PURE__ */ j(J.Separator, { className: e })
1218
1708
  });
1219
- }), mt = i(function({ className: e, children: t }, n) {
1220
- return /* @__PURE__ */ p(P.Group, {
1709
+ }), Zt = C(function({ className: e, children: t }, n) {
1710
+ return /* @__PURE__ */ j(L.Group, {
1221
1711
  ref: n,
1222
1712
  className: G("flex flex-col", e),
1223
1713
  children: t
1224
1714
  });
1225
- }), ht = i(function({ className: e, children: t }, n) {
1226
- return /* @__PURE__ */ p(P.GroupLabel, {
1715
+ }), Qt = C(function({ className: e, children: t }, n) {
1716
+ return /* @__PURE__ */ j(L.GroupLabel, {
1227
1717
  ref: n,
1228
- render: /* @__PURE__ */ p(Y.GroupLabel, { className: e }),
1718
+ render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
1229
1719
  children: t
1230
1720
  });
1231
- }), gt = i(function({ orientation: e = "horizontal", className: t, ...n }, r) {
1232
- return /* @__PURE__ */ p(ne, {
1721
+ }), $t = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
1722
+ return /* @__PURE__ */ j(ie, {
1233
1723
  ref: r,
1234
1724
  orientation: e,
1235
1725
  className: G(e === "horizontal" ? "w-full border-t border-cui-neutral" : "self-stretch border-l border-cui-neutral", "shrink-0", t),
1236
1726
  ...n
1237
1727
  });
1238
- }), _t = {
1728
+ }), en = {
1239
1729
  neutral: "bg-cui-subtle text-cui-secondary",
1240
1730
  accent: "bg-cui-accent-subtle text-cui-accent",
1241
1731
  danger: "bg-cui-danger-subtle text-cui-danger",
1242
- warning: "bg-cui-warn-subtle text-cui-warn",
1732
+ warn: "bg-cui-warn-subtle text-cui-warn",
1243
1733
  success: "bg-cui-success-subtle text-cui-success"
1244
- }, vt = i(function({ variant: e = "neutral", className: t, children: n }, r) {
1245
- return /* @__PURE__ */ p("span", {
1246
- ref: r,
1247
- className: G("inline-flex items-center rounded-md px-1.5 py-0.5 text-xs font-medium leading-tight", _t[e], t),
1248
- children: n
1734
+ }, tn = {
1735
+ sm: "px-1.5 py-0.5 text-cui-sm",
1736
+ md: "px-2 py-0.5 text-cui-base"
1737
+ }, nn = C(function({ variant: e = "neutral", size: t = "sm", className: n, children: r, ...i }, a) {
1738
+ return /* @__PURE__ */ j("span", {
1739
+ ref: a,
1740
+ className: G("inline-flex items-center rounded-md font-medium leading-tight", tn[t], en[e], n),
1741
+ ...i,
1742
+ children: r
1249
1743
  });
1250
- }), yt = i(function({ className: e, ...t }, n) {
1251
- return /* @__PURE__ */ p(F.Root, {
1744
+ }), rn = C(function({ className: e, ...t }, n) {
1745
+ return /* @__PURE__ */ j(R.Root, {
1252
1746
  ref: n,
1253
1747
  className: G("flex flex-col gap-1.5", e),
1254
1748
  ...t
1255
1749
  });
1256
- }), bt = i(function({ required: e, className: t, children: n, ...r }, i) {
1257
- return /* @__PURE__ */ m(F.Label, {
1750
+ }), an = C(function({ required: e, className: t, children: n, ...r }, i) {
1751
+ return /* @__PURE__ */ M(R.Label, {
1258
1752
  ref: i,
1259
- className: G("text-sm font-medium text-cui-primary", "data-[disabled]:text-cui-tertiary data-[disabled]:cursor-not-allowed", t),
1753
+ className: G("text-cui-base font-medium text-cui-primary", "data-[disabled]:text-cui-tertiary data-[disabled]:cursor-not-allowed", t),
1260
1754
  ...r,
1261
- children: [n, e && /* @__PURE__ */ p("span", {
1755
+ children: [n, e && /* @__PURE__ */ j("span", {
1262
1756
  className: "text-cui-danger ml-0.5",
1263
1757
  "aria-hidden": "true",
1264
1758
  children: "*"
1265
1759
  })]
1266
1760
  });
1267
- }), xt = [
1268
- "w-full rounded-md border border-cui-neutral bg-cui-base-2 px-3 py-1.5 text-sm text-cui-primary",
1761
+ }), on = [
1762
+ "w-full rounded-md border border-cui-neutral bg-cui-base-2 px-3 py-1.5 text-cui-base text-cui-primary",
1269
1763
  "outline-none",
1270
1764
  "placeholder:text-cui-tertiary",
1271
1765
  "ring-cui-neutral ring-0 transition-[box-shadow,color,border-color] duration-150 ease-out",
@@ -1274,127 +1768,127 @@ var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
1274
1768
  "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
1275
1769
  "data-[invalid]:border-cui-danger data-[invalid]:focus:ring-cui-danger/30",
1276
1770
  "data-[valid]:border-cui-success"
1277
- ], St = [
1278
- "rounded-md border border-cui-neutral bg-cui-base-2 py-1.5 text-sm",
1771
+ ], sn = [
1772
+ "rounded-md border border-cui-neutral bg-cui-base-2 py-1.5 text-cui-base",
1279
1773
  "ring-cui-neutral ring-0 transition-[box-shadow,color,border-color] duration-150 ease-out",
1280
1774
  "has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong",
1281
1775
  "motion-reduce:transition-none",
1282
1776
  "has-[*[data-disabled]]:cursor-not-allowed has-[*[data-disabled]]:opacity-50",
1283
1777
  "has-[*[data-invalid]]:border-cui-danger has-[*[data-invalid]:focus]:ring-cui-danger/30",
1284
1778
  "has-[*[data-valid]]:border-cui-success"
1285
- ], Ct = {
1286
- Field: yt,
1287
- Label: bt,
1288
- Input: i(function({ iconLeft: e, iconRight: t, wrapperClassName: n, className: r, ...i }, a) {
1289
- return e || t ? /* @__PURE__ */ m("div", {
1290
- className: G("flex items-center gap-2 px-2.5", St, n),
1779
+ ], cn = {
1780
+ Field: rn,
1781
+ Label: an,
1782
+ Input: C(function({ iconLeft: e, iconRight: t, wrapperClassName: n, className: r, ...i }, a) {
1783
+ return e || t ? /* @__PURE__ */ M("div", {
1784
+ className: G("flex items-center gap-2 px-2.5", sn, n),
1291
1785
  children: [
1292
- e && /* @__PURE__ */ p("span", {
1786
+ e && /* @__PURE__ */ j("span", {
1293
1787
  className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
1294
1788
  children: e
1295
1789
  }),
1296
- /* @__PURE__ */ p(F.Control, {
1790
+ /* @__PURE__ */ j(R.Control, {
1297
1791
  ref: a,
1298
- className: G("flex-1 min-w-0 h-full bg-transparent text-sm text-cui-primary outline-none placeholder:text-cui-tertiary", r),
1792
+ className: G("flex-1 min-w-0 h-full bg-transparent text-cui-base text-cui-primary outline-none placeholder:text-cui-tertiary", r),
1299
1793
  ...i
1300
1794
  }),
1301
- t && /* @__PURE__ */ p("span", {
1795
+ t && /* @__PURE__ */ j("span", {
1302
1796
  className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
1303
1797
  children: t
1304
1798
  })
1305
1799
  ]
1306
- }) : /* @__PURE__ */ p(F.Control, {
1800
+ }) : /* @__PURE__ */ j(R.Control, {
1307
1801
  ref: a,
1308
- className: G(xt, r),
1802
+ className: G(on, r),
1309
1803
  ...i
1310
1804
  });
1311
1805
  }),
1312
- Textarea: i(function({ className: e, ...t }, n) {
1313
- return /* @__PURE__ */ p(F.Control, {
1806
+ Textarea: C(function({ className: e, ...t }, n) {
1807
+ return /* @__PURE__ */ j(R.Control, {
1314
1808
  ref: n,
1315
- render: /* @__PURE__ */ p("textarea", {}),
1316
- className: G(xt, "min-h-20 resize-y", e),
1809
+ render: /* @__PURE__ */ j("textarea", {}),
1810
+ className: G(on, "min-h-20 resize-y", e),
1317
1811
  ...t
1318
1812
  });
1319
1813
  }),
1320
- Hint: i(function({ className: e, ...t }, n) {
1321
- return /* @__PURE__ */ p(F.Description, {
1814
+ Hint: C(function({ className: e, ...t }, n) {
1815
+ return /* @__PURE__ */ j(R.Description, {
1322
1816
  ref: n,
1323
- className: G("text-xs text-cui-tertiary data-[invalid]:text-cui-danger", e),
1817
+ className: G("text-cui-sm text-cui-tertiary data-[invalid]:text-cui-danger", e),
1324
1818
  ...t
1325
1819
  });
1326
1820
  })
1327
1821
  };
1328
1822
  //#endregion
1329
1823
  //#region src/components/flickering-grid/flickering-grid.tsx
1330
- function wt(e, t) {
1824
+ function ln(e, t) {
1331
1825
  let n = e.style.color;
1332
1826
  e.style.color = t;
1333
1827
  let r = getComputedStyle(e).color;
1334
1828
  return e.style.color = n, r || "#000";
1335
1829
  }
1336
- function Tt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: c = 2.5, sweepWidth: l = .15, sweepOnly: d = !1, sweepNoise: f = .12, className: m }) {
1337
- let h = u(null), g = u(null);
1338
- return s(() => {
1339
- let s = h.current, u = g.current;
1340
- if (!s || !u) return;
1341
- let p = u.getContext("2d");
1342
- if (!p) return;
1343
- let m = wt(s, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
1344
- function T() {
1345
- if (!u || !s) return;
1346
- x = window.devicePixelRatio || 1, S = s.clientWidth, C = s.clientHeight, u.width = S * x, u.height = C * x, u.style.width = `${S}px`, u.style.height = `${C}px`;
1830
+ function un({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: s = 2.5, sweepWidth: c = .15, sweepOnly: l = !1, sweepNoise: u = .12, className: d }) {
1831
+ let f = O(null), p = O(null);
1832
+ return T(() => {
1833
+ let d = f.current, m = p.current;
1834
+ if (!d || !m) return;
1835
+ let h = m.getContext("2d");
1836
+ if (!h) return;
1837
+ let g = ln(d, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
1838
+ function ee() {
1839
+ if (!m || !d) return;
1840
+ x = window.devicePixelRatio || 1, S = d.clientWidth, C = d.clientHeight, m.width = S * x, m.height = C * x, m.style.width = `${S}px`, m.style.height = `${C}px`;
1347
1841
  let n = e + t;
1348
1842
  _ = Math.max(1, Math.floor((S + t) / n)), v = Math.max(1, Math.floor((C + t) / n)), y = new Float32Array(_ * v), b = new Float32Array(_ * v);
1349
- for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 * f;
1843
+ for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 * u;
1350
1844
  }
1351
- function E(e) {
1352
- if (!d) for (let t = 0; t < y.length; t++) Math.random() < n * e && (y[t] = Math.random() * i);
1845
+ function T(e) {
1846
+ if (!l) for (let t = 0; t < y.length; t++) Math.random() < n * e && (y[t] = Math.random() * i);
1353
1847
  }
1354
- function ee(n) {
1355
- if (!p || !u) return;
1356
- p.clearRect(0, 0, u.width, u.height), p.fillStyle = m;
1357
- let r = e + t, s = 0;
1848
+ function E(n) {
1849
+ if (!h || !m) return;
1850
+ h.clearRect(0, 0, m.width, m.height), h.fillStyle = g;
1851
+ let r = e + t, u = 0;
1358
1852
  if (a) {
1359
- let e = (n - w) / 1e3 / c % 1;
1360
- s = o === "left" ? 1 - e : e, s = s * (1 + l * 2) - l;
1853
+ let e = (n - w) / 1e3 / s % 1;
1854
+ u = o === "left" ? 1 - e : e, u = u * (1 + c * 2) - c;
1361
1855
  }
1362
1856
  for (let t = 0; t < _; t++) for (let n = 0; n < v; n++) {
1363
- let o = t * v + n, c;
1364
- if (d && a) {
1365
- let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e - s), r = Math.max(0, 1 - n / l);
1366
- c = r * r * (3 - 2 * r) * i;
1367
- } else if (c = y[o] ?? 0, a) {
1368
- let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e - s), r = Math.max(0, 1 - n / l), a = r * r * (3 - 2 * r);
1369
- c = Math.min(i * 1.5, c + a * i);
1857
+ let o = t * v + n, s;
1858
+ if (l && a) {
1859
+ let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e - u), r = Math.max(0, 1 - n / c);
1860
+ s = r * r * (3 - 2 * r) * i;
1861
+ } else if (s = y[o] ?? 0, a) {
1862
+ let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e - u), r = Math.max(0, 1 - n / c), a = r * r * (3 - 2 * r);
1863
+ s = Math.min(i * 1.5, s + a * i);
1370
1864
  }
1371
- c < .01 || (p.globalAlpha = c, p.fillRect(t * r * x, n * r * x, e * x, e * x));
1865
+ s < .01 || (h.globalAlpha = s, h.fillRect(t * r * x, n * r * x, e * x, e * x));
1372
1866
  }
1373
- p.globalAlpha = 1;
1867
+ h.globalAlpha = 1;
1374
1868
  }
1375
- T();
1869
+ ee();
1376
1870
  let D = 0, O = performance.now(), k = !0;
1377
1871
  function A(e) {
1378
1872
  if (!k) return;
1379
1873
  let t = (e - O) / 1e3;
1380
- O = e, E(t), ee(e), D = requestAnimationFrame(A);
1874
+ O = e, T(t), E(e), D = requestAnimationFrame(A);
1381
1875
  }
1382
1876
  let j = new ResizeObserver(() => {
1383
- T();
1877
+ ee();
1384
1878
  });
1385
- j.observe(s);
1386
- let te = new IntersectionObserver(([e]) => {
1879
+ j.observe(d);
1880
+ let M = new IntersectionObserver(([e]) => {
1387
1881
  k = e?.isIntersecting ?? !1, k ? (O = performance.now(), D = requestAnimationFrame(A)) : cancelAnimationFrame(D);
1388
1882
  }, { threshold: 0 });
1389
- te.observe(u);
1390
- let M = new MutationObserver(() => {
1391
- m = wt(s, r);
1883
+ M.observe(m);
1884
+ let N = new MutationObserver(() => {
1885
+ g = ln(d, r);
1392
1886
  });
1393
- return M.observe(document.documentElement, {
1887
+ return N.observe(document.documentElement, {
1394
1888
  attributes: !0,
1395
1889
  attributeFilter: ["data-theme", "class"]
1396
1890
  }), () => {
1397
- cancelAnimationFrame(D), j.disconnect(), te.disconnect(), M.disconnect();
1891
+ cancelAnimationFrame(D), j.disconnect(), M.disconnect(), N.disconnect();
1398
1892
  };
1399
1893
  }, [
1400
1894
  e,
@@ -1404,25 +1898,25 @@ function Tt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r
1404
1898
  i,
1405
1899
  a,
1406
1900
  o,
1901
+ s,
1407
1902
  c,
1408
1903
  l,
1409
- d,
1410
- f
1411
- ]), /* @__PURE__ */ p("div", {
1412
- ref: h,
1413
- className: G("pointer-events-none size-full", m),
1904
+ u
1905
+ ]), /* @__PURE__ */ j("div", {
1906
+ ref: f,
1907
+ className: G("pointer-events-none size-full", d),
1414
1908
  "aria-hidden": "true",
1415
- children: /* @__PURE__ */ p("canvas", { ref: g })
1909
+ children: /* @__PURE__ */ j("canvas", { ref: p })
1416
1910
  });
1417
1911
  }
1418
1912
  //#endregion
1419
1913
  //#region src/components/skeleton/skeleton.tsx
1420
- var Et = i(function({ circular: e, className: t }, n) {
1421
- return /* @__PURE__ */ p("div", {
1914
+ var dn = C(function({ circular: e, className: t }, n) {
1915
+ return /* @__PURE__ */ j("div", {
1422
1916
  ref: n,
1423
1917
  className: G("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
1424
1918
  "aria-hidden": "true",
1425
- children: /* @__PURE__ */ p(Tt, {
1919
+ children: /* @__PURE__ */ j(un, {
1426
1920
  squareSize: 4,
1427
1921
  gridGap: 2,
1428
1922
  color: "var(--text-color-cui-secondary)",
@@ -1438,8 +1932,8 @@ var Et = i(function({ circular: e, className: t }, n) {
1438
1932
  });
1439
1933
  //#endregion
1440
1934
  //#region src/components/dropdown-menu/dropdown-menu.tsx
1441
- function Dt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
1442
- return /* @__PURE__ */ p(I.Root, {
1935
+ function fn({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
1936
+ return /* @__PURE__ */ j(z.Root, {
1443
1937
  open: e,
1444
1938
  defaultOpen: t,
1445
1939
  onOpenChange: n ? (e) => n(e) : void 0,
@@ -1447,21 +1941,21 @@ function Dt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children:
1447
1941
  children: i
1448
1942
  });
1449
1943
  }
1450
- var Ot = i(function({ className: e, ...t }, n) {
1451
- return /* @__PURE__ */ p(I.Trigger, {
1944
+ var pn = C(function({ className: e, ...t }, n) {
1945
+ return /* @__PURE__ */ j(z.Trigger, {
1452
1946
  ref: n,
1453
1947
  className: G("cursor-pointer outline-none", e),
1454
1948
  ...t
1455
1949
  });
1456
1950
  });
1457
- function kt({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
1458
- return /* @__PURE__ */ p(I.Portal, { children: /* @__PURE__ */ p(I.Positioner, {
1951
+ function mn({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
1952
+ return /* @__PURE__ */ j(z.Portal, { children: /* @__PURE__ */ j(z.Positioner, {
1459
1953
  side: e,
1460
1954
  align: t,
1461
1955
  sideOffset: n,
1462
- render: /* @__PURE__ */ p(Y.Positioner, {}),
1463
- children: /* @__PURE__ */ p(I.Popup, {
1464
- render: /* @__PURE__ */ p(Y.Panel, {
1956
+ render: /* @__PURE__ */ j(J.Positioner, {}),
1957
+ children: /* @__PURE__ */ j(z.Popup, {
1958
+ render: /* @__PURE__ */ j(J.Panel, {
1465
1959
  minWidth: r,
1466
1960
  className: i
1467
1961
  }),
@@ -1470,41 +1964,41 @@ function kt({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth:
1470
1964
  }) });
1471
1965
  }
1472
1966
  var Q = {
1473
- Root: Dt,
1474
- Trigger: Ot,
1475
- Content: kt,
1476
- Item: i(function({ variant: e = "default", icon: t, onClick: n, closeOnClick: r, disabled: i, className: a, children: o }, s) {
1477
- return /* @__PURE__ */ p(I.Item, {
1967
+ Root: fn,
1968
+ Trigger: pn,
1969
+ Content: mn,
1970
+ Item: C(function({ variant: e = "default", icon: t, onClick: n, closeOnClick: r, disabled: i, className: a, children: o }, s) {
1971
+ return /* @__PURE__ */ j(z.Item, {
1478
1972
  ref: s,
1479
1973
  onClick: n,
1480
1974
  closeOnClick: r,
1481
1975
  disabled: i,
1482
- render: /* @__PURE__ */ p(Y.Item, {
1976
+ render: /* @__PURE__ */ j(J.Item, {
1483
1977
  icon: t,
1484
1978
  variant: e,
1485
1979
  className: a
1486
1980
  }),
1487
- children: /* @__PURE__ */ p("span", {
1488
- className: "relative z-[1]",
1981
+ children: /* @__PURE__ */ j("span", {
1982
+ className: "relative z-[1] flex-1",
1489
1983
  children: o
1490
1984
  })
1491
1985
  });
1492
1986
  }),
1493
- Separator: i(function({ className: e }, t) {
1494
- return /* @__PURE__ */ p(I.Separator, {
1987
+ Separator: C(function({ className: e }, t) {
1988
+ return /* @__PURE__ */ j(z.Separator, {
1495
1989
  ref: t,
1496
- render: /* @__PURE__ */ p(Y.Separator, { className: e })
1990
+ render: /* @__PURE__ */ j(J.Separator, { className: e })
1497
1991
  });
1498
1992
  }),
1499
- Label: i(function({ className: e, children: t }, n) {
1500
- return /* @__PURE__ */ p(I.GroupLabel, {
1993
+ Label: C(function({ className: e, children: t }, n) {
1994
+ return /* @__PURE__ */ j(z.GroupLabel, {
1501
1995
  ref: n,
1502
- render: /* @__PURE__ */ p(Y.GroupLabel, { className: e }),
1996
+ render: /* @__PURE__ */ j(J.GroupLabel, { className: e }),
1503
1997
  children: t
1504
1998
  });
1505
1999
  }),
1506
- Group: i(function({ className: e, children: t }, n) {
1507
- return /* @__PURE__ */ p(I.Group, {
2000
+ Group: C(function({ className: e, children: t }, n) {
2001
+ return /* @__PURE__ */ j(z.Group, {
1508
2002
  ref: n,
1509
2003
  className: G("flex flex-col", e),
1510
2004
  children: t
@@ -1513,238 +2007,250 @@ var Q = {
1513
2007
  };
1514
2008
  //#endregion
1515
2009
  //#region src/components/dialog/dialog.tsx
1516
- function At({ ...e }) {
1517
- return /* @__PURE__ */ p(L.Root, { ...e });
2010
+ function hn({ ...e }) {
2011
+ return /* @__PURE__ */ j(B.Root, { ...e });
1518
2012
  }
1519
- var jt = i(function({ className: e, ...t }, n) {
1520
- return /* @__PURE__ */ p(L.Trigger, {
2013
+ var gn = C(function({ className: e, ...t }, n) {
2014
+ return /* @__PURE__ */ j(B.Trigger, {
1521
2015
  ref: n,
1522
2016
  className: G(e),
1523
2017
  ...t
1524
2018
  });
1525
- }), Mt = i(function({ className: e, ...t }, n) {
1526
- return /* @__PURE__ */ p(L.Backdrop, {
2019
+ }), _n = C(function({ className: e, ...t }, n) {
2020
+ return /* @__PURE__ */ j(B.Backdrop, {
1527
2021
  ref: n,
1528
2022
  className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
1529
2023
  ...t
1530
2024
  });
1531
- }), Nt = {
2025
+ }), vn = {
1532
2026
  md: "max-w-[450px]",
1533
2027
  lg: "max-w-[550px]"
1534
2028
  };
1535
- function Pt({ size: e = "md", className: t, children: n, ...r }) {
1536
- return /* @__PURE__ */ m(L.Portal, { children: [/* @__PURE__ */ p(Mt, {}), /* @__PURE__ */ p(L.Popup, {
1537
- className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", Nt[e], t),
2029
+ function yn({ size: e = "md", className: t, children: n, ...r }) {
2030
+ return /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(_n, {}), /* @__PURE__ */ j(B.Popup, {
2031
+ className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", vn[e], t),
1538
2032
  ...r,
1539
2033
  children: n
1540
2034
  })] });
1541
2035
  }
1542
- var Ft = {
1543
- Root: At,
1544
- Trigger: jt,
1545
- Content: Pt,
1546
- Panel: i(function({ className: e, children: t }, n) {
1547
- return /* @__PURE__ */ p("div", {
1548
- ref: n,
1549
- className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
1550
- children: t
1551
- });
1552
- }),
1553
- Title: i(function({ className: e, ...t }, n) {
1554
- return /* @__PURE__ */ p(L.Title, {
1555
- ref: n,
1556
- className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-sm font-medium", e),
1557
- ...t
1558
- });
1559
- }),
1560
- Body: i(function({ className: e, children: t }, n) {
1561
- return /* @__PURE__ */ p("div", {
1562
- ref: n,
1563
- className: G("p-4", e),
1564
- children: t
1565
- });
1566
- }),
1567
- Footer: i(function({ className: e, children: t }, n) {
1568
- return /* @__PURE__ */ p("div", {
1569
- ref: n,
1570
- className: G("flex items-center justify-between p-2", e),
1571
- children: t
1572
- });
1573
- }),
1574
- Close: i(function({ className: e, ...t }, n) {
1575
- return /* @__PURE__ */ p(L.Close, {
1576
- ref: n,
1577
- className: G(e),
1578
- ...t
1579
- });
1580
- }),
1581
- Description: i(function({ className: e, ...t }, n) {
1582
- return /* @__PURE__ */ p(L.Description, {
1583
- ref: n,
1584
- className: G("text-cui-secondary", e),
1585
- ...t
1586
- });
1587
- })
1588
- }, $ = i(function({ className: e, children: t }, n) {
1589
- return /* @__PURE__ */ p("div", {
2036
+ var bn = C(function({ className: e, children: t }, n) {
2037
+ return /* @__PURE__ */ j("div", {
2038
+ ref: n,
2039
+ className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
2040
+ children: t
2041
+ });
2042
+ }), xn = C(function({ className: e, ...t }, n) {
2043
+ return /* @__PURE__ */ j(B.Title, {
2044
+ ref: n,
2045
+ className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
2046
+ ...t
2047
+ });
2048
+ }), Sn = C(function({ className: e, children: t }, n) {
2049
+ return /* @__PURE__ */ j("div", {
2050
+ ref: n,
2051
+ className: G("p-4", e),
2052
+ children: t
2053
+ });
2054
+ }), Cn = C(function({ className: e, children: t }, n) {
2055
+ return /* @__PURE__ */ j("div", {
2056
+ ref: n,
2057
+ className: G("flex items-center justify-between p-2", e),
2058
+ children: t
2059
+ });
2060
+ }), wn = C(function({ className: e, ...t }, n) {
2061
+ return /* @__PURE__ */ j(B.Close, {
2062
+ ref: n,
2063
+ className: G(e),
2064
+ ...t
2065
+ });
2066
+ }), Tn = {
2067
+ Root: hn,
2068
+ Trigger: gn,
2069
+ Content: yn,
2070
+ Panel: bn,
2071
+ Title: xn,
2072
+ Description: B.Description,
2073
+ Body: Sn,
2074
+ Footer: Cn,
2075
+ Close: wn
2076
+ }, $ = C(function({ className: e, children: t }, n) {
2077
+ return /* @__PURE__ */ j("div", {
1590
2078
  ref: n,
1591
2079
  className: G("overflow-hidden rounded ring-1 ring-cui-neutral", e),
1592
- children: /* @__PURE__ */ p("table", {
2080
+ children: /* @__PURE__ */ j("table", {
1593
2081
  className: "w-full table-fixed border-separate border-spacing-0",
1594
2082
  children: t
1595
2083
  })
1596
2084
  });
1597
- }), It = i(function({ className: e, children: t }, n) {
1598
- return /* @__PURE__ */ p("thead", {
2085
+ }), En = C(function({ className: e, children: t }, n) {
2086
+ return /* @__PURE__ */ j("thead", {
1599
2087
  ref: n,
1600
- className: G("[&>tr]:bg-cui-subtle [&>tr]:text-sm [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
2088
+ className: G("[&>tr]:text-cui-sm [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
1601
2089
  children: t
1602
2090
  });
1603
- }), Lt = i(function({ className: e, children: t }, n) {
1604
- return /* @__PURE__ */ p("tbody", {
2091
+ }), Dn = C(function({ className: e, children: t }, n) {
2092
+ return /* @__PURE__ */ j("tbody", {
1605
2093
  ref: n,
1606
2094
  className: G("[&>tr:not(:last-child)>td]:border-b [&>tr:not(:last-child)>td]:border-cui-neutral", e),
1607
2095
  children: t
1608
2096
  });
1609
- }), Rt = i(function({ className: e, children: t, onClick: n, ...r }, i) {
1610
- return /* @__PURE__ */ p("tr", {
2097
+ }), On = C(function({ className: e, children: t, onClick: n, ...r }, i) {
2098
+ return /* @__PURE__ */ j("tr", {
1611
2099
  ref: i,
1612
2100
  className: G("bg-cui-base-1 hover:bg-cui-subtle", "transition-colors duration-100 ease-out motion-reduce:transition-none", n && "cursor-pointer", e),
1613
2101
  onClick: n,
1614
2102
  ...r,
1615
2103
  children: t
1616
2104
  });
1617
- }), zt = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
1618
- return /* @__PURE__ */ p("th", {
2105
+ }), kn = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
2106
+ return /* @__PURE__ */ j("th", {
1619
2107
  ref: i,
1620
2108
  style: e == null ? void 0 : { width: e },
1621
2109
  colSpan: t,
1622
- className: G("px-4 py-2.5 text-left font-medium border-b border-cui-neutral", n),
2110
+ className: G("px-4 py-2.5 text-left text-cui-sm font-medium border-b border-cui-neutral", n),
1623
2111
  children: r
1624
2112
  });
1625
- }), Bt = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
1626
- return /* @__PURE__ */ p("td", {
2113
+ }), An = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
2114
+ return /* @__PURE__ */ j("td", {
1627
2115
  ref: i,
1628
2116
  style: e == null ? void 0 : { width: e },
1629
2117
  colSpan: t,
1630
- className: G("px-4 py-3 text-sm", n),
2118
+ className: G("px-4 py-3 text-cui-base", n),
1631
2119
  children: r
1632
2120
  });
1633
2121
  });
1634
- $.Header = It, $.Body = Lt, $.Row = Rt, $.HeaderCell = zt, $.Cell = Bt;
2122
+ $.Header = En, $.Body = Dn, $.Row = On, $.HeaderCell = kn, $.Cell = An;
1635
2123
  //#endregion
1636
2124
  //#region src/components/pagination/pagination.tsx
1637
- function Vt(e, t) {
2125
+ var jn = {
2126
+ sm: {
2127
+ button: "size-7",
2128
+ icon: "size-4",
2129
+ strip: "h-9"
2130
+ },
2131
+ md: {
2132
+ button: "size-8",
2133
+ icon: "size-4",
2134
+ strip: "h-10"
2135
+ }
2136
+ };
2137
+ function Mn(e, t) {
1638
2138
  let n = [];
1639
2139
  for (let r = e; r <= t; r++) n.push(r);
1640
2140
  return n;
1641
2141
  }
1642
- function Ht(e, t, n) {
1643
- if (t <= n * 2 + 5) return Vt(1, t);
2142
+ function Nn(e, t, n) {
2143
+ if (t <= n * 2 + 5) return Mn(1, t);
1644
2144
  let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
1645
2145
  return !a && o ? [
1646
- ...Vt(1, n * 2 + 3),
2146
+ ...Mn(1, n * 2 + 3),
1647
2147
  "ellipsis-end",
1648
2148
  t
1649
2149
  ] : a && !o ? [
1650
2150
  1,
1651
2151
  "ellipsis-start",
1652
- ...Vt(t - (n * 2 + 3) + 1, t)
2152
+ ...Mn(t - (n * 2 + 3) + 1, t)
1653
2153
  ] : [
1654
2154
  1,
1655
2155
  "ellipsis-start",
1656
- ...Vt(r, i),
2156
+ ...Mn(r, i),
1657
2157
  "ellipsis-end",
1658
2158
  t
1659
2159
  ];
1660
2160
  }
1661
- function Ut({ page: e, active: t, onClick: n }) {
1662
- return /* @__PURE__ */ p("button", {
2161
+ function Pn({ page: e, active: t, onClick: n, buttonSize: r }) {
2162
+ return /* @__PURE__ */ j("button", {
1663
2163
  type: "button",
1664
2164
  "aria-current": t ? "page" : void 0,
1665
2165
  onClick: n,
1666
- className: G("size-7 rounded-sm flex items-center justify-center text-sm tabular-nums select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "bg-cui-base-2 text-cui-primary font-medium shadow-sm" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
2166
+ className: G("rounded-sm flex items-center justify-center text-cui-base tabular-nums select-none cursor-pointer", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "bg-cui-base-2 text-cui-primary font-medium shadow-sm" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
1667
2167
  children: e
1668
2168
  });
1669
2169
  }
1670
- function Wt() {
1671
- return /* @__PURE__ */ p("span", {
1672
- className: "text-cui-tertiary flex size-7 items-center justify-center text-sm select-none",
2170
+ function Fn({ buttonSize: e }) {
2171
+ return /* @__PURE__ */ j("span", {
2172
+ className: G("text-cui-tertiary flex items-center justify-center text-cui-base select-none", e),
1673
2173
  children: "..."
1674
2174
  });
1675
2175
  }
1676
- function Gt({ direction: e, disabled: t, onClick: n }) {
1677
- let r = e === "prev" ? x : S;
1678
- return /* @__PURE__ */ p("button", {
2176
+ function In({ direction: e, disabled: t, onClick: n, buttonSize: r, iconSize: i }) {
2177
+ let a = e === "prev" ? c : l;
2178
+ return /* @__PURE__ */ j("button", {
1679
2179
  type: "button",
1680
2180
  "aria-label": e === "prev" ? "Previous page" : "Next page",
1681
2181
  disabled: t,
1682
2182
  onClick: n,
1683
- className: G("size-7 rounded-sm flex items-center justify-center cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "text-disabled pointer-events-none" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
1684
- children: /* @__PURE__ */ p(r, { className: "size-4" })
2183
+ className: G("rounded-sm flex items-center justify-center cursor-pointer select-none", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "text-cui-tertiary pointer-events-none" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
2184
+ children: /* @__PURE__ */ j(a, { className: i })
1685
2185
  });
1686
2186
  }
1687
- function Kt({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
2187
+ var Ln = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
1688
2188
  10,
1689
2189
  25,
1690
2190
  50
1691
- ], siblingCount: s = 1, className: c }) {
1692
- let l = a !== void 0, u = r !== void 0, d = t > 1, f = (e - 1) * i + 1, h = r ? Math.min(e * i, r) : e * i;
1693
- if (!d && !l && !u) return null;
1694
- let g = d ? Ht(e, t, s) : [];
1695
- return /* @__PURE__ */ m("nav", {
2191
+ ], siblingCount: s = 1, size: c = "sm", className: l }, d) {
2192
+ let f = jn[c], p = a !== void 0, m = r !== void 0, h = t > 1, g = (e - 1) * i + 1, _ = r ? Math.min(e * i, r) : e * i;
2193
+ if (!h && !p && !m) return null;
2194
+ let v = h ? Nn(e, t, s) : [];
2195
+ return /* @__PURE__ */ M("nav", {
2196
+ ref: d,
1696
2197
  "aria-label": "Pagination",
1697
- className: G("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", c),
2198
+ className: G("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", l),
1698
2199
  children: [
1699
- l && /* @__PURE__ */ m("div", {
1700
- className: "flex h-9 items-center gap-2 px-3",
1701
- children: [/* @__PURE__ */ p("span", {
1702
- className: "text-cui-tertiary text-sm whitespace-nowrap",
2200
+ p && /* @__PURE__ */ M("div", {
2201
+ className: G("flex items-center gap-2 px-3", f.strip),
2202
+ children: [/* @__PURE__ */ j("span", {
2203
+ className: "text-cui-tertiary text-cui-base whitespace-nowrap",
1703
2204
  children: "Rows per page"
1704
- }), /* @__PURE__ */ m(Q.Root, { children: [/* @__PURE__ */ p(Q.Trigger, { children: /* @__PURE__ */ m("button", {
2205
+ }), /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, { children: /* @__PURE__ */ M("button", {
1705
2206
  type: "button",
1706
- className: G("flex items-center gap-1 h-6 px-1.5 rounded-sm text-sm text-cui-primary tabular-nums cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "hover:bg-cui-subtle transition-colors duration-150 motion-reduce:transition-none"),
1707
- children: [i, /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-3.5" })]
1708
- }) }), /* @__PURE__ */ p(Q.Content, {
2207
+ className: G("flex items-center gap-1 h-6 px-1.5 rounded-sm text-cui-base text-cui-primary tabular-nums cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "hover:bg-cui-subtle transition-colors duration-150 motion-reduce:transition-none"),
2208
+ children: [i, /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5" })]
2209
+ }) }), /* @__PURE__ */ j(Q.Content, {
1709
2210
  align: "start",
1710
2211
  sideOffset: 4,
1711
2212
  minWidth: "min-w-[80px]",
1712
- children: o.map((e) => /* @__PURE__ */ p(Q.Item, {
2213
+ children: o.map((e) => /* @__PURE__ */ j(Q.Item, {
1713
2214
  onClick: () => a?.(e),
1714
2215
  children: e
1715
2216
  }, e))
1716
2217
  })] })]
1717
2218
  }),
1718
- l && d && /* @__PURE__ */ p("div", { className: "w-px self-stretch bg-[var(--border-color-cui-neutral)]" }),
1719
- d && /* @__PURE__ */ m("div", {
1720
- className: "flex h-9 items-center gap-0.5 px-1.5",
2219
+ p && h && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
2220
+ h && /* @__PURE__ */ M("div", {
2221
+ className: G("flex items-center gap-0.5 px-1.5", f.strip),
1721
2222
  children: [
1722
- /* @__PURE__ */ p(Gt, {
2223
+ /* @__PURE__ */ j(In, {
1723
2224
  direction: "prev",
1724
2225
  disabled: e <= 1,
1725
- onClick: () => n?.(e - 1)
2226
+ onClick: () => n?.(e - 1),
2227
+ buttonSize: f.button,
2228
+ iconSize: f.icon
1726
2229
  }),
1727
- g.map((t) => typeof t == "number" ? /* @__PURE__ */ p(Ut, {
2230
+ v.map((t) => typeof t == "number" ? /* @__PURE__ */ j(Pn, {
1728
2231
  page: t,
1729
2232
  active: t === e,
1730
- onClick: () => n?.(t)
1731
- }, t) : /* @__PURE__ */ p(Wt, {}, t)),
1732
- /* @__PURE__ */ p(Gt, {
2233
+ onClick: () => n?.(t),
2234
+ buttonSize: f.button
2235
+ }, t) : /* @__PURE__ */ j(Fn, { buttonSize: f.button }, t)),
2236
+ /* @__PURE__ */ j(In, {
1733
2237
  direction: "next",
1734
2238
  disabled: e >= t,
1735
- onClick: () => n?.(e + 1)
2239
+ onClick: () => n?.(e + 1),
2240
+ buttonSize: f.button,
2241
+ iconSize: f.icon
1736
2242
  })
1737
2243
  ]
1738
2244
  }),
1739
- u && (d || l) && /* @__PURE__ */ p("div", { className: "w-px self-stretch bg-[var(--border-color-cui-neutral)]" }),
1740
- u && /* @__PURE__ */ p("div", {
1741
- className: "flex h-9 items-center px-3",
1742
- children: /* @__PURE__ */ m("span", {
1743
- className: "text-cui-tertiary text-sm whitespace-nowrap tabular-nums",
2245
+ m && (h || p) && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
2246
+ m && /* @__PURE__ */ j("div", {
2247
+ className: G("flex items-center px-3", f.strip),
2248
+ children: /* @__PURE__ */ M("span", {
2249
+ className: "text-cui-tertiary text-cui-base whitespace-nowrap tabular-nums",
1744
2250
  children: [
1745
- f,
2251
+ g,
1746
2252
  "–",
1747
- h,
2253
+ _,
1748
2254
  " / ",
1749
2255
  r
1750
2256
  ]
@@ -1752,27 +2258,27 @@ function Kt({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage
1752
2258
  })
1753
2259
  ]
1754
2260
  });
1755
- }
2261
+ });
1756
2262
  //#endregion
1757
2263
  //#region src/components/data-table/data-table.tsx
1758
- function qt({ direction: e }) {
1759
- return e === "asc" ? /* @__PURE__ */ p(w, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ p(b, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
2264
+ function Rn({ direction: e }) {
2265
+ return e === "asc" ? /* @__PURE__ */ j(d, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ j(s, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
1760
2266
  }
1761
- function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
2267
+ function zn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
1762
2268
  10,
1763
2269
  25,
1764
2270
  50
1765
- ], selectable: o = !1, rowSelection: s, onRowSelectionChange: c, onRowClick: l, emptyMessage: u = "No results.", className: f, tableOptions: h }) {
1766
- let [g, _] = d([]), [v, y] = d([]), [b, x] = d({}), [S, C] = d({}), w = s ?? S, T = c ? (e) => {
1767
- c(typeof e == "function" ? e(w) : e);
1768
- } : C, E = o ? [{
2271
+ ], selectable: o = !1, rowSelection: s, onRowSelectionChange: c, onRowClick: l, emptyMessage: u = "No results.", className: d, tableOptions: f }) {
2272
+ let [p, m] = k([]), [h, g] = k([]), [_, v] = k({}), [y, b] = k({}), x = s ?? y, S = c ? (e) => {
2273
+ c(typeof e == "function" ? e(x) : e);
2274
+ } : b, C = o ? [{
1769
2275
  id: "_select",
1770
- header: ({ table: e }) => /* @__PURE__ */ p(Oe, {
2276
+ header: ({ table: e }) => /* @__PURE__ */ j(Ze, {
1771
2277
  checked: e.getIsAllPageRowsSelected(),
1772
2278
  indeterminate: e.getIsSomePageRowsSelected(),
1773
2279
  onCheckedChange: (t) => e.toggleAllPageRowsSelected(t)
1774
2280
  }),
1775
- cell: ({ row: e }) => /* @__PURE__ */ p(Oe, {
2281
+ cell: ({ row: e }) => /* @__PURE__ */ j(Ze, {
1776
2282
  checked: e.getIsSelected(),
1777
2283
  disabled: !e.getCanSelect(),
1778
2284
  onCheckedChange: (t) => e.toggleSelected(t)
@@ -1780,74 +2286,74 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
1780
2286
  enableSorting: !1,
1781
2287
  enableHiding: !1,
1782
2288
  size: 40
1783
- }, ...e] : e, { state: ee, ...D } = h ?? {}, O = ce({
2289
+ }, ...e] : e, { state: w, ...ee } = f ?? {}, T = ue({
1784
2290
  data: t,
1785
- columns: E,
2291
+ columns: C,
1786
2292
  state: {
1787
- sorting: g,
1788
- columnFilters: v,
1789
- columnVisibility: b,
1790
- rowSelection: w,
1791
- ...ee
2293
+ sorting: p,
2294
+ columnFilters: h,
2295
+ columnVisibility: _,
2296
+ rowSelection: x,
2297
+ ...w
1792
2298
  },
1793
- onSortingChange: _,
1794
- onColumnFiltersChange: y,
1795
- onColumnVisibilityChange: x,
1796
- onRowSelectionChange: T,
1797
- getCoreRowModel: ie(),
1798
- getSortedRowModel: se(),
1799
- getFilteredRowModel: ae(),
1800
- ...r && { getPaginationRowModel: oe() },
2299
+ onSortingChange: m,
2300
+ onColumnFiltersChange: g,
2301
+ onColumnVisibilityChange: v,
2302
+ onRowSelectionChange: S,
2303
+ getCoreRowModel: oe(),
2304
+ getSortedRowModel: le(),
2305
+ getFilteredRowModel: se(),
2306
+ ...r && { getPaginationRowModel: ce() },
1801
2307
  enableRowSelection: o,
1802
2308
  initialState: { pagination: { pageSize: i } },
1803
- ...D
1804
- }), k = O.getPageCount(), A = O.getState().pagination.pageIndex + 1, j = O.getState().pagination.pageSize;
1805
- return /* @__PURE__ */ m("div", {
1806
- className: G("flex flex-col gap-3", f),
1807
- children: [/* @__PURE__ */ m($, { children: [/* @__PURE__ */ p($.Header, { children: O.getHeaderGroups().map((e) => /* @__PURE__ */ p($.Row, { children: e.headers.map((e) => {
2309
+ ...ee
2310
+ }), E = T.getPageCount(), D = T.getState().pagination.pageIndex + 1, O = T.getState().pagination.pageSize;
2311
+ return /* @__PURE__ */ M("div", {
2312
+ className: G("flex flex-col gap-3", d),
2313
+ children: [/* @__PURE__ */ M($, { children: [/* @__PURE__ */ j($.Header, { children: T.getHeaderGroups().map((e) => /* @__PURE__ */ j($.Row, { children: e.headers.map((e) => {
1808
2314
  let t = n && e.column.getCanSort(), r = e.column.getIsSorted();
1809
- return /* @__PURE__ */ p($.HeaderCell, {
2315
+ return /* @__PURE__ */ j($.HeaderCell, {
1810
2316
  width: e.getSize() === 150 ? void 0 : e.getSize(),
1811
2317
  className: G(t && "cursor-pointer select-none group"),
1812
- children: e.isPlaceholder ? null : /* @__PURE__ */ m("button", {
2318
+ children: e.isPlaceholder ? null : /* @__PURE__ */ M("button", {
1813
2319
  type: "button",
1814
2320
  className: G("flex items-center gap-1", t && "cursor-pointer"),
1815
2321
  onClick: t ? e.column.getToggleSortingHandler() : void 0,
1816
2322
  tabIndex: t ? 0 : -1,
1817
- children: [re(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ p(qt, { direction: r })]
2323
+ children: [ae(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ j(Rn, { direction: r })]
1818
2324
  })
1819
2325
  }, e.id);
1820
- }) }, e.id)) }), /* @__PURE__ */ p($.Body, { children: O.getRowModel().rows.length > 0 ? O.getRowModel().rows.map((e) => /* @__PURE__ */ p($.Row, {
2326
+ }) }, e.id)) }), /* @__PURE__ */ j($.Body, { children: T.getRowModel().rows.length > 0 ? T.getRowModel().rows.map((e) => /* @__PURE__ */ j($.Row, {
1821
2327
  onClick: l ? () => l(e) : void 0,
1822
2328
  className: G(e.getIsSelected() && "bg-cui-subtle"),
1823
- children: e.getVisibleCells().map((e) => /* @__PURE__ */ p($.Cell, {
2329
+ children: e.getVisibleCells().map((e) => /* @__PURE__ */ j($.Cell, {
1824
2330
  width: e.column.getSize() === 150 ? void 0 : e.column.getSize(),
1825
- children: re(e.column.columnDef.cell, e.getContext())
2331
+ children: ae(e.column.columnDef.cell, e.getContext())
1826
2332
  }, e.id))
1827
- }, e.id)) : /* @__PURE__ */ p($.Row, { children: /* @__PURE__ */ p($.Cell, {
1828
- colSpan: E.length,
2333
+ }, e.id)) : /* @__PURE__ */ j($.Row, { children: /* @__PURE__ */ j($.Cell, {
2334
+ colSpan: C.length,
1829
2335
  className: "text-cui-tertiary py-8 text-center",
1830
2336
  children: u
1831
- }) }) })] }), r && k > 0 && /* @__PURE__ */ m("div", {
2337
+ }) }) })] }), r && E > 0 && /* @__PURE__ */ M("div", {
1832
2338
  className: "flex items-center justify-between",
1833
- children: [o && /* @__PURE__ */ m("span", {
1834
- className: "text-cui-secondary text-sm",
2339
+ children: [o && /* @__PURE__ */ M("span", {
2340
+ className: "text-cui-secondary text-cui-base",
1835
2341
  children: [
1836
- O.getFilteredSelectedRowModel().rows.length,
2342
+ T.getFilteredSelectedRowModel().rows.length,
1837
2343
  " of",
1838
2344
  " ",
1839
- O.getFilteredRowModel().rows.length,
2345
+ T.getFilteredRowModel().rows.length,
1840
2346
  " row(s) selected"
1841
2347
  ]
1842
- }), /* @__PURE__ */ p("div", {
2348
+ }), /* @__PURE__ */ j("div", {
1843
2349
  className: G(!o && "ml-auto"),
1844
- children: /* @__PURE__ */ p(Kt, {
1845
- page: A,
1846
- pageCount: k,
1847
- onPageChange: (e) => O.setPageIndex(e - 1),
1848
- totalItems: O.getFilteredRowModel().rows.length,
1849
- rowsPerPage: j,
1850
- onRowsPerPageChange: (e) => O.setPageSize(e),
2350
+ children: /* @__PURE__ */ j(Ln, {
2351
+ page: D,
2352
+ pageCount: E,
2353
+ onPageChange: (e) => T.setPageIndex(e - 1),
2354
+ totalItems: T.getFilteredRowModel().rows.length,
2355
+ rowsPerPage: O,
2356
+ onRowsPerPageChange: (e) => T.setPageSize(e),
1851
2357
  rowOptions: a
1852
2358
  })
1853
2359
  })]
@@ -1856,182 +2362,181 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
1856
2362
  }
1857
2363
  //#endregion
1858
2364
  //#region src/components/data-table/data-table-toolbar.tsx
1859
- function Yt({ children: e, className: t }) {
1860
- return /* @__PURE__ */ p("div", {
2365
+ var Bn = C(function({ children: e, className: t }, n) {
2366
+ return /* @__PURE__ */ j("div", {
2367
+ ref: n,
1861
2368
  className: G("flex flex-wrap items-center gap-2", t),
1862
2369
  children: e
1863
2370
  });
1864
- }
1865
- //#endregion
1866
- //#region src/components/data-table/data-table-search.tsx
1867
- function Xt({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
1868
- let i = u(null), o = a(() => {
1869
- t(""), i.current?.focus();
2371
+ }), Vn = C(function({ value: e, onChange: t, placeholder: n = "Search...", className: r }, i) {
2372
+ let a = O(null), o = w(() => {
2373
+ t(""), a.current?.focus();
1870
2374
  }, [t]);
1871
- return /* @__PURE__ */ m("div", {
2375
+ return /* @__PURE__ */ M("div", {
2376
+ ref: i,
1872
2377
  className: G("border-cui-neutral bg-cui-base-2 flex h-8 max-w-sm items-center gap-2 rounded-md border px-2.5", "ring-cui-neutral ring-0 transition-[box-shadow,border-color] duration-150 ease-out", "has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong", "motion-reduce:transition-none", r),
1873
2378
  children: [
1874
- /* @__PURE__ */ p(D, { className: "text-cui-tertiary size-4 shrink-0" }),
1875
- /* @__PURE__ */ p("input", {
1876
- ref: i,
2379
+ /* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }),
2380
+ /* @__PURE__ */ j("input", {
2381
+ ref: a,
1877
2382
  type: "text",
1878
2383
  value: e,
1879
2384
  onChange: (e) => t(e.target.value),
1880
2385
  placeholder: n,
1881
- className: "text-cui-primary placeholder:text-cui-tertiary min-w-0 flex-1 bg-transparent text-sm outline-none"
2386
+ className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base min-w-0 flex-1 bg-transparent outline-none"
1882
2387
  }),
1883
- e && /* @__PURE__ */ p("button", {
2388
+ e && /* @__PURE__ */ j("button", {
1884
2389
  type: "button",
1885
2390
  onClick: o,
1886
2391
  className: "text-cui-tertiary hover:text-cui-secondary shrink-0 rounded-sm p-0.5 transition-colors",
1887
- children: /* @__PURE__ */ p(M, { className: "size-3.5" })
2392
+ children: /* @__PURE__ */ j(x, { className: "size-3.5" })
1888
2393
  })
1889
2394
  ]
1890
2395
  });
1891
- }
2396
+ });
1892
2397
  //#endregion
1893
2398
  //#region src/components/popover/popover.tsx
1894
- function Zt(e) {
1895
- return /* @__PURE__ */ p(R.Root, { ...e });
2399
+ function Hn(e) {
2400
+ return /* @__PURE__ */ j(V.Root, { ...e });
1896
2401
  }
1897
- var Qt = i(function({ className: e, ...t }, n) {
1898
- return /* @__PURE__ */ p(R.Trigger, {
2402
+ var Un = C(function({ className: e, ...t }, n) {
2403
+ return /* @__PURE__ */ j(V.Trigger, {
1899
2404
  ref: n,
1900
2405
  className: G("cursor-pointer outline-none", e),
1901
2406
  ...t
1902
2407
  });
1903
2408
  });
1904
- function $t({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
1905
- return /* @__PURE__ */ p(R.Portal, { children: /* @__PURE__ */ p(R.Positioner, {
2409
+ function Wn({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
2410
+ return /* @__PURE__ */ j(V.Portal, { children: /* @__PURE__ */ j(V.Positioner, {
1906
2411
  side: e,
1907
2412
  align: t,
1908
2413
  sideOffset: n,
1909
2414
  className: "z-50 outline-none",
1910
- children: /* @__PURE__ */ p(R.Popup, {
2415
+ children: /* @__PURE__ */ j(V.Popup, {
1911
2416
  className: G("bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-3", "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", "focus:outline-none", r),
1912
2417
  ...a,
1913
2418
  children: i
1914
2419
  })
1915
2420
  }) });
1916
2421
  }
1917
- var en = {
1918
- Root: Zt,
1919
- Trigger: Qt,
1920
- Content: $t,
1921
- Arrow: i(function({ className: e, ...t }, n) {
1922
- return /* @__PURE__ */ p(R.Arrow, {
2422
+ var Gn = {
2423
+ Root: Hn,
2424
+ Trigger: Un,
2425
+ Content: Wn,
2426
+ Arrow: C(function({ className: e, ...t }, n) {
2427
+ return /* @__PURE__ */ j(V.Arrow, {
1923
2428
  ref: n,
1924
- className: G("fill-base-2 stroke-neutral [stroke-width:1px]", "data-[side=top]:bottom-[-5px]", "data-[side=bottom]:top-[-5px]", "data-[side=left]:right-[-5px]", "data-[side=right]:left-[-5px]", e),
2429
+ className: G("fill-cui-base-2 stroke-cui-neutral [stroke-width:1px]", "data-[side=top]:bottom-[-5px]", "data-[side=bottom]:top-[-5px]", "data-[side=left]:right-[-5px]", "data-[side=right]:left-[-5px]", e),
1925
2430
  ...t
1926
2431
  });
1927
2432
  }),
1928
- Close: i(function({ className: e, ...t }, n) {
1929
- return /* @__PURE__ */ p(R.Close, {
2433
+ Close: C(function({ className: e, ...t }, n) {
2434
+ return /* @__PURE__ */ j(V.Close, {
1930
2435
  ref: n,
1931
2436
  className: G(e),
1932
2437
  ...t
1933
2438
  });
1934
2439
  }),
1935
- Title: i(function({ className: e, children: t }, n) {
1936
- return /* @__PURE__ */ p("p", {
2440
+ Title: C(function({ className: e, children: t }, n) {
2441
+ return /* @__PURE__ */ j("p", {
1937
2442
  ref: n,
1938
- className: G("text-cui-primary text-sm font-medium", e),
2443
+ className: G("text-cui-primary text-cui-base font-medium", e),
1939
2444
  children: t
1940
2445
  });
1941
2446
  }),
1942
- Description: i(function({ className: e, ...t }, n) {
1943
- return /* @__PURE__ */ p(R.Description, {
2447
+ Description: C(function({ className: e, ...t }, n) {
2448
+ return /* @__PURE__ */ j(V.Description, {
1944
2449
  ref: n,
1945
- className: G("text-cui-secondary mt-1 text-sm", e),
2450
+ className: G("text-cui-secondary mt-1 text-cui-base", e),
1946
2451
  ...t
1947
2452
  });
1948
2453
  })
1949
2454
  };
1950
2455
  //#endregion
1951
2456
  //#region src/components/data-table/data-table-faceted-filter.tsx
1952
- function tn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
1953
- let [a, o] = d(""), s = u(null), c = e?.getFacetedUniqueValues(), l = r ?? e?.getFilterValue() ?? [], h = new Set(l), g = h.size > 0, _ = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
1954
- function v(t) {
2457
+ function Kn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
2458
+ let [a, s] = k(""), c = O(null), l = e?.getFacetedUniqueValues(), u = r ?? e?.getFilterValue() ?? [], d = new Set(u), f = d.size > 0, p = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
2459
+ function m(t) {
1955
2460
  i ? i(t) : e?.setFilterValue(t.length ? t : void 0);
1956
2461
  }
1957
- function b(e) {
1958
- let t = new Set(h);
1959
- t.has(e) ? t.delete(e) : t.add(e), v(Array.from(t));
2462
+ function h(e) {
2463
+ let t = new Set(d);
2464
+ t.has(e) ? t.delete(e) : t.add(e), m(Array.from(t));
1960
2465
  }
1961
- return /* @__PURE__ */ m(en.Root, {
2466
+ return /* @__PURE__ */ M(Gn.Root, {
1962
2467
  onOpenChange: (e) => {
1963
2468
  e ? requestAnimationFrame(() => {
1964
- s.current?.focus({ preventScroll: !0 });
1965
- }) : o("");
2469
+ c.current?.focus({ preventScroll: !0 });
2470
+ }) : s("");
1966
2471
  },
1967
- children: [/* @__PURE__ */ m(en.Trigger, {
1968
- render: /* @__PURE__ */ p("button", { type: "button" }),
1969
- className: G("border-cui-neutral inline-flex h-8 items-center rounded-md border text-sm", g ? "gap-1 border-solid py-1 pl-2.5 pr-2.5" : "gap-1.5 border-dashed px-3", "hover:bg-cui-subtle cursor-pointer transition-colors", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2"),
2472
+ children: [/* @__PURE__ */ M(Gn.Trigger, {
2473
+ render: /* @__PURE__ */ j("button", { type: "button" }),
2474
+ className: G("border-cui-neutral inline-flex h-8 items-center rounded-md border text-cui-base", f ? "gap-1 border-solid py-1 pl-2.5 pr-2.5" : "gap-1.5 border-dashed px-3", "hover:bg-cui-subtle cursor-pointer transition-colors", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2"),
1970
2475
  children: [
1971
- /* @__PURE__ */ p(A, { className: "text-cui-tertiary size-4 shrink-0" }),
1972
- /* @__PURE__ */ p("span", {
2476
+ /* @__PURE__ */ j(v, { className: "text-cui-tertiary size-4 shrink-0" }),
2477
+ /* @__PURE__ */ j("span", {
1973
2478
  className: "text-cui-primary",
1974
2479
  children: t
1975
2480
  }),
1976
- g && /* @__PURE__ */ m(f, { children: [
1977
- /* @__PURE__ */ p("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
1978
- /* @__PURE__ */ p(vt, {
1979
- className: "rounded-sm px-1 font-normal lg:hidden",
1980
- children: h.size
2481
+ f && /* @__PURE__ */ M(A, { children: [
2482
+ /* @__PURE__ */ j("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
2483
+ /* @__PURE__ */ j(nn, {
2484
+ className: "rounded-sm px-1 font-medium lg:hidden",
2485
+ children: d.size
1981
2486
  }),
1982
- /* @__PURE__ */ p("span", {
2487
+ /* @__PURE__ */ j("span", {
1983
2488
  className: "hidden items-center gap-1 lg:flex",
1984
- children: h.size > 2 ? /* @__PURE__ */ m(vt, {
1985
- className: "rounded-sm px-1 font-normal",
1986
- children: [h.size, " selected"]
1987
- }) : n.filter((e) => h.has(e.value)).map((e) => /* @__PURE__ */ p(vt, {
1988
- className: "rounded-sm px-1 font-normal",
2489
+ children: d.size > 2 ? /* @__PURE__ */ M(nn, {
2490
+ className: "rounded-sm px-1 font-medium",
2491
+ children: [d.size, " selected"]
2492
+ }) : n.filter((e) => d.has(e.value)).map((e) => /* @__PURE__ */ j(nn, {
2493
+ className: "rounded-sm px-1 font-medium",
1989
2494
  children: e.label
1990
2495
  }, e.value))
1991
2496
  })
1992
2497
  ] })
1993
2498
  ]
1994
- }), /* @__PURE__ */ m(en.Content, {
2499
+ }), /* @__PURE__ */ M(Gn.Content, {
1995
2500
  side: "bottom",
1996
2501
  align: "start",
1997
2502
  sideOffset: 4,
1998
2503
  className: "w-[220px] p-1",
1999
2504
  children: [
2000
- /* @__PURE__ */ p(Y.SearchInput, {
2505
+ /* @__PURE__ */ j(J.SearchInput, {
2001
2506
  className: "mx-0 mt-0",
2002
- children: /* @__PURE__ */ p("input", {
2003
- ref: s,
2507
+ children: /* @__PURE__ */ j("input", {
2508
+ ref: c,
2004
2509
  value: a,
2005
- onChange: (e) => o(e.target.value),
2510
+ onChange: (e) => s(e.target.value),
2006
2511
  placeholder: t,
2007
- className: "text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent text-sm outline-none"
2512
+ className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
2008
2513
  })
2009
2514
  }),
2010
- /* @__PURE__ */ m(Y.List, { children: [_.length === 0 && /* @__PURE__ */ p(Y.Empty, { children: "No results found." }), _.map((e) => {
2011
- let t = h.has(e.value);
2012
- return /* @__PURE__ */ m(Y.Item, {
2013
- onClick: () => b(e.value),
2014
- icon: /* @__PURE__ */ p("div", {
2515
+ /* @__PURE__ */ M(J.List, { children: [p.length === 0 && /* @__PURE__ */ j(J.Empty, { children: "No results found." }), p.map((e) => {
2516
+ let t = d.has(e.value);
2517
+ return /* @__PURE__ */ M(J.Item, {
2518
+ onClick: () => h(e.value),
2519
+ icon: /* @__PURE__ */ j("div", {
2015
2520
  className: G("flex size-4 items-center justify-center rounded border", t ? "border-cui-accent bg-cui-accent text-cui-inverse" : "border-cui-neutral [&_svg]:invisible"),
2016
- children: /* @__PURE__ */ p(y, { className: "size-3" })
2521
+ children: /* @__PURE__ */ j(o, { className: "size-3" })
2017
2522
  }),
2018
- indicator: c?.get(e.value) == null ? void 0 : /* @__PURE__ */ p("span", {
2019
- className: "text-cui-tertiary font-mono text-xs",
2020
- children: c.get(e.value)
2523
+ indicator: l?.get(e.value) == null ? void 0 : /* @__PURE__ */ j("span", {
2524
+ className: "text-cui-tertiary font-cui-mono text-cui-sm",
2525
+ children: l.get(e.value)
2021
2526
  }),
2022
- children: [e.icon && /* @__PURE__ */ p("span", {
2527
+ children: [e.icon && /* @__PURE__ */ j("span", {
2023
2528
  className: "text-cui-secondary flex size-4 shrink-0 items-center justify-center [&>svg]:size-3.5",
2024
2529
  children: e.icon
2025
- }), /* @__PURE__ */ p("span", {
2530
+ }), /* @__PURE__ */ j("span", {
2026
2531
  className: "relative z-[1]",
2027
2532
  children: e.label
2028
2533
  })]
2029
2534
  }, e.value);
2030
2535
  })] }),
2031
- g && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Y.Separator, {}), /* @__PURE__ */ p(Y.Item, {
2032
- onClick: () => v([]),
2536
+ f && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(J.Separator, {}), /* @__PURE__ */ j(J.Item, {
2537
+ onClick: () => m([]),
2033
2538
  className: "justify-center",
2034
- children: /* @__PURE__ */ p("span", {
2539
+ children: /* @__PURE__ */ j("span", {
2035
2540
  className: "relative z-[1]",
2036
2541
  children: "Clear filters"
2037
2542
  })
@@ -2042,261 +2547,268 @@ function tn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
2042
2547
  }
2043
2548
  //#endregion
2044
2549
  //#region src/components/segmented-group/segmented-group.tsx
2045
- var nn = i(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, o) {
2046
- let s = n === "fill", l = u(null), [f, h] = d(null), g = u(!1), _ = a(() => {
2550
+ var qn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, a) {
2551
+ let o = n === "fill", s = O(null), [c, l] = k(null), u = O(!1), d = w(() => {
2047
2552
  if (n !== "fit") return;
2048
- let t = l.current;
2553
+ let t = s.current;
2049
2554
  if (!t) return;
2050
2555
  let r = t.querySelectorAll("[data-segmented-item]")[e];
2051
2556
  if (!r) return;
2052
- let i = !g.current;
2053
- g.current = !0, h({
2557
+ let i = !u.current;
2558
+ u.current = !0, l({
2054
2559
  left: r.offsetLeft,
2055
2560
  width: r.offsetWidth
2056
2561
  }), i && r.offsetHeight;
2057
2562
  }, [e, n]);
2058
- c(() => {
2059
- _();
2060
- let e = l.current;
2563
+ E(() => {
2564
+ d();
2565
+ let e = s.current;
2061
2566
  if (!e || n !== "fit") return;
2062
- let t = new ResizeObserver(_);
2567
+ let t = new ResizeObserver(d);
2063
2568
  return t.observe(e), () => t.disconnect();
2064
- }, [_, n]);
2065
- let v = s ? {
2569
+ }, [d, n]);
2570
+ let f = o ? {
2066
2571
  width: `calc(100% / ${t})`,
2067
2572
  transform: `translateX(${e * 100}%)`
2068
- } : f ? {
2069
- left: f.left,
2070
- width: f.width,
2071
- transition: g.current ? void 0 : "none"
2573
+ } : c ? {
2574
+ left: c.left,
2575
+ width: c.width,
2576
+ transition: u.current ? void 0 : "none"
2072
2577
  } : { opacity: 0 };
2073
- return /* @__PURE__ */ m("div", {
2578
+ return /* @__PURE__ */ M("div", {
2074
2579
  ref: (e) => {
2075
- l.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
2580
+ s.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
2076
2581
  },
2077
- className: G("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", s ? "grid" : "inline-flex", r),
2078
- style: s ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
2079
- children: [/* @__PURE__ */ p("div", {
2582
+ className: G("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", o ? "grid" : "inline-flex", r),
2583
+ style: o ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
2584
+ children: [/* @__PURE__ */ j("div", {
2080
2585
  "aria-hidden": !0,
2081
- className: G("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !s && !g.current && "transition-none"),
2082
- style: v,
2083
- children: /* @__PURE__ */ p("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
2586
+ className: G("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !o && !u.current && "transition-none"),
2587
+ style: f,
2588
+ children: /* @__PURE__ */ j("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
2084
2589
  }), i]
2085
2590
  });
2086
- }), rn = i(function({ active: e = !1, className: t, children: n, ...r }, i) {
2087
- return /* @__PURE__ */ p("button", {
2591
+ }), Jn = C(function({ active: e = !1, className: t, children: n, ...r }, i) {
2592
+ return /* @__PURE__ */ j("button", {
2088
2593
  ref: i,
2089
2594
  type: "button",
2090
2595
  "data-segmented-item": "",
2091
- className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-sm font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", e ? "text-cui-primary" : "text-cui-tertiary hover:text-cui-secondary", t),
2596
+ className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", e ? "text-cui-primary" : "text-cui-tertiary hover:text-cui-secondary", t),
2092
2597
  ...r,
2093
2598
  children: n
2094
2599
  });
2095
- });
2096
- //#endregion
2097
- //#region src/components/segmented-control/segmented-control.tsx
2098
- function an({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", className: a }) {
2099
- let [o, s] = d(() => n ?? e[0]?.value ?? ""), c = t !== void 0, l = c ? t : o, u = e.findIndex((e) => e.value === l);
2100
- function f(e) {
2101
- c || s(e), r?.(e);
2600
+ }), Yn = {
2601
+ sm: "h-7 px-2.5",
2602
+ md: "h-8 px-3"
2603
+ }, Xn = C(function({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", size: a = "sm", className: o }, s) {
2604
+ let [c, l] = k(() => n ?? e[0]?.value ?? ""), u = t !== void 0, d = u ? t : c, f = e.findIndex((e) => e.value === d);
2605
+ function p(e) {
2606
+ u || l(e), r?.(e);
2102
2607
  }
2103
- return /* @__PURE__ */ p(nn, {
2104
- activeIndex: u,
2608
+ return /* @__PURE__ */ j(qn, {
2609
+ ref: s,
2610
+ activeIndex: f,
2105
2611
  itemCount: e.length,
2106
2612
  layout: i,
2107
- className: a,
2108
- children: e.map((e) => /* @__PURE__ */ m(rn, {
2109
- active: e.value === l,
2110
- "aria-pressed": e.value === l,
2111
- onClick: () => f(e.value),
2112
- children: [e.icon && /* @__PURE__ */ p("span", {
2613
+ className: o,
2614
+ children: e.map((e) => /* @__PURE__ */ M(Jn, {
2615
+ active: e.value === d,
2616
+ "aria-pressed": e.value === d,
2617
+ onClick: () => p(e.value),
2618
+ className: Yn[a],
2619
+ children: [e.icon && /* @__PURE__ */ j("span", {
2113
2620
  className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
2114
2621
  children: e.icon
2115
- }), e.label && /* @__PURE__ */ p("span", { children: e.label })]
2622
+ }), e.label && /* @__PURE__ */ j("span", { children: e.label })]
2116
2623
  }, e.value))
2117
2624
  });
2118
- }
2119
- //#endregion
2120
- //#region src/components/user-menu/user-menu.tsx
2121
- var on = [
2625
+ }), Zn = [
2122
2626
  {
2123
2627
  value: "light",
2124
- icon: /* @__PURE__ */ p(j, {})
2628
+ icon: /* @__PURE__ */ j(y, {})
2125
2629
  },
2126
2630
  {
2127
2631
  value: "dark",
2128
- icon: /* @__PURE__ */ p(k, {})
2632
+ icon: /* @__PURE__ */ j(_, {})
2129
2633
  },
2130
2634
  {
2131
2635
  value: "system",
2132
- icon: /* @__PURE__ */ p(T, {})
2636
+ icon: /* @__PURE__ */ j(f, {})
2133
2637
  }
2134
2638
  ];
2135
- function sn({ user: e, theme: t = "system", onThemeChange: n, items: r, onLogout: i, className: a }) {
2136
- return /* @__PURE__ */ m(Q.Root, { children: [/* @__PURE__ */ p(Q.Trigger, {
2137
- className: a,
2138
- children: /* @__PURE__ */ p(Z, {
2639
+ function Qn({ user: e, theme: t = "system", onThemeChange: n, items: i, onLogout: a, children: o, side: s = "bottom", align: c = "end", className: l }) {
2640
+ return /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, {
2641
+ className: l,
2642
+ children: o ?? /* @__PURE__ */ j(gt, {
2139
2643
  initials: e.initials,
2140
2644
  src: e.avatarUrl,
2141
2645
  size: "sm",
2142
2646
  className: "cursor-pointer"
2143
2647
  })
2144
- }), /* @__PURE__ */ m(Q.Content, {
2145
- align: "end",
2648
+ }), /* @__PURE__ */ M(Q.Content, {
2649
+ side: s,
2650
+ align: c,
2146
2651
  sideOffset: 8,
2147
2652
  minWidth: "min-w-[260px]",
2148
2653
  children: [
2149
- /* @__PURE__ */ m("div", {
2150
- className: "flex items-center gap-3 px-2 py-2",
2151
- children: [/* @__PURE__ */ p(Z, {
2654
+ /* @__PURE__ */ M("div", {
2655
+ className: "flex items-center gap-2 px-2 py-1.5",
2656
+ children: [/* @__PURE__ */ j(gt, {
2152
2657
  initials: e.initials,
2153
2658
  src: e.avatarUrl,
2154
2659
  size: "md"
2155
- }), /* @__PURE__ */ m("div", {
2660
+ }), /* @__PURE__ */ M("div", {
2156
2661
  className: "flex flex-col gap-0.5",
2157
- children: [/* @__PURE__ */ p("span", {
2158
- className: "text-cui-primary text-sm font-medium",
2662
+ children: [/* @__PURE__ */ j("span", {
2663
+ className: "text-cui-primary text-cui-base font-semibold",
2159
2664
  children: e.name
2160
- }), e.org && /* @__PURE__ */ p("span", {
2161
- className: "text-cui-secondary text-xs",
2665
+ }), e.org && /* @__PURE__ */ j("span", {
2666
+ className: "text-cui-tertiary text-cui-sm",
2162
2667
  children: e.org
2163
2668
  })]
2164
2669
  })]
2165
2670
  }),
2166
- /* @__PURE__ */ p(Q.Separator, {}),
2167
- /* @__PURE__ */ m("div", {
2671
+ /* @__PURE__ */ j(Q.Separator, {}),
2672
+ /* @__PURE__ */ M("div", {
2168
2673
  className: "flex items-center justify-between px-2 py-1.5",
2169
- children: [/* @__PURE__ */ p("span", {
2170
- className: "text-cui-primary text-sm",
2171
- children: "Appearance"
2172
- }), /* @__PURE__ */ p(an, {
2173
- options: on,
2674
+ children: [/* @__PURE__ */ j("span", {
2675
+ className: "text-cui-primary text-cui-base",
2676
+ children: "Theme"
2677
+ }), /* @__PURE__ */ j(Xn, {
2678
+ options: Zn,
2174
2679
  value: t,
2175
2680
  onValueChange: n
2176
2681
  })]
2177
2682
  }),
2178
- r && r.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Q.Separator, {}), r.map((e) => /* @__PURE__ */ p(Q.Item, {
2683
+ i && i.length > 0 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), i.map((e) => /* @__PURE__ */ j(Q.Item, {
2179
2684
  icon: e.icon,
2180
2685
  onClick: e.onClick,
2181
2686
  children: e.label
2182
2687
  }, e.label))] }),
2183
- i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Q.Separator, {}), /* @__PURE__ */ p(Q.Item, {
2184
- icon: /* @__PURE__ */ p(_, {}),
2185
- onClick: i,
2688
+ a && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), /* @__PURE__ */ j(Q.Item, {
2689
+ icon: /* @__PURE__ */ j(r, {}),
2690
+ onClick: a,
2186
2691
  children: "Log out"
2187
2692
  })] })
2188
2693
  ]
2189
2694
  })] });
2190
2695
  }
2191
2696
  //#endregion
2192
- //#region src/components/tooltip/tooltip.tsx
2193
- function cn(e) {
2194
- return /* @__PURE__ */ p(z.Provider, { ...e });
2195
- }
2196
- function ln(e) {
2197
- return /* @__PURE__ */ p(z.Root, { ...e });
2198
- }
2199
- var un = i(function({ className: e, ...t }, n) {
2200
- return /* @__PURE__ */ p(z.Trigger, {
2201
- ref: n,
2202
- className: G("outline-none", e),
2203
- ...t
2204
- });
2205
- });
2206
- function dn({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
2207
- return /* @__PURE__ */ p(z.Portal, { children: /* @__PURE__ */ p(z.Positioner, {
2208
- side: e,
2209
- align: t,
2210
- sideOffset: n,
2211
- className: G("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
2212
- children: /* @__PURE__ */ p(z.Popup, {
2213
- className: G("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-xs font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
2214
- ...a,
2215
- children: i
2216
- })
2217
- }) });
2218
- }
2219
- var fn = i(function({ className: e, ...t }, n) {
2220
- return /* @__PURE__ */ p(z.Viewport, {
2221
- ref: n,
2222
- className: G("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
2223
- ...t
2224
- });
2225
- }), pn = z.createHandle, mn = {
2226
- Provider: cn,
2227
- Root: ln,
2228
- Trigger: un,
2229
- Content: dn,
2230
- Viewport: fn,
2231
- createHandle: z.createHandle
2232
- }, hn = {
2233
- info: {
2697
+ //#region src/components/alert/alert.tsx
2698
+ var $n = {
2699
+ accent: {
2234
2700
  container: "bg-cui-accent-subtle",
2235
2701
  icon: "text-cui-accent",
2236
2702
  text: "text-cui-accent [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
2237
2703
  pattern: "text-cui-accent",
2238
- defaultIcon: ee
2704
+ defaultIcon: m
2239
2705
  },
2240
2706
  success: {
2241
2707
  container: "bg-cui-success-subtle",
2242
2708
  icon: "text-cui-success",
2243
2709
  text: "text-cui-success [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
2244
2710
  pattern: "text-cui-success",
2245
- defaultIcon: v
2711
+ defaultIcon: a
2246
2712
  },
2247
- warning: {
2713
+ warn: {
2248
2714
  container: "bg-cui-warn-subtle",
2249
2715
  icon: "text-cui-warn",
2250
2716
  text: "text-cui-warn [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
2251
2717
  pattern: "text-cui-warn",
2252
- defaultIcon: E
2718
+ defaultIcon: p
2253
2719
  },
2254
2720
  danger: {
2255
2721
  container: "bg-cui-danger-subtle",
2256
2722
  icon: "text-cui-danger",
2257
2723
  text: "text-cui-danger [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
2258
2724
  pattern: "text-cui-danger",
2259
- defaultIcon: te
2725
+ defaultIcon: b
2260
2726
  }
2261
- }, gn = {
2727
+ }, er = {
2262
2728
  maskImage: "linear-gradient(to left, black, transparent)",
2263
2729
  WebkitMaskImage: "linear-gradient(to left, black, transparent)"
2264
- }, _n = i(function({ variant: e = "info", icon: t, action: n, onDismiss: r, className: i, children: a }, o) {
2265
- let s = hn[e], c = s.defaultIcon;
2266
- return /* @__PURE__ */ m("div", {
2267
- ref: o,
2730
+ }, tr = C(function({ variant: e = "accent", layout: t = "inline", icon: n, action: r, onDismiss: i, className: a, children: o }, s) {
2731
+ let c = $n[e], l = c.defaultIcon;
2732
+ return t === "banner" ? /* @__PURE__ */ M("div", {
2733
+ ref: s,
2734
+ role: "alert",
2735
+ className: G("relative flex w-full items-center justify-center overflow-hidden px-4 py-3", c.container, a),
2736
+ children: [
2737
+ /* @__PURE__ */ j("div", {
2738
+ className: G("pointer-events-none absolute inset-0", c.pattern),
2739
+ style: {
2740
+ maskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)",
2741
+ WebkitMaskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)"
2742
+ },
2743
+ children: /* @__PURE__ */ j(un, {
2744
+ squareSize: 4,
2745
+ gridGap: 2,
2746
+ flickerChance: .4,
2747
+ maxOpacity: .15
2748
+ })
2749
+ }),
2750
+ /* @__PURE__ */ M("div", {
2751
+ className: "relative flex items-center gap-3",
2752
+ children: [
2753
+ /* @__PURE__ */ j("span", {
2754
+ className: G("flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
2755
+ children: n ?? /* @__PURE__ */ j(l, {})
2756
+ }),
2757
+ /* @__PURE__ */ j("span", {
2758
+ className: G("text-cui-base font-medium", c.text),
2759
+ children: o
2760
+ }),
2761
+ r && /* @__PURE__ */ j("div", {
2762
+ className: "shrink-0",
2763
+ children: r
2764
+ })
2765
+ ]
2766
+ }),
2767
+ i && /* @__PURE__ */ j("div", {
2768
+ className: "absolute right-2",
2769
+ children: /* @__PURE__ */ j(q, {
2770
+ variant: "transparent",
2771
+ size: "xs",
2772
+ iconLeft: /* @__PURE__ */ j(x, {}),
2773
+ onClick: i,
2774
+ "aria-label": "Dismiss"
2775
+ })
2776
+ })
2777
+ ]
2778
+ }) : /* @__PURE__ */ M("div", {
2779
+ ref: s,
2268
2780
  role: "alert",
2269
- className: G("relative flex min-h-10 items-center gap-3 overflow-hidden rounded-md py-1.5 pl-3 pr-1.5", s.container, i),
2781
+ className: G("relative flex min-h-10 items-center gap-3 overflow-hidden rounded-md py-1.5 pl-3 pr-1.5", c.container, a),
2270
2782
  children: [
2271
- /* @__PURE__ */ p("div", {
2272
- className: G("pointer-events-none absolute top-0 right-0 h-full w-1/2", s.pattern),
2273
- style: gn,
2274
- children: /* @__PURE__ */ p(Tt, {
2783
+ /* @__PURE__ */ j("div", {
2784
+ className: G("pointer-events-none absolute top-0 right-0 h-full w-1/2", c.pattern),
2785
+ style: er,
2786
+ children: /* @__PURE__ */ j(un, {
2275
2787
  squareSize: 4,
2276
2788
  gridGap: 2,
2277
2789
  flickerChance: .4,
2278
2790
  maxOpacity: .2
2279
2791
  })
2280
2792
  }),
2281
- /* @__PURE__ */ p("span", {
2282
- className: G("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", s.icon),
2283
- children: t ?? /* @__PURE__ */ p(c, {})
2793
+ /* @__PURE__ */ j("span", {
2794
+ className: G("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
2795
+ children: n ?? /* @__PURE__ */ j(l, {})
2284
2796
  }),
2285
- /* @__PURE__ */ p("span", {
2286
- className: G("relative flex-1 text-sm font-medium", s.text),
2287
- children: a
2797
+ /* @__PURE__ */ j("span", {
2798
+ className: G("relative flex-1 text-cui-base font-medium", c.text),
2799
+ children: o
2288
2800
  }),
2289
- n && /* @__PURE__ */ p("div", {
2801
+ r && /* @__PURE__ */ j("div", {
2290
2802
  className: "relative ml-auto shrink-0",
2291
- children: n
2803
+ children: r
2292
2804
  }),
2293
- r && /* @__PURE__ */ p("div", {
2805
+ i && /* @__PURE__ */ j("div", {
2294
2806
  className: "relative ml-auto shrink-0",
2295
- children: /* @__PURE__ */ p(K, {
2807
+ children: /* @__PURE__ */ j(q, {
2296
2808
  variant: "transparent",
2297
2809
  size: "xs",
2298
- iconLeft: /* @__PURE__ */ p(M, {}),
2299
- onClick: r,
2810
+ iconLeft: /* @__PURE__ */ j(x, {}),
2811
+ onClick: i,
2300
2812
  "aria-label": "Dismiss"
2301
2813
  })
2302
2814
  })
@@ -2305,375 +2817,472 @@ var fn = i(function({ className: e, ...t }, n) {
2305
2817
  });
2306
2818
  //#endregion
2307
2819
  //#region src/components/alert-dialog/alert-dialog.tsx
2308
- function vn(e) {
2309
- return /* @__PURE__ */ p(B.Root, { ...e });
2820
+ function nr(e) {
2821
+ return /* @__PURE__ */ j(H.Root, { ...e });
2310
2822
  }
2311
- var yn = i(function({ className: e, ...t }, n) {
2312
- return /* @__PURE__ */ p(B.Trigger, {
2823
+ var rr = C(function({ className: e, ...t }, n) {
2824
+ return /* @__PURE__ */ j(H.Trigger, {
2313
2825
  ref: n,
2314
2826
  className: G(e),
2315
2827
  ...t
2316
2828
  });
2317
- }), bn = i(function({ className: e, ...t }, n) {
2318
- return /* @__PURE__ */ p(B.Backdrop, {
2829
+ }), ir = C(function({ className: e, ...t }, n) {
2830
+ return /* @__PURE__ */ j(H.Backdrop, {
2319
2831
  ref: n,
2320
2832
  className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
2321
2833
  ...t
2322
2834
  });
2323
2835
  });
2324
- function xn({ className: e, children: t, ...n }) {
2325
- return /* @__PURE__ */ m(B.Portal, { children: [/* @__PURE__ */ p(bn, {}), /* @__PURE__ */ p(B.Popup, {
2836
+ function ar({ className: e, children: t, ...n }) {
2837
+ return /* @__PURE__ */ M(H.Portal, { children: [/* @__PURE__ */ j(ir, {}), /* @__PURE__ */ j(H.Popup, {
2326
2838
  className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[450px] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", e),
2327
2839
  ...n,
2328
2840
  children: t
2329
2841
  })] });
2330
2842
  }
2331
- var Sn = {
2332
- Root: vn,
2333
- Trigger: yn,
2334
- Content: xn,
2335
- Panel: i(function({ className: e, children: t }, n) {
2336
- return /* @__PURE__ */ p("div", {
2843
+ var or = {
2844
+ Root: nr,
2845
+ Trigger: rr,
2846
+ Content: ar,
2847
+ Panel: C(function({ className: e, children: t }, n) {
2848
+ return /* @__PURE__ */ j("div", {
2337
2849
  ref: n,
2338
2850
  className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
2339
2851
  children: t
2340
2852
  });
2341
2853
  }),
2342
- Title: i(function({ className: e, ...t }, n) {
2343
- return /* @__PURE__ */ p(B.Title, {
2854
+ Title: C(function({ className: e, ...t }, n) {
2855
+ return /* @__PURE__ */ j(H.Title, {
2344
2856
  ref: n,
2345
- className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-sm font-medium", e),
2857
+ className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
2346
2858
  ...t
2347
2859
  });
2348
2860
  }),
2349
- Description: i(function({ className: e, ...t }, n) {
2350
- return /* @__PURE__ */ p(B.Description, {
2861
+ Description: C(function({ className: e, ...t }, n) {
2862
+ return /* @__PURE__ */ j(H.Description, {
2351
2863
  ref: n,
2352
- className: G("text-cui-secondary p-4 text-sm", e),
2864
+ className: G("text-cui-secondary p-4 text-cui-base", e),
2353
2865
  ...t
2354
2866
  });
2355
2867
  }),
2356
- Actions: i(function({ className: e, children: t }, n) {
2357
- return /* @__PURE__ */ p("div", {
2868
+ Actions: C(function({ className: e, children: t }, n) {
2869
+ return /* @__PURE__ */ j("div", {
2358
2870
  ref: n,
2359
2871
  className: G("flex items-center justify-end gap-2 p-2", e),
2360
2872
  children: t
2361
2873
  });
2362
2874
  }),
2363
- Close: i(function({ className: e, ...t }, n) {
2364
- return /* @__PURE__ */ p(B.Close, {
2875
+ Close: C(function({ className: e, ...t }, n) {
2876
+ return /* @__PURE__ */ j(H.Close, {
2365
2877
  ref: n,
2366
2878
  className: G(e),
2367
2879
  ...t
2368
2880
  });
2369
2881
  })
2370
- }, Cn = {
2371
- Root: i(function({ className: e, ...t }, n) {
2372
- return /* @__PURE__ */ p(V.Root, {
2882
+ }, sr = {
2883
+ Root: C(function({ className: e, ...t }, n) {
2884
+ return /* @__PURE__ */ j(de.Root, {
2373
2885
  ref: n,
2374
2886
  className: G("flex flex-col", e),
2375
2887
  ...t
2376
2888
  });
2377
2889
  }),
2378
- Item: i(function({ className: e, ...t }, n) {
2379
- return /* @__PURE__ */ p(V.Item, {
2890
+ Item: C(function({ className: e, ...t }, n) {
2891
+ return /* @__PURE__ */ j(de.Item, {
2380
2892
  ref: n,
2381
2893
  className: G("border-cui-neutral border-b last:border-b-0", e),
2382
2894
  ...t
2383
2895
  });
2384
2896
  }),
2385
- Trigger: i(function({ icon: e, className: t, children: n, ...r }, i) {
2386
- return /* @__PURE__ */ m(V.Trigger, {
2897
+ Trigger: C(function({ icon: e, className: t, children: n, ...r }, i) {
2898
+ return /* @__PURE__ */ M(de.Trigger, {
2387
2899
  ref: i,
2388
- className: G("group flex w-full cursor-pointer items-center gap-2 py-3 text-sm font-medium outline-none", "text-cui-primary hover:text-cui-primary", "focus-visible:ring-cui-focus focus-visible:ring-2 focus-visible:ring-offset-2 rounded-sm", t),
2900
+ className: G("group flex w-full cursor-pointer items-center gap-2 rounded-sm py-3 text-cui-base font-medium", "text-cui-primary hover:text-cui-primary", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", t),
2389
2901
  ...r,
2390
2902
  children: [
2391
- /* @__PURE__ */ p(S, { className: G("text-cui-tertiary size-4 shrink-0", "transition-transform duration-200 ease-cui-out-expo", "group-data-[panel-open]:rotate-90", "motion-reduce:transition-none") }),
2392
- e && /* @__PURE__ */ p("span", {
2903
+ /* @__PURE__ */ j(l, { className: G("text-cui-tertiary size-4 shrink-0", "transition-transform duration-200 ease-cui-out-expo", "group-data-[panel-open]:rotate-90", "motion-reduce:transition-none") }),
2904
+ e && /* @__PURE__ */ j("span", {
2393
2905
  className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
2394
2906
  children: e
2395
2907
  }),
2396
- /* @__PURE__ */ p("span", {
2908
+ /* @__PURE__ */ j("span", {
2397
2909
  className: "flex-1 text-left",
2398
2910
  children: n
2399
2911
  })
2400
2912
  ]
2401
2913
  });
2402
2914
  }),
2403
- Content: i(function({ className: e, children: t, ...n }, r) {
2404
- return /* @__PURE__ */ p(V.Panel, {
2915
+ Content: C(function({ className: e, children: t, ...n }, r) {
2916
+ return /* @__PURE__ */ j(de.Panel, {
2405
2917
  ref: r,
2406
2918
  className: G("overflow-hidden", "h-[var(--accordion-panel-height)]", "transition-[height] duration-200 ease-cui-out-expo", "data-[starting-style]:h-0", "data-[ending-style]:h-0", "motion-reduce:transition-none", e),
2407
2919
  ...n,
2408
- children: /* @__PURE__ */ p("div", {
2409
- className: "text-cui-secondary pb-3 text-sm",
2920
+ children: /* @__PURE__ */ j("div", {
2921
+ className: "text-cui-secondary text-cui-base pb-3",
2410
2922
  children: t
2411
2923
  })
2412
2924
  });
2413
2925
  })
2414
- }, wn = {
2415
- Root: i(function({ className: e, ...t }, n) {
2416
- return /* @__PURE__ */ p(H.Root, {
2417
- ref: n,
2418
- className: G("flex flex-col", e),
2419
- ...t
2420
- });
2421
- }),
2422
- List: i(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
2423
- let o = u(null), [s, l] = d(0), [f, m] = d(0), h = a(() => {
2424
- let e = o.current;
2425
- if (!e) return;
2426
- let t = e.querySelectorAll("[role='tab']");
2427
- l(t.length);
2428
- let n = -1;
2429
- t.forEach((e, t) => {
2430
- (e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
2431
- }), n < 0 && (n = 0), m(n);
2432
- }, []);
2433
- return c(() => {
2434
- h();
2435
- let e = o.current;
2436
- if (!e) return;
2437
- let t = new MutationObserver(h);
2438
- t.observe(e, {
2439
- attributes: !0,
2440
- attributeFilter: ["data-active", "aria-selected"],
2441
- subtree: !0
2442
- });
2443
- let n = new ResizeObserver(h);
2444
- return n.observe(e), () => {
2445
- t.disconnect(), n.disconnect();
2446
- };
2447
- }, [h]), /* @__PURE__ */ p(nn, {
2448
- ref: (e) => {
2449
- o.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
2450
- },
2451
- activeIndex: f,
2452
- itemCount: s,
2453
- layout: t,
2454
- className: typeof e == "string" ? e : void 0,
2455
- children: /* @__PURE__ */ p(H.List, {
2456
- className: "contents",
2457
- ...r,
2458
- children: n
2459
- })
2926
+ }, cr = C(function({ className: e, ...t }, n) {
2927
+ return /* @__PURE__ */ j(fe.Root, {
2928
+ ref: n,
2929
+ className: G("flex flex-col", e),
2930
+ ...t
2931
+ });
2932
+ }), lr = C(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
2933
+ let a = O(null), [o, s] = k(0), [c, l] = k(0), u = w(() => {
2934
+ let e = a.current;
2935
+ if (!e) return;
2936
+ let t = e.querySelectorAll("[role='tab']");
2937
+ s(t.length);
2938
+ let n = -1;
2939
+ t.forEach((e, t) => {
2940
+ (e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
2941
+ }), n < 0 && (n = 0), l(n);
2942
+ }, []);
2943
+ return E(() => {
2944
+ u();
2945
+ let e = a.current;
2946
+ if (!e) return;
2947
+ let t = new MutationObserver(u);
2948
+ t.observe(e, {
2949
+ attributes: !0,
2950
+ attributeFilter: ["data-active", "aria-selected"],
2951
+ subtree: !0
2460
2952
  });
2461
- }),
2462
- Tab: i(function({ className: e, children: t, ...n }, r) {
2463
- return /* @__PURE__ */ p(H.Tab, {
2464
- ref: r,
2953
+ let n = new ResizeObserver(u);
2954
+ return n.observe(e), () => {
2955
+ t.disconnect(), n.disconnect();
2956
+ };
2957
+ }, [u]), /* @__PURE__ */ j(qn, {
2958
+ ref: (e) => {
2959
+ a.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
2960
+ },
2961
+ activeIndex: c,
2962
+ itemCount: o,
2963
+ layout: t,
2964
+ className: typeof e == "string" ? e : void 0,
2965
+ children: /* @__PURE__ */ j(fe.List, {
2966
+ className: "contents",
2967
+ ...r,
2968
+ children: n
2969
+ })
2970
+ });
2971
+ }), ur = {
2972
+ sm: "h-7 px-2.5",
2973
+ md: "h-8 px-3"
2974
+ }, dr = {
2975
+ Root: cr,
2976
+ List: lr,
2977
+ Tab: C(function({ size: e = "sm", className: t, children: n, ...r }, i) {
2978
+ return /* @__PURE__ */ j(fe.Tab, {
2979
+ ref: i,
2465
2980
  "data-segmented-item": "",
2466
- className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-sm font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", "text-cui-tertiary hover:text-cui-secondary", "data-[active]:text-cui-primary", e),
2467
- ...n,
2468
- children: t
2981
+ className: G("relative z-10 flex items-center justify-center gap-1.5 rounded-sm", ur[e], "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", "text-cui-tertiary hover:text-cui-secondary", "data-[active]:text-cui-primary", t),
2982
+ ...r,
2983
+ children: n
2469
2984
  });
2470
2985
  }),
2471
- Panel: i(function({ className: e, ...t }, n) {
2472
- return /* @__PURE__ */ p(H.Panel, {
2986
+ Panel: C(function({ className: e, ...t }, n) {
2987
+ return /* @__PURE__ */ j(fe.Panel, {
2473
2988
  ref: n,
2474
- className: G("pt-3 outline-none", "focus-visible:ring-cui-focus focus-visible:ring-2 focus-visible:ring-offset-2 rounded-sm", e),
2989
+ className: G("rounded-sm pt-3 outline-none", "focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", e),
2475
2990
  ...t
2476
2991
  });
2477
2992
  })
2478
- }, Tn = {
2993
+ }, fr = {
2479
2994
  right: "right",
2480
2995
  left: "left",
2481
2996
  bottom: "down",
2482
2997
  top: "up"
2483
- }, En = {
2998
+ }, pr = {
2484
2999
  right: "inset-y-0 right-0 w-[min(420px,90vw)] p-2",
2485
3000
  left: "inset-y-0 left-0 w-[min(420px,90vw)] p-2",
2486
3001
  bottom: "inset-x-0 bottom-0 max-h-[85vh] p-2",
2487
3002
  top: "inset-x-0 top-0 max-h-[85vh] p-2"
2488
3003
  };
2489
- function Dn({ side: e = "right", responsive: t, children: n, ...r }) {
2490
- return /* @__PURE__ */ p(U.Root, {
2491
- swipeDirection: Tn[e],
3004
+ function mr({ side: e = "right", responsive: t, children: n, ...r }) {
3005
+ return /* @__PURE__ */ j(U.Root, {
3006
+ swipeDirection: fr[e],
2492
3007
  ...r,
2493
3008
  children: n
2494
3009
  });
2495
3010
  }
2496
- var On = i(function({ className: e, ...t }, n) {
2497
- return /* @__PURE__ */ p(U.Trigger, {
3011
+ var hr = C(function({ className: e, ...t }, n) {
3012
+ return /* @__PURE__ */ j(U.Trigger, {
2498
3013
  ref: n,
2499
3014
  className: G(e),
2500
3015
  ...t
2501
3016
  });
2502
- }), kn = i(function({ className: e, ...t }, n) {
2503
- return /* @__PURE__ */ p(U.Backdrop, {
3017
+ }), gr = C(function({ className: e, ...t }, n) {
3018
+ return /* @__PURE__ */ j(U.Backdrop, {
2504
3019
  ref: n,
2505
3020
  className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-200", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
2506
3021
  ...t
2507
3022
  });
2508
3023
  });
2509
- function An({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
2510
- return /* @__PURE__ */ m(U.Portal, { children: [/* @__PURE__ */ p(kn, {}), /* @__PURE__ */ p(U.Popup, {
2511
- className: G("group/drawer fixed z-50 flex outline-none", En[e], "transition-transform duration-500 ease-cui-out-expo", e === "right" && ["data-[starting-style]:translate-x-[20%]", "data-[ending-style]:translate-x-[20%]"], e === "left" && ["data-[starting-style]:-translate-x-[20%]", "data-[ending-style]:-translate-x-[20%]"], e === "bottom" && ["data-[starting-style]:translate-y-[20%]", "data-[ending-style]:translate-y-[20%]"], e === "top" && ["data-[starting-style]:-translate-y-[20%]", "data-[ending-style]:-translate-y-[20%]"], "motion-reduce:transition-none", t && [
3024
+ function _r({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
3025
+ return /* @__PURE__ */ M(U.Portal, { children: [/* @__PURE__ */ j(gr, {}), /* @__PURE__ */ j(U.Popup, {
3026
+ className: G("group/drawer fixed z-50 flex outline-none", pr[e], "transition-transform duration-500 ease-cui-out-expo", e === "right" && ["data-[starting-style]:translate-x-[20%]", "data-[ending-style]:translate-x-[20%]"], e === "left" && ["data-[starting-style]:-translate-x-[20%]", "data-[ending-style]:-translate-x-[20%]"], e === "bottom" && ["data-[starting-style]:translate-y-[20%]", "data-[ending-style]:translate-y-[20%]"], e === "top" && ["data-[starting-style]:-translate-y-[20%]", "data-[ending-style]:-translate-y-[20%]"], "motion-reduce:transition-none", t && [
2512
3027
  "max-md:inset-x-0 max-md:inset-y-auto max-md:bottom-0 max-md:right-auto max-md:left-auto",
2513
3028
  "max-md:w-full max-md:max-h-[85vh]",
2514
3029
  "max-md:data-[starting-style]:translate-x-0 max-md:data-[starting-style]:translate-y-[20%]",
2515
3030
  "max-md:data-[ending-style]:translate-x-0 max-md:data-[ending-style]:translate-y-[20%]"
2516
3031
  ]),
2517
3032
  ...i,
2518
- children: /* @__PURE__ */ p("div", {
3033
+ children: /* @__PURE__ */ j("div", {
2519
3034
  className: G("bg-cui-base-1 flex min-h-0 flex-1 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-500 ease-cui-out-expo", "group-data-[starting-style]/drawer:scale-95 group-data-[starting-style]/drawer:opacity-0", "group-data-[ending-style]/drawer:scale-95 group-data-[ending-style]/drawer:opacity-0", "motion-reduce:transition-none", n),
2520
- children: /* @__PURE__ */ p("div", {
3035
+ children: /* @__PURE__ */ j("div", {
2521
3036
  className: "bg-cui-base-2 border-cui-neutral flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border",
2522
3037
  children: r
2523
3038
  })
2524
3039
  })
2525
3040
  })] });
2526
3041
  }
2527
- var jn = {
2528
- Root: Dn,
2529
- Trigger: On,
2530
- Content: An,
2531
- Header: i(function({ className: e, children: t }, n) {
2532
- return /* @__PURE__ */ p("div", {
3042
+ var vr = {
3043
+ Root: mr,
3044
+ Trigger: hr,
3045
+ Content: _r,
3046
+ Header: C(function({ className: e, children: t }, n) {
3047
+ return /* @__PURE__ */ j("div", {
2533
3048
  ref: n,
2534
3049
  className: G("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
2535
3050
  children: t
2536
3051
  });
2537
3052
  }),
2538
- Title: i(function({ className: e, ...t }, n) {
2539
- return /* @__PURE__ */ p(U.Title, {
3053
+ Title: C(function({ className: e, ...t }, n) {
3054
+ return /* @__PURE__ */ j(U.Title, {
2540
3055
  ref: n,
2541
- className: G("text-cui-primary text-sm font-medium", e),
3056
+ className: G("text-cui-primary text-cui-base font-medium", e),
2542
3057
  ...t
2543
3058
  });
2544
3059
  }),
2545
- Description: i(function({ className: e, ...t }, n) {
2546
- return /* @__PURE__ */ p(U.Description, {
3060
+ Description: C(function({ className: e, ...t }, n) {
3061
+ return /* @__PURE__ */ j(U.Description, {
2547
3062
  ref: n,
2548
- className: G("text-cui-secondary text-sm", e),
3063
+ className: G("text-cui-secondary text-cui-base", e),
2549
3064
  ...t
2550
3065
  });
2551
3066
  }),
2552
- Body: i(function({ className: e, children: t }, n) {
2553
- return /* @__PURE__ */ p("div", {
3067
+ Body: C(function({ className: e, children: t }, n) {
3068
+ return /* @__PURE__ */ j("div", {
2554
3069
  ref: n,
2555
3070
  className: G("flex-1 overflow-y-auto p-4", e),
2556
3071
  children: t
2557
3072
  });
2558
3073
  }),
2559
- Footer: i(function({ className: e, children: t }, n) {
2560
- return /* @__PURE__ */ p("div", {
3074
+ Footer: C(function({ className: e, children: t }, n) {
3075
+ return /* @__PURE__ */ j("div", {
2561
3076
  ref: n,
2562
3077
  className: G("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
2563
3078
  children: t
2564
3079
  });
2565
3080
  }),
2566
- Close: i(function({ asIcon: e, className: t, children: n, ...r }, i) {
2567
- return e ?? !n ? /* @__PURE__ */ p(U.Close, {
3081
+ Close: C(function({ asIcon: e, className: t, children: n, ...r }, i) {
3082
+ return e ?? !n ? /* @__PURE__ */ j(U.Close, {
2568
3083
  ref: i,
2569
- className: G("text-cui-tertiary hover:text-cui-primary -m-1 flex size-7 cursor-pointer items-center justify-center rounded-sm outline-none", "transition-colors duration-150", "focus-visible:ring-cui-focus focus-visible:ring-2", "motion-reduce:transition-none", t),
3084
+ className: G("text-cui-tertiary hover:text-cui-primary -m-1 flex size-7 cursor-pointer items-center justify-center rounded-sm outline-none", "transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-cui-focus", "motion-reduce:transition-none", t),
2570
3085
  ...r,
2571
- children: /* @__PURE__ */ p(M, { className: "size-4" })
2572
- }) : /* @__PURE__ */ p(U.Close, {
3086
+ children: /* @__PURE__ */ j(x, { className: "size-4" })
3087
+ }) : /* @__PURE__ */ j(U.Close, {
2573
3088
  ref: i,
2574
3089
  className: G(t),
2575
3090
  ...r,
2576
3091
  children: n
2577
3092
  });
2578
3093
  })
2579
- }, Mn = i(function({ className: e, ...t }, n) {
2580
- return /* @__PURE__ */ p(W, {
3094
+ }, yr = C(function({ className: e, ...t }, n) {
3095
+ return /* @__PURE__ */ j(W, {
2581
3096
  ref: n,
2582
- className: G("bg-cui-base-2 border-cui-neutral flex h-full w-full flex-col overflow-hidden rounded-md border", e),
3097
+ className: G("bg-cui-base-2 flex h-full w-full flex-col overflow-hidden rounded-lg", e),
2583
3098
  ...t
2584
3099
  });
2585
- }), Nn = i(function({ className: e, ...t }, n) {
2586
- return /* @__PURE__ */ p(Y.SearchInput, {
2587
- className: "mb-0 rounded-none border-x-0 border-t-0 border-b bg-transparent px-3",
2588
- children: /* @__PURE__ */ p(W.Input, {
3100
+ }), br = C(function({ className: e, ...t }, n) {
3101
+ return /* @__PURE__ */ j(J.SearchInput, {
3102
+ className: "mb-0 bg-transparent px-2",
3103
+ children: /* @__PURE__ */ j(W.Input, {
2589
3104
  ref: n,
2590
- className: G("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-2.5 text-sm outline-none", e),
3105
+ className: G("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-1.5 text-cui-base outline-none", e),
2591
3106
  ...t
2592
3107
  })
2593
3108
  });
2594
- }), Pn = i(function({ className: e, ...t }, n) {
2595
- return /* @__PURE__ */ p(W.List, {
3109
+ }), xr = C(function({ className: e, ...t }, n) {
3110
+ return /* @__PURE__ */ j(W.List, {
2596
3111
  ref: n,
2597
3112
  className: G("max-h-[300px] overflow-y-auto overscroll-contain p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
2598
3113
  ...t
2599
3114
  });
2600
- }), Fn = i(function({ className: e, ...t }, n) {
2601
- return /* @__PURE__ */ p(W.Empty, {
3115
+ }), Sr = C(function({ className: e, ...t }, n) {
3116
+ return /* @__PURE__ */ j(W.Empty, {
2602
3117
  ref: n,
2603
- className: G("text-cui-secondary px-2 py-4 text-center text-sm", e),
3118
+ className: G("text-cui-secondary px-2 py-4 text-center text-cui-base", e),
2604
3119
  ...t
2605
3120
  });
2606
- }), In = i(function({ className: e, ...t }, n) {
2607
- return /* @__PURE__ */ p(W.Group, {
3121
+ }), Cr = C(function({ className: e, ...t }, n) {
3122
+ return /* @__PURE__ */ j(W.Group, {
2608
3123
  ref: n,
2609
- className: G("[&_[cmdk-group-heading]]:text-cui-tertiary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:select-none", e),
3124
+ className: G("flex flex-col gap-0.5", "[&_[cmdk-group-heading]]:text-cui-tertiary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:select-none", e),
2610
3125
  ...t
2611
3126
  });
2612
- }), Ln = i(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
2613
- return /* @__PURE__ */ m(W.Item, {
3127
+ }), wr = C(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
3128
+ return /* @__PURE__ */ M(W.Item, {
2614
3129
  ref: a,
2615
- className: G("group relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none outline-none", "text-cui-primary", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-cui-tertiary", n),
3130
+ className: G("group relative flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-cui-base select-none outline-none", "text-cui-primary", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-cui-tertiary", n),
2616
3131
  ...i,
2617
3132
  children: [
2618
- /* @__PURE__ */ p("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
2619
- e && /* @__PURE__ */ p("span", {
3133
+ /* @__PURE__ */ j("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
3134
+ e && /* @__PURE__ */ j("span", {
2620
3135
  className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", "text-cui-tertiary group-data-[selected=true]:text-cui-primary"),
2621
3136
  children: e
2622
3137
  }),
2623
- /* @__PURE__ */ p("span", {
3138
+ /* @__PURE__ */ j("span", {
2624
3139
  className: "relative z-[1] flex-1",
2625
3140
  children: r
2626
3141
  }),
2627
- t && /* @__PURE__ */ p("kbd", {
2628
- className: "text-cui-tertiary pointer-events-none relative z-[1] ml-auto text-xs tracking-widest",
3142
+ t && /* @__PURE__ */ j("kbd", {
3143
+ className: "text-cui-tertiary text-cui-sm pointer-events-none relative z-[1] ml-auto tracking-widest",
2629
3144
  children: t
2630
3145
  })
2631
3146
  ]
2632
3147
  });
2633
- }), Rn = i(function({ className: e, ...t }, n) {
2634
- return /* @__PURE__ */ p(W.Separator, {
3148
+ }), Tr = C(function({ className: e, ...t }, n) {
3149
+ return /* @__PURE__ */ j(W.Separator, {
2635
3150
  ref: n,
2636
- className: G("border-cui-neutral my-1 border-t", e),
3151
+ className: G("border-cui-neutral mx-2 my-1 border-t", e),
2637
3152
  ...t
2638
3153
  });
2639
3154
  });
2640
- function zn({ open: e, onOpenChange: t, children: n, className: r }) {
2641
- return /* @__PURE__ */ p(L.Root, {
3155
+ function Er({ open: e, onOpenChange: t, children: n, className: r }) {
3156
+ return /* @__PURE__ */ j(B.Root, {
2642
3157
  open: e,
2643
3158
  onOpenChange: t,
2644
- children: /* @__PURE__ */ m(L.Portal, { children: [/* @__PURE__ */ p(L.Backdrop, { className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none") }), /* @__PURE__ */ p(L.Popup, {
2645
- className: G("bg-cui-base-1 fixed top-[20%] left-1/2 z-50 w-[90vw] max-w-[520px] -translate-x-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", r),
3159
+ children: /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(B.Backdrop, { className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none") }), /* @__PURE__ */ j(B.Popup, {
3160
+ className: G("bg-cui-base-1 fixed top-[20%] left-1/2 z-50 w-[90vw] max-w-[520px] -translate-x-1/2 rounded-lg p-1 shadow-lg", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", r),
2646
3161
  children: n
2647
3162
  })] })
2648
3163
  });
2649
3164
  }
2650
- var Bn = {
2651
- Root: Mn,
2652
- Input: Nn,
2653
- List: Pn,
2654
- Empty: Fn,
2655
- Group: In,
2656
- Item: Ln,
2657
- Separator: Rn,
2658
- Dialog: zn
2659
- }, Vn = i(function({ show: e, message: t = "You have unsaved changes", discardLabel: n = "Reset", saveLabel: r = "Save changes", onDiscard: i, onSave: a, saving: o = !1, saveDisabled: s = !1, shake: c = !1, className: l }, u) {
2660
- return /* @__PURE__ */ p("div", {
3165
+ var Dr = {
3166
+ Root: yr,
3167
+ Input: br,
3168
+ List: xr,
3169
+ Empty: Sr,
3170
+ Group: Cr,
3171
+ Item: wr,
3172
+ Separator: Tr,
3173
+ Dialog: Er
3174
+ }, Or = {
3175
+ xs: {
3176
+ height: "h-6",
3177
+ padding: "px-1.5",
3178
+ textPadding: "px-1",
3179
+ icon: "w-6"
3180
+ },
3181
+ sm: {
3182
+ height: "h-7",
3183
+ padding: "px-1.5",
3184
+ textPadding: "px-1",
3185
+ icon: "w-7"
3186
+ },
3187
+ md: {
3188
+ height: "h-8",
3189
+ padding: "px-2",
3190
+ textPadding: "px-1",
3191
+ icon: "w-8"
3192
+ }
3193
+ }, kr = C(function({ size: e = "md", iconLeft: t, iconRight: n, disabled: r, className: i, children: a, ...o }, s) {
3194
+ let c = Or[e];
3195
+ return /* @__PURE__ */ M(pe, {
3196
+ ref: s,
3197
+ disabled: r,
3198
+ className: G("group/toggle-btn relative inline-flex cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "text-cui-secondary", "data-[pressed]:text-cui-primary", r && "pointer-events-none opacity-50", !a && !n ? G(c.height, c.icon) : G(c.height, c.padding, "w-fit"), i),
3199
+ ...o,
3200
+ children: [
3201
+ /* @__PURE__ */ j("div", { className: G("absolute rounded-[inherit] inset-0 opacity-100", "bg-cui-base-2 border border-cui-neutral shadow-xs", "group-data-[pressed]/toggle-btn:bg-cui-subtle group-data-[pressed]/toggle-btn:border-cui-neutral", !r && [
3202
+ "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
3203
+ "group-hover/toggle-btn:bg-cui-subtle",
3204
+ "group-active/toggle-btn:inset-px"
3205
+ ]) }),
3206
+ t && /* @__PURE__ */ j("span", {
3207
+ className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
3208
+ children: t
3209
+ }),
3210
+ a && /* @__PURE__ */ j("span", {
3211
+ className: G("relative z-[1] inline", c.textPadding),
3212
+ children: a
3213
+ }),
3214
+ n && /* @__PURE__ */ j("span", {
3215
+ className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
3216
+ children: n
3217
+ })
3218
+ ]
3219
+ });
3220
+ }), Ar = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
3221
+ return /* @__PURE__ */ j("div", {
3222
+ ref: r,
3223
+ role: "group",
3224
+ className: G("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
3225
+ ...n
3226
+ });
3227
+ }), jr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
3228
+ return /* @__PURE__ */ j(me, {
3229
+ ref: r,
3230
+ className: G("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
3231
+ ...n
3232
+ });
3233
+ }), Mr = C(function({ className: e, ...t }, n) {
3234
+ return /* @__PURE__ */ j(he, {
3235
+ ref: n,
3236
+ className: G("flex flex-col gap-2", e),
3237
+ ...t
3238
+ });
3239
+ }), Nr = {
3240
+ sm: {
3241
+ radio: "size-4",
3242
+ indicator: "size-1.5",
3243
+ label: "text-cui-sm"
3244
+ },
3245
+ md: {
3246
+ radio: "size-[18px]",
3247
+ indicator: "size-2",
3248
+ label: "text-cui-base"
3249
+ }
3250
+ }, Pr = {
3251
+ Root: Mr,
3252
+ Item: C(function({ size: e = "md", label: t, className: n, value: r, ...i }, a) {
3253
+ let o = Nr[e], s = /* @__PURE__ */ j(ge.Root, {
3254
+ ref: a,
3255
+ value: r,
3256
+ className: G("group/radio relative inline-flex shrink-0 items-center justify-center rounded-full", "border border-cui-neutral bg-cui-base-2", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "cursor-pointer", "data-[checked]:border-cui-accent data-[checked]:bg-cui-accent", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", o.radio, !t && n),
3257
+ ...i,
3258
+ children: /* @__PURE__ */ j(ge.Indicator, { className: G("rounded-full bg-cui-accent-on", "scale-100 opacity-100", "data-[unchecked]:scale-0 data-[unchecked]:opacity-0", "data-[starting-style]:scale-0 data-[starting-style]:opacity-0", "data-[ending-style]:scale-0 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-150 ease-cui-out-expo", "motion-reduce:transition-none", o.indicator) })
3259
+ });
3260
+ return t ? /* @__PURE__ */ M("label", {
3261
+ className: G("inline-flex items-center gap-2 select-none", "cursor-pointer data-[disabled]:cursor-not-allowed", n),
3262
+ children: [s, /* @__PURE__ */ j("span", {
3263
+ className: G("text-cui-primary", o.label),
3264
+ children: t
3265
+ })]
3266
+ }) : s;
3267
+ })
3268
+ }, Fr = C(function({ show: e, message: t = "You have unsaved changes", discardLabel: n = "Reset", saveLabel: r = "Save changes", onDiscard: i, onSave: a, saving: o = !1, saveDisabled: s = !1, shake: c = !1, className: l }, u) {
3269
+ return /* @__PURE__ */ j("div", {
2661
3270
  ref: u,
2662
3271
  "aria-live": "polite",
2663
3272
  className: G("pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center pb-6", l),
2664
- children: /* @__PURE__ */ m("div", {
3273
+ children: /* @__PURE__ */ M("div", {
2665
3274
  className: G("pointer-events-auto", "bg-cui-base-2 border-cui-neutral shadow-lg", "flex items-center gap-5 rounded-xl border py-1.5 pr-1.5 pl-3.5", "transition-all duration-500 ease-cui-out-expo", "motion-reduce:transition-none", e ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-95 opacity-0", c && "animate-cui-shake"),
2666
- children: [/* @__PURE__ */ p("span", {
2667
- className: "text-cui-primary text-sm font-medium",
3275
+ children: [/* @__PURE__ */ j("span", {
3276
+ className: "text-cui-primary text-cui-base font-medium",
2668
3277
  children: t
2669
- }), /* @__PURE__ */ m("div", {
3278
+ }), /* @__PURE__ */ M("div", {
2670
3279
  className: "flex items-center gap-1.5",
2671
- children: [/* @__PURE__ */ p(K, {
3280
+ children: [/* @__PURE__ */ j(q, {
2672
3281
  variant: "danger-light",
2673
3282
  size: "sm",
2674
3283
  onClick: i,
2675
3284
  children: n
2676
- }), /* @__PURE__ */ p(K, {
3285
+ }), /* @__PURE__ */ j(q, {
2677
3286
  variant: "primary",
2678
3287
  size: "sm",
2679
3288
  onClick: a,
@@ -2684,19 +3293,19 @@ var Bn = {
2684
3293
  })]
2685
3294
  })
2686
3295
  });
2687
- }), Hn = {
3296
+ }), Ir = {
2688
3297
  narrow: "max-w-[800px]",
2689
3298
  wide: "max-w-[1100px]"
2690
- }, Un = i(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
2691
- return /* @__PURE__ */ p("div", {
3299
+ }, Lr = C(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
3300
+ return /* @__PURE__ */ j("div", {
2692
3301
  ref: a,
2693
3302
  className: "flex flex-1 flex-col items-center gap-6 py-6",
2694
- children: /* @__PURE__ */ m("div", {
2695
- className: G("flex w-full flex-col gap-6 px-8", Hn[t], i),
3303
+ children: /* @__PURE__ */ M("div", {
3304
+ className: G("flex w-full flex-col gap-6 px-8", Ir[t], i),
2696
3305
  children: [
2697
3306
  n,
2698
- e && /* @__PURE__ */ p("span", {
2699
- className: "text-cui-primary text-lg font-semibold",
3307
+ e && /* @__PURE__ */ j("span", {
3308
+ className: "text-cui-primary text-cui-lg font-semibold",
2700
3309
  children: e
2701
3310
  }),
2702
3311
  r
@@ -2706,26 +3315,26 @@ var Bn = {
2706
3315
  });
2707
3316
  //#endregion
2708
3317
  //#region src/lib/use-dirty-state.ts
2709
- function Wn(e) {
2710
- let [t, n] = d(e), [r, i] = d(e);
3318
+ function Rr(e) {
3319
+ let [t, n] = k(e), [r, i] = k(e);
2711
3320
  return {
2712
3321
  draft: r,
2713
3322
  saved: t,
2714
- dirty: l(() => JSON.stringify(r) !== JSON.stringify(t), [r, t]),
3323
+ dirty: D(() => JSON.stringify(r) !== JSON.stringify(t), [r, t]),
2715
3324
  setDraft: i,
2716
- update: a((e, t) => {
3325
+ update: w((e, t) => {
2717
3326
  i((n) => ({
2718
3327
  ...n,
2719
3328
  [e]: t
2720
3329
  }));
2721
3330
  }, []),
2722
- discard: a(() => {
3331
+ discard: w(() => {
2723
3332
  i(t);
2724
3333
  }, [t]),
2725
- save: a(() => {
3334
+ save: w(() => {
2726
3335
  n(r);
2727
3336
  }, [r])
2728
3337
  };
2729
3338
  }
2730
3339
  //#endregion
2731
- export { Cn as Accordion, _n as Alert, Sn as AlertDialog, it as AppHeader, Z as Avatar, vt as Badge, K as Button, J as Card, Oe as Checkbox, Le as Combobox, ze as ComboboxButton, Be as ComboboxContent, Ve as ComboboxOption, Re as ComboboxTrigger, Bn as Command, Jt as DataTable, tn as DataTableFacetedFilter, Xt as DataTableSearch, Yt as DataTableToolbar, Ft as Dialog, jn as Drawer, Q as DropdownMenu, Tt as FlickeringGrid, Ct as Form, q as Hover, Ce as HoverGroup, Ie as Logo, Fe as NavLink, Pe as NavLinks, st as PageLayout, Kt as Pagination, ge as PixelSpinner, en as Popover, Vn as SaveBar, an as SegmentedControl, ct as Select, ut as SelectButton, dt as SelectContent, mt as SelectGroup, ht as SelectGroupLabel, ft as SelectOption, pt as SelectSeparator, lt as SelectTrigger, gt as Separator, at as SettingsCard, Un as SettingsPage, ot as SettingsRow, Et as Skeleton, ve as Spinner, $ as Table, wn as Tabs, Ee as Toggle, mn as Tooltip, sn as UserMenu, G as cn, pn as createTooltipHandle, Wn as useDirtyState };
3340
+ export { sr as Accordion, tr as Alert, or as AlertDialog, xt as AppHeader, gt as Avatar, nn as Badge, qe as Breadcrumb, q as Button, Ar as ButtonGroup, Y as Card, Ze as Checkbox, Pe as Combobox, Ie as ComboboxButton, Le as ComboboxContent, ze as ComboboxGroup, Be as ComboboxGroupLabel, Re as ComboboxOption, Ve as ComboboxSeparator, Fe as ComboboxTrigger, Dr as Command, zn as DataTable, Kn as DataTableFacetedFilter, Vn as DataTableSearch, Bn as DataTableToolbar, Tn as Dialog, vr as Drawer, Q as DropdownMenu, un as FlickeringGrid, cn as Form, K as Hover, be as HoverGroup, ot as Logo, at as NavLink, it as NavLinks, Et as PageLayout, Ln as Pagination, ke as PixelSpinner, Gn as Popover, Pr as RadioGroup, Fr as SaveBar, Xn as SegmentedControl, Gt as Select, qt as SelectButton, Jt as SelectContent, Zt as SelectGroup, Qt as SelectGroupLabel, Yt as SelectOption, Xt as SelectSeparator, Kt as SelectTrigger, $t as Separator, St as SettingsCard, Lr as SettingsPage, Ct as SettingsRow, Wt as Sidebar, dn as Skeleton, je as Spinner, $ as Table, dr as Tabs, Ye as Toggle, kr as ToggleButton, jr as ToggleButtonGroup, Z as Tooltip, Qn as UserMenu, G as cn, Mt as createTooltipHandle, Rr as useDirtyState, Pt as useSidebar };