@moondreamsdev/dreamer-ui 1.7.10-test.64 → 1.7.10-test.65

package/dist/{Toast-CNK5IKU1.js → Toast-BDvWjzl8.js}

@@ -1,7 +1,7 @@
 import { jsx as t, Fragment as q, jsxs as b } from "react/jsx-runtime";
-import H, { createContext as e, useId as K, useState as h, useEffect as g, useRef as P, useCallback as T, useMemo as E, useContext as V } from "react";
-import { createPortal as D } from "react-dom";
-import { X as F, C as X, E as Z, I as G } from "./X-CIoyLewf.js";
+import H, { createContext as e, useId as P, useState as h, useEffect as g, useRef as V, useCallback as T, useMemo as E, useContext as D } from "react";
+import { createPortal as F } from "react-dom";
+import { X as K, C as X, E as Z, I as G } from "./X-CIoyLewf.js";
 import { j as J } from "./join-BmgR_f4v.js";
 function N(...l) {
   return l.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
@@ -103,6 +103,7 @@ e(null);
 e(null);
 e(null);
 e(null);
+e(null);
 function U() {
   const [l, r] = h(0);
   return g(() => {
@@ -215,7 +216,7 @@ function ee(l, r) {
   }, [l, r]);
 }
 function le(l, r) {
-  const i = P(null), n = T(() => {
+  const i = V(null), n = T(() => {
     const a = document.getElementById(l);
     if (!a) return;
     const o = a.querySelectorAll('[data-modal-action="true"]');
@@ -256,13 +257,13 @@ function ne({
   ariaLabelledBy: f,
   ariaDescribedBy: p
 }) {
-  const v = K(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: z, shouldRender: y } = $(r);
+  const v = P(), k = l || `modal-${v}`, C = l ? `${l}-title` : `modal-title-${v}`, { show: z, shouldRender: y } = $(r);
   if (le(k, y), ee(y, i), !y) return null;
   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) => {
     const { label: B, className: S, ...M } = A;
     return /* @__PURE__ */ t(R, { className: S, type: "button", ...M, "data-modal-action": "true", children: B }, O);
   }) });
-  return /* @__PURE__ */ t(q, { children: D(
+  return /* @__PURE__ */ t(q, { children: F(
     /* @__PURE__ */ t(
       "div",
       {
@@ -367,7 +368,7 @@ function de({
   );
 }
 const te = e(null), ue = () => {
-  const l = V(te);
+  const l = D(te);
   if (!l)
     throw new Error("Tabs components must be used within a Tabs component");
   return l;
@@ -452,7 +453,7 @@ function ce({
           {
             onClick: f,
             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: /* @__PURE__ */ t(F, { size: 16 })
+            children: /* @__PURE__ */ t(K, { size: 16 })
           }
         )
       ]
@@ -466,4 +467,4 @@ export {
   N as n,
   ue as u
 };
-//# sourceMappingURL=Toast-CNK5IKU1.js.map
+//# sourceMappingURL=Toast-BDvWjzl8.js.map

package/dist/Toast-BDvWjzl8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast-BDvWjzl8.js","sources":["join-BmgR_f4v.js","X-CIoyLewf.js","Toast-CNK5IKU1.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 H, { createContext as e, useId as K, useState as h, useEffect as g, useRef as P, useCallback as T, useMemo as E, useContext as V } from \"react\";\nimport { createPortal as D } from \"react-dom\";\nimport { X as F, C as X, E as Z, I as G } from \"./X-CIoyLewf.js\";\nimport { j as J } from \"./join-BmgR_f4v.js\";\nfunction N(...l) {\n  return l.filter((r) => typeof r == \"string\" && r).join(\" \").trim() || void 0;\n}\nfunction Q({ 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);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\ne(null);\nfunction U() {\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 W = {\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}, Y = {\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    W[l],\n    Y[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(U, {}),\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 = P(null), n = T(() => {\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 = K(), 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 ? 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) => {\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: D(\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 text-popover-foreground 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(Q, { 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 = V(te);\n  if (!l)\n    throw new Error(\"Tabs components must be used within a Tabs component\");\n  return l;\n}, L = {\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(G, { 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(Z, { 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 = T(() => {\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]) || L[n] || L.info;\n  return /* @__PURE__ */ b(\n    \"div\",\n    {\n      role: n === \"error\" ? \"alert\" : \"status\",\n      \"aria-live\": n === \"error\" ? void 0 : \"polite\",\n      className: J(\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(F, { 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-CNK5IKU1.js.map\n","import { jsxs as k, jsx as i, Fragment as Q } from \"react/jsx-runtime\";\nimport H, { useId as F, useState as z, createElement as ze, useEffect as I, useRef as j, useCallback as A, useMemo as G, isValidElement as Le, cloneElement as je } from \"react\";\nimport { j as N } from \"./join-BmgR_f4v.js\";\nimport { f as $e, j as Ve, c as Se, g as Ae, h as Ie, b as ve, D as Be, W as Me, k as We, i as Ke, C as Fe, a as He, l as Pe, E as Ze, Q as _e, d as qe, e as Ge } from \"./Window-uX5BuBwi.js\";\nimport { n as V, a as Ye, u as ge } from \"./Toast-CNK5IKU1.js\";\nimport { A as Xr, T as Jr } from \"./Toast-CNK5IKU1.js\";\nimport { X as oe, E as De, C as Ue, I as Xe } from \"./X-CIoyLewf.js\";\nimport { createPortal as ae } from \"react-dom\";\nimport { downloadFile as Je, mergeRefs as Qe } from \"./utils.esm.js\";\nfunction he({\n  id: o,\n  title: a,\n  content: t,\n  children: r,\n  className: e = \"\",\n  disabled: n = !1,\n  isOpen: s = !1,\n  onToggle: l,\n  triggerClassName: c = \"\",\n  bodyClassName: f = \"\"\n}) {\n  const u = F(), d = o || `accordion-item-${u}`, h = `${d}-header`, m = `${d}-panel`, b = () => {\n    !n && l && l();\n  }, v = (p) => {\n    (p.key === \"Enter\" || p.key === \" \") && (p.preventDefault(), b());\n  };\n  return /* @__PURE__ */ k(\"div\", { className: N(\"border-b border-gray-200\", n && \"opacity-60 cursor-not-allowed\", e), children: [\n    /* @__PURE__ */ k(\n      \"button\",\n      {\n        id: h,\n        type: \"button\",\n        className: N(\n          \"w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary\",\n          n ? \"cursor-not-allowed\" : \"hover:bg-gray-50/10 cursor-pointer\",\n          c\n        ),\n        \"aria-expanded\": s,\n        \"aria-controls\": m,\n        disabled: n,\n        onClick: b,\n        onKeyDown: v,\n        children: [\n          /* @__PURE__ */ i(\"span\", { children: a }),\n          /* @__PURE__ */ i(\n            \"span\",\n            {\n              className: N(\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: N(\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 && (r || t)\n      }\n    )\n  ] });\n}\nfunction xr({\n  id: o,\n  items: a = [],\n  children: t,\n  className: r = \"\",\n  itemClassName: e = \"\",\n  allowMultiple: n = !1,\n  defaultOpenItems: s = [],\n  triggersClassName: l = \"\",\n  bodiesClassName: c = \"\"\n}) {\n  const f = F(), u = o || `accordion-group-${f}`, [d, h] = z(new Set(s)), m = (p) => {\n    h((y) => {\n      const g = new Set(y);\n      return g.has(p) ? g.delete(p) : (n || g.clear(), g.add(p)), g;\n    });\n  }, b = (p) => `${f}-item-${p}`, v = (p) => d.has(p);\n  return /* @__PURE__ */ k(\"div\", { id: u, className: r, children: [\n    a.length > 0 && a.map((p, y) => {\n      const g = p.id || b(y);\n      return /* @__PURE__ */ i(\n        he,\n        {\n          id: g,\n          title: p.title,\n          content: p.content,\n          disabled: p.disabled,\n          isOpen: v(g),\n          onToggle: () => m(g),\n          className: e,\n          triggerClassName: l,\n          bodyClassName: c\n        },\n        g\n      );\n    }),\n    a.length === 0 && t && H.Children.map(t, (p, y) => {\n      if (H.isValidElement(p) && p.type === he) {\n        const g = p.props.id || b(y);\n        return /* @__PURE__ */ ze(\n          he,\n          {\n            ...p.props,\n            key: g,\n            id: g,\n            className: N(e, p.props.className),\n            isOpen: v(g),\n            onToggle: () => m(g),\n            triggerClassName: N(l, p.props.triggerClassName),\n            bodyClassName: N(c, p.props.bodyClassName)\n          }\n        );\n      }\n      return null;\n    })\n  ] });\n}\nfunction Oe() {\n  const [o, a] = z(0);\n  return I(() => {\n    const t = setInterval(() => {\n      a((r) => (r + 1) % 3);\n    }, 500);\n    return () => clearInterval(t);\n  }, []), /* @__PURE__ */ i(\"div\", { className: \"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle\", children: [0, 1, 2].map((t) => /* @__PURE__ */ i(\n    \"div\",\n    {\n      className: N(\n        \"rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current\",\n        o === t && \"transform -translate-y-1\"\n      )\n    },\n    t\n  )) });\n}\nconst et = {\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}, tt = {\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}, rt = {\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 nt({\n  variant: o = pe.variant,\n  size: a,\n  rounded: t = pe.rounded,\n  loading: r,\n  linkTo: e,\n  linkProps: n,\n  type: s = \"button\",\n  className: l,\n  ...c\n}) {\n  let f;\n  o === \"link\" && !a ? f = \"fitted\" : f = a || pe.size;\n  const d = N(\n    \"appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all\",\n    et[o],\n    tt[f],\n    rt[t],\n    r && \"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\"] || (n == null ? void 0 : n[\"aria-label\"]),\n      \"aria-description\": c[\"aria-description\"] || (n == null ? void 0 : n[\"aria-description\"]),\n      \"aria-disabled\": c.disabled || r,\n      \"aria-busy\": r,\n      type: s,\n      className: d,\n      children: [\n        r && /* @__PURE__ */ i(Oe, {}),\n        /* @__PURE__ */ i(\"span\", { className: N(r && \"invisible\"), children: c.children }),\n        e && !c.disabled && /* @__PURE__ */ i(\n          \"a\",\n          {\n            ...n,\n            \"aria-hidden\": !0,\n            href: e,\n            rel: (n == null ? void 0 : n.rel) || \"noreferrer\",\n            className: \"absolute inset-0\"\n          }\n        )\n      ]\n    }\n  );\n}\nconst ot = {\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(Xe, { size: 22 }),\n  destructive: /* @__PURE__ */ i(Ue, { size: 22 }),\n  success: /* @__PURE__ */ i(Se, { size: 22 }),\n  warning: /* @__PURE__ */ i(De, { size: 20 }),\n  base: /* @__PURE__ */ i(Ve, { size: 22 })\n};\nfunction yr({\n  id: o,\n  ref: a,\n  variant: t = \"base\",\n  icon: r,\n  title: e,\n  description: n,\n  className: s,\n  dismissible: l = !1,\n  onDismiss: c\n}) {\n  const f = F(), u = o || `callout-${f}`, [d, h] = z(!1), m = ot[t], b = at[t], v = () => {\n    h(!0), c && c();\n  };\n  return d ? null : /* @__PURE__ */ k(\n    \"div\",\n    {\n      id: u,\n      ref: a,\n      className: N(\"relative rounded-lg p-2 sm:p-4 border\", m.border, m.interior, s),\n      \"data-variant\": t,\n      role: \"note\",\n      \"aria-describedby\": n ? `${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          r && /* @__PURE__ */ i(\"span\", { className: m.core, children: r === \"default\" ? b : r }),\n          (e || n) && /* @__PURE__ */ k(\"div\", { className: \"flex-1\", children: [\n            e && /* @__PURE__ */ i(\"div\", { id: `${u}-title`, className: N(\"font-medium\", m.core), children: e }),\n            n && /* @__PURE__ */ i(\"div\", { id: `${u}-description`, className: N(\"mt-0.5 font-light\", m.description), children: n })\n          ] })\n        ] }),\n        l && /* @__PURE__ */ i(\n          \"button\",\n          {\n            type: \"button\",\n            onClick: v,\n            \"data-callout-close-button\": \"true\",\n            className: N(\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(oe, { size: 18 })\n          }\n        )\n      ]\n    }\n  );\n}\nfunction st({\n  totalItems: o,\n  itemsToShow: a,\n  infinite: t,\n  autoScroll: r,\n  scrollInterval: e,\n  pauseScrollOnHover: n,\n  currentIndex: s,\n  onIndexChange: l\n}) {\n  const [c, f] = z(s || 0), [u, d] = z(!1), h = j(null), m = Math.ceil(o / a), b = t || c > 0, v = t || c < m - 1, p = A(\n    (w) => {\n      const x = Math.max(0, Math.min(w, m - 1));\n      f(x), l == null || l(x);\n    },\n    [m, l]\n  ), y = A(() => {\n    if (b) {\n      const w = c === 0 && t ? m - 1 : c - 1;\n      p(w);\n    }\n  }, [c, b, t, m, p]), g = A(() => {\n    if (v) {\n      const w = c === m - 1 && t ? 0 : c + 1;\n      p(w);\n    }\n  }, [c, v, t, m, p]);\n  return I(() => {\n    s !== void 0 && s !== c && f(s);\n  }, [s, c]), I(() => {\n    if (!r) return;\n    const w = () => {\n      h.current = setInterval(() => {\n        n && u || g();\n      }, e);\n    }, x = () => {\n      h.current && (clearInterval(h.current), h.current = null);\n    };\n    return !u || !n ? w() : x(), x;\n  }, [r, e, n, u, g]), I(() => {\n    f(0);\n  }, [a]), {\n    currentSlide: c,\n    canGoPrev: b,\n    canGoNext: v,\n    goToPrev: y,\n    goToNext: g,\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 it() {\n  const [o, a] = z(), [t, r] = z(0), e = (n) => te[n];\n  return I(() => {\n    const n = (l) => l >= te[\"2xl\"] ? \"2xl\" : l >= te.xl ? \"xl\" : l >= te.lg ? \"lg\" : l >= te.md ? \"md\" : l >= te.sm ? \"sm\" : \"xs\";\n    a(n(window.innerWidth)), r(window.innerWidth);\n    const s = () => {\n      a(n(window.innerWidth)), r(window.innerWidth);\n    };\n    return window.addEventListener(\"resize\", s), () => {\n      window.removeEventListener(\"resize\", s);\n    };\n  }, []), { screenSize: o, screenWidth: t, getBreakpoint: e };\n}\nconst se = {\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}, xe = {\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}, ie = {\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 wr({\n  children: o,\n  id: a,\n  ref: t,\n  className: r,\n  autoScroll: e = !1,\n  scrollInterval: n = 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: v = !0,\n  prevButton: p,\n  nextButton: y,\n  itemsClassName: g,\n  containerClassName: w,\n  dotsClassName: x,\n  gap: E = 8\n}) {\n  var W, re;\n  const C = j(null), S = H.Children.toArray(o).filter(H.isValidElement), $ = S.length, { screenSize: B } = it(), L = G(() => {\n    if (typeof d == \"number\")\n      return d;\n    if (typeof d == \"object\" && d && B) {\n      const J = [\"2xl\", \"xl\", \"lg\", \"md\", \"sm\", \"xs\"], P = J.indexOf(B);\n      for (let ee = P; ee < J.length; ee++) {\n        const ne = J[ee];\n        if (d[ne] !== void 0)\n          return d[ne];\n      }\n    }\n    return 1;\n  }, [d, B]), { currentSlide: Z, canGoPrev: K, canGoNext: R, goToPrev: D, goToNext: M, goToSlide: _, setIsHovered: Y } = st({\n    totalItems: $,\n    itemsToShow: L,\n    infinite: v,\n    autoScroll: e,\n    scrollInterval: n,\n    pauseScrollOnHover: s,\n    currentIndex: l,\n    onIndexChange: c\n  }), X = A(\n    (J) => {\n      if (L === 1)\n        return { leftWidth: 0, rightWidth: 0, widthReduction: 0 };\n      const P = E * (L - 1) / L;\n      return J % L === 0 ? { leftWidth: 0, rightWidth: E / 2, widthReduction: P } : J % L === L - 1 ? { leftWidth: E / 2, rightWidth: 0, widthReduction: P } : { leftWidth: E / 2, rightWidth: E / 2, widthReduction: P };\n    },\n    [L, E]\n  ), q = () => {\n    D();\n  }, O = () => {\n    M();\n  }, ue = () => {\n    s && Y(!0);\n  }, fe = () => {\n    s && Y(!1);\n  }, me = -(Z * (100 / $) * L), T = N(\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: N(\"relative\", r), \"data-carousel-wrapper\": \"true\", children: [\n    !f && /* @__PURE__ */ i(Q, { children: p ? H.cloneElement(\n      p,\n      {\n        onClick: q,\n        disabled: !K,\n        className: N(\n          ((W = p.props) == null ? void 0 : W.className) || \"\",\n          ie[b].prev\n        ),\n        role: \"button\",\n        \"aria-disabled\": !K,\n        \"aria-label\": \"Previous slide\",\n        \"data-carousel-prev\": \"true\"\n      }\n    ) : /* @__PURE__ */ i(\n      \"button\",\n      {\n        type: \"button\",\n        onClick: q,\n        disabled: !K,\n        className: N(\n          T,\n          se[h].button,\n          xe[m],\n          ie[b].prev\n        ),\n        \"aria-disabled\": !K,\n        \"aria-label\": \"Previous slide\",\n        \"data-carousel-prev\": \"true\",\n        children: /* @__PURE__ */ i(Ae, { className: se[h].icon })\n      }\n    ) }),\n    /* @__PURE__ */ k(\n      \"div\",\n      {\n        id: a,\n        ref: t,\n        className: N(\"relative overflow-hidden\", w),\n        onMouseEnter: ue,\n        onMouseLeave: fe,\n        \"data-carousel\": \"true\",\n        \"data-current-index\": Z,\n        \"data-items-to-show\": L,\n        \"data-auto-scroll\": e,\n        \"data-button-position\": b,\n        children: [\n          /* @__PURE__ */ i(\n            \"div\",\n            {\n              ref: C,\n              className: \"flex transition-transform duration-300 ease-in-out\",\n              style: {\n                transform: `translateX(${me}%)`,\n                width: `${$ / L * 100}%`\n              },\n              children: S.map((J, P) => {\n                const { leftWidth: ee, rightWidth: ne, widthReduction: Re } = X(P);\n                return /* @__PURE__ */ i(\n                  \"div\",\n                  {\n                    className: N(\"flex-shrink-0\", g),\n                    style: {\n                      width: `calc(${100 / $}% - ${Re}px)`,\n                      marginRight: ne > 0 ? `${ne}px` : void 0,\n                      marginLeft: ee > 0 ? `${ee}px` : void 0\n                    },\n                    \"data-slide-index\": P,\n                    children: J\n                  },\n                  P\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($ / L) }).map((J, P) => /* @__PURE__ */ i(\n            \"button\",\n            {\n              type: \"button\",\n              onClick: () => _(P),\n              className: N(\n                \"w-2 h-2 rounded-full transition-colors duration-200\",\n                P === Z ? \"bg-accent\" : \"bg-muted hover:bg-muted-foreground/50\",\n                x\n              ),\n              \"aria-label\": `Go to slide ${P + 1}`,\n              \"data-carousel-dot\": P\n            },\n            P\n          )) })\n        ]\n      }\n    ),\n    !f && /* @__PURE__ */ i(Q, { children: y ? H.cloneElement(\n      y,\n      {\n        onClick: O,\n        disabled: !R,\n        className: N(\n          ((re = y.props) == null ? void 0 : re.className) || \"\",\n          ie[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: N(\n          T,\n          se[h].button,\n          xe[m],\n          ie[b].next\n        ),\n        \"aria-disabled\": !R,\n        \"aria-label\": \"Next slide\",\n        \"data-carousel-next\": \"true\",\n        children: /* @__PURE__ */ i(Ie, { className: se[h].icon })\n      }\n    ) })\n  ] });\n}\nfunction lt(o) {\n  const [a, t] = z(\"\"), r = A((e) => {\n    let n = e, s = \"\";\n    for (; n && !s; ) {\n      const l = window.getComputedStyle(n).backgroundColor;\n      l && l !== \"transparent\" && l !== \"rgba(0, 0, 0, 0)\" && (s = l), n = n.parentElement;\n    }\n    return s || \"transparent\";\n  }, []);\n  return I(() => {\n    const e = document.getElementById(o);\n    if (e) {\n      const n = r(e.parentElement);\n      t(n);\n    }\n  }, [o, r]), a;\n}\nfunction Nr({\n  ref: o,\n  id: a,\n  size: t = 20,\n  color: r,\n  filled: e = !1,\n  rounded: n = !0,\n  checked: s = !1,\n  onCheckedChange: l,\n  disabled: c,\n  className: f = \"\",\n  ...u\n}) {\n  const d = F(), h = G(() => a || `checkbox-${d}`, [a, d]), m = lt(h), [b, v] = z(s);\n  I(() => {\n    v(s);\n  }, [s]);\n  const p = () => {\n    c || (v(!b), l == null || l(!b));\n  }, y = (w) => {\n    w.key === \" \" && (w.preventDefault(), p());\n  }, g = N(\n    \"flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2\",\n    n && \"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: o,\n      tabIndex: 0,\n      role: \"checkbox\",\n      onClick: p,\n      \"aria-checked\": b,\n      \"aria-disabled\": c,\n      onKeyDownCapture: y,\n      style: {\n        width: t,\n        height: t,\n        color: r,\n        backgroundColor: b && e ? \"currentcolor\" : \"transparent\"\n      },\n      className: g,\n      ...u,\n      children: b && /* @__PURE__ */ i(ve, { size: t, color: e ? m : void 0 })\n    }\n  );\n}\nfunction Er({\n  children: o,\n  className: a,\n  linkTo: t,\n  linkProps: r,\n  onButtonClick: e,\n  buttonProps: n,\n  ...s\n}) {\n  return t && e && console.warn('Clickable: Both \"linkTo\" and \"onButtonClick\" props are provided. Only \"linkTo\" will be used.'), /* @__PURE__ */ k(\"div\", { className: N(\"relative w-fit\", a), ...s, children: [\n    o,\n    t && /* @__PURE__ */ i(\n      \"a\",\n      {\n        ...r,\n        rel: (r == null ? void 0 : r.rel) || \"noreferrer\",\n        href: t,\n        className: N(\"absolute inset-0\", r == null ? void 0 : r.className)\n      }\n    ),\n    !t && e && /* @__PURE__ */ i(\n      \"button\",\n      {\n        ...n,\n        type: \"button\",\n        onClick: e,\n        className: N(\"absolute inset-0 cursor-pointer\", n == null ? void 0 : n.className)\n      }\n    )\n  ] });\n}\nfunction ct(o) {\n  const [a, t] = z(null);\n  return I(() => {\n    var l;\n    const r = (l = document.getElementById(o)) == null ? void 0 : l.parentElement;\n    if (!r) return;\n    const e = () => {\n      const c = window.getComputedStyle(r), f = parseFloat(c.fontSize), u = c.lineHeight === \"normal\" ? f * 1.2 : parseFloat(c.lineHeight), d = f - 2, h = d / f, m = u * h;\n      t({\n        fontSize: f,\n        lineHeight: u,\n        smallerFontSize: d,\n        smallerLineHeight: m\n      });\n    };\n    e();\n    const n = new ResizeObserver(e);\n    n.observe(r);\n    const s = new MutationObserver(e);\n    return s.observe(r, {\n      attributes: !0,\n      attributeFilter: [\"style\", \"class\"],\n      subtree: !1\n    }), () => {\n      n.disconnect(), s.disconnect();\n    };\n  }, [o]), a;\n}\nconst dt = {\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 kr({ id: o, ref: a, content: t, variant: r = \"accent\", className: e, style: n, ...s }) {\n  const l = F(), c = o || `code-${l}`, f = ct(c);\n  return /* @__PURE__ */ i(\n    \"code\",\n    {\n      id: c,\n      ref: a,\n      className: N(\"px-2 py-1 rounded\", dt[r], e),\n      \"data-variant\": r,\n      style: {\n        fontSize: f ? `${f.smallerFontSize}px` : void 0,\n        lineHeight: f ? `${f.smallerLineHeight}px` : void 0,\n        ...n\n      },\n      ...s,\n      children: t\n    }\n  );\n}\nconst ut = {\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}, ft = {\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}, mt = {\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}, ht = {\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}, pt = /* @__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]), bt = /* @__PURE__ */ new Set([\"npm\", \"npx\", \"pnpm\", \"yarn\", \"vite\"]);\nfunction Te(o) {\n  const a = [];\n  if (o.trim() === \"\")\n    return a.push({ text: \" \", type: \"plain\" }), a;\n  if (o.trim().startsWith(\"#\"))\n    return a.push({ text: o, type: \"comment\" }), a;\n  const t = /(\\$\\([^)]*\\)|\"[^\"]*\"|'[^']*'|\\$[\\w_]+|[a-zA-Z_]\\w*=|--?[a-zA-Z0-9][\\w-]*(?:=.*)?|>>|>|#.*|\\s+|[^\\s]+)/g, r = (n) => {\n    if (/^\\$\\([^)]*\\)$/.test(n)) {\n      const s = n.slice(2, -1);\n      return [{ text: \"$(\", type: \"operator\" }, ...Te(s), { text: \")\", type: \"operator\" }];\n    }\n    if (/^\".*\"$/.test(n)) {\n      const s = n.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(n) ? [{ text: n, type: \"string\" }] : /^\\$[\\w_]+$/.test(n) ? [{ text: n, type: \"variable\" }] : /^[a-zA-Z_]\\w*=$/.test(n) ? [{ text: n, type: \"variable\" }] : /^--?[a-zA-Z0-9][\\w-]*(=.*)?$/.test(n) ? [{ text: n, type: \"option\" }] : /^>>|>$/.test(n) ? [{ text: n, type: \"operator\" }] : /^#.*$/.test(n) ? [{ text: n, type: \"comment\" }] : /^\\s+$/.test(n) ? [{ text: n, type: \"plain\" }] : pt.has(n) ? [{ text: n, type: \"keyword\" }] : bt.has(n) ? [{ text: n, type: \"runner\" }] : [{ text: n, type: \"command\" }];\n  };\n  let e;\n  for (; (e = t.exec(o)) !== null; )\n    a.push(...r(e[0]));\n  return a;\n}\nfunction vt(o, a = !1) {\n  const t = [];\n  let r = a;\n  if (o.trim() === \"\")\n    return t.push({ text: \" \", type: \"plain\" }), { tokens: t, inComment: r };\n  let e = \"selector\", n = 0;\n  o.match(/^\\s+/) && o.includes(\":\") && !o.includes(\"{\") && (e = \"property\", n = 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(o); ) {\n    const [, c, f, u, d, h, m, b, v, p, y] = l;\n    if (c)\n      c.includes(\"/*\") && !c.includes(\"*/\") ? r = !0 : c.includes(\"*/\") && (r = !1), t.push({ text: c, type: \"comment\" });\n    else if (r)\n      l[0].includes(\"*/\") && (r = !1), t.push({ text: l[0], type: \"comment\" });\n    else if (f)\n      t.push({ text: f, type: \"atRule\" });\n    else if (h)\n      t.push({ text: h, type: \"function\" });\n    else if (u)\n      u === \"{\" ? (n++, e = \"property\") : u === \"}\" ? (n--, e = n > 0 ? \"property\" : \"selector\") : u === \":\" ? e === \"property\" && (e = \"value\") : u === \";\" ? n > 0 && (e = \"property\") : u === \",\" && n === 0 && (e = \"selector\"), t.push({ text: u, type: \"punctuation\" });\n    else if (d)\n      t.push({ text: d, type: \"string\" });\n    else if (m)\n      t.push({ text: m, type: \"number\" });\n    else if (b)\n      t.push({ text: b, type: \"value\" });\n    else if (v) {\n      let g;\n      v.startsWith(\".\") || v.startsWith(\"#\") || e === \"selector\" ? g = \"selector\" : e === \"property\" ? g = \"property\" : g = \"value\", t.push({ text: v, type: g });\n    } else if (p)\n      t.push({ text: p.replace(/ /g, \" \"), type: \"plain\" });\n    else if (y) {\n      const g = e === \"value\" ? \"value\" : \"plain\";\n      t.push({ text: y, type: g });\n    }\n  }\n  return { tokens: t, inComment: r };\n}\nfunction gt(o) {\n  const a = /(\"[^\"]*\")\\s*(:)|(\"[^\"]*\")|(\\d+)|(true|false|null)|(\\{|\\}|\\[|\\]|,)/g, t = [];\n  let r = 0, e;\n  for (; (e = a.exec(o)) !== null; )\n    e.index > r && t.push({ text: o.slice(r, e.index), type: \"plain\" }), e[1] && e[2] ? (t.push({ text: e[1], type: \"key\" }), t.push({ text: e[2], type: \"punctuation\" })) : e[3] ? t.push({ text: e[3], type: \"string\" }) : e[4] ? t.push({ text: e[4], type: \"number\" }) : e[5] ? t.push({ text: e[5], type: \"boolean\" }) : e[6] && t.push({ text: e[6], type: \"punctuation\" }), r = a.lastIndex;\n  return r < o.length && t.push({ text: o.slice(r), type: \"plain\" }), t;\n}\nfunction xt(o, a = !1, t = 0) {\n  const r = [];\n  let e = o, n = a, s = t;\n  for (; e.length > 0; ) {\n    const l = e.match(/^\\/\\*[\\s\\S]*?\\*\\//);\n    if (l) {\n      r.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      r.push({ text: c[0], type: \"comment\" }), e = e.slice(c[0].length);\n      continue;\n    }\n    const f = e.match(/^(`[^`]*`|\"[^\"]*\"|'[^']*')/);\n    if (f) {\n      r.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      r.push({ text: \"<\", type: \"jsx-bracket\" }), r.push({ text: u[1], type: \"jsx-tag\" }), e = e.slice(u[0].length), n = !0;\n      continue;\n    }\n    const d = e.match(/^<\\/([a-zA-Z][a-zA-Z0-9]*)>/);\n    if (d) {\n      r.push({ text: \"</\", type: \"jsx-bracket\" }), r.push({ text: d[1], type: \"jsx-tag\" }), r.push({ text: \">\", type: \"jsx-bracket\" }), e = e.slice(d[0].length), n = !1;\n      continue;\n    }\n    if (e.match(/^\\/?>/)) {\n      const C = e.match(/^(\\/?>\\s*)/);\n      if (C) {\n        r.push({ text: C[1].trim(), type: \"jsx-bracket\" }), e = e.slice(C[1].length), C[1].includes(\">\") && (n = !1);\n        continue;\n      }\n    }\n    const h = e.match(/^([a-zA-Z][a-zA-Z0-9]*)(\\s*)(=)/);\n    if (h && n && s === 0) {\n      r.push({ text: h[1], type: \"jsx-attribute\" }), h[2] && r.push({ text: h[2], type: \"plain\" }), r.push({ text: \"=\", type: \"plain\" }), e = e.slice(h[0].length);\n      continue;\n    }\n    const m = e.match(/^[{}]/);\n    if (m) {\n      r.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      r.push({ text: b[0], type: \"plain\" }), e = e.slice(b[0].length);\n      continue;\n    }\n    const v = e.match(/^(=>|===|!==|==|!=|<=|>=|&&|\\|\\||[+\\-*/%=<>!&|^~?:;,()[\\]{}.])/);\n    if (v) {\n      r.push({ text: v[0], type: \"operator\" }), e = e.slice(v[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      r.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      r.push({ text: y[0], type: \"hook\" }), e = e.slice(y[0].length);\n      continue;\n    }\n    const g = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=(\\?\\.)?\\()/);\n    if (g) {\n      r.push({ text: g[1], type: \"function\" }), e = e.slice(g[1].length);\n      continue;\n    }\n    const w = 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 (w) {\n      r.push({ text: w[0], type: \"type\" }), e = e.slice(w[0].length);\n      continue;\n    }\n    const x = e.match(/^(\\d+\\.?\\d*)/);\n    if (x) {\n      r.push({ text: x[0], type: \"number\" }), e = e.slice(x[0].length);\n      continue;\n    }\n    const E = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*(?=:)/);\n    if (E && !n) {\n      r.push({ text: E[1], type: \"property\" }), e = e.slice(E[1].length);\n      continue;\n    }\n    r.push({ text: e[0], type: \"plain\" }), e = e.slice(1);\n  }\n  return r;\n}\nfunction yt(o, a) {\n  const t = {\n    ...ut,\n    ...a\n  };\n  return o.map((r, e) => {\n    const n = Te(r);\n    return /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: n.map((s, l) => /* @__PURE__ */ i(\"span\", { className: t[s.type] || \"text-gray-100\", children: s.text }, l)) }, e);\n  });\n}\nfunction wt(o, a) {\n  const t = { ...ft, ...a };\n  let r = !1;\n  return o.map((e, n) => {\n    const { tokens: s, inComment: l } = vt(e, r);\n    return r = l, /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: s.map((c, f) => /* @__PURE__ */ i(\"span\", { className: t[c.type] || \"text-gray-100\", children: c.text }, f)) }, n);\n  });\n}\nfunction Nt(o, a) {\n  const t = { ...mt, ...a };\n  return o.map((r, e) => /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: gt(r).map((n, s) => /* @__PURE__ */ i(\"span\", { className: t[n.type] || \"text-gray-100\", children: n.text }, s)) }, e));\n}\nfunction Et(o, a) {\n  const t = { ...ht, ...a };\n  let r = !1, e = 0;\n  return o.map((n, s) => {\n    if (n.trim() === \"\")\n      return /* @__PURE__ */ i(\"div\", { className: \"leading-6\", children: \" \" }, s);\n    const l = xt(n, r, e);\n    n.includes(\"<\") && n.match(/<[a-zA-Z]/) && (r = !0), n.includes(\">\") && !n.includes(\"<\") && (r = !1, e = 0);\n    const c = (n.match(/\\{/g) || []).length, f = (n.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: t[u.type] || \"text-gray-100\", children: u.text }, d)) }, s);\n  });\n}\nfunction kt(o) {\n  const [a, t] = z(!1), r = A(async () => {\n    try {\n      await navigator.clipboard.writeText(o), t(!0), setTimeout(() => t(!1), 3e3);\n    } catch (e) {\n      console.error(\"Failed to copy code:\", e);\n    }\n  }, [o]);\n  return { copied: a, handleCopy: r };\n}\nfunction Ct(o, a) {\n  const t = j(null), r = j(null);\n  return I(() => {\n    if (o) {\n      t.current = document.activeElement, document.body.style.overflow = \"hidden\", setTimeout(() => {\n        var n;\n        (n = r.current) == null || n.focus();\n      }, 100);\n      const e = (n) => {\n        n.key === \"Escape\" && a(!1);\n      };\n      return document.addEventListener(\"keydown\", e), () => {\n        document.removeEventListener(\"keydown\", e), document.body.style.overflow = \"\";\n      };\n    } else t.current && (t.current.focus(), t.current = null);\n  }, [o, a]), { containerRef: r };\n}\nfunction zt(o, a, t, r) {\n  return { handleKeyDown: A(\n    (n) => {\n      n.key === \"c\" && (n.metaKey || n.ctrlKey) && o ? (n.preventDefault(), t()) : n.key === \"f\" && a && (n.preventDefault(), r());\n    },\n    [o, a, t, r]\n  ) };\n}\nfunction $t(o) {\n  switch (o) {\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 Cr({\n  code: o,\n  language: a = \"typescript\",\n  allowCopy: t = !0,\n  allowDownload: r = !1,\n  allowFullscreen: e = !1,\n  filename: n,\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  ...v\n}) {\n  const [p, y] = z(!1), { containerRef: g } = Ct(p, y), { copied: w, handleCopy: x } = kt(o), E = A(() => {\n    const D = n || `code.${$t(a)}`;\n    Je(o, D);\n  }, [o, n, a]), C = A(() => {\n    y((D) => !D);\n  }, []), { handleKeyDown: S } = zt(t, e, x, C), $ = G(() => o.split(`\n`), [o]), B = A(\n    (D = !0) => /* @__PURE__ */ k(\"div\", { className: N(\"flex items-center space-x-2\", !D && \"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: ${a}`,\n          children: a\n        }\n      ),\n      e && /* @__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: 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(Me, { size: 14 })\n        }\n      ),\n      r && /* @__PURE__ */ i(\n        \"button\",\n        {\n          onClick: E,\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(We, { size: 14 })\n        }\n      ),\n      t && /* @__PURE__ */ i(\n        \"button\",\n        {\n          onClick: x,\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: w ? \"Code copied!\" : \"Copy code\",\n          \"aria-label\": w ? \"Code copied to clipboard\" : \"Copy code to clipboard\",\n          \"aria-live\": \"polite\",\n          type: \"button\",\n          children: w ? /* @__PURE__ */ i(ve, { size: 14, className: \"text-green-400\" }) : /* @__PURE__ */ i(Ke, { size: 14 })\n        }\n      )\n    ] }),\n    [\n      f,\n      a,\n      e,\n      p,\n      r,\n      E,\n      t,\n      x,\n      w,\n      C\n    ]\n  ), L = G(() => a === \"json\" ? Nt($, d) : a === \"tsx\" || a === \"ts\" || a === \"typescript\" ? Et($, d) : a === \"bash\" || a === \"sh\" ? yt($, d) : a === \"css\" ? wt($, d) : [\n    /* @__PURE__ */ i(\"span\", { className: \"text-gray-400\", children: \"Unsupported language\" }, 0)\n  ], [$, d, a]), Z = G(() => l ? $.map((D, M) => /* @__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: M + 1\n    },\n    M\n  )) : null, [l, $]), K = G(\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: (D) => {\n        g.current = D, typeof b == \"function\" ? b(D) : b && (b.current = D);\n      },\n      className: N(\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\": a,\n      \"data-filename\": n,\n      \"data-fullscreen\": p,\n      role: \"region\",\n      \"aria-label\": `Code block${n ? ` for ${n}` : \"\"} in ${a}`,\n      \"aria-describedby\": l ? `${m}-description` : void 0,\n      tabIndex: 0,\n      onKeyDown: S,\n      ...v,\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: w && \"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            n && /* @__PURE__ */ i(\"span\", { className: \"text-sm text-gray-300 font-medium\", children: n })\n          ] }),\n          B(!0)\n        ] }),\n        /* @__PURE__ */ k(\"div\", { className: N(\"flex overflow-hidden\", c && \"relative\"), style: K, children: [\n          c && B(!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\": `${a} code content`,\n                tabIndex: -1,\n                children: /* @__PURE__ */ i(\"code\", { children: L })\n              }\n            ) })\n          ] }) })\n        ] })\n      ]\n    }\n  );\n  return /* @__PURE__ */ k(Q, { children: [\n    !p && R,\n    p && ae(\n      /* @__PURE__ */ k(Q, { 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 zr({\n  children: o,\n  label: a,\n  isOpen: t,\n  onToggle: r,\n  id: e,\n  ref: n,\n  disabled: s = !1,\n  className: l,\n  buttonClassName: c\n}) {\n  const f = F(), u = e ?? f, [d, h] = z(!1), m = t !== void 0 ? t : d, b = () => {\n    s || (t === void 0 && h((v) => !v), r == null || r(!m));\n  };\n  return I(() => {\n    h(t ?? !1);\n  }, [t]), /* @__PURE__ */ k(\"div\", { ref: n, id: u, \"data-open\": m, className: N(\"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: N(\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: (v) => {\n          (v.key === \"Enter\" || v.key === \" \") && (v.preventDefault(), b());\n        },\n        \"data-open\": m,\n        \"data-label\": typeof a == \"string\" ? a : 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: a }),\n          m ? /* @__PURE__ */ i(Fe, { className: \"size-5\", \"aria-hidden\": \"true\" }) : /* @__PURE__ */ i(He, { 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: o })\n  ] });\n}\nfunction St(o) {\n  const [a, t] = z(!1), [r, e] = z(!1);\n  return I(() => {\n    if (o) {\n      e(!0);\n      const n = setTimeout(() => t(!0), 10);\n      return () => clearTimeout(n);\n    } else {\n      t(!1);\n      const n = setTimeout(() => e(!1), 300);\n      return () => clearTimeout(n);\n    }\n  }, [o]), { show: a, shouldRender: r };\n}\nfunction At({\n  isOpen: o,\n  onClose: a,\n  enabled: t = !0\n}) {\n  const [r, e] = z(!1), [n, s] = z(0), [l, c] = z(0), f = A((x) => {\n    !t || !o || (e(!0), c(x), document.body.style.userSelect = \"none\");\n  }, [t, o]), u = A((x) => {\n    if (!r || !t) return;\n    const E = x - l, C = Math.max(0, E);\n    s(C);\n  }, [r, t, l]), d = A(() => {\n    if (!r || !t) return;\n    e(!1), document.body.style.userSelect = \"\", n > 100 && a(), s(0);\n  }, [r, t, n, a]), h = A((x) => {\n    x.preventDefault(), f(x.clientY);\n  }, [f]), m = A((x) => {\n    u(x.clientY);\n  }, [u]), b = A(() => {\n    d();\n  }, [d]), v = A((x) => {\n    x.preventDefault(), f(x.touches[0].clientY);\n  }, [f]), p = A((x) => {\n    x.preventDefault(), u(x.touches[0].clientY);\n  }, [u]), y = A(() => {\n    d();\n  }, [d]);\n  I(() => {\n    if (r)\n      return document.addEventListener(\"mousemove\", m), document.addEventListener(\"mouseup\", b), document.addEventListener(\"touchmove\", p, { passive: !1 }), document.addEventListener(\"touchend\", y), () => {\n        document.removeEventListener(\"mousemove\", m), document.removeEventListener(\"mouseup\", b), document.removeEventListener(\"touchmove\", p), document.removeEventListener(\"touchend\", y);\n      };\n  }, [r, m, b, p, y]);\n  const g = A((x) => {\n    t && (x.key === \"ArrowDown\" || x.key === \"Escape\") && (x.preventDefault(), a());\n  }, [t, a]);\n  return {\n    dragHandlers: t ? {\n      onMouseDown: h,\n      onTouchStart: v,\n      onKeyDown: g\n    } : {},\n    translateY: n,\n    isDragging: r\n  };\n}\nfunction It(o, a) {\n  const t = j(null);\n  I(() => {\n    if (!a) return;\n    t.current = document.activeElement;\n    const r = document.getElementById(o);\n    r && r.focus();\n    const e = (n) => {\n      if (n.key !== \"Tab\") return;\n      const s = document.getElementById(o);\n      if (!s) return;\n      const l = s.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n      ), c = l[0], f = l[l.length - 1];\n      n.shiftKey && document.activeElement === c ? (n.preventDefault(), f == null || f.focus()) : !n.shiftKey && document.activeElement === f && (n.preventDefault(), c == null || c.focus());\n    };\n    return document.addEventListener(\"keydown\", e), () => {\n      document.removeEventListener(\"keydown\", e), t.current && typeof t.current.focus == \"function\" && t.current.focus();\n    };\n  }, [o, a]);\n}\nfunction Dt(o, a) {\n  I(() => {\n    if (!o) return;\n    const t = window.getComputedStyle(document.body).overflow;\n    document.body.style.overflow = \"hidden\";\n    const r = (e) => {\n      e.key === \"Escape\" && a();\n    };\n    return document.addEventListener(\"keydown\", r), () => {\n      document.body.style.overflow = t, document.removeEventListener(\"keydown\", r);\n    };\n  }, [o, a]);\n}\nfunction $r({\n  ref: o,\n  id: a,\n  isOpen: t,\n  onClose: r,\n  title: e,\n  children: n,\n  footer: s,\n  className: l,\n  overlayClassName: c,\n  showCloseButton: f = !1,\n  disableCloseOnOverlayClick: u = !1,\n  enableDragGestures: d = !0,\n  ariaLabelledBy: h,\n  ariaDescribedBy: m\n}) {\n  const b = F(), v = a || `drawer-${b}`, p = `${b}-title`, { show: y, shouldRender: g } = St(t), { dragHandlers: w, translateY: x, isDragging: E } = At({\n    isOpen: t,\n    onClose: r,\n    enabled: d\n  });\n  if (It(v, g), Dt(g, r), !g) return null;\n  const C = () => e ? H.isValidElement(e) ? /* @__PURE__ */ i(\"div\", { children: e }) : /* @__PURE__ */ i(\"h2\", { className: \"text-2xl font-semibold\", id: p, children: e }) : null, S = () => {\n    if (!s) return null;\n    if (H.isValidElement(s)) {\n      const $ = s, B = $.props.className || \"\";\n      return H.cloneElement($, { className: N(\"px-6 py-4\", B) });\n    }\n    return /* @__PURE__ */ i(\"div\", { className: \"px-6 py-4\", children: s });\n  };\n  return /* @__PURE__ */ i(Q, { children: ae(\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-drawer-open\": t,\n        children: [\n          /* @__PURE__ */ i(\n            \"div\",\n            {\n              className: N(\n                \"fixed inset-0 bg-black/40 transition-opacity duration-300\",\n                y ? \"opacity-100\" : \"opacity-0\",\n                c\n              ),\n              onClick: () => {\n                u || r();\n              }\n            }\n          ),\n          /* @__PURE__ */ i(\"div\", { className: \"fixed inset-x-0 bottom-0 flex max-h-full\", children: /* @__PURE__ */ i(\n            \"div\",\n            {\n              id: v,\n              ref: o,\n              tabIndex: -1,\n              className: N(\n                \"relative w-screen transform shadow-xl bg-popover text-popover-foreground transition-transform duration-300 ease-in-out border-t border-border rounded-t-lg\",\n                y ? \"translate-y-0\" : \"translate-y-full\",\n                l\n              ),\n              style: {\n                transform: d && x !== 0 ? `translateY(${x}px)` : void 0,\n                transition: x !== 0 ? \"none\" : void 0\n              },\n              children: /* @__PURE__ */ k(\"div\", { className: \"flex h-full flex-col\", children: [\n                d && /* @__PURE__ */ i(\n                  \"div\",\n                  {\n                    className: N(\n                      \"flex justify-center pt-3 pb-2 cursor-grab active:cursor-grabbing\",\n                      d && \"select-none\"\n                    ),\n                    ...w,\n                    role: d ? \"button\" : void 0,\n                    tabIndex: d ? 0 : void 0,\n                    \"aria-label\": d ? \"Drag to resize drawer\" : void 0,\n                    children: /* @__PURE__ */ i(\n                      \"div\",\n                      {\n                        className: N(\n                          \"w-12 h-1.5 bg-popover-foreground/25 rounded-full transition-colors\",\n                          d && \"hover:bg-popover-foreground/50\",\n                          E && \"bg-popover-foreground/50\"\n                        )\n                      }\n                    )\n                  }\n                ),\n                e && /* @__PURE__ */ i(\"div\", { className: \"px-6 pt-4\", children: C() }),\n                f && /* @__PURE__ */ i(\n                  \"button\",\n                  {\n                    type: \"button\",\n                    onClick: r,\n                    \"data-drawer-close-button\": \"true\",\n                    \"aria-label\": \"Close drawer\",\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(oe, { size: 18 })\n                  }\n                ),\n                /* @__PURE__ */ i(\"div\", { className: N(\"flex-1 overflow-y-auto px-6 pb-6\", e ? \"pt-6\" : \"pt-4\"), children: n }),\n                S()\n              ] })\n            }\n          ) })\n        ]\n      }\n    ),\n    document.body\n  ) });\n}\nfunction de({ elementId: o, type: a, message: t }) {\n  return I(() => {\n    const r = document.getElementById(o);\n    if (r) {\n      if (!t && a === \"error\") {\n        r.removeAttribute(\"data-error\");\n        return;\n      }\n      if (!t && a === \"success\") {\n        r.removeAttribute(\"data-success\");\n        return;\n      }\n      return r.setAttribute(\"aria-describedby\", `${o}-${a}-message`), r.setAttribute(\"aria-invalid\", a === \"error\" ? \"true\" : \"false\"), a === \"error\" && r.setAttribute(\"data-error\", \"true\"), a === \"success\" && r.setAttribute(\"data-success\", \"true\"), () => {\n        r.removeAttribute(\"aria-describedby\"), r.removeAttribute(\"aria-invalid\"), r.removeAttribute(\"data-error\"), r.removeAttribute(\"data-success\");\n      };\n    }\n  }, [o, a, t]), t ? /* @__PURE__ */ k(\n    \"small\",\n    {\n      className: N(\n        \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start\",\n        a === \"error\" && \"text-destructive\",\n        a === \"success\" && \"text-success\"\n      ),\n      role: \"status\",\n      children: [\n        a === \"error\" ? /* @__PURE__ */ i(De, {}) : /* @__PURE__ */ i(Se, {}),\n        /* @__PURE__ */ i(\"span\", { id: `${o}-${a}-message`, children: t })\n      ]\n    }\n  ) : null;\n}\nconst Tt = {\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}, Rt = {\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 Sr({\n  variant: o = ye.variant,\n  rounded: a,\n  displayOnlyMode: t = !1,\n  errorMessage: r,\n  successMessage: e,\n  type: n = \"text\",\n  className: s,\n  ...l\n}) {\n  const c = F(), [f, u] = z(!1);\n  let d = a;\n  o === \"outline\" && !a && (d = \"md\"), d = d || ye.rounded;\n  const b = N(\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    !t && Tt[o],\n    !t && Rt[d],\n    n === \"password\" && \"pr-10\",\n    !t && \"px-2 py-1\",\n    t && \"pointer-events-none\",\n    s\n  );\n  return /* @__PURE__ */ k(\"div\", { className: N(t && \"cursor-text\"), style: { height: l.height, width: l.width }, children: [\n    /* @__PURE__ */ k(\"div\", { className: N(n === \"password\" && \"relative\"), children: [\n      /* @__PURE__ */ i(\n        \"input\",\n        {\n          ...l,\n          id: c,\n          type: n === \"password\" && f ? \"text\" : n,\n          \"aria-disabled\": l.disabled,\n          readOnly: t,\n          \"aria-readonly\": t || l[\"aria-readonly\"],\n          \"data-error\": r ? !0 : void 0,\n          \"data-success\": e ? !0 : void 0,\n          className: b\n        }\n      ),\n      n === \"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    !t && /* @__PURE__ */ i(de, { elementId: c, type: \"error\", message: r }),\n    !t && /* @__PURE__ */ i(de, { elementId: c, type: \"success\", message: e })\n  ] });\n}\nfunction Ar({\n  display: o = \"inline\",\n  width: a = \"fit-content\",\n  className: t = \"\",\n  required: r,\n  helpMessage: e,\n  suffix: n,\n  htmlFor: s,\n  children: l,\n  description: c,\n  ...f\n}) {\n  var v, p;\n  const u = F(), d = (((v = e == null ? void 0 : e.trim()) == null ? void 0 : v.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: o === \"inline\" ? \"inline-block\" : \"block\", width: a },\n      className: N(\"mb-0.5\", t),\n      children: [\n        /* @__PURE__ */ k(\"div\", { className: \"relative flex\", children: [\n          /* @__PURE__ */ k(\"label\", { className: \"font-medium\", htmlFor: s, ...f, children: [\n            l,\n            r && /* @__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(_e, {})\n            }\n          ),\n          d && /* @__PURE__ */ i(\"div\", { id: m, className: \"sr-only\", children: e }),\n          n && /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: n })\n        ] }),\n        h && /* @__PURE__ */ i(\"small\", { id: b, className: \"block opacity-80 mt-0.5\", role: \"note\", children: c })\n      ]\n    }\n  );\n}\nfunction Lt(o) {\n  const [a, t] = z(!1), [r, e] = z(!1);\n  return I(() => {\n    o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));\n  }, [o]), { show: a, shouldRender: r };\n}\nfunction jt(o, a) {\n  I(() => {\n    const t = (r) => {\n      r.key === \"Escape\" && o && a();\n    };\n    return document.addEventListener(\"keydown\", t), o && (document.body.style.overflow = \"hidden\"), () => {\n      document.removeEventListener(\"keydown\", t), document.body.style.overflow = \"auto\";\n    };\n  }, [o, a]);\n}\nfunction Vt(o, a) {\n  const t = j(null), r = A(() => {\n    const e = document.getElementById(o);\n    if (!e) return;\n    const n = e.querySelectorAll('[data-modal-action=\"true\"]');\n    if (n.length > 0) {\n      n[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  }, [o]);\n  I(() => (a && (t.current = document.activeElement, r()), () => {\n    document.body.style.overflow = \"auto\", t.current instanceof HTMLElement && t.current.focus();\n  }), [a, r]);\n}\nfunction Ir({\n  id: o,\n  isOpen: a,\n  onClose: t,\n  title: r,\n  children: e,\n  contentOnly: n = !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 = F(), b = o || `modal-${m}`, v = o ? `${o}-title` : `modal-title-${m}`, { show: p, shouldRender: y } = Lt(a);\n  if (Vt(b, y), jt(y, t), !y) return null;\n  const g = () => r ? H.isValidElement(r) ? /* @__PURE__ */ i(\"div\", { className: \"mb-4\", children: r }) : /* @__PURE__ */ i(\"h2\", { className: \"mb-4 text-xl font-semibold\", id: v, children: r }) : null, w = () => 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((x, E) => {\n    const { label: C, className: S, ...$ } = x;\n    return /* @__PURE__ */ i(nt, { className: S, type: \"button\", ...$, \"data-modal-action\": \"true\", children: C }, E);\n  }) });\n  return /* @__PURE__ */ i(Q, { children: ae(\n    /* @__PURE__ */ i(\n      \"div\",\n      {\n        \"aria-labelledby\": d ?? r ? v : 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: V(\"fixed inset-0 bg-black/20 transition-all\", l),\n              onClick: () => {\n                u || t();\n              }\n            }\n          ),\n          n && /* @__PURE__ */ i(\"div\", { className: V(\"relative w-fit\", s), children: e }),\n          !n && /* @__PURE__ */ k(\n            \"div\",\n            {\n              id: b,\n              tabIndex: -1,\n              className: V(\n                \"relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground 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: t,\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(oe, { size: 18 })\n                  }\n                ),\n                g(),\n                e,\n                w()\n              ]\n            }\n          )\n        ] })\n      }\n    ),\n    document.body\n  ) });\n}\nconst Bt = {\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}, Mt = {\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 Dr({\n  page: o,\n  pageCount: a = 5,\n  maxVisiblePages: t = 5,\n  showFirstLast: r = !0,\n  onPageChange: e,\n  size: n = \"md\",\n  variant: s = \"link\",\n  className: l,\n  ref: c,\n  buttonsClassName: f,\n  ...u\n}) {\n  const d = a === 1 / 0, m = A(() => {\n    if (d) return [];\n    const x = a, E = Math.min(t, x);\n    if (x <= E)\n      return Array.from({ length: x }, (B, L) => L + 1);\n    const C = Math.floor(E / 2);\n    let S = Math.max(1, o - C), $ = Math.min(x, S + E - 1);\n    return $ - S + 1 < E && (S = Math.max(1, $ - E + 1), $ = Math.min(x, S + E - 1)), Array.from({ length: $ - S + 1 }, (B, L) => S + L);\n  }, [d, t, o, a])(), b = o > 1, v = d || o < a, p = r && !d, y = r && !d, g = (x) => {\n    x >= 1 && (d || x <= a) && e(x);\n  }, w = A(() => {\n    const x = V(\n      \"flex items-center justify-center min-w-fit\",\n      \"disabled:opacity-50 disabled:cursor-not-allowed\",\n      Mt[n],\n      \"rounded-md\"\n    );\n    return V(x, Bt[s], f);\n  }, [s, n, f]);\n  return /* @__PURE__ */ k(\n    \"nav\",\n    {\n      ref: c,\n      className: V(\"flex items-center justify-center gap-1\", l),\n      role: \"navigation\",\n      \"aria-label\": \"Pagination\",\n      \"data-page\": o,\n      \"data-page-count\": d ? \"infinite\" : a,\n      ...u,\n      children: [\n        p && /* @__PURE__ */ k(\n          \"button\",\n          {\n            onClick: () => g(1),\n            className: w(),\n            disabled: o === 1,\n            \"aria-label\": \"Go to first page\",\n            children: [\n              /* @__PURE__ */ i(qe, { size: n === \"sm\" ? 12 : 15 }),\n              /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: \"First\" })\n            ]\n          }\n        ),\n        /* @__PURE__ */ k(\n          \"button\",\n          {\n            onClick: () => g(o - 1),\n            className: w(),\n            disabled: !b,\n            \"aria-label\": \"Go to previous page\",\n            children: [\n              /* @__PURE__ */ i(Ae, { size: n === \"sm\" ? 12 : 15 }),\n              /* @__PURE__ */ i(\"span\", { className: \"ml-1\", children: \"Previous\" })\n            ]\n          }\n        ),\n        !d && m.map((x) => /* @__PURE__ */ i(\n          \"button\",\n          {\n            onClick: () => g(x),\n            className: V(w(), \"aspect-square\"),\n            \"aria-label\": `Go to page ${x}`,\n            \"aria-current\": x === o ? !0 : void 0,\n            children: x\n          },\n          x\n        )),\n        /* @__PURE__ */ k(\n          \"button\",\n          {\n            onClick: () => g(o + 1),\n            className: w(),\n            disabled: !v,\n            \"aria-label\": \"Go to next page\",\n            children: [\n              /* @__PURE__ */ i(\"span\", { className: \"mr-1\", children: \"Next\" }),\n              /* @__PURE__ */ i(Ie, { size: n === \"sm\" ? 12 : 15 })\n            ]\n          }\n        ),\n        y && /* @__PURE__ */ k(\n          \"button\",\n          {\n            onClick: () => g(a),\n            className: w(),\n            disabled: o === a,\n            \"aria-label\": \"Go to last page\",\n            children: [\n              /* @__PURE__ */ i(\"span\", { className: \"mr-1\", children: \"Last\" }),\n              /* @__PURE__ */ i(Ge, { size: n === \"sm\" ? 12 : 15 })\n            ]\n          }\n        )\n      ]\n    }\n  );\n}\nfunction Wt(o) {\n  const [a, t] = z(!1), [r, e] = z(!1);\n  return I(() => {\n    o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 300));\n  }, [o]), { show: a, shouldRender: r };\n}\nfunction Kt(o, a) {\n  I(() => {\n    const t = (r) => {\n      r.key === \"Escape\" && o && a();\n    };\n    return document.addEventListener(\"keydown\", t), o && (document.body.style.overflow = \"hidden\"), () => {\n      document.removeEventListener(\"keydown\", t), document.body.style.overflow = \"auto\";\n    };\n  }, [o, a]);\n}\nfunction Ft(o, a) {\n  const t = j(null), r = A(() => {\n    const e = document.getElementById(o);\n    if (!e) return;\n    const n = e.querySelectorAll('[data-panel-action=\"true\"]');\n    if (n.length > 0) {\n      n[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  }, [o]);\n  I(() => (a && (t.current = document.activeElement, r()), () => {\n    document.body.style.overflow = \"auto\", t.current instanceof HTMLElement && t.current.focus();\n  }), [a, r]);\n}\nconst Ht = {\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 Tr({\n  ref: o,\n  id: a,\n  isOpen: t,\n  onClose: r,\n  title: e,\n  children: n,\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 = F(), v = a || `panel-${b}`, p = a ? `${a}-title` : `panel-title-${b}`, { show: y, shouldRender: g } = Wt(t);\n  if (Ft(v, g), Kt(g, r), !g) return null;\n  const w = () => e ? H.isValidElement(e) ? /* @__PURE__ */ i(\"div\", { children: e }) : /* @__PURE__ */ i(\"h2\", { className: \"text-2xl font-semibold\", id: p, children: e }) : null, x = () => {\n    if (!s) return null;\n    if (H.isValidElement(s)) {\n      const E = s, C = E.props.className || \"\";\n      return H.cloneElement(E, { className: V(\"px-6 py-4\", C) });\n    }\n    return /* @__PURE__ */ i(\"div\", { className: \"px-6 py-4\", children: s });\n  };\n  return /* @__PURE__ */ i(Q, { children: ae(\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\": t,\n        children: [\n          /* @__PURE__ */ i(\n            \"div\",\n            {\n              className: V(\n                \"fixed inset-0 bg-black/40 transition-opacity duration-300\",\n                y ? \"opacity-100\" : \"opacity-0\",\n                f\n              ),\n              onClick: () => {\n                d || r();\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: v,\n              ref: o,\n              tabIndex: -1,\n              className: V(\n                \"relative h-full transform shadow-xl bg-popover text-popover-foreground transition-transform duration-300 ease-in-out\",\n                l !== \"screen\" && \"border-l border-border\",\n                Ht.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: w() }),\n                !u && /* @__PURE__ */ i(\n                  \"button\",\n                  {\n                    type: \"button\",\n                    onClick: r,\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(oe, { size: 18 })\n                  }\n                ),\n                /* @__PURE__ */ i(\"div\", { className: V(\"flex-1 overflow-y-auto px-6 pb-6\", e ? \"pt-6\" : \"pt-10\"), children: n }),\n                x()\n              ] })\n            }\n          ) })\n        ]\n      }\n    ),\n    document.body\n  ) });\n}\nfunction Pt(o) {\n  switch (o) {\n    case \"top\":\n      return \"bottom\";\n    case \"bottom\":\n      return \"top\";\n    case \"left\":\n      return \"right\";\n    case \"right\":\n      return \"left\";\n  }\n}\nfunction Zt({\n  internalIsOpen: o,\n  autoSwitchPlacement: a,\n  placement: t,\n  offset: r,\n  triggerRef: e,\n  popoverRef: n\n}) {\n  const [s, l] = z(t);\n  return I(() => {\n    if (!o || !a) return;\n    const c = () => {\n      if (!e.current || !n.current) return;\n      const d = e.current.getBoundingClientRect(), h = n.current.getBoundingClientRect(), m = window.innerWidth, b = window.innerHeight;\n      let v = t;\n      const p = Pt(t);\n      if (t === \"top\" || t === \"bottom\") {\n        const y = t === \"top\" ? d.top >= h.height + r : b - d.bottom >= h.height + r, g = p === \"top\" ? d.top >= h.height + r : b - d.bottom >= h.height + r;\n        !y && g && (v = p);\n      } else {\n        const y = t === \"left\" ? d.left >= h.width + r : m - d.right >= h.width + r, g = p === \"left\" ? d.left >= h.width + r : m - d.right >= h.width + r;\n        !y && g && (v = p);\n      }\n      l(v);\n    };\n    c();\n    const f = () => c();\n    window.addEventListener(\"scroll\", f, !0), window.addEventListener(\"resize\", f);\n    const u = new ResizeObserver(c);\n    return e.current && u.observe(e.current), n.current && u.observe(n.current), () => {\n      window.removeEventListener(\"scroll\", f, !0), window.removeEventListener(\"resize\", f), u.disconnect();\n    };\n  }, [o, t, r, a, e, n]), s;\n}\nconst _t = {\n  bottom: {\n    start: \"top-full left-0 origin-top-left\",\n    center: \"top-full left-1/2 -translate-x-1/2 origin-top\",\n    end: \"top-full right-0 origin-top-right\"\n  },\n  top: {\n    start: \"bottom-full left-0 origin-bottom-left\",\n    center: \"bottom-full left-1/2 -translate-x-1/2 origin-bottom\",\n    end: \"bottom-full right-0 origin-bottom-right\"\n  },\n  left: {\n    start: \"right-full top-0 origin-top-right\",\n    center: \"right-full top-1/2 -translate-y-1/2 origin-right\",\n    end: \"right-full bottom-0 origin-bottom-right\"\n  },\n  right: {\n    start: \"left-full top-0 origin-top-left\",\n    center: \"left-full top-1/2 -translate-y-1/2 origin-left\",\n    end: \"left-full bottom-0 origin-bottom-left\"\n  }\n};\nfunction Rr({\n  id: o,\n  ref: a,\n  isOpen: t,\n  children: r,\n  className: e,\n  closeOnOverlayClick: n = !0,\n  trigger: s,\n  placement: l = \"bottom\",\n  alignment: c = \"center\",\n  closeOnTriggerClick: f = !0,\n  offset: u = 8,\n  autoSwitchPlacement: d = !0\n}) {\n  const [h, m] = z(t ?? !1), b = j(null), v = j(null), p = j(null), y = F(), g = Zt({\n    internalIsOpen: h,\n    autoSwitchPlacement: d,\n    placement: l,\n    offset: u,\n    triggerRef: v,\n    popoverRef: b\n  });\n  I(() => {\n    t !== void 0 && m(t);\n  }, [t]), I(() => {\n    if (!h) return;\n    const C = (S) => {\n      S.key === \"Escape\" && m(!1);\n    };\n    return document.addEventListener(\"keydown\", C), () => document.removeEventListener(\"keydown\", C);\n  }, [h]), I(() => {\n    if (!h || !n) return;\n    const C = (S) => {\n      const $ = S.target;\n      b.current && !b.current.contains($) && v.current && !v.current.contains($) && m(!1);\n    };\n    return document.addEventListener(\"mousedown\", C), () => document.removeEventListener(\"mousedown\", C);\n  }, [h, n]), I(() => {\n    var C, S;\n    h ? (p.current = document.activeElement, (C = b.current) == null || C.focus()) : ((S = p.current) == null || S.focus(), p.current = null);\n  }, [h]);\n  const w = G(() => {\n    switch (g) {\n      case \"top\":\n        return { marginBottom: `${u}px` };\n      case \"bottom\":\n        return { marginTop: `${u}px` };\n      case \"left\":\n        return { marginRight: `${u}px` };\n      case \"right\":\n        return { marginLeft: `${u}px` };\n      default:\n        return {};\n    }\n  }, [g, u]), x = s.props, E = H.cloneElement(s, {\n    \"aria-expanded\": h,\n    \"aria-haspopup\": \"dialog\",\n    \"aria-controls\": y,\n    ref: Qe(v, x.ref),\n    onClick: (C) => {\n      var S, $;\n      if ((S = x.onClick) == null || S.call(x, C), !(!f && h) && t === void 0) {\n        if (C.defaultPrevented || ($ = b.current) != null && $.contains(C.target)) return;\n        m((B) => !B);\n      }\n    }\n  });\n  return /* @__PURE__ */ k(\"div\", { id: o, ref: a, className: \"relative inline-block\", children: [\n    E,\n    /* @__PURE__ */ i(\n      \"div\",\n      {\n        id: y,\n        ref: b,\n        className: N(\n          \"absolute z-[90] transform rounded-md shadow-lg bg-popover text-popover-foreground transition-all ease-out\",\n          h ? \"opacity-100 scale-100\" : \"opacity-0 scale-75 pointer-events-none\",\n          _t[g][c],\n          e\n        ),\n        style: w,\n        role: \"dialog\",\n        \"aria-modal\": \"true\",\n        tabIndex: -1,\n        children: r\n      }\n    )\n  ] });\n}\nfunction qt({ itemId: o, checked: a, onChange: t, name: r, disabled: e = !1, className: n = \"\" }) {\n  const s = \"relative inline-flex items-center justify-center rounded-full\", l = () => {\n    e || t();\n  }, c = N(\n    s,\n    !a && \"hover:border-current/60\",\n    !e && \"border-current cursor-pointer\",\n    e && \"border-muted/60 cursor-not-allowed\",\n    n\n  );\n  return /* @__PURE__ */ i(\n    \"div\",\n    {\n      id: o,\n      role: \"radio\",\n      tabIndex: -1,\n      \"aria-checked\": a,\n      \"aria-disabled\": e,\n      \"aria-description\": `Radio button for ${r}`,\n      \"aria-labelledby\": `${o}-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: a && /* @__PURE__ */ i(\n        \"div\",\n        {\n          className: N(\"size-full aspect-square rounded-full\", e && \"bg-muted/60\", !e && \"bg-current\")\n        }\n      )\n    }\n  );\n}\nfunction be({\n  value: o,\n  children: a,\n  className: t = \"\",\n  isSelected: r = !1,\n  onChange: e,\n  disabled: n = !1,\n  hideInput: s = !1,\n  description: l,\n  name: c\n}) {\n  const u = `radio-${F()}-${o}`, d = () => {\n    n || e == null || e(o);\n  };\n  return /* @__PURE__ */ k(\n    \"div\",\n    {\n      title: l,\n      className: N(\n        \"relative flex items-center\",\n        t,\n        // Uses text color for borders\n        s && `p-2 border-2 focus-within:border-dashed focus-within:${n ? \"border-current/50\" : \"border-current/80\"}`,\n        s && !r && `border-transparent ${n ? \"\" : \"not-focus-within:hover:border-border/60\"}`,\n        s && r && \"border-border\",\n        n && \"opacity-60 cursor-not-allowed\"\n      ),\n      style: {\n        gap: \"0.5em\"\n      },\n      children: [\n        !s && /* @__PURE__ */ i(\n          qt,\n          {\n            itemId: u,\n            name: c || \"\",\n            checked: r,\n            onChange: d,\n            disabled: n,\n            className: N(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 ? r ? \"true\" : \"false\" : void 0,\n            \"aria-disabled\": s ? n : void 0,\n            \"aria-description\": s ? l || `Radio button for ${c}` : void 0,\n            \"aria-labelledby\": s ? `${u}-label` : void 0,\n            className: N(s && \"size-full\", typeof a == \"object\" && \"grow focus:outline-none\"),\n            children: /* @__PURE__ */ i(\n              \"label\",\n              {\n                id: `${u}-label`,\n                onClick: s ? void 0 : d,\n                className: N(n && \"cursor-not-allowed\", !n && \"cursor-pointer\"),\n                children: a\n              }\n            )\n          }\n        )\n      ]\n    }\n  );\n}\nfunction Gt(o, a) {\n  const [t, r] = z(a), [e, n] = z(-1), [s, l] = z(!1), c = A((m, b) => {\n    var y;\n    const v = m[b];\n    v.hasAttribute(\"disabled\") || v.getAttribute(\"aria-disabled\") === \"true\" || ((y = m[b]) == null || y.click(), n(b));\n  }, []), f = A(\n    (m, b) => {\n      var p;\n      if (m.preventDefault(), s || !b.length) return;\n      const v = a !== -1 ? a : 0;\n      (p = b[v]) == null || p.focus(), r(v), a !== -1 && c(b, v);\n    },\n    [a, s, c]\n  ), u = A(\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((g) => !g.hasAttribute(\"disabled\") && g.tabIndex >= 0), v = b.findIndex((g) => g.id === o), p = v > 0 ? v - 1 : b.length - 1;\n      (y = b[p]) == null || y.focus();\n    },\n    [o]\n  ), d = A(\n    (m, b) => {\n      var w;\n      if (!b.length) return;\n      const v = m.target;\n      if (!b.some((x) => x.id === v.id)) return;\n      const y = t !== -1 ? t : 0;\n      let g = y;\n      switch (m.key) {\n        case \"ArrowUp\":\n        case \"ArrowLeft\":\n          m.preventDefault(), g = y > 0 ? y - 1 : b.length - 1;\n          break;\n        case \"ArrowDown\":\n        case \"ArrowRight\":\n          m.preventDefault(), g = (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      (w = b[g]) == null || w.focus(), r(g), e !== -1 && c(b, g);\n    },\n    [t, e, u, c]\n  ), h = A(() => {\n    const m = document.querySelector(`[id=\"${o}\"][role=\"radiogroup\"]`);\n    return m ? Array.from(m.querySelectorAll('[role=\"radio\"]')) : [];\n  }, [o]);\n  I(() => {\n    const m = document.querySelector(`[id=\"${o}\"][role=\"radiogroup\"]`);\n    if (!m) return;\n    const b = h(), v = (w) => f(w, b), p = (w) => d(w, b), y = () => l(!0), g = () => l(!1);\n    return document.addEventListener(\"keydown\", p), m.addEventListener(\"focus\", v), m.addEventListener(\"mousedown\", y), document.addEventListener(\"mouseup\", g), () => {\n      document.removeEventListener(\"keydown\", p), m.removeEventListener(\"focus\", v), m.removeEventListener(\"mousedown\", y), document.removeEventListener(\"mouseup\", g);\n    };\n  }, [o, h, f, d]);\n}\nfunction Lr({\n  options: o = [],\n  value: a,\n  onChange: t,\n  id: r,\n  children: e,\n  className: n = \"\",\n  childrenClassName: s = \"\",\n  hideInputs: l = !1\n}) {\n  const c = F(), f = r || `radio-group-${c}`;\n  Gt(\n    f,\n    o.findIndex((d) => d === a)\n  );\n  const u = G(() => o.reduce((d, h) => (typeof h == \"string\" ? d.some((m) => m.value === h) || d.push({ label: h, value: h }) : d.push(h), d), []), [o]);\n  return /* @__PURE__ */ k(\"div\", { id: f, role: \"radiogroup\", tabIndex: 0, className: N(n, \"focus:outline-none\"), children: [\n    u.length > 0 && u.map((d, h) => /* @__PURE__ */ i(\n      be,\n      {\n        value: d.value,\n        isSelected: a === d.value,\n        onChange: t,\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 && H.Children.map(e, (d) => H.isValidElement(d) && d.type === be ? /* @__PURE__ */ i(\n      be,\n      {\n        ...d.props,\n        className: N(s, d.props.className),\n        hideInput: d.props.hideInput || l,\n        isSelected: a === d.props.value,\n        onChange: t,\n        name: f,\n        children: d.props.children\n      }\n    ) : null)\n  ] });\n}\nfunction Yt(o) {\n  const a = j(null), t = j(null), r = j(null), [e, n] = z(!1), [s, l] = z(!1), [c, f] = z({\n    vertical: !1,\n    horizontal: !1\n  }), u = j(null), d = j(null), h = A(() => {\n    const v = a.current;\n    if (!v) return;\n    const p = v.scrollHeight > v.clientHeight, y = v.scrollWidth > v.clientWidth;\n    f({\n      vertical: p,\n      horizontal: y\n    });\n  }, []), m = A(() => {\n    const v = a.current, p = t.current, y = r.current;\n    if (v) {\n      if (p && c.vertical) {\n        const w = (c.horizontal ? v.clientHeight - o : v.clientHeight) / v.scrollHeight, x = Math.max(w * 100, 10), E = v.scrollHeight - v.clientHeight, C = E > 0 ? v.scrollTop / E : 0, S = 100 - x, $ = C * S;\n        p.style.height = `${x}%`, p.style.top = `${$}%`, p.style.transform = \"none\";\n      }\n      if (y && c.horizontal) {\n        const w = (c.vertical ? v.clientWidth - o : v.clientWidth) / v.scrollWidth, x = Math.max(w * 100, 10), E = v.scrollWidth - v.clientWidth, C = E > 0 ? v.scrollLeft / E : 0, S = 100 - x, $ = C * S;\n        y.style.width = `${x}%`, y.style.left = `${$}%`, y.style.transform = \"none\";\n      }\n    }\n  }, [c, o]), b = A(() => {\n    u.current && clearTimeout(u.current), d.current && clearTimeout(d.current), n(!0), l(!1), m(), u.current = setTimeout(() => {\n      l(!0), d.current = setTimeout(() => {\n        n(!1), l(!1);\n      }, 300);\n    }, 1e3);\n  }, [m]);\n  return I(() => {\n    const v = a.current;\n    if (!v) return;\n    h();\n    const p = new ResizeObserver(h);\n    p.observe(v);\n    const y = new MutationObserver(h);\n    return y.observe(v, {\n      childList: !0,\n      subtree: !0,\n      attributes: !0\n    }), () => {\n      p.disconnect(), y.disconnect();\n    };\n  }, [h]), I(() => {\n    m();\n  }, [c, m]), I(() => () => {\n    u.current && clearTimeout(u.current), d.current && clearTimeout(d.current);\n  }, []), {\n    viewportRef: a,\n    verticalThumbRef: t,\n    horizontalThumbRef: r,\n    isScrolling: e,\n    isFadingOut: s,\n    scrollbarVisible: c,\n    handleScroll: b\n  };\n}\nfunction jr({\n  className: o,\n  thumbClassName: a,\n  viewportClassName: t,\n  scrollbarClassName: r,\n  scrollbarThickness: e = 10,\n  children: n,\n  id: s,\n  ref: l,\n  ...c\n}) {\n  const { viewportRef: f, verticalThumbRef: u, horizontalThumbRef: d, isScrolling: h, isFadingOut: m, scrollbarVisible: b, handleScroll: v } = Yt(e), p = V(\n    \"relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400\",\n    a\n  );\n  return /* @__PURE__ */ k(\"div\", { ref: l, id: s, className: V(\"relative overflow-hidden\", o), \"data-scroll-area-root\": \"\", ...c, children: [\n    /* @__PURE__ */ i(\n      \"div\",\n      {\n        ref: f,\n        className: V(\n          \"h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden\",\n          t\n        ),\n        onScroll: v,\n        \"data-scroll-area-viewport\": \"\",\n        children: n\n      }\n    ),\n    b.vertical && (h || m) && /* @__PURE__ */ i(\n      \"div\",\n      {\n        className: V(\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          r\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: V(\"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: V(\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          r\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: V(\"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: V(\"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 Ut(o) {\n  const [a, t] = z(!1), [r, e] = z(!1);\n  return I(() => {\n    o ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));\n  }, [o]), { show: a, shouldRender: r };\n}\nfunction Xt({\n  isOpen: o,\n  setIsOpen: a,\n  filteredOptions: t,\n  highlightedIndex: r,\n  setHighlightedIndex: e,\n  onSelect: n,\n  triggerRef: s\n}) {\n  return { handleKeyDown: A(\n    (c) => {\n      var f;\n      switch (c.key) {\n        case \"ArrowDown\":\n          if (c.preventDefault(), !o)\n            a(!0);\n          else {\n            const u = r < t.length - 1 ? r + 1 : 0;\n            let d = u;\n            for (let h = 0; h < t.length; h++) {\n              const m = (u + h) % t.length;\n              if (!t[m].disabled) {\n                d = m;\n                break;\n              }\n            }\n            e(d);\n          }\n          break;\n        case \"ArrowUp\":\n          if (c.preventDefault(), !o)\n            a(!0);\n          else {\n            const u = r > 0 ? r - 1 : t.length - 1;\n            let d = u;\n            for (let h = 0; h < t.length; h++) {\n              const m = (u - h + t.length) % t.length;\n              if (!t[m].disabled) {\n                d = m;\n                break;\n              }\n            }\n            e(d);\n          }\n          break;\n        case \"Enter\":\n        case \" \":\n          if (c.preventDefault(), !o)\n            a(!0);\n          else if (r >= 0 && r < t.length) {\n            const u = t[r];\n            u.disabled || n(u);\n          }\n          break;\n        case \"Escape\":\n          c.preventDefault(), o && (a(!1), (f = s.current) == null || f.focus());\n          break;\n        case \"Tab\":\n          o && a(!1);\n          break;\n      }\n    },\n    [o, a, t, r, e, n, s]\n  ) };\n}\nfunction Jt({\n  isOpen: o,\n  filteredOptions: a,\n  selectedOption: t,\n  shouldRender: r,\n  optionsContainerRef: e\n}) {\n  const [n, s] = z(-1), l = G(() => t ? a.findIndex((c) => c.value === t.value) : -1, [a, t]);\n  return I(() => {\n    o && a.length > 0 ? s(t && l >= 0 ? l : 0) : s(-1);\n  }, [a, o, t, l]), I(() => {\n    if (n >= 0 && e.current && r) {\n      const c = () => {\n        const f = e.current, u = f == null ? void 0 : f.querySelector(`[data-option-index=\"${n}\"]`);\n        if (u) {\n          const d = o && t && n === l ? \"auto\" : \"smooth\";\n          u.scrollIntoView({\n            behavior: d,\n            block: \"nearest\"\n          });\n        }\n      };\n      o && r && t ? setTimeout(c, 10) : c();\n    }\n  }, [n, r, o, t, a, e, l]), { highlightedIndex: n, 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 Vr({\n  options: o,\n  value: a,\n  placeholder: t = \"Select an option...\",\n  searchable: r = !1,\n  disabled: e = !1,\n  clearable: n = !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 v = F(), y = `${u ?? v}-listbox`, g = (T) => `${y}-option-${T}`, [w, x] = z(!1), [E, C] = z(\"\"), S = j(null), $ = j(null), B = j(null), L = j(null), { show: Z, shouldRender: K } = Ut(w), R = G(() => !r || !E ? o : o.filter(\n    (T) => {\n      var W;\n      return T.text.toLowerCase().includes(E.toLowerCase()) || ((W = T.description) == null ? void 0 : W.toLowerCase().includes(E.toLowerCase()));\n    }\n  ), [o, r, E]), D = G(() => o.find((T) => T.value === a), [o, a]), { highlightedIndex: M, setHighlightedIndex: _ } = Jt({\n    isOpen: w,\n    filteredOptions: R,\n    selectedOption: D,\n    shouldRender: K,\n    optionsContainerRef: L\n  }), Y = M >= 0 ? g(M) : void 0;\n  I(() => {\n    w && K && r && $.current && $.current.focus();\n  }, [w, r, K]);\n  const X = A(\n    (T) => {\n      var W;\n      T.disabled || (h == null || h(T.value), x(!1), C(\"\"), (W = S.current) == null || W.focus());\n    },\n    [h]\n  ), { handleKeyDown: q } = Xt({\n    isOpen: w,\n    setIsOpen: x,\n    filteredOptions: R,\n    highlightedIndex: M,\n    setHighlightedIndex: _,\n    onSelect: X,\n    triggerRef: S\n  });\n  I(() => {\n    if (!w)\n      return;\n    const T = (W) => {\n      var re;\n      B.current && !B.current.contains(W.target) && !((re = S.current) != null && re.contains(W.target)) && (x(!1), C(\"\"));\n    };\n    return document.addEventListener(\"mousedown\", T), () => document.removeEventListener(\"mousedown\", T);\n  }, [w]);\n  const O = () => {\n    e || (x(!w), w || (C(\"\"), _(-1)));\n  }, ue = (T) => {\n    T.disabled || (h == null || h(T.value), x(!1), C(\"\"));\n  }, fe = (T) => {\n    const W = T.target.value;\n    C(W), m == null || m(W), _(-1);\n  }, me = (T) => {\n    T.preventDefault(), T.stopPropagation(), h == null || h(\"\");\n  };\n  return /* @__PURE__ */ k(\n    \"div\",\n    {\n      className: N(\"relative\", l),\n      id: u,\n      ref: d,\n      \"data-select\": \"true\",\n      \"data-value\": a,\n      \"data-searchable\": r,\n      \"data-disabled\": e,\n      \"data-clearable\": n,\n      children: [\n        /* @__PURE__ */ k(\"div\", { className: \"relative\", children: [\n          /* @__PURE__ */ k(\n            \"button\",\n            {\n              ref: S,\n              type: \"button\",\n              className: N(\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                w && \"border-primary ring-1 ring-primary\",\n                we[s].trigger,\n                c\n              ),\n              onClick: O,\n              onKeyDown: q,\n              disabled: e,\n              \"aria-disabled\": e,\n              \"aria-haspopup\": \"listbox\",\n              \"aria-expanded\": w,\n              \"aria-controls\": w ? y : void 0,\n              \"aria-activedescendant\": w && !r ? Y : void 0,\n              \"aria-label\": D ? D.text : t,\n              \"data-select-trigger\": \"true\",\n              children: [\n                /* @__PURE__ */ i(\"span\", { className: N(\"block truncate\", !D && \"opacity-70\"), children: D ? D.text : t }),\n                /* @__PURE__ */ i(\"div\", { className: \"flex items-center ml-2\", children: /* @__PURE__ */ i($e, { size: 16, className: N(\"transition-transform duration-200\", w && \"rotate-180\") }) })\n              ]\n            }\n          ),\n          n && D && /* @__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(oe, { size: 14, className: \"opacity-70 group-hover:opacity-100 transition-opacity\" })\n            }\n          )\n        ] }),\n        K && /* @__PURE__ */ k(\n          \"div\",\n          {\n            ref: B,\n            className: N(\n              \"absolute z-50 w-full mt-1 bg-popover text-popover-foreground 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              r && /* @__PURE__ */ i(\"div\", { className: \"border-b border-border\", children: /* @__PURE__ */ i(\n                \"input\",\n                {\n                  ref: $,\n                  type: \"text\",\n                  value: E,\n                  onChange: fe,\n                  onKeyDown: q,\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\": Y,\n                  \"data-select-search\": \"true\"\n                }\n              ) }),\n              /* @__PURE__ */ i(\"div\", { ref: L, className: \"max-h-60 overflow-auto\", children: R.length > 0 ? R.map((T, W) => /* @__PURE__ */ k(\n                \"div\",\n                {\n                  id: g(W),\n                  className: N(\n                    \"flex items-center cursor-pointer transition-colors\",\n                    \"hover:bg-accent/10 focus:bg-accent/10\",\n                    we[s].options,\n                    T.disabled && \"opacity-50 cursor-not-allowed\",\n                    W === M && \"bg-accent/20\",\n                    a === T.value && \"bg-accent/30\"\n                  ),\n                  onClick: () => ue(T),\n                  role: \"option\",\n                  \"aria-selected\": a === T.value,\n                  \"aria-disabled\": T.disabled,\n                  \"data-select-option\": \"true\",\n                  \"data-value\": T.value,\n                  \"data-highlighted\": W === M,\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: T.text }),\n                      T.description && /* @__PURE__ */ i(\"div\", { className: \"text-xs opacity-70 mt-0.5\", children: T.description })\n                    ] }),\n                    a === T.value && /* @__PURE__ */ i(ve, { size: 16, className: \"ml-2 text-primary flex-shrink-0\" })\n                  ]\n                },\n                T.value\n              )) : /* @__PURE__ */ i(\"div\", { className: \"px-3 py-2 text-sm opacity-70 text-center\", children: r && E ? \"No results found\" : \"No options available\" }) })\n            ]\n          }\n        )\n      ]\n    }\n  );\n}\nconst Qt = {\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}, Ot = {\n  horizontal: \"w-full\",\n  vertical: \"min-h-4 h-full\"\n};\nfunction Br({\n  orientation: o = \"horizontal\",\n  decorative: a = !1,\n  thickness: t = \"thin\",\n  className: r,\n  ...e\n}) {\n  const n = N(\n    \"shrink-0 bg-border\",\n    Ot[o],\n    Qt[t][o],\n    r\n  );\n  return /* @__PURE__ */ i(\n    \"div\",\n    {\n      ...e,\n      className: n,\n      role: a ? \"presentation\" : \"separator\",\n      \"aria-orientation\": a ? void 0 : o,\n      \"aria-hidden\": a,\n      \"data-orientation\": o,\n      \"data-thickness\": t\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 Mr({\n  shape: o = \"rectangle\",\n  lineSpacing: a = \"sm\",\n  className: t,\n  lines: r = 1,\n  animate: e = !0,\n  ref: n,\n  ...s\n}) {\n  const l = N(\"bg-muted/70\", e && \"animate-pulse\", Ne.shape[o], t);\n  return r > 1 ? /* @__PURE__ */ i(\n    \"div\",\n    {\n      ref: n,\n      className: Ne.lineSpacing[a],\n      role: \"presentation\",\n      \"aria-hidden\": \"true\",\n      \"data-testid\": \"skeleton-container\",\n      \"data-lines\": r,\n      \"data-shape\": o,\n      \"data-animate\": e,\n      ...s,\n      children: Array.from({ length: r }, (c, f) => /* @__PURE__ */ i(\n        \"div\",\n        {\n          className: N(\n            l,\n            // Make last line shorter for a more natural text appearance\n            f === r - 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: n,\n      className: l,\n      role: \"presentation\",\n      \"aria-hidden\": \"true\",\n      \"data-testid\": \"skeleton\",\n      \"data-shape\": o,\n      \"data-animate\": e,\n      ...s\n    }\n  );\n}\nfunction Wr({\n  id: o,\n  value: a,\n  defaultValue: t = 0,\n  onValueChange: r,\n  min: e = 0,\n  max: n = 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  ...v\n}) {\n  const [p, y] = z(t), g = a !== void 0, w = g ? a : p, x = j(null), E = j(!1), C = j(0), S = A(\n    (R) => {\n      const D = Math.max(e, Math.min(n, R)), M = Math.round(D / s) * s;\n      g || y(M), r == null || r(M);\n    },\n    [e, n, s, g, r]\n  ), $ = A(\n    (R, D = !1) => {\n      var X;\n      const M = (X = x.current) == null ? void 0 : X.getBoundingClientRect();\n      if (!M) return w;\n      let _ = R.clientX;\n      D && (_ = _ - C.current);\n      const Y = Math.max(0, Math.min(1, (_ - M.left) / M.width));\n      return e + (n - e) * Y;\n    },\n    [e, n, w]\n  ), B = A(\n    (R) => {\n      if (l || R.target !== R.currentTarget) return;\n      const D = $(R);\n      S(D);\n    },\n    [l, $, S]\n  ), L = A(\n    (R) => {\n      var X;\n      if (l) return;\n      R.stopPropagation(), E.current = !0;\n      const D = (X = x.current) == null ? void 0 : X.getBoundingClientRect(), M = R.currentTarget.getBoundingClientRect();\n      if (D && M) {\n        const q = M.left + M.width / 2;\n        C.current = R.clientX - q;\n      }\n      R.currentTarget.setPointerCapture(R.pointerId);\n      const _ = (q) => {\n        if (!E.current) return;\n        const O = $(q, !0);\n        S(O);\n      }, Y = (q) => {\n        if (q.pointerId === R.pointerId) {\n          E.current = !1, C.current = 0;\n          try {\n            R.currentTarget.releasePointerCapture(q.pointerId);\n          } catch {\n          }\n          document.removeEventListener(\"pointermove\", _), document.removeEventListener(\"pointerup\", Y);\n        }\n      };\n      document.addEventListener(\"pointermove\", _), document.addEventListener(\"pointerup\", Y);\n    },\n    [l, $, S]\n  ), Z = A(\n    (R) => {\n      if (l) return;\n      let D = w;\n      switch (R.key) {\n        case \"ArrowRight\":\n        case \"ArrowUp\":\n          D = w + s;\n          break;\n        case \"ArrowLeft\":\n        case \"ArrowDown\":\n          D = w - s;\n          break;\n        case \"Home\":\n          D = e;\n          break;\n        case \"End\":\n          D = n;\n          break;\n        case \"PageUp\":\n          D = w + s * 10;\n          break;\n        case \"PageDown\":\n          D = w - s * 10;\n          break;\n        default:\n          return;\n      }\n      R.preventDefault(), S(D);\n    },\n    [l, w, s, e, n, S]\n  ), K = n === e ? 0 : (w - e) / (n - e) * 100;\n  return /* @__PURE__ */ i(\n    \"div\",\n    {\n      id: o,\n      ref: h,\n      className: V(\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\": w,\n      \"data-min\": e,\n      \"data-max\": n,\n      \"data-step\": s,\n      ...v,\n      children: /* @__PURE__ */ k(\n        \"div\",\n        {\n          ref: x,\n          className: V(\n            \"relative h-1.5 w-full rounded-full bg-muted cursor-pointer\",\n            l && \"cursor-not-allowed\",\n            c\n          ),\n          onPointerDown: B,\n          children: [\n            /* @__PURE__ */ i(\n              \"div\",\n              {\n                className: V(\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                  !E.current && \"transition-all\",\n                  f\n                ),\n                style: { width: `${K}%` }\n              }\n            ),\n            /* @__PURE__ */ i(\n              \"div\",\n              {\n                className: V(\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                  E.current ? \"cursor-grabbing scale-110\" : \"transition-all\",\n                  u\n                ),\n                style: { left: `calc(${K}% - 10px)` },\n                tabIndex: l ? -1 : 0,\n                role: \"slider\",\n                \"aria-valuemin\": e,\n                \"aria-valuemax\": n,\n                \"aria-valuenow\": w,\n                \"aria-label\": m,\n                \"aria-labelledby\": b,\n                \"aria-disabled\": l,\n                onKeyDown: Z,\n                onPointerDown: L\n              }\n            )\n          ]\n        }\n      )\n    }\n  );\n}\nfunction Kr({ children: o, ref: a, ...t }) {\n  if (Le(o)) {\n    let r = { ...t };\n    return o.props && (r = { ...r, ...o.props }), je(o, {\n      ...r,\n      ref: (e) => {\n        typeof a == \"function\" ? a(e) : a && (a.current = e);\n      }\n    });\n  }\n  return ze(\"div\", { ...t, ref: a }, o);\n}\nconst er = ({ defaultValue: o, value: a, onValueChange: t } = {}) => {\n  const [r, e] = z(o || \"\"), n = a !== void 0, s = n ? a : r, l = A((c) => {\n    n || e(c), t == null || t(c);\n  }, [n, t]);\n  return {\n    value: s,\n    onValueChange: l\n  };\n};\nfunction Fr({\n  defaultValue: o,\n  value: a,\n  onValueChange: t,\n  tabsWidth: r = \"fit\",\n  variant: e = \"underline\",\n  className: n,\n  children: s,\n  ref: l,\n  id: c,\n  triggersClassName: f,\n  contentClassName: u\n}) {\n  const { value: d, onValueChange: h } = er({\n    defaultValue: o,\n    value: a,\n    onValueChange: t\n  }), m = {\n    selectedValue: d,\n    onValueChange: h,\n    tabsWidth: r,\n    variant: e,\n    triggersClassName: f,\n    contentClassName: u\n  };\n  return /* @__PURE__ */ i(Ye.Provider, { value: m, children: /* @__PURE__ */ i(\"div\", { id: c, ref: l, className: n, \"data-tabs-width\": r, \"data-variant\": e, children: s }) });\n}\nfunction Hr({ value: o, className: a, children: t, ref: r }) {\n  const { selectedValue: e, contentClassName: n } = ge(), s = e === o;\n  return s ? /* @__PURE__ */ i(\n    \"div\",\n    {\n      ref: r,\n      role: \"tabpanel\",\n      id: `tabs-content-${o}`,\n      \"aria-labelledby\": `tabs-trigger-${o}`,\n      \"data-state\": s ? \"active\" : \"inactive\",\n      \"data-value\": o,\n      className: N(\"mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2\", n, a),\n      tabIndex: 0,\n      children: t\n    }\n  ) : null;\n}\nconst Ee = {\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}, tr = {\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 Pr({ children: o, className: a, id: t, ref: r }) {\n  const { tabsWidth: e, variant: n } = ge();\n  return /* @__PURE__ */ i(\n    \"div\",\n    {\n      id: t,\n      ref: r,\n      role: \"tablist\",\n      className: N(\"flex\", Ee.width[e], Ee.variant[n], a),\n      \"data-tabs-width\": e,\n      \"data-variant\": n,\n      children: o\n    }\n  );\n}\nfunction Zr({ value: o, disabled: a = !1, className: t, children: r, onClick: e, id: n, ref: s }) {\n  const { selectedValue: l, onValueChange: c, variant: f, triggersClassName: u } = ge(), d = l === o, h = (b) => {\n    a || c(o), e == null || e(b);\n  };\n  return /* @__PURE__ */ i(\n    \"button\",\n    {\n      id: n,\n      ref: s,\n      role: \"tab\",\n      type: \"button\",\n      \"aria-selected\": d,\n      \"aria-controls\": `tabs-content-${o}`,\n      \"data-state\": d ? \"active\" : \"inactive\",\n      \"data-value\": o,\n      disabled: a,\n      className: N(\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        tr[f],\n        u,\n        t\n      ),\n      onClick: h,\n      children: r\n    }\n  );\n}\nfunction rr({ elementId: o, maxLength: a }) {\n  const [t, r] = z(0);\n  return I(() => {\n    const e = document.getElementById(o);\n    if (!e)\n      return;\n    const n = () => {\n      const s = e.value.length;\n      r(s);\n      const l = s >= a;\n      e.setAttribute(\"aria-describedby\", `${o}-character-count`), e.setAttribute(\"aria-invalid\", l ? \"true\" : \"false\"), l ? e.setAttribute(\"data-error\", \"true\") : e.removeAttribute(\"data-error\");\n    };\n    return n(), e.addEventListener(\"input\", n), e.setAttribute(\"maxlength\", String(a)), () => {\n      e.removeEventListener(\"input\", n), e.removeAttribute(\"maxlength\"), e.removeAttribute(\"aria-describedby\"), e.removeAttribute(\"aria-invalid\"), e.removeAttribute(\"data-error\");\n    };\n  }, [o, a]), /* @__PURE__ */ i(\n    \"small\",\n    {\n      className: N(\n        \"mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end\",\n        t >= a && \"text-destructive\",\n        t < a && \"text-current\"\n      ),\n      role: \"status\",\n      children: /* @__PURE__ */ k(\"span\", { id: `${o}-character-count`, children: [\n        t,\n        \" / \",\n        a,\n        \" characters\"\n      ] })\n    }\n  );\n}\nfunction nr(o, a) {\n  I(() => {\n    const t = document.getElementById(o);\n    if (!t)\n      return;\n    if (!a) {\n      t.style.height = \"auto\";\n      return;\n    }\n    const r = () => {\n      t.style.height = \"auto\", t.style.height = `${t.scrollHeight}px`;\n    };\n    return r(), t.addEventListener(\"input\", r), t.addEventListener(\"resize\", r), window.addEventListener(\"resize\", r), () => {\n      t.removeEventListener(\"input\", r), t.removeEventListener(\"resize\", r), window.removeEventListener(\"resize\", r);\n    };\n  }, [o, a]);\n}\nconst or = {\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}, ar = {\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 _r({\n  variant: o = ke.variant,\n  rounded: a,\n  displayOnlyMode: t = !1,\n  errorMessage: r,\n  successMessage: e,\n  hideResizeHandle: n = !1,\n  autoExpand: s = !1,\n  characterLimit: l = 0,\n  className: c,\n  ...f\n}) {\n  const u = F();\n  nr(u, s || t);\n  let d = a;\n  o === \"outline\" && !a && (d = \"md\"), d = d || ke.rounded;\n  let h = n;\n  (t || o === \"left-line\" && !n) && (h = !0);\n  const b = N(\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    !t && or[o],\n    !t && ar[d],\n    !t && \"px-2 py-1\",\n    t && \"pointer-events-none\",\n    h && \"no-resize-handle\",\n    c\n  );\n  return /* @__PURE__ */ k(\"div\", { className: N(\"-space-y-1.5\", t && \"cursor-text\"), children: [\n    /* @__PURE__ */ i(\n      \"textarea\",\n      {\n        ...f,\n        id: u,\n        \"aria-disabled\": f.disabled,\n        readOnly: t,\n        \"aria-readonly\": t || f[\"aria-readonly\"],\n        style: {\n          resize: s ? \"none\" : void 0\n        },\n        className: b\n      }\n    ),\n    l > 0 && /* @__PURE__ */ i(rr, { elementId: u, maxLength: l }),\n    !t && /* @__PURE__ */ i(de, { elementId: u, type: \"error\", message: r }),\n    !t && /* @__PURE__ */ i(de, { elementId: u, type: \"success\", message: e })\n  ] });\n}\nconst sr = {\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}, ir = {\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}, Ce = {\n  variant: \"default\",\n  size: \"md\"\n};\nfunction qr({\n  ref: o,\n  id: a,\n  size: t = Ce.size,\n  variant: r = Ce.variant,\n  checked: e,\n  onCheckedChange: n,\n  disabled: s = !1,\n  className: l,\n  thumbClassName: c,\n  backgroundClassNames: f,\n  ...u\n}) {\n  const d = F(), h = G(() => a || `toggle-${d}`, [a, d]), [m, b] = z(e);\n  I(() => {\n    b(e);\n  }, [e]);\n  const v = () => {\n    if (!s) {\n      const E = !m;\n      e === void 0 && b(E), n == null || n(E);\n    }\n  }, p = (E) => {\n    (E.key === \" \" || E.key === \"Enter\") && (E.preventDefault(), v());\n  }, y = sr[t], g = ir[r], w = N(\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) || g.checked : (f == null ? void 0 : f.unchecked) || g.unchecked,\n    // Disabled state\n    s && \"opacity-50 cursor-not-allowed\",\n    !s && \"cursor-pointer\",\n    l\n  ), x = N(\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: o,\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: v,\n      onKeyDown: p,\n      className: w,\n      ...u,\n      children: [\n        /* @__PURE__ */ i(\"span\", { className: x }),\n        /* @__PURE__ */ i(\"span\", { className: \"sr-only\", children: m ? \"Enabled\" : \"Disabled\" })\n      ]\n    }\n  );\n}\nconst le = 8, ce = 4, U = 6;\nfunction lr(o) {\n  return { calculatePosition: A(\n    (t, r) => {\n      const e = t.getBoundingClientRect(), n = r.getBoundingClientRect(), s = {\n        width: window.innerWidth,\n        height: window.innerHeight\n      }, l = (h, m, b, v) => h < 0 || m < 0 || h + b > s.width || m + v > s.height, c = {\n        top: {\n          x: e.left + e.width / 2 - n.width / 2,\n          y: e.top - n.height - ce,\n          arrow: {\n            x: n.width / 2 - U,\n            y: n.height\n          }\n        },\n        bottom: {\n          x: e.left + e.width / 2 - n.width / 2,\n          y: e.bottom + ce,\n          arrow: {\n            x: n.width / 2 - U,\n            y: -6\n          }\n        },\n        left: {\n          x: e.left - n.width - ce,\n          y: e.top + e.height / 2 - n.height / 2,\n          arrow: {\n            x: n.width,\n            y: n.height / 2 - U\n          }\n        },\n        right: {\n          x: e.right + ce,\n          y: e.top + e.height / 2 - n.height / 2,\n          arrow: {\n            x: -6,\n            y: n.height / 2 - U\n          }\n        }\n      };\n      let f = o, u = c[o];\n      if (l(u.x, u.y, n.width, n.height)) {\n        const h = {\n          top: \"bottom\",\n          bottom: \"top\",\n          left: \"right\",\n          right: \"left\"\n        }, m = c[h[o]];\n        if (!l(m.x, m.y, n.width, n.height))\n          f = h[o], u = m;\n        else {\n          const b = [\"top\", \"bottom\", \"left\", \"right\"].filter(\n            (v) => v !== o && v !== h[o]\n          );\n          for (const v of b) {\n            const p = c[v];\n            if (!l(p.x, p.y, n.width, n.height)) {\n              f = v, u = p;\n              break;\n            }\n          }\n        }\n      }\n      u.x = Math.max(\n        le,\n        Math.min(u.x, s.width - n.width - le)\n      ), u.y = Math.max(\n        le,\n        Math.min(u.y, s.height - n.height - le)\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        U,\n        Math.min(d.x - u.x - U, n.width - U * 2)\n      ) : u.arrow.y = Math.max(\n        U,\n        Math.min(d.y - u.y - U, n.height - U * 2)\n      ), {\n        ...u,\n        placement: f\n      };\n    },\n    [o]\n  ) };\n}\nfunction cr(o, a, t) {\n  const r = j(null), e = j(null), n = A(() => {\n    if (!r.current || !e.current) return;\n    const s = o(r.current, e.current);\n    t(s);\n  }, [o, t]);\n  return I(() => {\n    if (!a) return;\n    const s = () => n();\n    return window.addEventListener(\"resize\", s), () => {\n      window.removeEventListener(\"resize\", s);\n    };\n  }, [a, n]), {\n    triggerRef: r,\n    tooltipRef: e,\n    updatePosition: n\n  };\n}\nfunction dr(o, a, t, r, e, n, s, l, c) {\n  const f = j(null), u = A(() => {\n    o || (f.current && clearTimeout(f.current), f.current = window.setTimeout(() => {\n      t(!0), requestAnimationFrame(() => {\n        e(), r(!0);\n      });\n    }, a));\n  }, [o, a, t, e, r]), d = A(\n    (h = !1) => {\n      if (f.current && clearTimeout(f.current), h) {\n        r(!1), setTimeout(() => t(!1), 150);\n        return;\n      }\n      f.current = window.setTimeout(() => {\n        r(!1), setTimeout(() => t(!1), 150);\n      }, 100);\n    },\n    [r, t]\n  );\n  return I(() => {\n    !n && !s && !l && c && d();\n  }, [n, s, l, c, d]), I(() => () => {\n    f.current && clearTimeout(f.current);\n  }, []), {\n    showTooltip: u,\n    hideTooltip: d,\n    timeoutRef: f\n  };\n}\nfunction Gr({\n  id: o,\n  children: a,\n  message: t,\n  placement: r = \"top\",\n  disabled: e = !1,\n  delay: n = 200,\n  className: s\n}) {\n  const [l, c] = z(!1), [f, u] = z(!1), [d, h] = z(null), [m, b] = z(!1), [v, p] = z(!1), [y, g] = z(!1), { calculatePosition: w } = lr(r), { triggerRef: x, tooltipRef: E, updatePosition: C } = cr(w, f, h), { showTooltip: S, hideTooltip: $, timeoutRef: B } = dr(\n    e,\n    n,\n    u,\n    c,\n    C,\n    m,\n    v,\n    y,\n    l\n  ), L = F(), Z = o ?? L;\n  return /* @__PURE__ */ k(Q, { children: [\n    H.cloneElement(a, {\n      ref: (K) => {\n        x.current = K;\n      },\n      onMouseEnter: () => {\n        b(!0), S();\n      },\n      onMouseLeave: () => {\n        b(!1);\n      },\n      onFocus: () => {\n        g(!0), S();\n      },\n      onBlur: () => {\n        g(!1), $(!0);\n      },\n      onKeyDown: (K) => {\n        K.key === \"Escape\" && $(!0);\n      },\n      \"aria-describedby\": e ? void 0 : Z\n    }),\n    f && ae(\n      /* @__PURE__ */ i(\n        \"div\",\n        {\n          ref: E,\n          id: Z,\n          role: \"tooltip\",\n          className: N(\n            \"fixed z-50 px-2 py-1 text-sm rounded shadow-lg bg-popover text-popover-foreground 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), B.current && clearTimeout(B.current);\n          },\n          onMouseLeave: () => {\n            p(!1);\n          },\n          children: t\n        }\n      ),\n      document.body\n    )\n  ] });\n}\nexport {\n  xr as Accordion,\n  he as AccordionItem,\n  Xr as ActionModal,\n  nt as Button,\n  yr as Callout,\n  wr as Carousel,\n  Nr as Checkbox,\n  Er as Clickable,\n  kr as Code,\n  Cr as CodeBlock,\n  zr as Disclosure,\n  $r as Drawer,\n  Sr as Input,\n  Ar as Label,\n  Oe as LoadingDots,\n  Ir as Modal,\n  Dr as Pagination,\n  Tr as Panel,\n  Rr as Popover,\n  Lr as RadioGroup,\n  be as RadioGroupItem,\n  qt as RadioInput,\n  jr as ScrollArea,\n  Vr as Select,\n  Br as Separator,\n  Mr as Skeleton,\n  Wr as Slider,\n  Kr as Slot,\n  Fr as Tabs,\n  Hr as TabsContent,\n  Pr as TabsList,\n  Zr as TabsTrigger,\n  _r as Textarea,\n  Jr as Toast,\n  qr as Toggle,\n  Gr 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","Oe","o","a","z","I","r","et","tt","rt","pe","nt","c","f","d","k","Lt","jt","Vt","j","A","Ir","u","m","F","b","v","p","g","w","x","E","$","Q","ae","V","oe","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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"}

package/dist/Toast-DQQrY2fF.cjs

@@ -0,0 +1,2 @@
+"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);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 H={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"},D={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"},p={variant:"primary",size:"md",rounded:"md"};function V({variant:t=p.variant,size:r,rounded:a=p.rounded,loading:l,linkTo:o,linkProps:s,type:i="button",className:u,...c}){let d;t==="link"&&!r?d="fitted":d=r||p.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",H[t],D[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 X(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 F(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 K(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 Z({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(),y=t||`modal-${b}`,j=t?`${t}-title`:`modal-title-${b}`,{show:k,shouldRender:v}=X(r);if(K(y,v),F(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(V,{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:y,tabIndex:-1,className:h("relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground 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 G({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(Z,{...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),J=()=>{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 Q({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=G;exports.TabsContext=N;exports.Toast=Q;exports.n=g;exports.useTabsContext=J;
+//# sourceMappingURL=Toast-DQQrY2fF.cjs.map