@moondreamsdev/dreamer-ui 1.7.10-test.52 → 1.7.10-test.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Toast-DF9yiQ4F.js → Toast-Biw2psM3.js} +13 -12
- package/dist/Toast-Biw2psM3.js.map +1 -0
- package/dist/Toast-bdUThd6k.cjs +2 -0
- package/dist/Toast-bdUThd6k.cjs.map +1 -0
- package/dist/components.cjs.js +2 -2
- package/dist/components.cjs.js.map +1 -1
- package/dist/components.esm.js +1052 -974
- package/dist/components.esm.js.map +1 -1
- package/dist/providers.cjs.js +1 -1
- package/dist/providers.esm.js +1 -1
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/popover/Popover.d.ts +12 -0
- package/dist/src/components/popover/index.d.ts +1 -0
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/src/utils/mergeRefs.d.ts +2 -0
- package/dist/theme.css +1 -0
- package/dist/utils.cjs.js +1 -1
- package/dist/utils.cjs.js.map +1 -1
- package/dist/utils.esm.js +14 -6
- package/dist/utils.esm.js.map +1 -1
- package/package.json +1 -1
- package/dist/Toast-Bfv0XYP-.cjs +0 -2
- package/dist/Toast-Bfv0XYP-.cjs.map +0 -1
- package/dist/Toast-DF9yiQ4F.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, Fragment as q, jsxs as b } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import H, { createContext as e, useId as P, useState as h, useEffect as g, useRef as D, useCallback as L, useMemo as E, useContext as F } from "react";
|
|
3
3
|
import { createPortal as K } from "react-dom";
|
|
4
4
|
import { X as V, C as X, E as Y, I as Z } from "./X-CIoyLewf.js";
|
|
5
5
|
import { j as G } from "./join-BmgR_f4v.js";
|
|
@@ -92,6 +92,7 @@ e(null);
|
|
|
92
92
|
e(null);
|
|
93
93
|
e(null);
|
|
94
94
|
e(null);
|
|
95
|
+
e(null);
|
|
95
96
|
function Q() {
|
|
96
97
|
const [l, r] = h(0);
|
|
97
98
|
return g(() => {
|
|
@@ -110,7 +111,7 @@ function Q() {
|
|
|
110
111
|
i
|
|
111
112
|
)) });
|
|
112
113
|
}
|
|
113
|
-
const
|
|
114
|
+
const R = {
|
|
114
115
|
base: "",
|
|
115
116
|
primary: "bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",
|
|
116
117
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",
|
|
@@ -118,7 +119,7 @@ const U = {
|
|
|
118
119
|
outline: "border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",
|
|
119
120
|
link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted",
|
|
120
121
|
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
|
|
121
|
-
},
|
|
122
|
+
}, U = {
|
|
122
123
|
stripped: "",
|
|
123
124
|
fitted: "size-fit",
|
|
124
125
|
sm: "px-2 py-1 text-sm",
|
|
@@ -126,7 +127,7 @@ const U = {
|
|
|
126
127
|
lg: "px-6 py-3 text-lg",
|
|
127
128
|
icon: "p-1 w-fit aspect-square",
|
|
128
129
|
full: "p-2 w-full"
|
|
129
|
-
},
|
|
130
|
+
}, W = {
|
|
130
131
|
none: "rounded-none",
|
|
131
132
|
sm: "rounded-sm",
|
|
132
133
|
md: "rounded-md",
|
|
@@ -137,7 +138,7 @@ const U = {
|
|
|
137
138
|
size: "md",
|
|
138
139
|
rounded: "md"
|
|
139
140
|
};
|
|
140
|
-
function
|
|
141
|
+
function _({
|
|
141
142
|
variant: l = w.variant,
|
|
142
143
|
size: r,
|
|
143
144
|
rounded: i = w.rounded,
|
|
@@ -152,9 +153,9 @@ function R({
|
|
|
152
153
|
l === "link" && !r ? c = "fitted" : c = r || w.size;
|
|
153
154
|
const m = N(
|
|
154
155
|
"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
R[l],
|
|
157
|
+
U[c],
|
|
158
|
+
W[i],
|
|
158
159
|
n && "relative pointer-events-none",
|
|
159
160
|
a && "relative",
|
|
160
161
|
u
|
|
@@ -245,11 +246,11 @@ function ne({
|
|
|
245
246
|
ariaLabelledBy: f,
|
|
246
247
|
ariaDescribedBy: p
|
|
247
248
|
}) {
|
|
248
|
-
const v =
|
|
249
|
+
const v = P(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: z, shouldRender: y } = $(r);
|
|
249
250
|
if (le(k, y), ee(y, i), !y) return null;
|
|
250
|
-
const j = () => n ?
|
|
251
|
+
const j = () => n ? H.isValidElement(n) ? /* @__PURE__ */ t("div", { className: "mb-4", children: n }) : /* @__PURE__ */ t("h2", { className: "mb-4 text-xl font-semibold", id: C, children: n }) : null, I = () => c.length === 0 ? null : /* @__PURE__ */ t("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: c.map((A, O) => {
|
|
251
252
|
const { label: B, className: S, ...M } = A;
|
|
252
|
-
return /* @__PURE__ */ t(
|
|
253
|
+
return /* @__PURE__ */ t(_, { className: S, type: "button", ...M, "data-modal-action": "true", children: B }, O);
|
|
253
254
|
}) });
|
|
254
255
|
return /* @__PURE__ */ t(q, { children: K(
|
|
255
256
|
/* @__PURE__ */ t(
|
|
@@ -455,4 +456,4 @@ export {
|
|
|
455
456
|
N as n,
|
|
456
457
|
ue as u
|
|
457
458
|
};
|
|
458
|
-
//# sourceMappingURL=Toast-
|
|
459
|
+
//# sourceMappingURL=Toast-Biw2psM3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast-Biw2psM3.js","sources":["join-BmgR_f4v.js","X-CIoyLewf.js","Toast-DF9yiQ4F.js","components.esm.js","../src/components/actionmodal/ActionModal.tsx","../src/components/tabs/TabsContext.tsx","../src/components/toast/Toast.tsx"],"sourcesContent":["function n(...t) {\n return t.filter((s) => typeof s == \"string\" && s).join(\" \").trim() || void 0;\n}\nexport {\n n as j\n};\n//# sourceMappingURL=join-BmgR_f4v.js.map\n","import { jsx as e } from \"react/jsx-runtime\";\nfunction t({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M0.877075 7.49988C0.877075 3.84219 3.84222 0.877045 7.49991 0.877045C11.1576 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1576 14.1227 7.49991 14.1227C3.84222 14.1227 0.877075 11.1575 0.877075 7.49988ZM7.49991 1.82704C4.36689 1.82704 1.82708 4.36686 1.82708 7.49988C1.82708 10.6329 4.36689 13.1727 7.49991 13.1727C10.6329 13.1727 13.1727 10.6329 13.1727 7.49988C13.1727 4.36686 10.6329 1.82704 7.49991 1.82704ZM9.85358 5.14644C10.0488 5.3417 10.0488 5.65829 9.85358 5.85355L8.20713 7.49999L9.85358 9.14644C10.0488 9.3417 10.0488 9.65829 9.85358 9.85355C9.65832 10.0488 9.34173 10.0488 9.14647 9.85355L7.50002 8.2071L5.85358 9.85355C5.65832 10.0488 5.34173 10.0488 5.14647 9.85355C4.95121 9.65829 4.95121 9.3417 5.14647 9.14644L6.79292 7.49999L5.14647 5.85355C4.95121 5.65829 4.95121 5.3417 5.14647 5.14644C5.34173 4.95118 5.65832 4.95118 5.85358 5.14644L7.50002 6.79289L9.14647 5.14644C9.34173 4.95118 9.65832 4.95118 9.85358 5.14644Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction o({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction d({\n size: C = 15,\n color: l = \"currentColor\",\n className: n = \"inline\",\n ...i\n}) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M7.49991 0.876892C3.84222 0.876892 0.877075 3.84204 0.877075 7.49972C0.877075 11.1574 3.84222 14.1226 7.49991 14.1226C11.1576 14.1226 14.1227 11.1574 14.1227 7.49972C14.1227 3.84204 11.1576 0.876892 7.49991 0.876892ZM1.82707 7.49972C1.82707 4.36671 4.36689 1.82689 7.49991 1.82689C10.6329 1.82689 13.1727 4.36671 13.1727 7.49972C13.1727 10.6327 10.6329 13.1726 7.49991 13.1726C4.36689 13.1726 1.82707 10.6327 1.82707 7.49972ZM8.24992 4.49999C8.24992 4.9142 7.91413 5.24999 7.49992 5.24999C7.08571 5.24999 6.74992 4.9142 6.74992 4.49999C6.74992 4.08577 7.08571 3.74999 7.49992 3.74999C7.91413 3.74999 8.24992 4.08577 8.24992 4.49999ZM6.00003 5.99999H6.50003H7.50003C7.77618 5.99999 8.00003 6.22384 8.00003 6.49999V9.99999H8.50003H9.00003V11H8.50003H7.50003H6.50003H6.00003V9.99999H6.50003H7.00003V6.99999H6.50003H6.00003V5.99999Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction h({ size: C = 15, color: l = \"currentColor\", className: n = \"inline\", ...i }) {\n return /* @__PURE__ */ e(\n \"svg\",\n {\n ...i,\n width: C,\n height: C,\n className: n,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ e(\n \"path\",\n {\n d: \"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\",\n fill: l,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nexport {\n t as C,\n o as E,\n d as I,\n h as X\n};\n//# sourceMappingURL=X-CIoyLewf.js.map\n","import { jsx as t, Fragment as q, jsxs as b } from \"react/jsx-runtime\";\nimport P, { createContext as e, useId as H, useState as h, useEffect as g, useRef as D, useCallback as L, useMemo as E, useContext as F } from \"react\";\nimport { createPortal as K } from \"react-dom\";\nimport { X as V, C as X, E as Y, I as Z } from \"./X-CIoyLewf.js\";\nimport { j as G } from \"./join-BmgR_f4v.js\";\nfunction N(...l) {\n return l.filter((r) => typeof r == \"string\" && r).join(\" \").trim() || void 0;\n}\nfunction J({ size: l = 15, color: r = \"currentColor\", className: i = \"inline\", ...n }) {\n return /* @__PURE__ */ t(\n \"svg\",\n {\n ...n,\n width: l,\n height: l,\n className: i,\n viewBox: \"0 0 15 15\",\n xmlns: \"http://www.w3.org/2000/svg\",\n children: /* @__PURE__ */ t(\n \"path\",\n {\n d: \"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\",\n fill: r,\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }\n )\n }\n );\n}\nfunction x(...l) {\n return l.filter((r) => typeof r == \"string\" && r).join(\" \").trim() || void 0;\n}\ne(void 0);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(void 0);\ne(void 0);\ne(null);\ne(void 0);\ne(void 0);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\nfunction Q() {\n const [l, r] = h(0);\n return g(() => {\n const i = setInterval(() => {\n r((n) => (n + 1) % 3);\n }, 500);\n return () => clearInterval(i);\n }, []), /* @__PURE__ */ t(\"div\", { className: \"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle\", children: [0, 1, 2].map((i) => /* @__PURE__ */ t(\n \"div\",\n {\n className: N(\n \"rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current\",\n l === i && \"transform -translate-y-1\"\n )\n },\n i\n )) });\n}\nconst U = {\n base: \"\",\n primary: \"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80\",\n tertiary: \"text-primary hover:text-primary-foreground disabled:text-muted\",\n outline: \"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted\",\n link: \"underline-offset-4 hover:underline disabled:underline disabled:text-muted\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground\"\n}, W = {\n stripped: \"\",\n fitted: \"size-fit\",\n sm: \"px-2 py-1 text-sm\",\n md: \"px-4 py-2 text-base\",\n lg: \"px-6 py-3 text-lg\",\n icon: \"p-1 w-fit aspect-square\",\n full: \"p-2 w-full\"\n}, _ = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\"\n}, w = {\n variant: \"primary\",\n size: \"md\",\n rounded: \"md\"\n};\nfunction R({\n variant: l = w.variant,\n size: r,\n rounded: i = w.rounded,\n loading: n,\n linkTo: a,\n linkProps: o,\n type: s = \"button\",\n className: u,\n ...d\n}) {\n let c;\n l === \"link\" && !r ? c = \"fitted\" : c = r || w.size;\n const m = N(\n \"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all\",\n U[l],\n W[c],\n _[i],\n n && \"relative pointer-events-none\",\n a && \"relative\",\n u\n );\n return /* @__PURE__ */ b(\n \"button\",\n {\n ...d,\n role: a ? \"link\" : d.role,\n \"aria-label\": d[\"aria-label\"] || (o == null ? void 0 : o[\"aria-label\"]),\n \"aria-description\": d[\"aria-description\"] || (o == null ? void 0 : o[\"aria-description\"]),\n \"aria-disabled\": d.disabled || n,\n \"aria-busy\": n,\n type: s,\n className: m,\n children: [\n n && /* @__PURE__ */ t(Q, {}),\n /* @__PURE__ */ t(\"span\", { className: N(n && \"invisible\"), children: d.children }),\n a && !d.disabled && /* @__PURE__ */ t(\n \"a\",\n {\n ...o,\n \"aria-hidden\": !0,\n href: a,\n rel: (o == null ? void 0 : o.rel) || \"noreferrer\",\n className: \"absolute inset-0\"\n }\n )\n ]\n }\n );\n}\nfunction $(l) {\n const [r, i] = h(!1), [n, a] = h(!1);\n return g(() => {\n l ? (a(!0), setTimeout(() => i(!0), 10)) : (i(!1), setTimeout(() => a(!1), 150));\n }, [l]), { show: r, shouldRender: n };\n}\nfunction ee(l, r) {\n g(() => {\n const i = (n) => {\n n.key === \"Escape\" && l && r();\n };\n return document.addEventListener(\"keydown\", i), l && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", i), document.body.style.overflow = \"auto\";\n };\n }, [l, r]);\n}\nfunction le(l, r) {\n const i = D(null), n = L(() => {\n const a = document.getElementById(l);\n if (!a) return;\n const o = a.querySelectorAll('[data-modal-action=\"true\"]');\n if (o.length > 0) {\n o[0].focus();\n return;\n }\n const s = a.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const u = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute(\"data-modal-close-button\") === \"true\"));\n if (u.length > 0) {\n u[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n a.focus();\n }, [l]);\n g(() => (r && (i.current = document.activeElement, n()), () => {\n document.body.style.overflow = \"auto\", i.current instanceof HTMLElement && i.current.focus();\n }), [r, n]);\n}\nfunction ne({\n id: l,\n isOpen: r,\n onClose: i,\n title: n,\n children: a,\n contentOnly: o = !1,\n className: s,\n overlayClassName: u,\n hideCloseButton: d = !1,\n actions: c = [],\n disableCloseOnOverlayClick: m = !1,\n ariaLabelledBy: f,\n ariaDescribedBy: p\n}) {\n const v = H(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: z, shouldRender: y } = $(r);\n if (le(k, y), ee(y, i), !y) return null;\n const j = () => n ? P.isValidElement(n) ? /* @__PURE__ */ t(\"div\", { className: \"mb-4\", children: n }) : /* @__PURE__ */ t(\"h2\", { className: \"mb-4 text-xl font-semibold\", id: C, children: n }) : null, I = () => c.length === 0 ? null : /* @__PURE__ */ t(\"div\", { className: \"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3\", children: c.map((A, O) => {\n const { label: B, className: S, ...M } = A;\n return /* @__PURE__ */ t(R, { className: S, type: \"button\", ...M, \"data-modal-action\": \"true\", children: B }, O);\n }) });\n return /* @__PURE__ */ t(q, { children: K(\n /* @__PURE__ */ t(\n \"div\",\n {\n \"aria-labelledby\": f ?? n ? C : void 0,\n \"aria-describedby\": p,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-y-auto\",\n children: /* @__PURE__ */ b(\"div\", { className: \"flex min-h-screen items-center justify-center p-4\", children: [\n /* @__PURE__ */ t(\n \"div\",\n {\n className: x(\"fixed inset-0 bg-black/20 transition-all\", u),\n onClick: () => {\n m || i();\n }\n }\n ),\n o && /* @__PURE__ */ t(\"div\", { className: x(\"relative w-fit\", s), children: a }),\n !o && /* @__PURE__ */ b(\n \"div\",\n {\n id: k,\n tabIndex: -1,\n className: x(\n \"relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75\",\n z ? \"opacity-100 scale-100\" : \"opacity-0 scale-90\",\n s\n ),\n children: [\n !d && /* @__PURE__ */ t(\n \"button\",\n {\n type: \"button\",\n onClick: i,\n \"data-modal-close-button\": \"true\",\n className: \"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ t(J, { size: 18 })\n }\n ),\n j(),\n a,\n I()\n ]\n }\n )\n ] })\n }\n ),\n document.body\n ) });\n}\nfunction de({\n type: l,\n message: r,\n cancelText: i,\n confirmText: n,\n onConfirm: a,\n onClose: o,\n destructive: s = !1,\n title: u,\n ...d\n}) {\n const c = E(() => l === \"confirm\" ? {\n confirm: n || \"Confirm\",\n cancel: i || \"Cancel\",\n defaultTitle: u || \"Confirm Action\"\n } : {\n confirm: n || \"OK\",\n cancel: null,\n defaultTitle: u || \"Alert\"\n }, [l, n, u, i]), m = E(\n () => [\n ...c.cancel ? [\n {\n label: c.cancel,\n variant: \"secondary\",\n onClick: o\n }\n ] : [],\n {\n label: c.confirm,\n variant: s ? \"destructive\" : \"primary\",\n onClick: () => {\n a == null || a(), o();\n }\n }\n ],\n [c, s, a, o]\n );\n return /* @__PURE__ */ t(\n ne,\n {\n ...d,\n title: u || c.defaultTitle,\n onClose: o,\n actions: m,\n disableCloseOnOverlayClick: l === \"confirm\",\n hideCloseButton: l === \"confirm\",\n children: typeof r == \"string\" ? /* @__PURE__ */ t(\"p\", { className: \"text-sm\", children: r }) : r\n }\n );\n}\nconst te = e(null), ue = () => {\n const l = F(te);\n if (!l)\n throw new Error(\"Tabs components must be used within a Tabs component\");\n return l;\n}, T = {\n info: {\n className: \"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100\",\n icon: /* @__PURE__ */ t(Z, { size: 20 })\n },\n warning: {\n className: \"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100\",\n icon: /* @__PURE__ */ t(Y, { size: 20 })\n },\n error: {\n className: \"bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100\",\n icon: /* @__PURE__ */ t(X, { size: 20 })\n }\n};\nfunction ce({\n id: l,\n title: r,\n description: i,\n type: n = \"info\",\n action: a,\n duration: o = 5e3,\n onRemove: s,\n customTypes: u,\n customComponent: d\n}) {\n const [c, m] = h(!1), f = L(() => {\n m(!0), setTimeout(() => {\n s == null || s(l);\n }, 150);\n }, [l, s]);\n if (g(() => {\n if (o > 0) {\n const v = setTimeout(() => {\n f();\n }, o);\n return () => clearTimeout(v);\n }\n }, [o, l, s, f]), d)\n return /* @__PURE__ */ t(\n d,\n {\n id: l,\n title: r,\n description: i,\n type: n,\n action: a,\n duration: o,\n onRemove: s\n }\n );\n const p = (u == null ? void 0 : u[n]) || T[n] || T.info;\n return /* @__PURE__ */ b(\n \"div\",\n {\n role: n === \"error\" ? \"alert\" : \"status\",\n \"aria-live\": n === \"error\" ? void 0 : \"polite\",\n className: G(\n \"relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out\",\n a && \"pb-3\",\n p.className,\n c ? \"opacity-0 translate-x-full\" : \"opacity-100 translate-x-0\"\n ),\n children: [\n /* @__PURE__ */ t(\"div\", { className: \"flex-shrink-0 mr-3\", children: p.icon }),\n /* @__PURE__ */ b(\"div\", { className: \"flex-grow min-w-0\", children: [\n /* @__PURE__ */ t(\"div\", { className: \"font-medium text-sm leading-5\", children: r }),\n i && /* @__PURE__ */ t(\"div\", { className: \"mt-1 text-sm opacity-90 leading-5\", children: i }),\n a && /* @__PURE__ */ t(\"div\", { className: \"mt-1.5\", children: /* @__PURE__ */ t(\n \"button\",\n {\n onClick: a.onClick,\n className: \"text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer\",\n children: a.label\n }\n ) })\n ] }),\n /* @__PURE__ */ t(\n \"button\",\n {\n onClick: f,\n className: \"flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0\",\n children: /* @__PURE__ */ t(V, { size: 16 })\n }\n )\n ]\n }\n );\n}\nexport {\n de as A,\n ce as T,\n te as a,\n N as n,\n ue as u\n};\n//# sourceMappingURL=Toast-DF9yiQ4F.js.map\n","import { jsxs as k, jsx as i, Fragment as Y } from \"react/jsx-runtime\";\nimport P, { useId as H, useState as z, createElement as Ee, useEffect as D, useRef as B, useCallback as I, useMemo as q, isValidElement as je, cloneElement as Le } from \"react\";\nimport { j as w } from \"./join-BmgR_f4v.js\";\nimport { f as $e, j as Ve, c as Ae, g as Ie, h as Se, b as xe, D as Be, W as We, k as Me, i as Fe, C as He, a as Ke, l as Pe, E as Ze, Q as Ge, d as _e, e as qe } from \"./Window-uX5BuBwi.js\";\nimport { n as L, a as Ue, u as ve } from \"./Toast-DF9yiQ4F.js\";\nimport { A as Fr, T as Hr } from \"./Toast-DF9yiQ4F.js\";\nimport { X as ce, E as Te, C as Xe, I as Je } from \"./X-CIoyLewf.js\";\nimport { createPortal as de } from \"react-dom\";\nimport { downloadFile as Qe } from \"./utils.esm.js\";\nfunction he({\n id: a,\n title: o,\n content: r,\n children: n,\n className: e = \"\",\n disabled: t = !1,\n isOpen: s = !1,\n onToggle: l,\n triggerClassName: c = \"\",\n bodyClassName: f = \"\"\n}) {\n const u = H(), d = a || `accordion-item-${u}`, h = `${d}-header`, m = `${d}-panel`, b = () => {\n !t && l && l();\n }, x = (p) => {\n (p.key === \"Enter\" || p.key === \" \") && (p.preventDefault(), b());\n };\n return /* @__PURE__ */ k(\"div\", { className: w(\"border-b border-gray-200\", t && \"opacity-60 cursor-not-allowed\", e), children: [\n /* @__PURE__ */ k(\n \"button\",\n {\n id: h,\n type: \"button\",\n className: w(\n \"w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary\",\n t ? \"cursor-not-allowed\" : \"hover:bg-gray-50/10 cursor-pointer\",\n c\n ),\n \"aria-expanded\": s,\n \"aria-controls\": m,\n disabled: t,\n onClick: b,\n onKeyDown: x,\n children: [\n /* @__PURE__ */ i(\"span\", { children: o }),\n /* @__PURE__ */ i(\n \"span\",\n {\n className: w(\n \"transform transition-transform duration-300 ease-linear\",\n s ? \"rotate-180\" : \"rotate-0\"\n ),\n \"aria-hidden\": \"true\",\n children: /* @__PURE__ */ i($e, { size: 18 })\n }\n )\n ]\n }\n ),\n /* @__PURE__ */ i(\n \"div\",\n {\n id: m,\n role: \"region\",\n \"aria-labelledby\": h,\n className: w(\n \"transition-all duration-300 ease-linear px-4\",\n s ? \"max-h-96 opacity-100 overflow-auto py-3\" : \"max-h-0 opacity-0 overflow-hidden\",\n f\n ),\n children: s && (n || r)\n }\n )\n ] });\n}\nfunction ur({\n id: a,\n items: o = [],\n children: r,\n className: n = \"\",\n itemClassName: e = \"\",\n allowMultiple: t = !1,\n defaultOpenItems: s = [],\n triggersClassName: l = \"\",\n bodiesClassName: c = \"\"\n}) {\n const f = H(), u = a || `accordion-group-${f}`, [d, h] = z(new Set(s)), m = (p) => {\n h((y) => {\n const v = new Set(y);\n return v.has(p) ? v.delete(p) : (t || v.clear(), v.add(p)), v;\n });\n }, b = (p) => `${f}-item-${p}`, x = (p) => d.has(p);\n return /* @__PURE__ */ k(\"div\", { id: u, className: n, children: [\n o.length > 0 && o.map((p, y) => {\n const v = p.id || b(y);\n return /* @__PURE__ */ i(\n he,\n {\n id: v,\n title: p.title,\n content: p.content,\n disabled: p.disabled,\n isOpen: x(v),\n onToggle: () => m(v),\n className: e,\n triggerClassName: l,\n bodyClassName: c\n },\n v\n );\n }),\n o.length === 0 && r && P.Children.map(r, (p, y) => {\n if (P.isValidElement(p) && p.type === he) {\n const v = p.props.id || b(y);\n return /* @__PURE__ */ Ee(\n he,\n {\n ...p.props,\n key: v,\n id: v,\n className: w(e, p.props.className),\n isOpen: x(v),\n onToggle: () => m(v),\n triggerClassName: w(l, p.props.triggerClassName),\n bodyClassName: w(c, p.props.bodyClassName)\n }\n );\n }\n return null;\n })\n ] });\n}\nfunction Ye() {\n const [a, o] = z(0);\n return D(() => {\n const r = setInterval(() => {\n o((n) => (n + 1) % 3);\n }, 500);\n return () => clearInterval(r);\n }, []), /* @__PURE__ */ i(\"div\", { className: \"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle\", children: [0, 1, 2].map((r) => /* @__PURE__ */ i(\n \"div\",\n {\n className: w(\n \"rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current\",\n a === r && \"transform -translate-y-1\"\n )\n },\n r\n )) });\n}\nconst Oe = {\n base: \"\",\n primary: \"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80\",\n tertiary: \"text-primary hover:text-primary-foreground disabled:text-muted\",\n outline: \"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted\",\n link: \"underline-offset-4 hover:underline disabled:underline disabled:text-muted\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground\"\n}, et = {\n stripped: \"\",\n fitted: \"size-fit\",\n sm: \"px-2 py-1 text-sm\",\n md: \"px-4 py-2 text-base\",\n lg: \"px-6 py-3 text-lg\",\n icon: \"p-1 w-fit aspect-square\",\n full: \"p-2 w-full\"\n}, tt = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\"\n}, pe = {\n variant: \"primary\",\n size: \"md\",\n rounded: \"md\"\n};\nfunction rt({\n variant: a = pe.variant,\n size: o,\n rounded: r = pe.rounded,\n loading: n,\n linkTo: e,\n linkProps: t,\n type: s = \"button\",\n className: l,\n ...c\n}) {\n let f;\n a === \"link\" && !o ? f = \"fitted\" : f = o || pe.size;\n const d = w(\n \"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all\",\n Oe[a],\n et[f],\n tt[r],\n n && \"relative pointer-events-none\",\n e && \"relative\",\n l\n );\n return /* @__PURE__ */ k(\n \"button\",\n {\n ...c,\n role: e ? \"link\" : c.role,\n \"aria-label\": c[\"aria-label\"] || (t == null ? void 0 : t[\"aria-label\"]),\n \"aria-description\": c[\"aria-description\"] || (t == null ? void 0 : t[\"aria-description\"]),\n \"aria-disabled\": c.disabled || n,\n \"aria-busy\": n,\n type: s,\n className: d,\n children: [\n n && /* @__PURE__ */ i(Ye, {}),\n /* @__PURE__ */ i(\"span\", { className: w(n && \"invisible\"), children: c.children }),\n e && !c.disabled && /* @__PURE__ */ i(\n \"a\",\n {\n ...t,\n \"aria-hidden\": !0,\n href: e,\n rel: (t == null ? void 0 : t.rel) || \"noreferrer\",\n className: \"absolute inset-0\"\n }\n )\n ]\n }\n );\n}\nconst nt = {\n info: {\n border: \"border-blue-600\",\n interior: \"bg-blue-800/20\",\n core: \"text-blue-400\",\n description: \"text-blue-200\"\n },\n destructive: {\n border: \"border-destructive\",\n interior: \"bg-destructive/10\",\n core: \"text-destructive\",\n description: \"text-destructive\"\n },\n success: {\n border: \"border-success\",\n interior: \"bg-success/10\",\n core: \"text-success\",\n description: \"text-success\"\n },\n warning: {\n border: \"border-yellow-700\",\n interior: \"bg-yellow-800/20\",\n core: \"text-yellow-400\",\n description: \"text-yellow-200\"\n },\n base: {\n border: \"\",\n interior: \"\",\n core: \"\",\n description: \"opacity-90\"\n }\n}, at = {\n info: /* @__PURE__ */ i(Je, { size: 22 }),\n destructive: /* @__PURE__ */ i(Xe, { size: 22 }),\n success: /* @__PURE__ */ i(Ae, { size: 22 }),\n warning: /* @__PURE__ */ i(Te, { size: 20 }),\n base: /* @__PURE__ */ i(Ve, { size: 22 })\n};\nfunction fr({\n id: a,\n ref: o,\n variant: r = \"base\",\n icon: n,\n title: e,\n description: t,\n className: s,\n dismissible: l = !1,\n onDismiss: c\n}) {\n const f = H(), u = a || `callout-${f}`, [d, h] = z(!1), m = nt[r], b = at[r], x = () => {\n h(!0), c && c();\n };\n return d ? null : /* @__PURE__ */ k(\n \"div\",\n {\n id: u,\n ref: o,\n className: w(\"relative rounded-lg p-2 sm:p-4 border\", m.border, m.interior, s),\n \"data-variant\": r,\n role: \"note\",\n \"aria-describedby\": t ? `${u}-description` : void 0,\n \"aria-labelledby\": e ? `${u}-title` : void 0,\n children: [\n /* @__PURE__ */ k(\"div\", { className: \"flex items-start gap-x-2\", children: [\n n && /* @__PURE__ */ i(\"span\", { className: m.core, children: n === \"default\" ? b : n }),\n (e || t) && /* @__PURE__ */ k(\"div\", { className: \"flex-1\", children: [\n e && /* @__PURE__ */ i(\"div\", { id: `${u}-title`, className: w(\"font-medium\", m.core), children: e }),\n t && /* @__PURE__ */ i(\"div\", { id: `${u}-description`, className: w(\"mt-0.5 font-light\", m.description), children: t })\n ] })\n ] }),\n l && /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: x,\n \"data-callout-close-button\": \"true\",\n className: w(\n m.core,\n \"rounded-md p-0.5 top-2.5 right-2.5 absolute focus:outline-none hover:ring focus:ring-2 focus:ring-current leading-0\"\n ),\n \"aria-label\": \"Close callout\",\n children: /* @__PURE__ */ i(ce, { size: 18 })\n }\n )\n ]\n }\n );\n}\nfunction ot({\n totalItems: a,\n itemsToShow: o,\n infinite: r,\n autoScroll: n,\n scrollInterval: e,\n pauseScrollOnHover: t,\n currentIndex: s,\n onIndexChange: l\n}) {\n const [c, f] = z(s || 0), [u, d] = z(!1), h = B(null), m = Math.ceil(a / o), b = r || c > 0, x = r || c < m - 1, p = I(\n (g) => {\n const N = Math.max(0, Math.min(g, m - 1));\n f(N), l == null || l(N);\n },\n [m, l]\n ), y = I(() => {\n if (b) {\n const g = c === 0 && r ? m - 1 : c - 1;\n p(g);\n }\n }, [c, b, r, m, p]), v = I(() => {\n if (x) {\n const g = c === m - 1 && r ? 0 : c + 1;\n p(g);\n }\n }, [c, x, r, m, p]);\n return D(() => {\n s !== void 0 && s !== c && f(s);\n }, [s, c]), D(() => {\n if (!n) return;\n const g = () => {\n h.current = setInterval(() => {\n t && u || v();\n }, e);\n }, N = () => {\n h.current && (clearInterval(h.current), h.current = null);\n };\n return !u || !t ? g() : N(), N;\n }, [n, e, t, u, v]), D(() => {\n f(0);\n }, [o]), {\n currentSlide: c,\n canGoPrev: b,\n canGoNext: x,\n goToPrev: y,\n goToNext: v,\n goToSlide: p,\n isHovered: u,\n setIsHovered: d\n };\n}\nconst te = {\n xs: 0,\n // Smaller than `sm`\n sm: 640,\n // Tailwind's `sm` breakpoint: `@media (min-width: 640px)`\n md: 768,\n // Tailwind's `md` breakpoint: `@media (min-width: 768px)`\n lg: 1024,\n // Tailwind's `lg` breakpoint: `@media (min-width: 1024px)`\n xl: 1280,\n // Tailwind's `xl` breakpoint: `@media (min-width: 1280px)`\n \"2xl\": 1536\n // Tailwind's `2xl` breakpoint: `@media (min-width: 1536px)`\n};\nfunction st() {\n const [a, o] = z(), [r, n] = z(0), e = (t) => te[t];\n return D(() => {\n const t = (l) => l >= te[\"2xl\"] ? \"2xl\" : l >= te.xl ? \"xl\" : l >= te.lg ? \"lg\" : l >= te.md ? \"md\" : l >= te.sm ? \"sm\" : \"xs\";\n o(t(window.innerWidth)), n(window.innerWidth);\n const s = () => {\n o(t(window.innerWidth)), n(window.innerWidth);\n };\n return window.addEventListener(\"resize\", s), () => {\n window.removeEventListener(\"resize\", s);\n };\n }, []), { screenSize: a, screenWidth: r, getBreakpoint: e };\n}\nconst ae = {\n sm: {\n button: \"h-6 w-6 text-xs\",\n icon: \"size-3\"\n },\n md: {\n button: \"h-8 w-8 text-sm\",\n icon: \"size-4\"\n },\n lg: {\n button: \"h-10 w-10 text-lg\",\n icon: \"size-5\"\n }\n}, ge = {\n default: \"bg-accent text-accent-foreground hover:bg-accent-foreground hover:text-accent\",\n outline: \"border border-border bg-background hover:bg-accent hover:text-accent-foreground hover:border-accent\",\n ghost: \"hover:text-accent\"\n}, oe = {\n aligned: {\n prev: \"absolute top-1/2 -translate-x-1/2 -translate-y-1/2 z-10\",\n next: \"absolute right-0 top-1/2 translate-x-1/2 -translate-y-1/2 z-10\"\n },\n exterior: {\n prev: \"absolute -left-10 top-1/2 -translate-y-1/2 z-10\",\n next: \"absolute -right-10 top-1/2 -translate-y-1/2 z-10\"\n },\n interior: {\n prev: \"absolute left-2 top-1/2 -translate-y-1/2 z-10\",\n next: \"absolute right-2 top-1/2 -translate-y-1/2 z-10\"\n }\n};\nfunction mr({\n children: a,\n id: o,\n ref: r,\n className: n,\n autoScroll: e = !1,\n scrollInterval: t = 3e3,\n pauseScrollOnHover: s = !0,\n currentIndex: l,\n onIndexChange: c,\n hidePrevNext: f = !1,\n hideDots: u = !1,\n itemsToShow: d = 1,\n buttonSize: h = \"md\",\n buttonVariant: m = \"default\",\n buttonPosition: b = \"exterior\",\n infinite: x = !0,\n prevButton: p,\n nextButton: y,\n itemsClassName: v,\n containerClassName: g,\n dotsClassName: N,\n gap: C = 8\n}) {\n var W, re;\n const S = B(null), T = P.Children.toArray(a).filter(P.isValidElement), E = T.length, { screenSize: F } = st(), j = q(() => {\n if (typeof d == \"number\")\n return d;\n if (typeof d == \"object\" && d && F) {\n const Q = [\"2xl\", \"xl\", \"lg\", \"md\", \"sm\", \"xs\"], K = Q.indexOf(F);\n for (let ee = K; ee < Q.length; ee++) {\n const ne = Q[ee];\n if (d[ne] !== void 0)\n return d[ne];\n }\n }\n return 1;\n }, [d, F]), { currentSlide: Z, canGoPrev: M, canGoNext: R, goToPrev: $, goToNext: V, goToSlide: G, setIsHovered: U } = ot({\n totalItems: E,\n itemsToShow: j,\n infinite: x,\n autoScroll: e,\n scrollInterval: t,\n pauseScrollOnHover: s,\n currentIndex: l,\n onIndexChange: c\n }), J = I(\n (Q) => {\n if (j === 1)\n return { leftWidth: 0, rightWidth: 0, widthReduction: 0 };\n const K = C * (j - 1) / j;\n return Q % j === 0 ? { leftWidth: 0, rightWidth: C / 2, widthReduction: K } : Q % j === j - 1 ? { leftWidth: C / 2, rightWidth: 0, widthReduction: K } : { leftWidth: C / 2, rightWidth: C / 2, widthReduction: K };\n },\n [j, C]\n ), _ = () => {\n $();\n }, O = () => {\n V();\n }, ue = () => {\n s && U(!0);\n }, fe = () => {\n s && U(!1);\n }, me = -(Z * (100 / E) * j), A = w(\n \"inline-flex items-center justify-center rounded-md font-medium transition-all focus-visible:outline-none focus-visible:ring focus-visible:ring-ring disabled:pointer-events-none\",\n b === \"aligned\" ? \"disabled:opacity-90\" : \"disabled:opacity-50\"\n );\n return /* @__PURE__ */ k(\"div\", { className: w(\"relative\", n), \"data-carousel-wrapper\": \"true\", children: [\n !f && /* @__PURE__ */ i(Y, { children: p ? P.cloneElement(\n p,\n {\n onClick: _,\n disabled: !M,\n className: w(\n ((W = p.props) == null ? void 0 : W.className) || \"\",\n oe[b].prev\n ),\n role: \"button\",\n \"aria-disabled\": !M,\n \"aria-label\": \"Previous slide\",\n \"data-carousel-prev\": \"true\"\n }\n ) : /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: _,\n disabled: !M,\n className: w(\n A,\n ae[h].button,\n ge[m],\n oe[b].prev\n ),\n \"aria-disabled\": !M,\n \"aria-label\": \"Previous slide\",\n \"data-carousel-prev\": \"true\",\n children: /* @__PURE__ */ i(Ie, { className: ae[h].icon })\n }\n ) }),\n /* @__PURE__ */ k(\n \"div\",\n {\n id: o,\n ref: r,\n className: w(\"relative overflow-hidden\", g),\n onMouseEnter: ue,\n onMouseLeave: fe,\n \"data-carousel\": \"true\",\n \"data-current-index\": Z,\n \"data-items-to-show\": j,\n \"data-auto-scroll\": e,\n \"data-button-position\": b,\n children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n ref: S,\n className: \"flex transition-transform duration-300 ease-in-out\",\n style: {\n transform: `translateX(${me}%)`,\n width: `${E / j * 100}%`\n },\n children: T.map((Q, K) => {\n const { leftWidth: ee, rightWidth: ne, widthReduction: Re } = J(K);\n return /* @__PURE__ */ i(\n \"div\",\n {\n className: w(\"flex-shrink-0\", v),\n style: {\n width: `calc(${100 / E}% - ${Re}px)`,\n marginRight: ne > 0 ? `${ne}px` : void 0,\n marginLeft: ee > 0 ? `${ee}px` : void 0\n },\n \"data-slide-index\": K,\n children: Q\n },\n K\n );\n })\n }\n ),\n !u && /* @__PURE__ */ i(\"div\", { className: \"absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2\", children: Array.from({ length: Math.ceil(E / j) }).map((Q, K) => /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: () => G(K),\n className: w(\n \"w-2 h-2 rounded-full transition-colors duration-200\",\n K === Z ? \"bg-accent\" : \"bg-muted hover:bg-muted-foreground/50\",\n N\n ),\n \"aria-label\": `Go to slide ${K + 1}`,\n \"data-carousel-dot\": K\n },\n K\n )) })\n ]\n }\n ),\n !f && /* @__PURE__ */ i(Y, { children: y ? P.cloneElement(\n y,\n {\n onClick: O,\n disabled: !R,\n className: w(\n ((re = y.props) == null ? void 0 : re.className) || \"\",\n oe[b].next\n ),\n role: \"button\",\n \"aria-disabled\": !R,\n \"aria-label\": \"Next slide\",\n \"data-carousel-next\": \"true\"\n }\n ) : /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: O,\n disabled: !R,\n className: w(\n A,\n ae[h].button,\n ge[m],\n oe[b].next\n ),\n \"aria-disabled\": !R,\n \"aria-label\": \"Next slide\",\n \"data-carousel-next\": \"true\",\n children: /* @__PURE__ */ i(Se, { className: ae[h].icon })\n }\n ) })\n ] });\n}\nfunction it(a) {\n const [o, r] = z(\"\"), n = I((e) => {\n let t = e, s = \"\";\n for (; t && !s; ) {\n const l = window.getComputedStyle(t).backgroundColor;\n l && l !== \"transparent\" && l !== \"rgba(0, 0, 0, 0)\" && (s = l), t = t.parentElement;\n }\n return s || \"transparent\";\n }, []);\n return D(() => {\n const e = document.getElementById(a);\n if (e) {\n const t = n(e.parentElement);\n r(t);\n }\n }, [a, n]), o;\n}\nfunction hr({\n ref: a,\n id: o,\n size: r = 20,\n color: n,\n filled: e = !1,\n rounded: t = !0,\n checked: s = !1,\n onCheckedChange: l,\n disabled: c,\n className: f = \"\",\n ...u\n}) {\n const d = H(), h = q(() => o || `checkbox-${d}`, [o, d]), m = it(h), [b, x] = z(s);\n D(() => {\n x(s);\n }, [s]);\n const p = () => {\n c || (x(!b), l == null || l(!b));\n }, y = (g) => {\n g.key === \" \" && (g.preventDefault(), p());\n }, v = w(\n \"flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2\",\n t && \"rounded\",\n c && \"opacity-40 cursor-not-allowed\",\n !c && \"cursor-pointer\",\n f\n );\n return /* @__PURE__ */ i(\n \"button\",\n {\n id: h,\n type: \"button\",\n ref: a,\n tabIndex: 0,\n role: \"checkbox\",\n onClick: p,\n \"aria-checked\": b,\n \"aria-disabled\": c,\n onKeyDownCapture: y,\n style: {\n width: r,\n height: r,\n color: n,\n backgroundColor: b && e ? \"currentcolor\" : \"transparent\"\n },\n className: v,\n ...u,\n children: b && /* @__PURE__ */ i(xe, { size: r, color: e ? m : void 0 })\n }\n );\n}\nfunction pr({\n children: a,\n className: o,\n linkTo: r,\n linkProps: n,\n onButtonClick: e,\n buttonProps: t,\n ...s\n}) {\n return r && e && console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.'), /* @__PURE__ */ k(\"div\", { className: w(\"relative w-fit\", o), ...s, children: [\n a,\n r && /* @__PURE__ */ i(\n \"a\",\n {\n ...n,\n rel: (n == null ? void 0 : n.rel) || \"noreferrer\",\n href: r,\n className: w(\"absolute inset-0\", n == null ? void 0 : n.className)\n }\n ),\n !r && e && /* @__PURE__ */ i(\n \"button\",\n {\n ...t,\n type: \"button\",\n onClick: e,\n className: w(\"absolute inset-0 cursor-pointer\", t == null ? void 0 : t.className)\n }\n )\n ] });\n}\nfunction lt(a) {\n const [o, r] = z(null);\n return D(() => {\n var l;\n const n = (l = document.getElementById(a)) == null ? void 0 : l.parentElement;\n if (!n) return;\n const e = () => {\n const c = window.getComputedStyle(n), f = parseFloat(c.fontSize), u = c.lineHeight === \"normal\" ? f * 1.2 : parseFloat(c.lineHeight), d = f - 2, h = d / f, m = u * h;\n r({\n fontSize: f,\n lineHeight: u,\n smallerFontSize: d,\n smallerLineHeight: m\n });\n };\n e();\n const t = new ResizeObserver(e);\n t.observe(n);\n const s = new MutationObserver(e);\n return s.observe(n, {\n attributes: !0,\n attributeFilter: [\"style\", \"class\"],\n subtree: !1\n }), () => {\n t.disconnect(), s.disconnect();\n };\n }, [a]), o;\n}\nconst ct = {\n base: \"\",\n modest: \"opacity-90 bg-muted/10\",\n accent: \"text-accent bg-muted/10\",\n current: \"text-current bg-current/10\"\n};\nfunction br({ id: a, ref: o, content: r, variant: n = \"accent\", className: e, style: t, ...s }) {\n const l = H(), c = a || `code-${l}`, f = lt(c);\n return /* @__PURE__ */ i(\n \"code\",\n {\n id: c,\n ref: o,\n className: w(\"px-2 py-1 rounded\", ct[n], e),\n \"data-variant\": n,\n style: {\n fontSize: f ? `${f.smallerFontSize}px` : void 0,\n lineHeight: f ? `${f.smallerLineHeight}px` : void 0,\n ...t\n },\n ...s,\n children: r\n }\n );\n}\nconst dt = {\n keyword: \"text-rose-400\",\n runner: \"text-amber-400\",\n comment: \"text-gray-500/80\",\n command: \"text-gray-100\",\n variable: \"text-blue-400\",\n string: \"text-white/70\",\n option: \"text-purple-400\",\n plain: \"text-gray-200\",\n operator: \"text-pink-500\",\n substitution: \"text-green-300\"\n}, ut = {\n selector: \"text-blue-400 font-medium\",\n property: \"text-purple-400\",\n value: \"text-green-400\",\n punctuation: \"text-gray-400\",\n atRule: \"text-pink-400 font-semibold\",\n comment: \"text-gray-500 italic\",\n string: \"text-green-400\",\n number: \"text-green-400\",\n plain: \"text-gray-100\",\n function: \"text-cyan-400\"\n}, ft = {\n key: \"text-purple-400 font-semibold\",\n string: \"text-green-400\",\n number: \"text-orange-400 font-medium\",\n boolean: \"text-cyan-400 font-medium\",\n punctuation: \"text-gray-400\",\n plain: \"text-gray-100\"\n}, mt = {\n keyword: \"text-purple-400 font-semibold\",\n type: \"text-cyan-400 font-medium\",\n string: \"text-green-400\",\n \"jsx-bracket\": \"text-gray-400\",\n \"jsx-tag\": \"text-blue-400 font-medium\",\n \"jsx-attribute\": \"text-amber-400\",\n \"jsx-brace\": \"text-yellow-400\",\n jsx: \"text-blue-400 font-medium\",\n // fallback for old jsx type\n property: \"text-amber-400\",\n number: \"text-orange-400 font-medium\",\n comment: \"text-gray-500 italic\",\n function: \"text-rose-400 font-semibold\",\n hook: \"text-rose-400 font-semibold\",\n operator: \"text-gray-300\",\n plain: \"text-gray-100\"\n}, ht = /* @__PURE__ */ new Set([\n \"for\",\n \"in\",\n \"do\",\n \"done\",\n \"else\",\n \"if\",\n \"fi\",\n \"then\",\n \"while\",\n \"until\",\n \"case\",\n \"esac\"\n]), pt = /* @__PURE__ */ new Set([\"npm\", \"npx\", \"pnpm\", \"yarn\", \"vite\"]);\nfunction De(a) {\n const o = [];\n if (a.trim() === \"\")\n return o.push({ text: \" \", type: \"plain\" }), o;\n if (a.trim().startsWith(\"#\"))\n return o.push({ text: a, type: \"comment\" }), o;\n const r = /(\\$\\([^)]*\\)|\"[^\"]*\"|'[^']*'|\\$[\\w_]+|[a-zA-Z_]\\w*=|--?[a-zA-Z0-9][\\w-]*(?:=.*)?|>>|>|#.*|\\s+|[^\\s]+)/g, n = (t) => {\n if (/^\\$\\([^)]*\\)$/.test(t)) {\n const s = t.slice(2, -1);\n return [{ text: \"$(\", type: \"operator\" }, ...De(s), { text: \")\", type: \"operator\" }];\n }\n if (/^\".*\"$/.test(t)) {\n const s = t.slice(1, -1), l = [];\n let c = 0;\n const f = /\\$[\\w_]+/g;\n let u;\n for (; (u = f.exec(s)) !== null; )\n u.index > c && l.push({\n text: s.slice(c, u.index),\n type: \"string\"\n }), l.push({ text: u[0], type: \"variable\" }), c = u.index + u[0].length;\n return c < s.length && l.push({ text: s.slice(c), type: \"string\" }), [{ text: '\"', type: \"string\" }, ...l, { text: '\"', type: \"string\" }];\n }\n return /^'.*'$/.test(t) ? [{ text: t, type: \"string\" }] : /^\\$[\\w_]+$/.test(t) ? [{ text: t, type: \"variable\" }] : /^[a-zA-Z_]\\w*=$/.test(t) ? [{ text: t, type: \"variable\" }] : /^--?[a-zA-Z0-9][\\w-]*(=.*)?$/.test(t) ? [{ text: t, type: \"option\" }] : /^>>|>$/.test(t) ? [{ text: t, type: \"operator\" }] : /^#.*$/.test(t) ? [{ text: t, type: \"comment\" }] : /^\\s+$/.test(t) ? [{ text: t, type: \"plain\" }] : ht.has(t) ? [{ text: t, type: \"keyword\" }] : pt.has(t) ? [{ text: t, type: \"runner\" }] : [{ text: t, type: \"command\" }];\n };\n let e;\n for (; (e = r.exec(a)) !== null; )\n o.push(...n(e[0]));\n return o;\n}\nfunction bt(a, o = !1) {\n const r = [];\n let n = o;\n if (a.trim() === \"\")\n return r.push({ text: \" \", type: \"plain\" }), { tokens: r, inComment: n };\n let e = \"selector\", t = 0;\n a.match(/^\\s+/) && a.includes(\":\") && !a.includes(\"{\") && (e = \"property\", t = 1);\n const s = /(\\/\\*[\\s\\S]*?\\*\\/|\\/\\*[\\s\\S]*$|\\*\\/)|(@[a-zA-Z-]+)|(\\{|\\}|:|;|,|\\(|\\))|(\"(?:[^\"]*)\"|'(?:[^']*)')|([a-zA-Z-]+)(?=\\()|([0-9.]+(?:px|rem|em|%|vh|vw|deg|s|ms|fr)?)|(#[a-fA-F0-9]{3,8})|([a-zA-Z0-9_-]+|[.#][a-zA-Z0-9_-]+)|(\\s+)|(\\S+)/g;\n let l;\n for (; l = s.exec(a); ) {\n const [, c, f, u, d, h, m, b, x, p, y] = l;\n if (c)\n c.includes(\"/*\") && !c.includes(\"*/\") ? n = !0 : c.includes(\"*/\") && (n = !1), r.push({ text: c, type: \"comment\" });\n else if (n)\n l[0].includes(\"*/\") && (n = !1), r.push({ text: l[0], type: \"comment\" });\n else if (f)\n r.push({ text: f, type: \"atRule\" });\n else if (h)\n r.push({ text: h, type: \"function\" });\n else if (u)\n u === \"{\" ? (t++, e = \"property\") : u === \"}\" ? (t--, e = t > 0 ? \"property\" : \"selector\") : u === \":\" ? e === \"property\" && (e = \"value\") : u === \";\" ? t > 0 && (e = \"property\") : u === \",\" && t === 0 && (e = \"selector\"), r.push({ text: u, type: \"punctuation\" });\n else if (d)\n r.push({ text: d, type: \"string\" });\n else if (m)\n r.push({ text: m, type: \"number\" });\n else if (b)\n r.push({ text: b, type: \"value\" });\n else if (x) {\n let v;\n x.startsWith(\".\") || x.startsWith(\"#\") || e === \"selector\" ? v = \"selector\" : e === \"property\" ? v = \"property\" : v = \"value\", r.push({ text: x, type: v });\n } else if (p)\n r.push({ text: p.replace(/ /g, \" \"), type: \"plain\" });\n else if (y) {\n const v = e === \"value\" ? \"value\" : \"plain\";\n r.push({ text: y, type: v });\n }\n }\n return { tokens: r, inComment: n };\n}\nfunction xt(a) {\n const o = /(\"[^\"]*\")\\s*(:)|(\"[^\"]*\")|(\\d+)|(true|false|null)|(\\{|\\}|\\[|\\]|,)/g, r = [];\n let n = 0, e;\n for (; (e = o.exec(a)) !== null; )\n e.index > n && r.push({ text: a.slice(n, e.index), type: \"plain\" }), e[1] && e[2] ? (r.push({ text: e[1], type: \"key\" }), r.push({ text: e[2], type: \"punctuation\" })) : e[3] ? r.push({ text: e[3], type: \"string\" }) : e[4] ? r.push({ text: e[4], type: \"number\" }) : e[5] ? r.push({ text: e[5], type: \"boolean\" }) : e[6] && r.push({ text: e[6], type: \"punctuation\" }), n = o.lastIndex;\n return n < a.length && r.push({ text: a.slice(n), type: \"plain\" }), r;\n}\nfunction vt(a, o = !1, r = 0) {\n const n = [];\n let e = a, t = o, s = r;\n for (; e.length > 0; ) {\n const l = e.match(/^\\/\\*[\\s\\S]*?\\*\\//);\n if (l) {\n n.push({ text: l[0], type: \"comment\" }), e = e.slice(l[0].length);\n continue;\n }\n const c = e.match(/^\\/\\/.*$/m);\n if (c) {\n n.push({ text: c[0], type: \"comment\" }), e = e.slice(c[0].length);\n continue;\n }\n const f = e.match(/^(`[^`]*`|\"[^\"]*\"|'[^']*')/);\n if (f) {\n n.push({ text: f[0], type: \"string\" }), e = e.slice(f[0].length);\n continue;\n }\n const u = e.match(/^<([a-zA-Z][a-zA-Z0-9]*)/);\n if (u) {\n n.push({ text: \"<\", type: \"jsx-bracket\" }), n.push({ text: u[1], type: \"jsx-tag\" }), e = e.slice(u[0].length), t = !0;\n continue;\n }\n const d = e.match(/^<\\/([a-zA-Z][a-zA-Z0-9]*)>/);\n if (d) {\n n.push({ text: \"</\", type: \"jsx-bracket\" }), n.push({ text: d[1], type: \"jsx-tag\" }), n.push({ text: \">\", type: \"jsx-bracket\" }), e = e.slice(d[0].length), t = !1;\n continue;\n }\n if (e.match(/^\\/?>/)) {\n const S = e.match(/^(\\/?>\\s*)/);\n if (S) {\n n.push({ text: S[1].trim(), type: \"jsx-bracket\" }), e = e.slice(S[1].length), S[1].includes(\">\") && (t = !1);\n continue;\n }\n }\n const h = e.match(/^([a-zA-Z][a-zA-Z0-9]*)(\\s*)(=)/);\n if (h && t && s === 0) {\n n.push({ text: h[1], type: \"jsx-attribute\" }), h[2] && n.push({ text: h[2], type: \"plain\" }), n.push({ text: \"=\", type: \"plain\" }), e = e.slice(h[0].length);\n continue;\n }\n const m = e.match(/^[{}]/);\n if (m) {\n n.push({ text: m[0], type: \"jsx-brace\" }), m[0] === \"{\" ? s++ : m[0] === \"}\" && s--, e = e.slice(1);\n continue;\n }\n const b = e.match(/^\\s+/);\n if (b) {\n n.push({ text: b[0], type: \"plain\" }), e = e.slice(b[0].length);\n continue;\n }\n const x = e.match(/^(=>|===|!==|==|!=|<=|>=|&&|\\|\\||[+\\-*/%=<>!&|^~?:;,()[\\]{}.])/);\n if (x) {\n n.push({ text: x[0], type: \"operator\" }), e = e.slice(x[0].length);\n continue;\n }\n const p = e.match(\n /^(const|let|var|function|if|else|for|while|return|import|export|class|extends|interface|type|enum|async|await|public|private|protected|static|from|as|default|new|this|super|try|catch|finally|throw|break|continue|switch|case|typeof|instanceof)\\b/\n );\n if (p) {\n n.push({ text: p[0], type: \"keyword\" }), e = e.slice(p[0].length);\n continue;\n }\n const y = e.match(/^(use[A-Z][a-zA-Z]*)\\b/);\n if (y) {\n n.push({ text: y[0], type: \"hook\" }), e = e.slice(y[0].length);\n continue;\n }\n const v = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=(\\?\\.)?\\()/);\n if (v) {\n n.push({ text: v[1], type: \"function\" }), e = e.slice(v[1].length);\n continue;\n }\n const g = e.match(\n /^(string|number|boolean|object|any|void|never|unknown|null|undefined|Promise|Array|React\\.FC|FC|JSX\\.Element|HTMLElement|Event|MouseEvent|KeyboardEvent|ChangeEvent)\\b/\n );\n if (g) {\n n.push({ text: g[0], type: \"type\" }), e = e.slice(g[0].length);\n continue;\n }\n const N = e.match(/^(\\d+\\.?\\d*)/);\n if (N) {\n n.push({ text: N[0], type: \"number\" }), e = e.slice(N[0].length);\n continue;\n }\n const C = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=:)/);\n if (C && !t) {\n n.push({ text: C[1], type: \"property\" }), e = e.slice(C[1].length);\n continue;\n }\n n.push({ text: e[0], type: \"plain\" }), e = e.slice(1);\n }\n return n;\n}\nfunction gt(a, o) {\n const r = {\n ...dt,\n ...o\n };\n return a.map((n, e) => {\n const t = De(n);\n return /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: t.map((s, l) => /* @__PURE__ */ i(\"span\", { className: r[s.type] || \"text-gray-100\", children: s.text }, l)) }, e);\n });\n}\nfunction yt(a, o) {\n const r = { ...ut, ...o };\n let n = !1;\n return a.map((e, t) => {\n const { tokens: s, inComment: l } = bt(e, n);\n return n = l, /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: s.map((c, f) => /* @__PURE__ */ i(\"span\", { className: r[c.type] || \"text-gray-100\", children: c.text }, f)) }, t);\n });\n}\nfunction wt(a, o) {\n const r = { ...ft, ...o };\n return a.map((n, e) => /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: xt(n).map((t, s) => /* @__PURE__ */ i(\"span\", { className: r[t.type] || \"text-gray-100\", children: t.text }, s)) }, e));\n}\nfunction Nt(a, o) {\n const r = { ...mt, ...o };\n let n = !1, e = 0;\n return a.map((t, s) => {\n if (t.trim() === \"\")\n return /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: \" \" }, s);\n const l = vt(t, n, e);\n t.includes(\"<\") && t.match(/<[a-zA-Z]/) && (n = !0), t.includes(\">\") && !t.includes(\"<\") && (n = !1, e = 0);\n const c = (t.match(/\\{/g) || []).length, f = (t.match(/\\}/g) || []).length;\n return e += c - f, e < 0 && (e = 0), /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: l.map((u, d) => /* @__PURE__ */ i(\"span\", { className: r[u.type] || \"text-gray-100\", children: u.text }, d)) }, s);\n });\n}\nfunction Ct(a) {\n const [o, r] = z(!1), n = I(async () => {\n try {\n await navigator.clipboard.writeText(a), r(!0), setTimeout(() => r(!1), 3e3);\n } catch (e) {\n console.error(\"Failed to copy code:\", e);\n }\n }, [a]);\n return { copied: o, handleCopy: n };\n}\nfunction kt(a, o) {\n const r = B(null), n = B(null);\n return D(() => {\n if (a) {\n r.current = document.activeElement, document.body.style.overflow = \"hidden\", setTimeout(() => {\n var t;\n (t = n.current) == null || t.focus();\n }, 100);\n const e = (t) => {\n t.key === \"Escape\" && o(!1);\n };\n return document.addEventListener(\"keydown\", e), () => {\n document.removeEventListener(\"keydown\", e), document.body.style.overflow = \"\";\n };\n } else r.current && (r.current.focus(), r.current = null);\n }, [a, o]), { containerRef: n };\n}\nfunction zt(a, o, r, n) {\n return { handleKeyDown: I(\n (t) => {\n t.key === \"c\" && (t.metaKey || t.ctrlKey) && a ? (t.preventDefault(), r()) : t.key === \"f\" && o && (t.preventDefault(), n());\n },\n [a, o, r, n]\n ) };\n}\nfunction Et(a) {\n switch (a) {\n case \"typescript\":\n case \"ts\":\n return \"ts\";\n case \"tsx\":\n return \"tsx\";\n case \"json\":\n return \"json\";\n case \"bash\":\n case \"sh\":\n return \"sh\";\n default:\n return \"txt\";\n }\n}\nfunction xr({\n code: a,\n language: o = \"typescript\",\n allowCopy: r = !0,\n allowDownload: n = !1,\n allowFullscreen: e = !1,\n filename: t,\n showTrafficLights: s = !0,\n showLineNumbers: l = !1,\n hideHeader: c = !1,\n hideFiletype: f = !1,\n maxHeight: u,\n tokenClasses: d,\n className: h,\n id: m,\n ref: b,\n ...x\n}) {\n const [p, y] = z(!1), { containerRef: v } = kt(p, y), { copied: g, handleCopy: N } = Ct(a), C = I(() => {\n const $ = t || `code.${Et(o)}`;\n Qe(a, $);\n }, [a, t, o]), S = I(() => {\n y(($) => !$);\n }, []), { handleKeyDown: T } = zt(r, e, N, S), E = q(() => a.split(`\n`), [a]), F = I(\n ($ = !0) => /* @__PURE__ */ k(\"div\", { className: w(\"flex items-center space-x-2\", !$ && \"absolute top-2 right-2 z-10\"), children: [\n !f && /* @__PURE__ */ i(\n \"span\",\n {\n className: \"text-xs text-gray-400 uppercase tracking-wide font-medium\",\n \"aria-label\": `Code language: ${o}`,\n children: o\n }\n ),\n e && /* @__PURE__ */ i(\n \"button\",\n {\n onClick: S,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: p ? \"Exit fullscreen\" : \"Fullscreen\",\n \"aria-label\": p ? \"Exit fullscreen mode\" : \"Enter fullscreen mode\",\n \"aria-pressed\": p,\n type: \"button\",\n children: p ? /* @__PURE__ */ i(Be, { size: 14 }) : /* @__PURE__ */ i(We, { size: 14 })\n }\n ),\n n && /* @__PURE__ */ i(\n \"button\",\n {\n onClick: C,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: \"Download code\",\n \"aria-label\": \"Download code as file\",\n type: \"button\",\n children: /* @__PURE__ */ i(Me, { size: 14 })\n }\n ),\n r && /* @__PURE__ */ i(\n \"button\",\n {\n onClick: N,\n className: \"p-1.5 leading-0 text-gray-400 hover:text-white hover:bg-gray-700 rounded transition-colors motion-reduce:transition-none min-h-[44px] min-w-[44px] flex items-center justify-center md:min-h-auto md:min-w-auto md:p-1.5\",\n title: g ? \"Code copied!\" : \"Copy code\",\n \"aria-label\": g ? \"Code copied to clipboard\" : \"Copy code to clipboard\",\n \"aria-live\": \"polite\",\n type: \"button\",\n children: g ? /* @__PURE__ */ i(xe, { size: 14, className: \"text-green-400\" }) : /* @__PURE__ */ i(Fe, { size: 14 })\n }\n )\n ] }),\n [\n f,\n o,\n e,\n p,\n n,\n C,\n r,\n N,\n g,\n S\n ]\n ), j = q(() => o === \"json\" ? wt(E, d) : o === \"tsx\" || o === \"ts\" || o === \"typescript\" ? Nt(E, d) : o === \"bash\" || o === \"sh\" ? gt(E, d) : o === \"css\" ? yt(E, d) : [\n /* @__PURE__ */ i(\"span\", { className: \"text-gray-400\", children: \"Unsupported language\" }, 0)\n ], [E, d, o]), Z = q(() => l ? E.map(($, V) => /* @__PURE__ */ i(\n \"div\",\n {\n className: \"text-gray-500 text-right pl-3 pr-1 select-none min-w-8 text-sm font-mono leading-6\",\n \"aria-hidden\": \"true\",\n role: \"presentation\",\n children: V + 1\n },\n V\n )) : null, [l, E]), M = q(\n () => ({\n maxHeight: u && !p ? `${u}px` : p ? c ? \"calc(100vh - 5px)\" : \"calc(100vh - 45px)\" : void 0,\n overflow: u || p ? \"auto\" : \"visible\"\n }),\n [u, p, c]\n ), R = /* @__PURE__ */ k(\n \"div\",\n {\n id: m,\n ref: ($) => {\n v.current = $, typeof b == \"function\" ? b($) : b && (b.current = $);\n },\n className: w(\n \"bg-gray-900 rounded-lg border border-gray-700 overflow-hidden motion-reduce:transition-none\",\n p && \"fixed inset-0 z-[9999] max-h-fit\",\n h\n ),\n \"data-language\": o,\n \"data-filename\": t,\n \"data-fullscreen\": p,\n role: \"region\",\n \"aria-label\": `Code block${t ? ` for ${t}` : \"\"} in ${o}`,\n \"aria-describedby\": l ? `${m}-description` : void 0,\n tabIndex: 0,\n onKeyDown: T,\n ...x,\n children: [\n l && /* @__PURE__ */ k(\"div\", { id: `${m}-description`, className: \"sr-only\", children: [\n \"Code block with line numbers. Use Cmd+C or Ctrl+C to copy code.\",\n e && \" Press F to toggle fullscreen.\"\n ] }),\n /* @__PURE__ */ i(\"div\", { \"aria-live\": \"polite\", \"aria-atomic\": \"true\", className: \"sr-only\", children: g && \"Code copied to clipboard\" }),\n !c && /* @__PURE__ */ k(\"div\", { className: \"flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700\", children: [\n /* @__PURE__ */ k(\"div\", { className: \"flex items-center space-x-3\", children: [\n s && /* @__PURE__ */ k(\"div\", { className: \"flex space-x-2\", children: [\n /* @__PURE__ */ i(\"div\", { className: \"w-3 h-3 bg-red-500 rounded-full\" }),\n /* @__PURE__ */ i(\"div\", { className: \"w-3 h-3 bg-yellow-500 rounded-full\" }),\n /* @__PURE__ */ i(\"div\", { className: \"w-3 h-3 bg-green-500 rounded-full\" })\n ] }),\n t && /* @__PURE__ */ i(\"span\", { className: \"text-sm text-gray-300 font-medium\", children: t })\n ] }),\n F(!0)\n ] }),\n /* @__PURE__ */ k(\"div\", { className: w(\"flex overflow-hidden\", c && \"relative\"), style: M, children: [\n c && F(!1),\n /* @__PURE__ */ i(\"div\", { className: \"flex-1 overflow-x-auto\", children: /* @__PURE__ */ k(\"div\", { className: \"flex\", children: [\n l && /* @__PURE__ */ i(\n \"div\",\n {\n className: \"bg-gray-800 py-4 border-r border-gray-700 flex flex-col flex-shrink-0\",\n \"aria-hidden\": \"true\",\n role: \"presentation\",\n children: Z\n }\n ),\n /* @__PURE__ */ i(\"div\", { className: \"flex-1 p-4\", children: /* @__PURE__ */ i(\n \"pre\",\n {\n className: \"text-sm font-mono focus:outline-none\",\n role: \"code\",\n \"aria-label\": `${o} code content`,\n tabIndex: -1,\n children: /* @__PURE__ */ i(\"code\", { children: j })\n }\n ) })\n ] }) })\n ] })\n ]\n }\n );\n return /* @__PURE__ */ k(Y, { children: [\n !p && R,\n p && de(\n /* @__PURE__ */ k(Y, { children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n className: \"fixed inset-0 bg-black z-[9998]\",\n onClick: () => y(!1),\n \"aria-hidden\": \"true\"\n }\n ),\n R\n ] }),\n document.body\n )\n ] });\n}\nfunction vr({\n children: a,\n label: o,\n isOpen: r,\n onToggle: n,\n id: e,\n ref: t,\n disabled: s = !1,\n className: l,\n buttonClassName: c\n}) {\n const f = H(), u = e ?? f, [d, h] = z(!1), m = r !== void 0 ? r : d, b = () => {\n s || (r === void 0 && h((x) => !x), n == null || n(!m));\n };\n return D(() => {\n h(r ?? !1);\n }, [r]), /* @__PURE__ */ k(\"div\", { ref: t, id: u, \"data-open\": m, className: w(\"overflow-hidden\", l), children: [\n /* @__PURE__ */ i(\n \"button\",\n {\n id: `${u}-button`,\n type: \"button\",\n \"aria-expanded\": m,\n \"aria-controls\": `${u}-panel`,\n disabled: s,\n tabIndex: 0,\n className: w(\n \"w-full px-4 py-3 font-medium hover:bg-primary/10 disabled:opacity-50 disabled:cursor-not-allowed\",\n c\n ),\n onClick: b,\n onKeyDown: (x) => {\n (x.key === \"Enter\" || x.key === \" \") && (x.preventDefault(), b());\n },\n \"data-open\": m,\n \"data-label\": typeof o == \"string\" ? o : void 0,\n children: /* @__PURE__ */ k(\"div\", { className: \"flex items-center w-full gap-2\", children: [\n /* @__PURE__ */ i(\"span\", { className: \"flex-1 text-left\", children: o }),\n m ? /* @__PURE__ */ i(He, { className: \"size-5\", \"aria-hidden\": \"true\" }) : /* @__PURE__ */ i(Ke, { className: \"size-5\", \"aria-hidden\": \"true\" })\n ] })\n }\n ),\n /* @__PURE__ */ i(\"div\", { id: `${u}-panel`, role: \"region\", \"aria-labelledby\": u, \"aria-live\": \"polite\", hidden: !m, children: a })\n ] });\n}\nfunction le({ elementId: a, type: o, message: r }) {\n return D(() => {\n const n = document.getElementById(a);\n if (n) {\n if (!r && o === \"error\") {\n n.removeAttribute(\"data-error\");\n return;\n }\n if (!r && o === \"success\") {\n n.removeAttribute(\"data-success\");\n return;\n }\n return n.setAttribute(\"aria-describedby\", `${a}-${o}-message`), n.setAttribute(\"aria-invalid\", o === \"error\" ? \"true\" : \"false\"), o === \"error\" && n.setAttribute(\"data-error\", \"true\"), o === \"success\" && n.setAttribute(\"data-success\", \"true\"), () => {\n n.removeAttribute(\"aria-describedby\"), n.removeAttribute(\"aria-invalid\"), n.removeAttribute(\"data-error\"), n.removeAttribute(\"data-success\");\n };\n }\n }, [a, o, r]), r ? /* @__PURE__ */ k(\n \"small\",\n {\n className: w(\n \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start\",\n o === \"error\" && \"text-destructive\",\n o === \"success\" && \"text-success\"\n ),\n role: \"status\",\n children: [\n o === \"error\" ? /* @__PURE__ */ i(Te, {}) : /* @__PURE__ */ i(Ae, {}),\n /* @__PURE__ */ i(\"span\", { id: `${a}-${o}-message`, children: r })\n ]\n }\n ) : null;\n}\nconst $t = {\n base: \"\",\n default: \"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-destructive not-disabled:data-success:ring-success\",\n underline: \"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\",\n outline: \"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\"\n}, At = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"px-3 rounded-full\"\n}, ye = {\n variant: \"default\",\n rounded: \"none\"\n};\nfunction gr({\n variant: a = ye.variant,\n rounded: o,\n displayOnlyMode: r = !1,\n errorMessage: n,\n successMessage: e,\n type: t = \"text\",\n className: s,\n ...l\n}) {\n const c = H(), [f, u] = z(!1);\n let d = o;\n a === \"outline\" && !o && (d = \"md\"), d = d || ye.rounded;\n const b = w(\n \"appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all\",\n \"file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors\",\n !r && $t[a],\n !r && At[d],\n t === \"password\" && \"pr-10\",\n !r && \"px-2 py-1\",\n r && \"pointer-events-none\",\n s\n );\n return /* @__PURE__ */ k(\"div\", { className: w(r && \"cursor-text\"), style: { height: l.height, width: l.width }, children: [\n /* @__PURE__ */ k(\"div\", { className: w(t === \"password\" && \"relative\"), children: [\n /* @__PURE__ */ i(\n \"input\",\n {\n ...l,\n id: c,\n type: t === \"password\" && f ? \"text\" : t,\n \"aria-disabled\": l.disabled,\n readOnly: r,\n \"aria-readonly\": r || l[\"aria-readonly\"],\n \"data-error\": n ? !0 : void 0,\n \"data-success\": e ? !0 : void 0,\n className: b\n }\n ),\n t === \"password\" && /* @__PURE__ */ i(\n \"button\",\n {\n onClick: () => u(!f),\n className: \"absolute inset-y-0 right-0 px-2 hover:cursor-pointer\",\n \"aria-label\": \"Toggle password visibility\",\n \"data-state\": f ? \"visible\" : \"hidden\",\n children: f ? /* @__PURE__ */ i(Pe, { size: 20 }) : /* @__PURE__ */ i(Ze, { size: 20 })\n }\n )\n ] }),\n !r && /* @__PURE__ */ i(le, { elementId: c, type: \"error\", message: n }),\n !r && /* @__PURE__ */ i(le, { elementId: c, type: \"success\", message: e })\n ] });\n}\nfunction yr({\n display: a = \"inline\",\n width: o = \"fit-content\",\n className: r = \"\",\n required: n,\n helpMessage: e,\n suffix: t,\n htmlFor: s,\n children: l,\n description: c,\n ...f\n}) {\n var x, p;\n const u = H(), d = (((x = e == null ? void 0 : e.trim()) == null ? void 0 : x.length) || 0) > 0, h = (((p = c == null ? void 0 : c.trim()) == null ? void 0 : p.length) || 0) > 0, m = d ? `${s ?? u}-help` : void 0, b = h ? `${s ?? u}-description` : void 0;\n return /* @__PURE__ */ k(\n \"div\",\n {\n style: { display: a === \"inline\" ? \"inline-block\" : \"block\", width: o },\n className: w(\"mb-0.5\", r),\n children: [\n /* @__PURE__ */ k(\"div\", { className: \"relative flex\", children: [\n /* @__PURE__ */ k(\"label\", { className: \"font-medium\", htmlFor: s, ...f, children: [\n l,\n n && /* @__PURE__ */ i(\"span\", { className: \"text-red-500 font-medium ml-1\", \"aria-label\": \"required\", children: \"*\" })\n ] }),\n d && /* @__PURE__ */ i(\n \"span\",\n {\n className: \"text-gray-500 ml-1 size-fit -translate-y-1/3\",\n \"aria-describedby\": m,\n \"aria-label\": \"Help information\",\n title: e,\n children: /* @__PURE__ */ i(Ge, {})\n }\n ),\n d && /* @__PURE__ */ i(\"div\", { id: m, className: \"sr-only\", children: e }),\n t && /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: t })\n ] }),\n h && /* @__PURE__ */ i(\"small\", { id: b, className: \"block opacity-80 mt-0.5\", role: \"note\", children: c })\n ]\n }\n );\n}\nfunction It(a) {\n const [o, r] = z(!1), [n, e] = z(!1);\n return D(() => {\n a ? (e(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => e(!1), 150));\n }, [a]), { show: o, shouldRender: n };\n}\nfunction St(a, o) {\n D(() => {\n const r = (n) => {\n n.key === \"Escape\" && a && o();\n };\n return document.addEventListener(\"keydown\", r), a && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", r), document.body.style.overflow = \"auto\";\n };\n }, [a, o]);\n}\nfunction Tt(a, o) {\n const r = B(null), n = I(() => {\n const e = document.getElementById(a);\n if (!e) return;\n const t = e.querySelectorAll('[data-modal-action=\"true\"]');\n if (t.length > 0) {\n t[0].focus();\n return;\n }\n const s = e.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const l = Array.from(s).filter((c) => !(c instanceof HTMLButtonElement && c.getAttribute(\"data-modal-close-button\") === \"true\"));\n if (l.length > 0) {\n l[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n e.focus();\n }, [a]);\n D(() => (o && (r.current = document.activeElement, n()), () => {\n document.body.style.overflow = \"auto\", r.current instanceof HTMLElement && r.current.focus();\n }), [o, n]);\n}\nfunction wr({\n id: a,\n isOpen: o,\n onClose: r,\n title: n,\n children: e,\n contentOnly: t = !1,\n className: s,\n overlayClassName: l,\n hideCloseButton: c = !1,\n actions: f = [],\n disableCloseOnOverlayClick: u = !1,\n ariaLabelledBy: d,\n ariaDescribedBy: h\n}) {\n const m = H(), b = a || `modal-${m}`, x = a ? `${a}-title` : `modal-title-${m}`, { show: p, shouldRender: y } = It(o);\n if (Tt(b, y), St(y, r), !y) return null;\n const v = () => n ? P.isValidElement(n) ? /* @__PURE__ */ i(\"div\", { className: \"mb-4\", children: n }) : /* @__PURE__ */ i(\"h2\", { className: \"mb-4 text-xl font-semibold\", id: x, children: n }) : null, g = () => f.length === 0 ? null : /* @__PURE__ */ i(\"div\", { className: \"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3\", children: f.map((N, C) => {\n const { label: S, className: T, ...E } = N;\n return /* @__PURE__ */ i(rt, { className: T, type: \"button\", ...E, \"data-modal-action\": \"true\", children: S }, C);\n }) });\n return /* @__PURE__ */ i(Y, { children: de(\n /* @__PURE__ */ i(\n \"div\",\n {\n \"aria-labelledby\": d ?? n ? x : void 0,\n \"aria-describedby\": h,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-y-auto\",\n children: /* @__PURE__ */ k(\"div\", { className: \"flex min-h-screen items-center justify-center p-4\", children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\"fixed inset-0 bg-black/20 transition-all\", l),\n onClick: () => {\n u || r();\n }\n }\n ),\n t && /* @__PURE__ */ i(\"div\", { className: L(\"relative w-fit\", s), children: e }),\n !t && /* @__PURE__ */ k(\n \"div\",\n {\n id: b,\n tabIndex: -1,\n className: L(\n \"relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75\",\n p ? \"opacity-100 scale-100\" : \"opacity-0 scale-90\",\n s\n ),\n children: [\n !c && /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: r,\n \"data-modal-close-button\": \"true\",\n className: \"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ i(ce, { size: 18 })\n }\n ),\n v(),\n e,\n g()\n ]\n }\n )\n ] })\n }\n ),\n document.body\n ) });\n}\nconst Dt = {\n link: \"text-primary hover:text-primary-foreground hover:bg-primary/10 aria-current:text-primary-foreground aria-current:bg-primary\",\n outline: \"border border-primary text-primary hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground aria-current:border-primary\",\n filled: \"bg-secondary text-secondary-foreground hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground\"\n}, Rt = {\n sm: \"px-2 py-1 text-sm min-w-[32px] min-h-8\",\n md: \"px-2 py-1 text-base min-w-[40px] min-h-10\"\n};\nfunction Nr({\n page: a,\n pageCount: o = 5,\n maxVisiblePages: r = 5,\n showFirstLast: n = !0,\n onPageChange: e,\n size: t = \"md\",\n variant: s = \"link\",\n className: l,\n ref: c,\n buttonsClassName: f,\n ...u\n}) {\n const d = o === 1 / 0, m = I(() => {\n if (d) return [];\n const N = o, C = Math.min(r, N);\n if (N <= C)\n return Array.from({ length: N }, (F, j) => j + 1);\n const S = Math.floor(C / 2);\n let T = Math.max(1, a - S), E = Math.min(N, T + C - 1);\n return E - T + 1 < C && (T = Math.max(1, E - C + 1), E = Math.min(N, T + C - 1)), Array.from({ length: E - T + 1 }, (F, j) => T + j);\n }, [d, r, a, o])(), b = a > 1, x = d || a < o, p = n && !d, y = n && !d, v = (N) => {\n N >= 1 && (d || N <= o) && e(N);\n }, g = I(() => {\n const N = L(\n \"flex items-center justify-center min-w-fit\",\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\n Rt[t],\n \"rounded-md\"\n );\n return L(N, Dt[s], f);\n }, [s, t, f]);\n return /* @__PURE__ */ k(\n \"nav\",\n {\n ref: c,\n className: L(\"flex items-center justify-center gap-1\", l),\n role: \"navigation\",\n \"aria-label\": \"Pagination\",\n \"data-page\": a,\n \"data-page-count\": d ? \"infinite\" : o,\n ...u,\n children: [\n p && /* @__PURE__ */ k(\n \"button\",\n {\n onClick: () => v(1),\n className: g(),\n disabled: a === 1,\n \"aria-label\": \"Go to first page\",\n children: [\n /* @__PURE__ */ i(_e, { size: t === \"sm\" ? 12 : 15 }),\n /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: \"First\" })\n ]\n }\n ),\n /* @__PURE__ */ k(\n \"button\",\n {\n onClick: () => v(a - 1),\n className: g(),\n disabled: !b,\n \"aria-label\": \"Go to previous page\",\n children: [\n /* @__PURE__ */ i(Ie, { size: t === \"sm\" ? 12 : 15 }),\n /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: \"Previous\" })\n ]\n }\n ),\n !d && m.map((N) => /* @__PURE__ */ i(\n \"button\",\n {\n onClick: () => v(N),\n className: L(g(), \"aspect-square\"),\n \"aria-label\": `Go to page ${N}`,\n \"aria-current\": N === a ? !0 : void 0,\n children: N\n },\n N\n )),\n /* @__PURE__ */ k(\n \"button\",\n {\n onClick: () => v(a + 1),\n className: g(),\n disabled: !x,\n \"aria-label\": \"Go to next page\",\n children: [\n /* @__PURE__ */ i(\"span\", { className: \"mr-1\", children: \"Next\" }),\n /* @__PURE__ */ i(Se, { size: t === \"sm\" ? 12 : 15 })\n ]\n }\n ),\n y && /* @__PURE__ */ k(\n \"button\",\n {\n onClick: () => v(o),\n className: g(),\n disabled: a === o,\n \"aria-label\": \"Go to last page\",\n children: [\n /* @__PURE__ */ i(\"span\", { className: \"mr-1\", children: \"Last\" }),\n /* @__PURE__ */ i(qe, { size: t === \"sm\" ? 12 : 15 })\n ]\n }\n )\n ]\n }\n );\n}\nfunction jt(a) {\n const [o, r] = z(!1), [n, e] = z(!1);\n return D(() => {\n a ? (e(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => e(!1), 300));\n }, [a]), { show: o, shouldRender: n };\n}\nfunction Lt(a, o) {\n D(() => {\n const r = (n) => {\n n.key === \"Escape\" && a && o();\n };\n return document.addEventListener(\"keydown\", r), a && (document.body.style.overflow = \"hidden\"), () => {\n document.removeEventListener(\"keydown\", r), document.body.style.overflow = \"auto\";\n };\n }, [a, o]);\n}\nfunction Vt(a, o) {\n const r = B(null), n = I(() => {\n const e = document.getElementById(a);\n if (!e) return;\n const t = e.querySelectorAll('[data-panel-action=\"true\"]');\n if (t.length > 0) {\n t[0].focus();\n return;\n }\n const s = e.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n );\n if (s.length > 0) {\n const l = Array.from(s).filter((c) => !(c instanceof HTMLButtonElement && c.getAttribute(\"data-panel-close-button\") === \"true\"));\n if (l.length > 0) {\n l[0].focus();\n return;\n }\n s[0].focus();\n return;\n }\n e.focus();\n }, [a]);\n D(() => (o && (r.current = document.activeElement, n()), () => {\n document.body.style.overflow = \"auto\", r.current instanceof HTMLElement && r.current.focus();\n }), [o, n]);\n}\nconst Bt = {\n size: {\n sm: \"max-w-sm\",\n md: \"max-w-md\",\n lg: \"max-w-lg\",\n xl: \"max-w-xl\",\n \"2xl\": \"max-w-2xl\",\n full: \"w-full\",\n screen: \"w-screen\"\n }\n};\nfunction Cr({\n ref: a,\n id: o,\n isOpen: r,\n onClose: n,\n title: e,\n children: t,\n footer: s,\n size: l = \"md\",\n className: c,\n overlayClassName: f,\n hideCloseButton: u = !1,\n disableCloseOnOverlayClick: d = !1,\n ariaLabelledBy: h,\n ariaDescribedBy: m\n}) {\n const b = H(), x = o || `panel-${b}`, p = o ? `${o}-title` : `panel-title-${b}`, { show: y, shouldRender: v } = jt(r);\n if (Vt(x, v), Lt(v, n), !v) return null;\n const g = () => e ? P.isValidElement(e) ? /* @__PURE__ */ i(\"div\", { children: e }) : /* @__PURE__ */ i(\"h2\", { className: \"text-2xl font-semibold\", id: p, children: e }) : null, N = () => {\n if (!s) return null;\n if (P.isValidElement(s)) {\n const C = s, S = C.props.className || \"\";\n return P.cloneElement(C, { className: L(\"px-6 py-4\", S) });\n }\n return /* @__PURE__ */ i(\"div\", { className: \"px-6 py-4\", children: s });\n };\n return /* @__PURE__ */ i(Y, { children: de(\n /* @__PURE__ */ k(\n \"div\",\n {\n \"aria-labelledby\": h ?? e ? p : void 0,\n \"aria-describedby\": m,\n role: \"dialog\",\n \"aria-modal\": \"true\",\n className: \"fixed inset-0 z-[100] overflow-hidden\",\n \"data-panel-open\": r,\n children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\n \"fixed inset-0 bg-black/40 transition-opacity duration-300\",\n y ? \"opacity-100\" : \"opacity-0\",\n f\n ),\n onClick: () => {\n d || n();\n }\n }\n ),\n /* @__PURE__ */ i(\"div\", { className: \"fixed inset-y-0 right-0 flex max-w-full\", children: /* @__PURE__ */ i(\n \"div\",\n {\n id: x,\n ref: a,\n tabIndex: -1,\n className: L(\n \"relative h-full transform shadow-xl bg-popover transition-transform duration-300 ease-in-out\",\n l !== \"screen\" && \"border-l border-border\",\n Bt.size[l],\n y ? \"translate-x-0\" : \"translate-x-full\",\n c\n ),\n \"data-panel-size\": l,\n children: /* @__PURE__ */ k(\"div\", { className: \"flex h-full flex-col\", children: [\n e && /* @__PURE__ */ i(\"div\", { className: \"px-6 pt-6\", children: g() }),\n !u && /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: n,\n \"data-panel-close-button\": \"true\",\n \"aria-label\": \"Close panel\",\n className: \"rounded-md p-0.5 top-3 right-3 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0\",\n children: /* @__PURE__ */ i(ce, { size: 18 })\n }\n ),\n /* @__PURE__ */ i(\"div\", { className: L(\"flex-1 overflow-y-auto px-6 pb-6\", e ? \"pt-6\" : \"pt-10\"), children: t }),\n N()\n ] })\n }\n ) })\n ]\n }\n ),\n document.body\n ) });\n}\nfunction Wt({ itemId: a, checked: o, onChange: r, name: n, disabled: e = !1, className: t = \"\" }) {\n const s = \"relative inline-flex items-center justify-center rounded-full\", l = () => {\n e || r();\n }, c = w(\n s,\n !o && \"hover:border-current/60\",\n !e && \"border-current cursor-pointer\",\n e && \"border-muted/60 cursor-not-allowed\",\n t\n );\n return /* @__PURE__ */ i(\n \"div\",\n {\n id: a,\n role: \"radio\",\n tabIndex: -1,\n \"aria-checked\": o,\n \"aria-disabled\": e,\n \"aria-description\": `Radio button for ${n}`,\n \"aria-labelledby\": `${a}-label`,\n onClick: l,\n className: c,\n style: {\n width: \"1em\",\n height: \"1em\",\n padding: \"0.1em\",\n borderWidth: \"0.06em\"\n },\n children: o && /* @__PURE__ */ i(\n \"div\",\n {\n className: w(\"size-full aspect-square rounded-full\", e && \"bg-muted/60\", !e && \"bg-current\")\n }\n )\n }\n );\n}\nfunction be({\n value: a,\n children: o,\n className: r = \"\",\n isSelected: n = !1,\n onChange: e,\n disabled: t = !1,\n hideInput: s = !1,\n description: l,\n name: c\n}) {\n const u = `radio-${H()}-${a}`, d = () => {\n t || e == null || e(a);\n };\n return /* @__PURE__ */ k(\n \"div\",\n {\n title: l,\n className: w(\n \"relative flex items-center\",\n r,\n // Uses text color for borders\n s && `p-2 border-2 focus-within:border-dashed focus-within:${t ? \"border-current/50\" : \"border-current/80\"}`,\n s && !n && `border-transparent ${t ? \"\" : \"not-focus-within:hover:border-border/60\"}`,\n s && n && \"border-border\",\n t && \"opacity-60 cursor-not-allowed\"\n ),\n style: {\n gap: \"0.5em\"\n },\n children: [\n !s && /* @__PURE__ */ i(\n Wt,\n {\n itemId: u,\n name: c || \"\",\n checked: n,\n onChange: d,\n disabled: t,\n className: w(s && \"\")\n }\n ),\n /* @__PURE__ */ i(\n \"div\",\n {\n id: s ? u : void 0,\n tabIndex: s ? -1 : void 0,\n role: s ? \"radio\" : void 0,\n onClick: s ? d : void 0,\n \"aria-checked\": s ? n ? \"true\" : \"false\" : void 0,\n \"aria-disabled\": s ? t : void 0,\n \"aria-description\": s ? l || `Radio button for ${c}` : void 0,\n \"aria-labelledby\": s ? `${u}-label` : void 0,\n className: w(s && \"size-full\", typeof o == \"object\" && \"grow focus:outline-none\"),\n children: /* @__PURE__ */ i(\n \"label\",\n {\n id: `${u}-label`,\n onClick: s ? void 0 : d,\n className: w(t && \"cursor-not-allowed\", !t && \"cursor-pointer\"),\n children: o\n }\n )\n }\n )\n ]\n }\n );\n}\nfunction Mt(a, o) {\n const [r, n] = z(o), [e, t] = z(-1), [s, l] = z(!1), c = I((m, b) => {\n var y;\n const x = m[b];\n x.hasAttribute(\"disabled\") || x.getAttribute(\"aria-disabled\") === \"true\" || ((y = m[b]) == null || y.click(), t(b));\n }, []), f = I(\n (m, b) => {\n var p;\n if (m.preventDefault(), s || !b.length) return;\n const x = o !== -1 ? o : 0;\n (p = b[x]) == null || p.focus(), n(x), o !== -1 && c(b, x);\n },\n [o, s, c]\n ), u = I(\n (m) => {\n var y;\n if (!m.shiftKey)\n return;\n m.preventDefault();\n const b = Array.from(\n document.querySelectorAll(\n 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])'\n )\n ).filter((v) => !v.hasAttribute(\"disabled\") && v.tabIndex >= 0), x = b.findIndex((v) => v.id === a), p = x > 0 ? x - 1 : b.length - 1;\n (y = b[p]) == null || y.focus();\n },\n [a]\n ), d = I(\n (m, b) => {\n var g;\n if (!b.length) return;\n const x = m.target;\n if (!b.some((N) => N.id === x.id)) return;\n const y = r !== -1 ? r : 0;\n let v = y;\n switch (m.key) {\n case \"ArrowUp\":\n case \"ArrowLeft\":\n m.preventDefault(), v = y > 0 ? y - 1 : b.length - 1;\n break;\n case \"ArrowDown\":\n case \"ArrowRight\":\n m.preventDefault(), v = (y + 1) % b.length;\n break;\n // Select the option when the space key is pressed\n case \" \":\n m.preventDefault(), c(b, y);\n return;\n case \"Tab\":\n u(m);\n return;\n default:\n return;\n }\n (g = b[v]) == null || g.focus(), n(v), e !== -1 && c(b, v);\n },\n [r, e, u, c]\n ), h = I(() => {\n const m = document.querySelector(`[id=\"${a}\"][role=\"radiogroup\"]`);\n return m ? Array.from(m.querySelectorAll('[role=\"radio\"]')) : [];\n }, [a]);\n D(() => {\n const m = document.querySelector(`[id=\"${a}\"][role=\"radiogroup\"]`);\n if (!m) return;\n const b = h(), x = (g) => f(g, b), p = (g) => d(g, b), y = () => l(!0), v = () => l(!1);\n return document.addEventListener(\"keydown\", p), m.addEventListener(\"focus\", x), m.addEventListener(\"mousedown\", y), document.addEventListener(\"mouseup\", v), () => {\n document.removeEventListener(\"keydown\", p), m.removeEventListener(\"focus\", x), m.removeEventListener(\"mousedown\", y), document.removeEventListener(\"mouseup\", v);\n };\n }, [a, h, f, d]);\n}\nfunction kr({\n options: a = [],\n value: o,\n onChange: r,\n id: n,\n children: e,\n className: t = \"\",\n childrenClassName: s = \"\",\n hideInputs: l = !1\n}) {\n const c = H(), f = n || `radio-group-${c}`;\n Mt(\n f,\n a.findIndex((d) => d === o)\n );\n const u = q(() => a.reduce((d, h) => (typeof h == \"string\" ? d.some((m) => m.value === h) || d.push({ label: h, value: h }) : d.push(h), d), []), [a]);\n return /* @__PURE__ */ k(\"div\", { id: f, role: \"radiogroup\", tabIndex: 0, className: w(t, \"focus:outline-none\"), children: [\n u.length > 0 && u.map((d, h) => /* @__PURE__ */ i(\n be,\n {\n value: d.value,\n isSelected: o === d.value,\n onChange: r,\n name: f,\n disabled: d.disabled,\n description: d.description,\n hideInput: l,\n className: s,\n children: d.label\n },\n `${d.value}-${h}`\n )),\n u.length === 0 && e && P.Children.map(e, (d) => P.isValidElement(d) && d.type === be ? /* @__PURE__ */ i(\n be,\n {\n ...d.props,\n className: w(s, d.props.className),\n hideInput: d.props.hideInput || l,\n isSelected: o === d.props.value,\n onChange: r,\n name: f,\n children: d.props.children\n }\n ) : null)\n ] });\n}\nfunction Ft(a) {\n const o = B(null), r = B(null), n = B(null), [e, t] = z(!1), [s, l] = z(!1), [c, f] = z({\n vertical: !1,\n horizontal: !1\n }), u = B(null), d = B(null), h = I(() => {\n const x = o.current;\n if (!x) return;\n const p = x.scrollHeight > x.clientHeight, y = x.scrollWidth > x.clientWidth;\n f({\n vertical: p,\n horizontal: y\n });\n }, []), m = I(() => {\n const x = o.current, p = r.current, y = n.current;\n if (x) {\n if (p && c.vertical) {\n const g = (c.horizontal ? x.clientHeight - a : x.clientHeight) / x.scrollHeight, N = Math.max(g * 100, 10), C = x.scrollHeight - x.clientHeight, S = C > 0 ? x.scrollTop / C : 0, T = 100 - N, E = S * T;\n p.style.height = `${N}%`, p.style.top = `${E}%`, p.style.transform = \"none\";\n }\n if (y && c.horizontal) {\n const g = (c.vertical ? x.clientWidth - a : x.clientWidth) / x.scrollWidth, N = Math.max(g * 100, 10), C = x.scrollWidth - x.clientWidth, S = C > 0 ? x.scrollLeft / C : 0, T = 100 - N, E = S * T;\n y.style.width = `${N}%`, y.style.left = `${E}%`, y.style.transform = \"none\";\n }\n }\n }, [c, a]), b = I(() => {\n u.current && clearTimeout(u.current), d.current && clearTimeout(d.current), t(!0), l(!1), m(), u.current = setTimeout(() => {\n l(!0), d.current = setTimeout(() => {\n t(!1), l(!1);\n }, 300);\n }, 1e3);\n }, [m]);\n return D(() => {\n const x = o.current;\n if (!x) return;\n h();\n const p = new ResizeObserver(h);\n p.observe(x);\n const y = new MutationObserver(h);\n return y.observe(x, {\n childList: !0,\n subtree: !0,\n attributes: !0\n }), () => {\n p.disconnect(), y.disconnect();\n };\n }, [h]), D(() => {\n m();\n }, [c, m]), D(() => () => {\n u.current && clearTimeout(u.current), d.current && clearTimeout(d.current);\n }, []), {\n viewportRef: o,\n verticalThumbRef: r,\n horizontalThumbRef: n,\n isScrolling: e,\n isFadingOut: s,\n scrollbarVisible: c,\n handleScroll: b\n };\n}\nfunction zr({\n className: a,\n thumbClassName: o,\n viewportClassName: r,\n scrollbarClassName: n,\n scrollbarThickness: e = 10,\n children: t,\n id: s,\n ref: l,\n ...c\n}) {\n const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: d, isScrolling: h, isFadingOut: m, scrollbarVisible: b, handleScroll: x } = Ft(e), p = L(\n \"relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400\",\n o\n );\n return /* @__PURE__ */ k(\"div\", { ref: l, id: s, className: L(\"relative overflow-hidden\", a), \"data-scroll-area-root\": \"\", ...c, children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n ref: f,\n className: L(\n \"h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden\",\n r\n ),\n onScroll: x,\n \"data-scroll-area-viewport\": \"\",\n children: t\n }\n ),\n b.vertical && (h || m) && /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\n \"touch-none select-none transition-all duration-300\",\n \"p-[1px]\",\n \"absolute right-0 top-0\",\n m ? \"opacity-0\" : \"opacity-100\",\n n\n ),\n \"data-scroll-area-scrollbar\": \"vertical\",\n \"data-state\": h ? \"visible\" : \"hidden\",\n style: {\n width: `${e}px`,\n height: b.horizontal ? `calc(100% - ${e}px)` : \"100%\"\n },\n children: /* @__PURE__ */ i(\n \"div\",\n {\n ref: u,\n className: L(\"absolute rounded-full\", p),\n \"data-scroll-area-thumb\": \"\",\n style: { height: \"20%\", top: \"0%\", width: \"100%\" }\n }\n )\n }\n ),\n b.horizontal && (h || m) && /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\n \"touch-none select-none transition-all duration-300\",\n \"p-[1px]\",\n \"absolute bottom-0 left-0\",\n m ? \"opacity-0\" : \"opacity-100\",\n n\n ),\n \"data-scroll-area-scrollbar\": \"horizontal\",\n \"data-state\": h ? \"visible\" : \"hidden\",\n style: {\n height: `${e}px`,\n width: b.vertical ? `calc(100% - ${e}px)` : \"100%\"\n },\n children: /* @__PURE__ */ i(\n \"div\",\n {\n ref: d,\n className: L(\"absolute rounded-full\", p),\n \"data-scroll-area-thumb\": \"\",\n style: { width: \"20%\", left: \"0%\", height: \"100%\" }\n }\n )\n }\n ),\n b.vertical && b.horizontal && /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\"bg-transparent\", \"absolute bottom-0 right-0\"),\n \"data-scroll-area-corner\": \"\",\n style: {\n height: `${e}px`,\n width: `${e}px`\n }\n }\n )\n ] });\n}\nfunction Ht(a) {\n const [o, r] = z(!1), [n, e] = z(!1);\n return D(() => {\n a ? (e(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => e(!1), 150));\n }, [a]), { show: o, shouldRender: n };\n}\nfunction Kt({\n isOpen: a,\n setIsOpen: o,\n filteredOptions: r,\n highlightedIndex: n,\n setHighlightedIndex: e,\n onSelect: t,\n triggerRef: s\n}) {\n return { handleKeyDown: I(\n (c) => {\n var f;\n switch (c.key) {\n case \"ArrowDown\":\n if (c.preventDefault(), !a)\n o(!0);\n else {\n const u = n < r.length - 1 ? n + 1 : 0;\n let d = u;\n for (let h = 0; h < r.length; h++) {\n const m = (u + h) % r.length;\n if (!r[m].disabled) {\n d = m;\n break;\n }\n }\n e(d);\n }\n break;\n case \"ArrowUp\":\n if (c.preventDefault(), !a)\n o(!0);\n else {\n const u = n > 0 ? n - 1 : r.length - 1;\n let d = u;\n for (let h = 0; h < r.length; h++) {\n const m = (u - h + r.length) % r.length;\n if (!r[m].disabled) {\n d = m;\n break;\n }\n }\n e(d);\n }\n break;\n case \"Enter\":\n case \" \":\n if (c.preventDefault(), !a)\n o(!0);\n else if (n >= 0 && n < r.length) {\n const u = r[n];\n u.disabled || t(u);\n }\n break;\n case \"Escape\":\n c.preventDefault(), a && (o(!1), (f = s.current) == null || f.focus());\n break;\n case \"Tab\":\n a && o(!1);\n break;\n }\n },\n [a, o, r, n, e, t, s]\n ) };\n}\nfunction Pt({\n isOpen: a,\n filteredOptions: o,\n selectedOption: r,\n shouldRender: n,\n optionsContainerRef: e\n}) {\n const [t, s] = z(-1), l = q(() => r ? o.findIndex((c) => c.value === r.value) : -1, [o, r]);\n return D(() => {\n a && o.length > 0 ? s(r && l >= 0 ? l : 0) : s(-1);\n }, [o, a, r, l]), D(() => {\n if (t >= 0 && e.current && n) {\n const c = () => {\n const f = e.current, u = f == null ? void 0 : f.querySelector(`[data-option-index=\"${t}\"]`);\n if (u) {\n const d = a && r && t === l ? \"auto\" : \"smooth\";\n u.scrollIntoView({\n behavior: d,\n block: \"nearest\"\n });\n }\n };\n a && n && r ? setTimeout(c, 10) : c();\n }\n }, [t, n, a, r, o, e, l]), { highlightedIndex: t, setHighlightedIndex: s };\n}\nconst we = {\n sm: {\n trigger: \"px-2 py-1 text-sm\",\n options: \"px-2 py-2 text-xs\"\n },\n md: {\n trigger: \"px-3 py-2 text-base\",\n options: \"px-3 py-2.5 text-sm\"\n },\n lg: {\n trigger: \"px-4 py-3 text-lg\",\n options: \"px-4 py-3 text-base\"\n }\n};\nfunction Er({\n options: a,\n value: o,\n placeholder: r = \"Select an option...\",\n searchable: n = !1,\n disabled: e = !1,\n clearable: t = !1,\n size: s = \"md\",\n className: l,\n triggerClassName: c,\n dropdownClassName: f,\n id: u,\n ref: d,\n onChange: h,\n onSearch: m,\n searchPlaceholder: b = \"Search options...\"\n}) {\n const x = H(), y = `${u ?? x}-listbox`, v = (A) => `${y}-option-${A}`, [g, N] = z(!1), [C, S] = z(\"\"), T = B(null), E = B(null), F = B(null), j = B(null), { show: Z, shouldRender: M } = Ht(g), R = q(() => !n || !C ? a : a.filter(\n (A) => {\n var W;\n return A.text.toLowerCase().includes(C.toLowerCase()) || ((W = A.description) == null ? void 0 : W.toLowerCase().includes(C.toLowerCase()));\n }\n ), [a, n, C]), $ = q(() => a.find((A) => A.value === o), [a, o]), { highlightedIndex: V, setHighlightedIndex: G } = Pt({\n isOpen: g,\n filteredOptions: R,\n selectedOption: $,\n shouldRender: M,\n optionsContainerRef: j\n }), U = V >= 0 ? v(V) : void 0;\n D(() => {\n g && M && n && E.current && E.current.focus();\n }, [g, n, M]);\n const J = I(\n (A) => {\n var W;\n A.disabled || (h == null || h(A.value), N(!1), S(\"\"), (W = T.current) == null || W.focus());\n },\n [h]\n ), { handleKeyDown: _ } = Kt({\n isOpen: g,\n setIsOpen: N,\n filteredOptions: R,\n highlightedIndex: V,\n setHighlightedIndex: G,\n onSelect: J,\n triggerRef: T\n });\n D(() => {\n if (!g)\n return;\n const A = (W) => {\n var re;\n F.current && !F.current.contains(W.target) && !((re = T.current) != null && re.contains(W.target)) && (N(!1), S(\"\"));\n };\n return document.addEventListener(\"mousedown\", A), () => document.removeEventListener(\"mousedown\", A);\n }, [g]);\n const O = () => {\n e || (N(!g), g || (S(\"\"), G(-1)));\n }, ue = (A) => {\n A.disabled || (h == null || h(A.value), N(!1), S(\"\"));\n }, fe = (A) => {\n const W = A.target.value;\n S(W), m == null || m(W), G(-1);\n }, me = (A) => {\n A.preventDefault(), A.stopPropagation(), h == null || h(\"\");\n };\n return /* @__PURE__ */ k(\n \"div\",\n {\n className: w(\"relative\", l),\n id: u,\n ref: d,\n \"data-select\": \"true\",\n \"data-value\": o,\n \"data-searchable\": n,\n \"data-disabled\": e,\n \"data-clearable\": t,\n children: [\n /* @__PURE__ */ k(\"div\", { className: \"relative\", children: [\n /* @__PURE__ */ k(\n \"button\",\n {\n ref: T,\n type: \"button\",\n className: w(\n \"flex items-center justify-between w-full text-left bg-inherit border border-border rounded-md transition-colors\",\n \"hover:border-primary focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary\",\n e && \"opacity-50 cursor-not-allowed hover:border-border\",\n g && \"border-primary ring-1 ring-primary\",\n we[s].trigger,\n c\n ),\n onClick: O,\n onKeyDown: _,\n disabled: e,\n \"aria-disabled\": e,\n \"aria-haspopup\": \"listbox\",\n \"aria-expanded\": g,\n \"aria-controls\": g ? y : void 0,\n \"aria-activedescendant\": g && !n ? U : void 0,\n \"aria-label\": $ ? $.text : r,\n \"data-select-trigger\": \"true\",\n children: [\n /* @__PURE__ */ i(\"span\", { className: w(\"block truncate\", !$ && \"opacity-70\"), children: $ ? $.text : r }),\n /* @__PURE__ */ i(\"div\", { className: \"flex items-center ml-2\", children: /* @__PURE__ */ i($e, { size: 16, className: w(\"transition-transform duration-200\", g && \"rotate-180\") }) })\n ]\n }\n ),\n t && $ && /* @__PURE__ */ i(\n \"button\",\n {\n type: \"button\",\n onClick: me,\n className: \"absolute right-8 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-accent/20 transition-colors group z-10\",\n \"aria-label\": \"Clear selection\",\n \"data-select-clear\": \"true\",\n children: /* @__PURE__ */ i(ce, { size: 14, className: \"opacity-70 group-hover:opacity-100 transition-opacity\" })\n }\n )\n ] }),\n M && /* @__PURE__ */ k(\n \"div\",\n {\n ref: F,\n className: w(\n \"absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg transition-all duration-150\",\n Z ? \"opacity-100 translate-y-0\" : \"opacity-0 -translate-y-2\",\n f\n ),\n id: y,\n role: \"listbox\",\n \"data-select-content\": \"true\",\n children: [\n n && /* @__PURE__ */ i(\"div\", { className: \"border-b border-border\", children: /* @__PURE__ */ i(\n \"input\",\n {\n ref: E,\n type: \"text\",\n value: C,\n onChange: fe,\n onKeyDown: _,\n placeholder: b,\n className: \"w-full px-2 py-2 text-inherit focus:outline-none\",\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": y,\n \"aria-activedescendant\": U,\n \"data-select-search\": \"true\"\n }\n ) }),\n /* @__PURE__ */ i(\"div\", { ref: j, className: \"max-h-60 overflow-auto\", children: R.length > 0 ? R.map((A, W) => /* @__PURE__ */ k(\n \"div\",\n {\n id: v(W),\n className: w(\n \"flex items-center cursor-pointer transition-colors\",\n \"hover:bg-accent/10 focus:bg-accent/10\",\n we[s].options,\n A.disabled && \"opacity-50 cursor-not-allowed\",\n W === V && \"bg-accent/20\",\n o === A.value && \"bg-accent/30\"\n ),\n onClick: () => ue(A),\n role: \"option\",\n \"aria-selected\": o === A.value,\n \"aria-disabled\": A.disabled,\n \"data-select-option\": \"true\",\n \"data-value\": A.value,\n \"data-highlighted\": W === V,\n \"data-option-index\": W,\n children: [\n /* @__PURE__ */ k(\"div\", { className: \"flex-1 min-w-0\", children: [\n /* @__PURE__ */ i(\"div\", { className: \"font-medium\", children: A.text }),\n A.description && /* @__PURE__ */ i(\"div\", { className: \"text-xs opacity-70 mt-0.5\", children: A.description })\n ] }),\n o === A.value && /* @__PURE__ */ i(xe, { size: 16, className: \"ml-2 text-primary flex-shrink-0\" })\n ]\n },\n A.value\n )) : /* @__PURE__ */ i(\"div\", { className: \"px-3 py-2 text-sm opacity-70 text-center\", children: n && C ? \"No results found\" : \"No options available\" }) })\n ]\n }\n )\n ]\n }\n );\n}\nconst Zt = {\n thin: {\n horizontal: \"h-px\",\n vertical: \"w-px\"\n },\n medium: {\n horizontal: \"h-0.5\",\n vertical: \"w-0.5\"\n },\n thick: {\n horizontal: \"h-1\",\n vertical: \"w-1\"\n },\n \"extra-thick\": {\n horizontal: \"h-2\",\n vertical: \"w-2\"\n }\n}, Gt = {\n horizontal: \"w-full\",\n vertical: \"min-h-4 h-full\"\n};\nfunction $r({\n orientation: a = \"horizontal\",\n decorative: o = !1,\n thickness: r = \"thin\",\n className: n,\n ...e\n}) {\n const t = w(\n \"shrink-0 bg-border\",\n Gt[a],\n Zt[r][a],\n n\n );\n return /* @__PURE__ */ i(\n \"div\",\n {\n ...e,\n className: t,\n role: o ? \"presentation\" : \"separator\",\n \"aria-orientation\": o ? void 0 : a,\n \"aria-hidden\": o,\n \"data-orientation\": a,\n \"data-thickness\": r\n }\n );\n}\nconst Ne = {\n shape: {\n rectangle: \"rounded-md min-h-1\",\n circle: \"rounded-full aspect-square min-h-1\",\n text: \"rounded-sm min-h-1 h-4\"\n },\n lineSpacing: {\n xs: \"space-y-1\",\n sm: \"space-y-2\",\n md: \"space-y-3\",\n lg: \"space-y-4\",\n xl: \"space-y-6\"\n }\n};\nfunction Ar({\n shape: a = \"rectangle\",\n lineSpacing: o = \"sm\",\n className: r,\n lines: n = 1,\n animate: e = !0,\n ref: t,\n ...s\n}) {\n const l = w(\"bg-muted/70\", e && \"animate-pulse\", Ne.shape[a], r);\n return n > 1 ? /* @__PURE__ */ i(\n \"div\",\n {\n ref: t,\n className: Ne.lineSpacing[o],\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton-container\",\n \"data-lines\": n,\n \"data-shape\": a,\n \"data-animate\": e,\n ...s,\n children: Array.from({ length: n }, (c, f) => /* @__PURE__ */ i(\n \"div\",\n {\n className: w(\n l,\n // Make last line shorter for a more natural text appearance\n f === n - 1 && \"w-3/4\"\n ),\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton-line\",\n \"data-line-index\": f\n },\n f\n ))\n }\n ) : /* @__PURE__ */ i(\n \"div\",\n {\n ref: t,\n className: l,\n role: \"presentation\",\n \"aria-hidden\": \"true\",\n \"data-testid\": \"skeleton\",\n \"data-shape\": a,\n \"data-animate\": e,\n ...s\n }\n );\n}\nfunction Ir({\n id: a,\n value: o,\n defaultValue: r = 0,\n onValueChange: n,\n min: e = 0,\n max: t = 100,\n step: s = 1,\n disabled: l = !1,\n trackClassName: c,\n rangeClassName: f,\n thumbClassName: u,\n className: d,\n ref: h,\n ariaLabel: m,\n ariaLabelledBy: b,\n ...x\n}) {\n const [p, y] = z(r), v = o !== void 0, g = v ? o : p, N = B(null), C = B(!1), S = B(0), T = I(\n (R) => {\n const $ = Math.max(e, Math.min(t, R)), V = Math.round($ / s) * s;\n v || y(V), n == null || n(V);\n },\n [e, t, s, v, n]\n ), E = I(\n (R, $ = !1) => {\n var J;\n const V = (J = N.current) == null ? void 0 : J.getBoundingClientRect();\n if (!V) return g;\n let G = R.clientX;\n $ && (G = G - S.current);\n const U = Math.max(0, Math.min(1, (G - V.left) / V.width));\n return e + (t - e) * U;\n },\n [e, t, g]\n ), F = I(\n (R) => {\n if (l || R.target !== R.currentTarget) return;\n const $ = E(R);\n T($);\n },\n [l, E, T]\n ), j = I(\n (R) => {\n var J;\n if (l) return;\n R.stopPropagation(), C.current = !0;\n const $ = (J = N.current) == null ? void 0 : J.getBoundingClientRect(), V = R.currentTarget.getBoundingClientRect();\n if ($ && V) {\n const _ = V.left + V.width / 2;\n S.current = R.clientX - _;\n }\n R.currentTarget.setPointerCapture(R.pointerId);\n const G = (_) => {\n if (!C.current) return;\n const O = E(_, !0);\n T(O);\n }, U = (_) => {\n if (_.pointerId === R.pointerId) {\n C.current = !1, S.current = 0;\n try {\n R.currentTarget.releasePointerCapture(_.pointerId);\n } catch {\n }\n document.removeEventListener(\"pointermove\", G), document.removeEventListener(\"pointerup\", U);\n }\n };\n document.addEventListener(\"pointermove\", G), document.addEventListener(\"pointerup\", U);\n },\n [l, E, T]\n ), Z = I(\n (R) => {\n if (l) return;\n let $ = g;\n switch (R.key) {\n case \"ArrowRight\":\n case \"ArrowUp\":\n $ = g + s;\n break;\n case \"ArrowLeft\":\n case \"ArrowDown\":\n $ = g - s;\n break;\n case \"Home\":\n $ = e;\n break;\n case \"End\":\n $ = t;\n break;\n case \"PageUp\":\n $ = g + s * 10;\n break;\n case \"PageDown\":\n $ = g - s * 10;\n break;\n default:\n return;\n }\n R.preventDefault(), T($);\n },\n [l, g, s, e, t, T]\n ), M = t === e ? 0 : (g - e) / (t - e) * 100;\n return /* @__PURE__ */ i(\n \"div\",\n {\n id: a,\n ref: h,\n className: L(\n \"relative flex items-center w-full touch-none select-none\",\n l && \"opacity-50 cursor-not-allowed\",\n d\n ),\n \"data-disabled\": l,\n \"data-value\": g,\n \"data-min\": e,\n \"data-max\": t,\n \"data-step\": s,\n ...x,\n children: /* @__PURE__ */ k(\n \"div\",\n {\n ref: N,\n className: L(\n \"relative h-1.5 w-full rounded-full bg-muted cursor-pointer\",\n l && \"cursor-not-allowed\",\n c\n ),\n onPointerDown: F,\n children: [\n /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\n \"absolute h-full rounded-full pointer-events-none\",\n // pointer-events are disabled so that user interactions are handled by the track element, enabling correct slider behavior\n !C.current && \"transition-all\",\n f\n ),\n style: { width: `${M}%` }\n }\n ),\n /* @__PURE__ */ i(\n \"div\",\n {\n className: L(\n \"absolute size-5 -top-2 rounded-full shadow-md cursor-grab\",\n l && \"cursor-not-allowed\",\n !l && \"cursor-grab focus:outline-none focus:ring-2\",\n C.current ? \"cursor-grabbing scale-110\" : \"transition-all\",\n u\n ),\n style: { left: `calc(${M}% - 10px)` },\n tabIndex: l ? -1 : 0,\n role: \"slider\",\n \"aria-valuemin\": e,\n \"aria-valuemax\": t,\n \"aria-valuenow\": g,\n \"aria-label\": m,\n \"aria-labelledby\": b,\n \"aria-disabled\": l,\n onKeyDown: Z,\n onPointerDown: j\n }\n )\n ]\n }\n )\n }\n );\n}\nfunction Sr({ children: a, ref: o, ...r }) {\n if (je(a)) {\n let n = { ...r };\n return a.props && (n = { ...n, ...a.props }), Le(a, {\n ...n,\n ref: (e) => {\n typeof o == \"function\" ? o(e) : o && (o.current = e);\n }\n });\n }\n return Ee(\"div\", { ...r, ref: o }, a);\n}\nconst _t = ({ defaultValue: a, value: o, onValueChange: r } = {}) => {\n const [n, e] = z(a || \"\"), t = o !== void 0, s = t ? o : n, l = I((c) => {\n t || e(c), r == null || r(c);\n }, [t, r]);\n return {\n value: s,\n onValueChange: l\n };\n};\nfunction Tr({\n defaultValue: a,\n value: o,\n onValueChange: r,\n tabsWidth: n = \"fit\",\n variant: e = \"underline\",\n className: t,\n children: s,\n ref: l,\n id: c,\n triggersClassName: f,\n contentClassName: u\n}) {\n const { value: d, onValueChange: h } = _t({\n defaultValue: a,\n value: o,\n onValueChange: r\n }), m = {\n selectedValue: d,\n onValueChange: h,\n tabsWidth: n,\n variant: e,\n triggersClassName: f,\n contentClassName: u\n };\n return /* @__PURE__ */ i(Ue.Provider, { value: m, children: /* @__PURE__ */ i(\"div\", { id: c, ref: l, className: t, \"data-tabs-width\": n, \"data-variant\": e, children: s }) });\n}\nfunction Dr({ value: a, className: o, children: r, ref: n }) {\n const { selectedValue: e, contentClassName: t } = ve(), s = e === a;\n return s ? /* @__PURE__ */ i(\n \"div\",\n {\n ref: n,\n role: \"tabpanel\",\n id: `tabs-content-${a}`,\n \"aria-labelledby\": `tabs-trigger-${a}`,\n \"data-state\": s ? \"active\" : \"inactive\",\n \"data-value\": a,\n className: w(\"mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2\", t, o),\n tabIndex: 0,\n children: r\n }\n ) : null;\n}\nconst Ce = {\n width: {\n fit: \"w-fit\",\n full: \"w-full *:flex-1\"\n },\n variant: {\n underline: \"border-b border-border\",\n pills: \"\",\n bordered: \"border border-border rounded-lg p-1\"\n }\n}, qt = {\n underline: \"border-b-2 border-transparent data-[state=active]:border-accent data-[state=active]:text-accent hover:text-accent-foreground\",\n pills: \"rounded-md data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30\",\n bordered: \"rounded data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30\"\n};\nfunction Rr({ children: a, className: o, id: r, ref: n }) {\n const { tabsWidth: e, variant: t } = ve();\n return /* @__PURE__ */ i(\n \"div\",\n {\n id: r,\n ref: n,\n role: \"tablist\",\n className: w(\"flex\", Ce.width[e], Ce.variant[t], o),\n \"data-tabs-width\": e,\n \"data-variant\": t,\n children: a\n }\n );\n}\nfunction jr({ value: a, disabled: o = !1, className: r, children: n, onClick: e, id: t, ref: s }) {\n const { selectedValue: l, onValueChange: c, variant: f, triggersClassName: u } = ve(), d = l === a, h = (b) => {\n o || c(a), e == null || e(b);\n };\n return /* @__PURE__ */ i(\n \"button\",\n {\n id: t,\n ref: s,\n role: \"tab\",\n type: \"button\",\n \"aria-selected\": d,\n \"aria-controls\": `tabs-content-${a}`,\n \"data-state\": d ? \"active\" : \"inactive\",\n \"data-value\": a,\n disabled: o,\n className: w(\n \"inline-flex items-center justify-center whitespace-nowrap px-3 py-2 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n d ? \"font-medium\" : \"font-light\",\n qt[f],\n u,\n r\n ),\n onClick: h,\n children: n\n }\n );\n}\nfunction Ut({ elementId: a, maxLength: o }) {\n const [r, n] = z(0);\n return D(() => {\n const e = document.getElementById(a);\n if (!e)\n return;\n const t = () => {\n const s = e.value.length;\n n(s);\n const l = s >= o;\n e.setAttribute(\"aria-describedby\", `${a}-character-count`), e.setAttribute(\"aria-invalid\", l ? \"true\" : \"false\"), l ? e.setAttribute(\"data-error\", \"true\") : e.removeAttribute(\"data-error\");\n };\n return t(), e.addEventListener(\"input\", t), e.setAttribute(\"maxlength\", String(o)), () => {\n e.removeEventListener(\"input\", t), e.removeAttribute(\"maxlength\"), e.removeAttribute(\"aria-describedby\"), e.removeAttribute(\"aria-invalid\"), e.removeAttribute(\"data-error\");\n };\n }, [a, o]), /* @__PURE__ */ i(\n \"small\",\n {\n className: w(\n \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end\",\n r >= o && \"text-destructive\",\n r < o && \"text-current\"\n ),\n role: \"status\",\n children: /* @__PURE__ */ k(\"span\", { id: `${a}-character-count`, children: [\n r,\n \" / \",\n o,\n \" characters\"\n ] })\n }\n );\n}\nfunction Xt(a, o) {\n D(() => {\n const r = document.getElementById(a);\n if (!r)\n return;\n if (!o) {\n r.style.height = \"auto\";\n return;\n }\n const n = () => {\n r.style.height = \"auto\", r.style.height = `${r.scrollHeight}px`;\n };\n return n(), r.addEventListener(\"input\", n), r.addEventListener(\"resize\", n), window.addEventListener(\"resize\", n), () => {\n r.removeEventListener(\"input\", n), r.removeEventListener(\"resize\", n), window.removeEventListener(\"resize\", n);\n };\n }, [a, o]);\n}\nconst Jt = {\n base: \"\",\n \"left-line\": \"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\",\n outline: \"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success\"\n}, Qt = {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"px-3 rounded-full\"\n}, ke = {\n variant: \"outline\",\n rounded: \"none\"\n};\nfunction Lr({\n variant: a = ke.variant,\n rounded: o,\n displayOnlyMode: r = !1,\n errorMessage: n,\n successMessage: e,\n hideResizeHandle: t = !1,\n autoExpand: s = !1,\n characterLimit: l = 0,\n className: c,\n ...f\n}) {\n const u = H();\n Xt(u, s || r);\n let d = o;\n a === \"outline\" && !o && (d = \"md\"), d = d || ke.rounded;\n let h = t;\n (r || a === \"left-line\" && !t) && (h = !0);\n const b = w(\n \"appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all\",\n !r && Jt[a],\n !r && Qt[d],\n !r && \"px-2 py-1\",\n r && \"pointer-events-none\",\n h && \"no-resize-handle\",\n c\n );\n return /* @__PURE__ */ k(\"div\", { className: w(\"-space-y-1.5\", r && \"cursor-text\"), children: [\n /* @__PURE__ */ i(\n \"textarea\",\n {\n ...f,\n id: u,\n \"aria-disabled\": f.disabled,\n readOnly: r,\n \"aria-readonly\": r || f[\"aria-readonly\"],\n style: {\n resize: s ? \"none\" : void 0\n },\n className: b\n }\n ),\n l > 0 && /* @__PURE__ */ i(Ut, { elementId: u, maxLength: l }),\n !r && /* @__PURE__ */ i(le, { elementId: u, type: \"error\", message: n }),\n !r && /* @__PURE__ */ i(le, { elementId: u, type: \"success\", message: e })\n ] });\n}\nconst Yt = {\n sm: {\n container: \"h-5 min-w-9 w-9\",\n thumb: \"h-4 w-4\",\n translate: \"translate-x-4\"\n },\n md: {\n container: \"h-6 min-w-11 w-11\",\n thumb: \"h-5 w-5\",\n translate: \"translate-x-5\"\n },\n lg: {\n container: \"h-7 min-w-13 w-13\",\n thumb: \"h-6 w-6\",\n translate: \"translate-x-6\"\n }\n}, Ot = {\n default: {\n unchecked: \"bg-muted\",\n checked: \"bg-primary\"\n },\n success: {\n unchecked: \"bg-muted\",\n checked: \"bg-success\"\n },\n destructive: {\n unchecked: \"bg-muted\",\n checked: \"bg-destructive\"\n }\n}, ze = {\n variant: \"default\",\n size: \"md\"\n};\nfunction Vr({\n ref: a,\n id: o,\n size: r = ze.size,\n variant: n = ze.variant,\n checked: e,\n onCheckedChange: t,\n disabled: s = !1,\n className: l,\n thumbClassName: c,\n backgroundClassNames: f,\n ...u\n}) {\n const d = H(), h = q(() => o || `toggle-${d}`, [o, d]), [m, b] = z(e);\n D(() => {\n b(e);\n }, [e]);\n const x = () => {\n if (!s) {\n const C = !m;\n e === void 0 && b(C), t == null || t(C);\n }\n }, p = (C) => {\n (C.key === \" \" || C.key === \"Enter\") && (C.preventDefault(), x());\n }, y = Yt[r], v = Ot[n], g = w(\n // Base styles\n \"relative inline-flex items-center rounded-full transition-all duration-200 ease-in-out\",\n \"focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2\",\n // Size\n y.container,\n // Variant and state\n m ? (f == null ? void 0 : f.checked) || v.checked : (f == null ? void 0 : f.unchecked) || v.unchecked,\n // Disabled state\n s && \"opacity-50 cursor-not-allowed\",\n !s && \"cursor-pointer\",\n l\n ), N = w(\n // Base thumb styles\n \"absolute left-0.5 top-1/2 -translate-y-1/2 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out\",\n // Size\n y.thumb,\n // Position based on state\n m && y.translate,\n c\n );\n return /* @__PURE__ */ k(\n \"button\",\n {\n ref: a,\n id: h,\n type: \"button\",\n role: \"switch\",\n tabIndex: 0,\n \"aria-checked\": m,\n \"aria-disabled\": s,\n disabled: s,\n onClick: x,\n onKeyDown: p,\n className: g,\n ...u,\n children: [\n /* @__PURE__ */ i(\"span\", { className: N }),\n /* @__PURE__ */ i(\"span\", { className: \"sr-only\", children: m ? \"Enabled\" : \"Disabled\" })\n ]\n }\n );\n}\nconst se = 8, ie = 4, X = 6;\nfunction er(a) {\n return { calculatePosition: I(\n (r, n) => {\n const e = r.getBoundingClientRect(), t = n.getBoundingClientRect(), s = {\n width: window.innerWidth,\n height: window.innerHeight\n }, l = (h, m, b, x) => h < 0 || m < 0 || h + b > s.width || m + x > s.height, c = {\n top: {\n x: e.left + e.width / 2 - t.width / 2,\n y: e.top - t.height - ie,\n arrow: {\n x: t.width / 2 - X,\n y: t.height\n }\n },\n bottom: {\n x: e.left + e.width / 2 - t.width / 2,\n y: e.bottom + ie,\n arrow: {\n x: t.width / 2 - X,\n y: -6\n }\n },\n left: {\n x: e.left - t.width - ie,\n y: e.top + e.height / 2 - t.height / 2,\n arrow: {\n x: t.width,\n y: t.height / 2 - X\n }\n },\n right: {\n x: e.right + ie,\n y: e.top + e.height / 2 - t.height / 2,\n arrow: {\n x: -6,\n y: t.height / 2 - X\n }\n }\n };\n let f = a, u = c[a];\n if (l(u.x, u.y, t.width, t.height)) {\n const h = {\n top: \"bottom\",\n bottom: \"top\",\n left: \"right\",\n right: \"left\"\n }, m = c[h[a]];\n if (!l(m.x, m.y, t.width, t.height))\n f = h[a], u = m;\n else {\n const b = [\"top\", \"bottom\", \"left\", \"right\"].filter(\n (x) => x !== a && x !== h[a]\n );\n for (const x of b) {\n const p = c[x];\n if (!l(p.x, p.y, t.width, t.height)) {\n f = x, u = p;\n break;\n }\n }\n }\n }\n u.x = Math.max(\n se,\n Math.min(u.x, s.width - t.width - se)\n ), u.y = Math.max(\n se,\n Math.min(u.y, s.height - t.height - se)\n );\n const d = {\n x: e.left + e.width / 2,\n y: e.top + e.height / 2\n };\n return f === \"top\" || f === \"bottom\" ? u.arrow.x = Math.max(\n X,\n Math.min(d.x - u.x - X, t.width - X * 2)\n ) : u.arrow.y = Math.max(\n X,\n Math.min(d.y - u.y - X, t.height - X * 2)\n ), {\n ...u,\n placement: f\n };\n },\n [a]\n ) };\n}\nfunction tr(a, o, r) {\n const n = B(null), e = B(null), t = I(() => {\n if (!n.current || !e.current) return;\n const s = a(n.current, e.current);\n r(s);\n }, [a, r]);\n return D(() => {\n if (!o) return;\n const s = () => t();\n return window.addEventListener(\"resize\", s), () => {\n window.removeEventListener(\"resize\", s);\n };\n }, [o, t]), {\n triggerRef: n,\n tooltipRef: e,\n updatePosition: t\n };\n}\nfunction rr(a, o, r, n, e, t, s, l, c) {\n const f = B(null), u = I(() => {\n a || (f.current && clearTimeout(f.current), f.current = window.setTimeout(() => {\n r(!0), requestAnimationFrame(() => {\n e(), n(!0);\n });\n }, o));\n }, [a, o, r, e, n]), d = I(\n (h = !1) => {\n if (f.current && clearTimeout(f.current), h) {\n n(!1), setTimeout(() => r(!1), 150);\n return;\n }\n f.current = window.setTimeout(() => {\n n(!1), setTimeout(() => r(!1), 150);\n }, 100);\n },\n [n, r]\n );\n return D(() => {\n !t && !s && !l && c && d();\n }, [t, s, l, c, d]), D(() => () => {\n f.current && clearTimeout(f.current);\n }, []), {\n showTooltip: u,\n hideTooltip: d,\n timeoutRef: f\n };\n}\nfunction Br({\n id: a,\n children: o,\n message: r,\n placement: n = \"top\",\n disabled: e = !1,\n delay: t = 200,\n className: s\n}) {\n const [l, c] = z(!1), [f, u] = z(!1), [d, h] = z(null), [m, b] = z(!1), [x, p] = z(!1), [y, v] = z(!1), { calculatePosition: g } = er(n), { triggerRef: N, tooltipRef: C, updatePosition: S } = tr(g, f, h), { showTooltip: T, hideTooltip: E, timeoutRef: F } = rr(\n e,\n t,\n u,\n c,\n S,\n m,\n x,\n y,\n l\n ), j = H(), Z = a ?? j;\n return /* @__PURE__ */ k(Y, { children: [\n P.cloneElement(o, {\n ref: (M) => {\n N.current = M;\n },\n onMouseEnter: () => {\n b(!0), T();\n },\n onMouseLeave: () => {\n b(!1);\n },\n onFocus: () => {\n v(!0), T();\n },\n onBlur: () => {\n v(!1), E(!0);\n },\n onKeyDown: (M) => {\n M.key === \"Escape\" && E(!0);\n },\n \"aria-describedby\": e ? void 0 : Z\n }),\n f && de(\n /* @__PURE__ */ i(\n \"div\",\n {\n ref: C,\n id: Z,\n role: \"tooltip\",\n className: w(\n \"fixed z-50 px-2 py-1 text-sm rounded shadow-lg bg-popover pointer-events-auto transition-all duration-150 ease-out\",\n l ? \"opacity-100\" : \"opacity-0\",\n s\n ),\n style: d ? { left: d.x, top: d.y } : { opacity: 0 },\n onMouseEnter: () => {\n p(!0), F.current && clearTimeout(F.current);\n },\n onMouseLeave: () => {\n p(!1);\n },\n children: r\n }\n ),\n document.body\n )\n ] });\n}\nexport {\n ur as Accordion,\n he as AccordionItem,\n Fr as ActionModal,\n rt as Button,\n fr as Callout,\n mr as Carousel,\n hr as Checkbox,\n pr as Clickable,\n br as Code,\n xr as CodeBlock,\n vr as Disclosure,\n gr as Input,\n yr as Label,\n Ye as LoadingDots,\n wr as Modal,\n Nr as Pagination,\n Cr as Panel,\n kr as RadioGroup,\n be as RadioGroupItem,\n Wt as RadioInput,\n zr as ScrollArea,\n Er as Select,\n $r as Separator,\n Ar as Skeleton,\n Ir as Slider,\n Sr as Slot,\n Tr as Tabs,\n Dr as TabsContent,\n Rr as TabsList,\n jr as TabsTrigger,\n Lr as Textarea,\n Hr as Toast,\n Vr as Toggle,\n Br as Tooltip\n};\n//# sourceMappingURL=components.esm.js.map\n","import { Modal, ModalProps } from '@moondreamsdev/dreamer-ui/components';\nimport React, { useMemo } from 'react';\n\ninterface BaseActionModalProps extends Omit<ModalProps, 'children' | 'actions'> {\n message: React.ReactNode;\n destructive?: boolean;\n}\n\ninterface AlertModalProps extends BaseActionModalProps {\n type: 'alert';\n confirmText?: string;\n onConfirm?: () => void;\n // Cancel-related props are not allowed for alerts\n cancelText?: never;\n}\n\ninterface ConfirmModalProps extends BaseActionModalProps {\n type: 'confirm';\n confirmText?: string;\n cancelText?: string;\n onConfirm?: () => void;\n}\n\nexport type ActionModalProps = AlertModalProps | ConfirmModalProps;\n\nexport function ActionModal({\n type,\n message,\n cancelText,\n confirmText,\n onConfirm,\n onClose,\n destructive = false,\n title,\n ...modalProps\n}: ActionModalProps) {\n const defaultTexts = useMemo(() => {\n if (type === 'confirm') {\n return {\n confirm: confirmText || 'Confirm',\n cancel: cancelText || 'Cancel',\n defaultTitle: title || 'Confirm Action',\n };\n }\n return {\n confirm: confirmText || 'OK',\n cancel: null,\n defaultTitle: title || 'Alert',\n };\n }, [type, confirmText, title, cancelText]);\n\n const actions: ModalProps['actions'] = useMemo(\n () => [\n ...(defaultTexts.cancel\n ? [\n {\n label: defaultTexts.cancel,\n variant: 'secondary' as const,\n onClick: onClose,\n },\n ]\n : []),\n {\n label: defaultTexts.confirm,\n variant: destructive ? 'destructive' : 'primary',\n onClick: () => {\n onConfirm?.();\n onClose();\n },\n },\n ],\n [defaultTexts, destructive, onConfirm, onClose]\n );\n\n return (\n <Modal\n {...modalProps}\n title={title || defaultTexts.defaultTitle}\n onClose={onClose}\n actions={actions}\n disableCloseOnOverlayClick={type === 'confirm'}\n hideCloseButton={type === 'confirm'}\n >\n {typeof message === 'string' ? <p className='text-sm'>{message}</p> : message}\n </Modal>\n );\n}\n","import { createContext, useContext } from 'react';\nimport { TabsVariant, TabsWidth } from './variants';\n\nexport interface TabsContextValue {\n selectedValue: string;\n onValueChange: (value: string) => void;\n tabsWidth: TabsWidth;\n variant: TabsVariant;\n triggersClassName?: string;\n contentClassName?: string;\n}\n\nexport const TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabsContext = () => {\n const context = useContext(TabsContext);\n if (!context) {\n throw new Error('Tabs components must be used within a Tabs component');\n }\n return context;\n};\n","import { ReactNode, useCallback, useEffect, useState } from 'react';\nimport { CrossCircled, ExclamationTriangle, InfoCircled, X } from '../../symbols';\nimport { join } from '../../utils';\nexport type ToastType = 'info' | 'warning' | 'error';\n\nexport interface ToastAction {\n label: string;\n onClick: () => void;\n}\n\n/** Data for a toast notification */\nexport interface ToastData {\n id: string;\n title: string;\n description?: string;\n type?: ToastType;\n action?: ToastAction;\n duration?: number;\n onRemove?: (id: string) => void;\n}\n\ninterface ToastProps extends ToastData {\n customTypes?: Record<string, { className: string; icon?: ReactNode }>;\n customComponent?: React.ComponentType<ToastData>;\n}\n\nconst defaultTypeStyles: Record<ToastType, { className: string; icon: ReactNode }> = {\n info: {\n className: 'bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100',\n icon: <InfoCircled size={20} />,\n },\n warning: {\n className:\n 'bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100',\n icon: <ExclamationTriangle size={20} />,\n },\n error: {\n className: 'bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100',\n icon: <CrossCircled size={20} />,\n },\n};\n\nexport function Toast({\n id,\n title,\n description,\n type = 'info',\n action,\n duration = 5000,\n onRemove,\n customTypes,\n customComponent: CustomComponent,\n}: ToastProps) {\n const [isExiting, setIsExiting] = useState(false);\n\n const handleRemove = useCallback(() => {\n setIsExiting(true);\n setTimeout(() => {\n onRemove?.(id);\n }, 150); // Match animation duration\n }, [id, onRemove]);\n\n useEffect(() => {\n if (duration > 0) {\n const timer = setTimeout(() => {\n handleRemove();\n }, duration);\n\n return () => clearTimeout(timer);\n }\n }, [duration, id, onRemove, handleRemove]);\n\n if (CustomComponent) {\n return (\n <CustomComponent\n id={id}\n title={title}\n description={description}\n type={type}\n action={action}\n duration={duration}\n onRemove={onRemove}\n />\n );\n }\n\n // Check custom types first, then fall back to default\n const typeStyle = customTypes?.[type] || defaultTypeStyles[type as ToastType] || defaultTypeStyles.info;\n\n return (\n <div\n role={type === 'error' ? 'alert' : 'status'}\n aria-live={type === 'error' ? undefined : 'polite'}\n className={join(\n 'relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out',\n action && 'pb-3',\n typeStyle.className,\n isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0'\n )}\n >\n {/* Icon */}\n <div className='flex-shrink-0 mr-3'>{typeStyle.icon}</div>\n\n {/* Content */}\n <div className='flex-grow min-w-0'>\n <div className='font-medium text-sm leading-5'>{title}</div>\n {description && <div className='mt-1 text-sm opacity-90 leading-5'>{description}</div>}\n {action && (\n <div className='mt-1.5'>\n <button\n onClick={action.onClick}\n className='text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer'\n >\n {action.label}\n </button>\n </div>\n )}\n </div>\n\n {/* Close button */}\n <button\n onClick={handleRemove}\n className='flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0'\n >\n <X size={16} />\n </button>\n </div>\n );\n}\n"],"names":["n","t","s","h","C","l","i","e","N","Ye","a","o","z","D","r","w","Oe","et","tt","pe","rt","c","f","d","k","It","St","Tt","B","I","wr","u","m","H","b","x","p","v","P","g","S","T","E","Y","de","L","ce","ActionModal","type","message","cancelText","confirmText","onConfirm","onClose","destructive","title","modalProps","defaultTexts","useMemo","actions","jsx","Modal","TabsContext","createContext","useTabsContext","context","useContext","defaultTypeStyles","InfoCircled","ExclamationTriangle","CrossCircled","Toast","id","description","action","duration","onRemove","customTypes","CustomComponent","isExiting","setIsExiting","useState","handleRemove","useCallback","useEffect","timer","typeStyle","jsxs","join","X"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),e=require("react"),I=require("react-dom"),C=require("./X-CgjeP2OI.cjs"),O=require("./join-BVMUUvyP.cjs");function g(...t){return t.filter(r=>typeof r=="string"&&r).join(" ").trim()||void 0}function B({size:t=15,color:r="currentColor",className:a="inline",...l}){return n.jsx("svg",{...l,width:t,height:t,className:a,viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:r,fillRule:"evenodd",clipRule:"evenodd"})})}function h(...t){return t.filter(r=>typeof r=="string"&&r).join(" ").trim()||void 0}e.createContext(void 0);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(void 0);e.createContext(void 0);e.createContext(null);e.createContext(void 0);e.createContext(void 0);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);e.createContext(null);function M(){const[t,r]=e.useState(0);return e.useEffect(()=>{const a=setInterval(()=>{r(l=>(l+1)%3)},500);return()=>clearInterval(a)},[]),n.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(a=>n.jsx("div",{className:g("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",t===a&&"transform -translate-y-1")},a))})}const D={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"},H={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},P={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},y={variant:"primary",size:"md",rounded:"md"};function X({variant:t=y.variant,size:r,rounded:a=y.rounded,loading:l,linkTo:o,linkProps:s,type:i="button",className:u,...c}){let d;t==="link"&&!r?d="fitted":d=r||y.size;const x=g("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",D[t],H[d],P[a],l&&"relative pointer-events-none",o&&"relative",u);return n.jsxs("button",{...c,role:o?"link":c.role,"aria-label":c["aria-label"]||(s==null?void 0:s["aria-label"]),"aria-description":c["aria-description"]||(s==null?void 0:s["aria-description"]),"aria-disabled":c.disabled||l,"aria-busy":l,type:i,className:x,children:[l&&n.jsx(M,{}),n.jsx("span",{className:g(l&&"invisible"),children:c.children}),o&&!c.disabled&&n.jsx("a",{...s,"aria-hidden":!0,href:o,rel:(s==null?void 0:s.rel)||"noreferrer",className:"absolute inset-0"})]})}function F(t){const[r,a]=e.useState(!1),[l,o]=e.useState(!1);return e.useEffect(()=>{t?(o(!0),setTimeout(()=>a(!0),10)):(a(!1),setTimeout(()=>o(!1),150))},[t]),{show:r,shouldRender:l}}function K(t,r){e.useEffect(()=>{const a=l=>{l.key==="Escape"&&t&&r()};return document.addEventListener("keydown",a),t&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",a),document.body.style.overflow="auto"}},[t,r])}function R(t,r){const a=e.useRef(null),l=e.useCallback(()=>{const o=document.getElementById(t);if(!o)return;const s=o.querySelectorAll('[data-modal-action="true"]');if(s.length>0){s[0].focus();return}const i=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(i.length>0){const u=Array.from(i).filter(c=>!(c instanceof HTMLButtonElement&&c.getAttribute("data-modal-close-button")==="true"));if(u.length>0){u[0].focus();return}i[0].focus();return}o.focus()},[t]);e.useEffect(()=>(r&&(a.current=document.activeElement,l()),()=>{document.body.style.overflow="auto",a.current instanceof HTMLElement&&a.current.focus()}),[r,l])}function V({id:t,isOpen:r,onClose:a,title:l,children:o,contentOnly:s=!1,className:i,overlayClassName:u,hideCloseButton:c=!1,actions:d=[],disableCloseOnOverlayClick:x=!1,ariaLabelledBy:m,ariaDescribedBy:f}){const b=e.useId(),p=t||`modal-${b}`,j=t?`${t}-title`:`modal-title-${b}`,{show:k,shouldRender:v}=F(r);if(R(p,v),K(v,a),!v)return null;const E=()=>l?e.isValidElement(l)?n.jsx("div",{className:"mb-4",children:l}):n.jsx("h2",{className:"mb-4 text-xl font-semibold",id:j,children:l}):null,T=()=>d.length===0?null:n.jsx("div",{className:"mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3",children:d.map((L,z)=>{const{label:S,className:q,...A}=L;return n.jsx(X,{className:q,type:"button",...A,"data-modal-action":"true",children:S},z)})});return n.jsx(n.Fragment,{children:I.createPortal(n.jsx("div",{"aria-labelledby":m??l?j:void 0,"aria-describedby":f,role:"dialog","aria-modal":"true",className:"fixed inset-0 z-[100] overflow-y-auto",children:n.jsxs("div",{className:"flex min-h-screen items-center justify-center p-4",children:[n.jsx("div",{className:h("fixed inset-0 bg-black/20 transition-all",u),onClick:()=>{x||a()}}),s&&n.jsx("div",{className:h("relative w-fit",i),children:o}),!s&&n.jsxs("div",{id:p,tabIndex:-1,className:h("relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75",k?"opacity-100 scale-100":"opacity-0 scale-90",i),children:[!c&&n.jsx("button",{type:"button",onClick:a,"data-modal-close-button":"true",className:"rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",children:n.jsx(B,{size:18})}),E(),o,T()]})]})}),document.body)})}function Y({type:t,message:r,cancelText:a,confirmText:l,onConfirm:o,onClose:s,destructive:i=!1,title:u,...c}){const d=e.useMemo(()=>t==="confirm"?{confirm:l||"Confirm",cancel:a||"Cancel",defaultTitle:u||"Confirm Action"}:{confirm:l||"OK",cancel:null,defaultTitle:u||"Alert"},[t,l,u,a]),x=e.useMemo(()=>[...d.cancel?[{label:d.cancel,variant:"secondary",onClick:s}]:[],{label:d.confirm,variant:i?"destructive":"primary",onClick:()=>{o==null||o(),s()}}],[d,i,o,s]);return n.jsx(V,{...c,title:u||d.defaultTitle,onClose:s,actions:x,disableCloseOnOverlayClick:t==="confirm",hideCloseButton:t==="confirm",children:typeof r=="string"?n.jsx("p",{className:"text-sm",children:r}):r})}const N=e.createContext(null),Z=()=>{const t=e.useContext(N);if(!t)throw new Error("Tabs components must be used within a Tabs component");return t},w={info:{className:"bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",icon:n.jsx(C.InfoCircled,{size:20})},warning:{className:"bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",icon:n.jsx(C.ExclamationTriangle,{size:20})},error:{className:"bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",icon:n.jsx(C.CrossCircled,{size:20})}};function G({id:t,title:r,description:a,type:l="info",action:o,duration:s=5e3,onRemove:i,customTypes:u,customComponent:c}){const[d,x]=e.useState(!1),m=e.useCallback(()=>{x(!0),setTimeout(()=>{i==null||i(t)},150)},[t,i]);if(e.useEffect(()=>{if(s>0){const b=setTimeout(()=>{m()},s);return()=>clearTimeout(b)}},[s,t,i,m]),c)return n.jsx(c,{id:t,title:r,description:a,type:l,action:o,duration:s,onRemove:i});const f=(u==null?void 0:u[l])||w[l]||w.info;return n.jsxs("div",{role:l==="error"?"alert":"status","aria-live":l==="error"?void 0:"polite",className:O.join("relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",o&&"pb-3",f.className,d?"opacity-0 translate-x-full":"opacity-100 translate-x-0"),children:[n.jsx("div",{className:"flex-shrink-0 mr-3",children:f.icon}),n.jsxs("div",{className:"flex-grow min-w-0",children:[n.jsx("div",{className:"font-medium text-sm leading-5",children:r}),a&&n.jsx("div",{className:"mt-1 text-sm opacity-90 leading-5",children:a}),o&&n.jsx("div",{className:"mt-1.5",children:n.jsx("button",{onClick:o.onClick,className:"text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",children:o.label})})]}),n.jsx("button",{onClick:m,className:"flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",children:n.jsx(C.X,{size:16})})]})}exports.ActionModal=Y;exports.TabsContext=N;exports.Toast=G;exports.n=g;exports.useTabsContext=Z;
|
|
2
|
+
//# sourceMappingURL=Toast-bdUThd6k.cjs.map
|