@moondreamsdev/dreamer-ui 1.7.8 → 1.7.10-test.0

package/dist/components.esm.js

@@ -1,126 +1,128 @@
-import { jsxs as k, jsx as c, Fragment as ne } from "react/jsx-runtime";
-import G, { useId as P, useState as A, createElement as Te, useEffect as C, useRef as B, useCallback as z, useMemo as J, isValidElement as De, cloneElement as Re } from "react";
-import { join as w } from "./utils.esm.js";
-import { d as Ae, e as Ie, f as ze, C as Ce, a as Se, g as Le, E as Ve, Q as We, b as Be, c as He } from "./QuestionMarkCircled-CY81euqP.js";
-import { n as V, a as je, u as he } from "./Toast-B83cGTb3.js";
-import { A as nr, T as ar } from "./Toast-B83cGTb3.js";
-import { E as Fe, X as ve } from "./X-CIoyLewf.js";
-import { createPortal as pe } from "react-dom";
-function fe({
-  id: r,
-  title: o,
-  content: t,
-  children: n,
-  className: e = "",
-  disabled: a = !1,
+import { jsxs as E, jsx as i, Fragment as O } from "react/jsx-runtime";
+import Z, { useId as _, useState as A, createElement as ze, useEffect as S, useRef as K, useCallback as $, useMemo as U, isValidElement as Ie, cloneElement as Se } from "react";
+import { join as N } from "./utils.esm.js";
+import { d as Ae, e as Te, f as $e, C as pe, D as Re, W as Le, h as je, g as Ve, a as Be, i as We, E as Ke, Q as Me, b as Fe, c as He } from "./Window-CT479Oxr.js";
+import { n as V, a as Ge, u as ve } from "./Toast-wfHk-Wd8.js";
+import { A as pr, T as vr } from "./Toast-wfHk-Wd8.js";
+import { createPortal as fe } from "react-dom";
+import "./useToast-CEKvEJVB.js";
+import { u as Pe, a as qe } from "./useDownloadFile-fw_TsfK6.js";
+import { E as Ze, X as ge } from "./X-CIoyLewf.js";
+function me({
+  id: n,
+  title: a,
+  content: r,
+  children: o,
+  className: t = "",
+  disabled: e = !1,
   isOpen: s = !1,
-  onToggle: i,
+  onToggle: l,
   triggerClassName: d = "",
-  bodyClassName: f = ""
+  bodyClassName: m = ""
 }) {
-  const m = P(), l = r || `accordion-item-${m}`, b = `${l}-header`, u = `${l}-panel`, h = () => {
-    !a && i && i();
-  }, v = (p) => {
-    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), h());
+  const h = _(), c = n || `accordion-item-${h}`, b = `${c}-header`, u = `${c}-panel`, p = () => {
+    !e && l && l();
+  }, v = (f) => {
+    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), p());
   };
-  return /* @__PURE__ */ k("div", { className: w("border-b border-gray-200", a && "opacity-60 cursor-not-allowed", e), children: [
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ E("div", { className: N("border-b border-gray-200", e && "opacity-60 cursor-not-allowed", t), children: [
+    /* @__PURE__ */ E(
       "button",
       {
         id: b,
         type: "button",
-        className: w(
+        className: N(
           "w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary",
-          a ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
+          e ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
           d
         ),
         "aria-expanded": s,
         "aria-controls": u,
-        disabled: a,
-        onClick: h,
+        disabled: e,
+        onClick: p,
         onKeyDown: v,
         children: [
-          /* @__PURE__ */ c("span", { children: o }),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i("span", { children: a }),
+          /* @__PURE__ */ i(
             "span",
             {
-              className: w(
+              className: N(
                 "transform transition-transform duration-300 ease-linear",
                 s ? "rotate-180" : "rotate-0"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ c(Ae, { size: 18 })
+              children: /* @__PURE__ */ i(Ae, { size: 18 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ i(
       "div",
       {
         id: u,
         role: "region",
         "aria-labelledby": b,
-        className: w(
+        className: N(
           "transition-all duration-300 ease-linear px-4",
           s ? "max-h-96 opacity-100 overflow-auto py-3" : "max-h-0 opacity-0 overflow-hidden",
-          f
+          m
         ),
-        children: s && (n || t)
+        children: s && (o || r)
       }
     )
   ] });
 }
-function Rt({
-  id: r,
-  items: o = [],
-  children: t,
-  className: n = "",
-  itemClassName: e = "",
-  allowMultiple: a = !1,
+function Pt({
+  id: n,
+  items: a = [],
+  children: r,
+  className: o = "",
+  itemClassName: t = "",
+  allowMultiple: e = !1,
   defaultOpenItems: s = [],
-  triggersClassName: i = "",
+  triggersClassName: l = "",
   bodiesClassName: d = ""
 }) {
-  const f = P(), m = r || `accordion-group-${f}`, [l, b] = A(new Set(s)), u = (p) => {
+  const m = _(), h = n || `accordion-group-${m}`, [c, b] = A(new Set(s)), u = (f) => {
     b((y) => {
-      const g = new Set(y);
-      return g.has(p) ? g.delete(p) : (a || g.clear(), g.add(p)), g;
+      const x = new Set(y);
+      return x.has(f) ? x.delete(f) : (e || x.clear(), x.add(f)), x;
     });
-  }, h = (p) => `${f}-item-${p}`, v = (p) => l.has(p);
-  return /* @__PURE__ */ k("div", { id: m, className: n, children: [
-    o.length > 0 && o.map((p, y) => {
-      const g = p.id || h(y);
-      return /* @__PURE__ */ c(
-        fe,
+  }, p = (f) => `${m}-item-${f}`, v = (f) => c.has(f);
+  return /* @__PURE__ */ E("div", { id: h, className: o, children: [
+    a.length > 0 && a.map((f, y) => {
+      const x = f.id || p(y);
+      return /* @__PURE__ */ i(
+        me,
         {
-          id: g,
-          title: p.title,
-          content: p.content,
-          disabled: p.disabled,
-          isOpen: v(g),
-          onToggle: () => u(g),
-          className: e,
-          triggerClassName: i,
+          id: x,
+          title: f.title,
+          content: f.content,
+          disabled: f.disabled,
+          isOpen: v(x),
+          onToggle: () => u(x),
+          className: t,
+          triggerClassName: l,
           bodyClassName: d
         },
-        g
+        x
       );
     }),
-    o.length === 0 && t && G.Children.map(t, (p, y) => {
-      if (G.isValidElement(p) && p.type === fe) {
-        const g = p.props.id || h(y);
-        return /* @__PURE__ */ Te(
-          fe,
+    a.length === 0 && r && Z.Children.map(r, (f, y) => {
+      if (Z.isValidElement(f) && f.type === me) {
+        const x = f.props.id || p(y);
+        return /* @__PURE__ */ ze(
+          me,
           {
-            ...p.props,
-            key: g,
-            id: g,
-            className: w(e, p.props.className),
-            isOpen: v(g),
-            onToggle: () => u(g),
-            triggerClassName: w(i, p.props.triggerClassName),
-            bodyClassName: w(d, p.props.bodyClassName)
+            ...f.props,
+            key: x,
+            id: x,
+            className: N(t, f.props.className),
+            isOpen: v(x),
+            onToggle: () => u(x),
+            triggerClassName: N(l, f.props.triggerClassName),
+            bodyClassName: N(d, f.props.bodyClassName)
           }
         );
       }
@@ -128,25 +130,25 @@ function Rt({
     })
   ] });
 }
-function Me() {
-  const [r, o] = A(0);
-  return C(() => {
-    const t = setInterval(() => {
-      o((n) => (n + 1) % 3);
+function _e() {
+  const [n, a] = A(0);
+  return S(() => {
+    const r = setInterval(() => {
+      a((o) => (o + 1) % 3);
     }, 500);
-    return () => clearInterval(t);
-  }, []), /* @__PURE__ */ c("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((t) => /* @__PURE__ */ c(
+    return () => clearInterval(r);
+  }, []), /* @__PURE__ */ i("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((r) => /* @__PURE__ */ i(
     "div",
     {
-      className: w(
+      className: N(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        r === t && "transform -translate-y-1"
+        n === r && "transform -translate-y-1"
       )
     },
-    t
+    r
   )) });
 }
-const Ge = {
+const Xe = {
   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",
@@ -154,7 +156,7 @@ const Ge = {
   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"
-}, Pe = {
+}, Ue = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -162,60 +164,60 @@ const Ge = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, Ke = {
+}, Je = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, me = {
+}, he = {
   variant: "primary",
   size: "md",
   rounded: "md"
 };
-function qe({
-  variant: r = me.variant,
-  size: o,
-  rounded: t = me.rounded,
-  loading: n,
-  linkTo: e,
-  linkProps: a,
+function Qe({
+  variant: n = he.variant,
+  size: a,
+  rounded: r = he.rounded,
+  loading: o,
+  linkTo: t,
+  linkProps: e,
   type: s = "button",
-  className: i,
+  className: l,
   ...d
 }) {
-  let f;
-  r === "link" && !o ? f = "fitted" : f = o || me.size;
-  const l = w(
+  let m;
+  n === "link" && !a ? m = "fitted" : m = a || he.size;
+  const c = N(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    Ge[r],
-    Pe[f],
-    Ke[t],
-    n && "relative pointer-events-none",
-    e && "relative",
-    i
+    Xe[n],
+    Ue[m],
+    Je[r],
+    o && "relative pointer-events-none",
+    t && "relative",
+    l
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ E(
     "button",
     {
       ...d,
-      role: e ? "link" : d.role,
-      "aria-label": d["aria-label"] || (a == null ? void 0 : a["aria-label"]),
-      "aria-description": d["aria-description"] || (a == null ? void 0 : a["aria-description"]),
-      "aria-disabled": d.disabled || n,
-      "aria-busy": n,
+      role: t ? "link" : d.role,
+      "aria-label": d["aria-label"] || (e == null ? void 0 : e["aria-label"]),
+      "aria-description": d["aria-description"] || (e == null ? void 0 : e["aria-description"]),
+      "aria-disabled": d.disabled || o,
+      "aria-busy": o,
       type: s,
-      className: l,
+      className: c,
       children: [
-        n && /* @__PURE__ */ c(Me, {}),
-        /* @__PURE__ */ c("span", { className: w(n && "invisible"), children: d.children }),
-        e && !d.disabled && /* @__PURE__ */ c(
+        o && /* @__PURE__ */ i(_e, {}),
+        /* @__PURE__ */ i("span", { className: N(o && "invisible"), children: d.children }),
+        t && !d.disabled && /* @__PURE__ */ i(
           "a",
           {
-            ...a,
+            ...e,
             "aria-hidden": !0,
-            href: e,
-            rel: (a == null ? void 0 : a.rel) || "noreferrer",
+            href: t,
+            rel: (e == null ? void 0 : e.rel) || "noreferrer",
             className: "absolute inset-0"
           }
         )
@@ -223,59 +225,59 @@ function qe({
     }
   );
 }
-function Ue({
-  totalItems: r,
-  itemsToShow: o,
-  infinite: t,
-  autoScroll: n,
-  scrollInterval: e,
-  pauseScrollOnHover: a,
+function Ye({
+  totalItems: n,
+  itemsToShow: a,
+  infinite: r,
+  autoScroll: o,
+  scrollInterval: t,
+  pauseScrollOnHover: e,
   currentIndex: s,
-  onIndexChange: i
+  onIndexChange: l
 }) {
-  const [d, f] = A(s || 0), [m, l] = A(!1), b = B(null), u = Math.ceil(r / o), h = t || d > 0, v = t || d < u - 1, p = z(
-    (x) => {
-      const N = Math.max(0, Math.min(x, u - 1));
-      f(N), i == null || i(N);
+  const [d, m] = A(s || 0), [h, c] = A(!1), b = K(null), u = Math.ceil(n / a), p = r || d > 0, v = r || d < u - 1, f = $(
+    (g) => {
+      const w = Math.max(0, Math.min(g, u - 1));
+      m(w), l == null || l(w);
     },
-    [u, i]
-  ), y = z(() => {
-    if (h) {
-      const x = d === 0 && t ? u - 1 : d - 1;
-      p(x);
+    [u, l]
+  ), y = $(() => {
+    if (p) {
+      const g = d === 0 && r ? u - 1 : d - 1;
+      f(g);
     }
-  }, [d, h, t, u, p]), g = z(() => {
+  }, [d, p, r, u, f]), x = $(() => {
     if (v) {
-      const x = d === u - 1 && t ? 0 : d + 1;
-      p(x);
+      const g = d === u - 1 && r ? 0 : d + 1;
+      f(g);
     }
-  }, [d, v, t, u, p]);
-  return C(() => {
-    s !== void 0 && s !== d && f(s);
-  }, [s, d]), C(() => {
-    if (!n) return;
-    const x = () => {
+  }, [d, v, r, u, f]);
+  return S(() => {
+    s !== void 0 && s !== d && m(s);
+  }, [s, d]), S(() => {
+    if (!o) return;
+    const g = () => {
       b.current = setInterval(() => {
-        a && m || g();
-      }, e);
-    }, N = () => {
+        e && h || x();
+      }, t);
+    }, w = () => {
       b.current && (clearInterval(b.current), b.current = null);
     };
-    return !m || !a ? x() : N(), N;
-  }, [n, e, a, m, g]), C(() => {
-    f(0);
-  }, [o]), {
+    return !h || !e ? g() : w(), w;
+  }, [o, t, e, h, x]), S(() => {
+    m(0);
+  }, [a]), {
     currentSlide: d,
-    canGoPrev: h,
+    canGoPrev: p,
     canGoNext: v,
     goToPrev: y,
-    goToNext: g,
-    goToSlide: p,
-    isHovered: m,
-    setIsHovered: l
+    goToNext: x,
+    goToSlide: f,
+    isHovered: h,
+    setIsHovered: c
   };
 }
-const ee = {
+const te = {
   xs: 0,
   // Smaller than `sm`
   sm: 640,
@@ -289,20 +291,20 @@ const ee = {
   "2xl": 1536
   // Tailwind's `2xl` breakpoint: `@media (min-width: 1536px)`
 };
-function _e() {
-  const [r, o] = A(), [t, n] = A(0), e = (a) => ee[a];
-  return C(() => {
-    const a = (i) => i >= ee["2xl"] ? "2xl" : i >= ee.xl ? "xl" : i >= ee.lg ? "lg" : i >= ee.md ? "md" : i >= ee.sm ? "sm" : "xs";
-    o(a(window.innerWidth)), n(window.innerWidth);
+function Oe() {
+  const [n, a] = A(), [r, o] = A(0), t = (e) => te[e];
+  return S(() => {
+    const e = (l) => l >= te["2xl"] ? "2xl" : l >= te.xl ? "xl" : l >= te.lg ? "lg" : l >= te.md ? "md" : l >= te.sm ? "sm" : "xs";
+    a(e(window.innerWidth)), o(window.innerWidth);
     const s = () => {
-      o(a(window.innerWidth)), n(window.innerWidth);
+      a(e(window.innerWidth)), o(window.innerWidth);
     };
     return window.addEventListener("resize", s), () => {
       window.removeEventListener("resize", s);
     };
-  }, []), { screenSize: r, screenWidth: t, getBreakpoint: e };
+  }, []), { screenSize: n, screenWidth: r, getBreakpoint: t };
 }
-const ae = {
+const ie = {
   sm: {
     button: "h-6 w-6 text-xs",
     icon: "size-3"
@@ -315,11 +317,11 @@ const ae = {
     button: "h-10 w-10 text-lg",
     icon: "size-5"
   }
-}, ge = {
+}, xe = {
   default: "bg-accent text-accent-foreground hover:bg-accent-foreground hover:text-accent",
   outline: "border border-border bg-background hover:bg-accent hover:text-accent-foreground hover:border-accent",
   ghost: "hover:text-accent"
-}, oe = {
+}, le = {
   aligned: {
     prev: "absolute top-1/2 -translate-x-1/2 -translate-y-1/2 z-10",
     next: "absolute right-0 top-1/2 translate-x-1/2 -translate-y-1/2 z-10"
@@ -333,551 +335,891 @@ const ae = {
     next: "absolute right-2 top-1/2 -translate-y-1/2 z-10"
   }
 };
-function St({
-  children: r,
-  id: o,
-  ref: t,
-  className: n,
-  autoScroll: e = !1,
-  scrollInterval: a = 3e3,
+function qt({
+  children: n,
+  id: a,
+  ref: r,
+  className: o,
+  autoScroll: t = !1,
+  scrollInterval: e = 3e3,
   pauseScrollOnHover: s = !0,
-  currentIndex: i,
+  currentIndex: l,
   onIndexChange: d,
-  hidePrevNext: f = !1,
-  hideDots: m = !1,
-  itemsToShow: l = 1,
+  hidePrevNext: m = !1,
+  hideDots: h = !1,
+  itemsToShow: c = 1,
   buttonSize: b = "md",
   buttonVariant: u = "default",
-  buttonPosition: h = "exterior",
+  buttonPosition: p = "exterior",
   infinite: v = !0,
-  prevButton: p,
+  prevButton: f,
   nextButton: y,
-  itemsClassName: g,
-  containerClassName: x,
-  dotsClassName: N,
-  gap: E = 8
+  itemsClassName: x,
+  containerClassName: g,
+  dotsClassName: w,
+  gap: k = 8
 }) {
-  var W, te;
-  const S = B(null), I = G.Children.toArray(r).filter(G.isValidElement), $ = I.length, { screenSize: M } = _e(), L = J(() => {
-    if (typeof l == "number")
-      return l;
-    if (typeof l == "object" && l && M) {
-      const Z = ["2xl", "xl", "lg", "md", "sm", "xs"], F = Z.indexOf(M);
-      for (let O = F; O < Z.length; O++) {
-        const re = Z[O];
-        if (l[re] !== void 0)
-          return l[re];
+  var W, oe;
+  const D = K(null), C = Z.Children.toArray(n).filter(Z.isValidElement), T = C.length, { screenSize: G } = Oe(), L = U(() => {
+    if (typeof c == "number")
+      return c;
+    if (typeof c == "object" && c && G) {
+      const Y = ["2xl", "xl", "lg", "md", "sm", "xs"], q = Y.indexOf(G);
+      for (let ee = q; ee < Y.length; ee++) {
+        const se = Y[ee];
+        if (c[se] !== void 0)
+          return c[se];
       }
     }
     return 1;
-  }, [l, M]), { currentSlide: U, canGoPrev: j, canGoNext: D, goToPrev: R, goToNext: H, goToSlide: K, setIsHovered: _ } = Ue({
-    totalItems: $,
+  }, [c, G]), { currentSlide: X, canGoPrev: F, canGoNext: I, goToPrev: R, goToNext: M, goToSlide: P, setIsHovered: j } = Ye({
+    totalItems: T,
     itemsToShow: L,
     infinite: v,
-    autoScroll: e,
-    scrollInterval: a,
+    autoScroll: t,
+    scrollInterval: e,
     pauseScrollOnHover: s,
-    currentIndex: i,
+    currentIndex: l,
     onIndexChange: d
-  }), Q = z(
-    (Z) => {
+  }), H = $(
+    (Y) => {
       if (L === 1)
         return { leftWidth: 0, rightWidth: 0, widthReduction: 0 };
-      const F = E * (L - 1) / L;
-      return Z % L === 0 ? { leftWidth: 0, rightWidth: E / 2, widthReduction: F } : Z % L === L - 1 ? { leftWidth: E / 2, rightWidth: 0, widthReduction: F } : { leftWidth: E / 2, rightWidth: E / 2, widthReduction: F };
+      const q = k * (L - 1) / L;
+      return Y % L === 0 ? { leftWidth: 0, rightWidth: k / 2, widthReduction: q } : Y % L === L - 1 ? { leftWidth: k / 2, rightWidth: 0, widthReduction: q } : { leftWidth: k / 2, rightWidth: k / 2, widthReduction: q };
     },
-    [L, E]
-  ), q = () => {
+    [L, k]
+  ), B = () => {
     R();
-  }, Y = () => {
-    H();
-  }, ce = () => {
-    s && _(!0);
-  }, de = () => {
-    s && _(!1);
-  }, ue = -(U * (100 / $) * L), T = w(
+  }, Q = () => {
+    M();
+  }, re = () => {
+    s && j(!0);
+  }, ne = () => {
+    s && j(!1);
+  }, ae = -(X * (100 / T) * L), z = 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",
-    h === "aligned" ? "disabled:opacity-90" : "disabled:opacity-50"
+    p === "aligned" ? "disabled:opacity-90" : "disabled:opacity-50"
   );
-  return /* @__PURE__ */ k("div", { className: w("relative", n), "data-carousel-wrapper": "true", children: [
-    !f && /* @__PURE__ */ c(ne, { children: p ? G.cloneElement(
-      p,
+  return /* @__PURE__ */ E("div", { className: N("relative", o), "data-carousel-wrapper": "true", children: [
+    !m && /* @__PURE__ */ i(O, { children: f ? Z.cloneElement(
+      f,
       {
-        onClick: q,
-        disabled: !j,
-        className: w(
-          ((W = p.props) == null ? void 0 : W.className) || "",
-          oe[h].prev
+        onClick: B,
+        disabled: !F,
+        className: N(
+          ((W = f.props) == null ? void 0 : W.className) || "",
+          le[p].prev
         ),
         role: "button",
-        "aria-disabled": !j,
+        "aria-disabled": !F,
         "aria-label": "Previous slide",
         "data-carousel-prev": "true"
       }
-    ) : /* @__PURE__ */ c(
+    ) : /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: q,
-        disabled: !j,
-        className: w(
-          T,
-          ae[b].button,
-          ge[u],
-          oe[h].prev
+        onClick: B,
+        disabled: !F,
+        className: N(
+          z,
+          ie[b].button,
+          xe[u],
+          le[p].prev
         ),
-        "aria-disabled": !j,
+        "aria-disabled": !F,
         "aria-label": "Previous slide",
         "data-carousel-prev": "true",
-        children: /* @__PURE__ */ c(Ie, { className: ae[b].icon })
+        children: /* @__PURE__ */ i(Te, { className: ie[b].icon })
       }
     ) }),
-    /* @__PURE__ */ k(
+    /* @__PURE__ */ E(
       "div",
       {
-        id: o,
-        ref: t,
-        className: w("relative overflow-hidden", x),
-        onMouseEnter: ce,
-        onMouseLeave: de,
+        id: a,
+        ref: r,
+        className: N("relative overflow-hidden", g),
+        onMouseEnter: re,
+        onMouseLeave: ne,
         "data-carousel": "true",
-        "data-current-index": U,
+        "data-current-index": X,
         "data-items-to-show": L,
-        "data-auto-scroll": e,
-        "data-button-position": h,
+        "data-auto-scroll": t,
+        "data-button-position": p,
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "div",
             {
-              ref: S,
+              ref: D,
               className: "flex transition-transform duration-300 ease-in-out",
               style: {
-                transform: `translateX(${ue}%)`,
-                width: `${$ / L * 100}%`
+                transform: `translateX(${ae}%)`,
+                width: `${T / L * 100}%`
               },
-              children: I.map((Z, F) => {
-                const { leftWidth: O, rightWidth: re, widthReduction: $e } = Q(F);
-                return /* @__PURE__ */ c(
+              children: C.map((Y, q) => {
+                const { leftWidth: ee, rightWidth: se, widthReduction: De } = H(q);
+                return /* @__PURE__ */ i(
                   "div",
                   {
-                    className: w("flex-shrink-0", g),
+                    className: N("flex-shrink-0", x),
                     style: {
-                      width: `calc(${100 / $}% - ${$e}px)`,
-                      marginRight: re > 0 ? `${re}px` : void 0,
-                      marginLeft: O > 0 ? `${O}px` : void 0
+                      width: `calc(${100 / T}% - ${De}px)`,
+                      marginRight: se > 0 ? `${se}px` : void 0,
+                      marginLeft: ee > 0 ? `${ee}px` : void 0
                     },
-                    "data-slide-index": F,
-                    children: Z
+                    "data-slide-index": q,
+                    children: Y
                   },
-                  F
+                  q
                 );
               })
             }
           ),
-          !m && /* @__PURE__ */ c("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2", children: Array.from({ length: Math.ceil($ / L) }).map((Z, F) => /* @__PURE__ */ c(
+          !h && /* @__PURE__ */ i("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2", children: Array.from({ length: Math.ceil(T / L) }).map((Y, q) => /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: () => K(F),
-              className: w(
+              onClick: () => P(q),
+              className: N(
                 "w-2 h-2 rounded-full transition-colors duration-200",
-                F === U ? "bg-accent" : "bg-muted hover:bg-muted-foreground/50",
-                N
+                q === X ? "bg-accent" : "bg-muted hover:bg-muted-foreground/50",
+                w
               ),
-              "aria-label": `Go to slide ${F + 1}`,
-              "data-carousel-dot": F
+              "aria-label": `Go to slide ${q + 1}`,
+              "data-carousel-dot": q
             },
-            F
+            q
           )) })
         ]
       }
     ),
-    !f && /* @__PURE__ */ c(ne, { children: y ? G.cloneElement(
+    !m && /* @__PURE__ */ i(O, { children: y ? Z.cloneElement(
       y,
       {
-        onClick: Y,
-        disabled: !D,
-        className: w(
-          ((te = y.props) == null ? void 0 : te.className) || "",
-          oe[h].next
+        onClick: Q,
+        disabled: !I,
+        className: N(
+          ((oe = y.props) == null ? void 0 : oe.className) || "",
+          le[p].next
         ),
         role: "button",
-        "aria-disabled": !D,
+        "aria-disabled": !I,
         "aria-label": "Next slide",
         "data-carousel-next": "true"
       }
-    ) : /* @__PURE__ */ c(
+    ) : /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        onClick: Y,
-        disabled: !D,
-        className: w(
-          T,
-          ae[b].button,
-          ge[u],
-          oe[h].next
+        onClick: Q,
+        disabled: !I,
+        className: N(
+          z,
+          ie[b].button,
+          xe[u],
+          le[p].next
         ),
-        "aria-disabled": !D,
+        "aria-disabled": !I,
         "aria-label": "Next slide",
         "data-carousel-next": "true",
-        children: /* @__PURE__ */ c(ze, { className: ae[b].icon })
+        children: /* @__PURE__ */ i($e, { className: ie[b].icon })
       }
     ) })
   ] });
 }
-function Xe(r) {
-  const [o, t] = A(""), n = z((e) => {
-    let a = e, s = "";
-    for (; a && !s; ) {
-      const i = window.getComputedStyle(a).backgroundColor;
-      i && i !== "transparent" && i !== "rgba(0, 0, 0, 0)" && (s = i), a = a.parentElement;
+function et(n) {
+  const [a, r] = A(""), o = $((t) => {
+    let e = t, s = "";
+    for (; e && !s; ) {
+      const l = window.getComputedStyle(e).backgroundColor;
+      l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" && (s = l), e = e.parentElement;
     }
     return s || "transparent";
   }, []);
-  return C(() => {
-    const e = document.getElementById(r);
-    if (e) {
-      const a = n(e.parentElement);
-      t(a);
+  return S(() => {
+    const t = document.getElementById(n);
+    if (t) {
+      const e = o(t.parentElement);
+      r(e);
     }
-  }, [r, n]), o;
+  }, [n, o]), a;
 }
-function Lt({
-  ref: r,
-  id: o,
-  size: t = 20,
-  color: n,
-  filled: e = !1,
-  rounded: a = !0,
+function Zt({
+  ref: n,
+  id: a,
+  size: r = 20,
+  color: o,
+  filled: t = !1,
+  rounded: e = !0,
   checked: s = !1,
-  onCheckedChange: i,
+  onCheckedChange: l,
   disabled: d,
-  className: f = "",
-  ...m
+  className: m = "",
+  ...h
 }) {
-  const l = P(), b = J(() => o || `checkbox-${l}`, [o, l]), u = Xe(b), [h, v] = A(s);
-  C(() => {
+  const c = _(), b = U(() => a || `checkbox-${c}`, [a, c]), u = et(b), [p, v] = A(s);
+  S(() => {
     v(s);
   }, [s]);
-  const p = () => {
-    d || (v(!h), i == null || i(!h));
-  }, y = (x) => {
-    x.key === " " && (x.preventDefault(), p());
-  }, g = w(
+  const f = () => {
+    d || (v(!p), l == null || l(!p));
+  }, y = (g) => {
+    g.key === " " && (g.preventDefault(), f());
+  }, x = N(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
-    a && "rounded",
+    e && "rounded",
     d && "opacity-40 cursor-not-allowed",
     !d && "cursor-pointer",
-    f
+    m
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "button",
     {
       id: b,
       type: "button",
-      ref: r,
+      ref: n,
       tabIndex: 0,
       role: "checkbox",
-      onClick: p,
-      "aria-checked": h,
+      onClick: f,
+      "aria-checked": p,
       "aria-disabled": d,
       onKeyDownCapture: y,
       style: {
-        width: t,
-        height: t,
-        color: n,
-        backgroundColor: h && e ? "currentcolor" : "transparent"
+        width: r,
+        height: r,
+        color: o,
+        backgroundColor: p && t ? "currentcolor" : "transparent"
       },
-      className: g,
-      ...m,
-      children: h && /* @__PURE__ */ c(Ce, { size: t, color: e ? u : void 0 })
+      className: x,
+      ...h,
+      children: p && /* @__PURE__ */ i(pe, { size: r, color: t ? u : void 0 })
     }
   );
 }
-function Vt({
-  children: r,
-  className: o,
-  linkTo: t,
-  linkProps: n,
-  onButtonClick: e,
-  buttonProps: a,
+function _t({
+  children: n,
+  className: a,
+  linkTo: r,
+  linkProps: o,
+  onButtonClick: t,
+  buttonProps: e,
   ...s
 }) {
-  return t && e && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ k("div", { className: w("relative w-fit", o), ...s, children: [
-    r,
-    t && /* @__PURE__ */ c(
+  return r && t && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ E("div", { className: N("relative w-fit", a), ...s, children: [
+    n,
+    r && /* @__PURE__ */ i(
       "a",
       {
-        ...n,
-        rel: (n == null ? void 0 : n.rel) || "noreferrer",
-        href: t,
-        className: w("absolute inset-0", n == null ? void 0 : n.className)
+        ...o,
+        rel: (o == null ? void 0 : o.rel) || "noreferrer",
+        href: r,
+        className: N("absolute inset-0", o == null ? void 0 : o.className)
       }
     ),
-    !t && e && /* @__PURE__ */ c(
+    !r && t && /* @__PURE__ */ i(
       "button",
       {
-        ...a,
+        ...e,
         type: "button",
-        onClick: e,
-        className: w("absolute inset-0 cursor-pointer", a == null ? void 0 : a.className)
+        onClick: t,
+        className: N("absolute inset-0 cursor-pointer", e == null ? void 0 : e.className)
       }
     )
   ] });
 }
-function le({ elementId: r, type: o, message: t }) {
-  return C(() => {
-    const n = document.getElementById(r);
+function tt(n, a) {
+  const r = K(null), o = K(null);
+  return S(() => {
     if (n) {
-      if (!t && o === "error") {
-        n.removeAttribute("data-error");
+      r.current = document.activeElement, document.body.style.overflow = "hidden", setTimeout(() => {
+        var e;
+        (e = o.current) == null || e.focus();
+      }, 100);
+      const t = (e) => {
+        e.key === "Escape" && a(!1);
+      };
+      return document.addEventListener("keydown", t), () => {
+        document.removeEventListener("keydown", t), document.body.style.overflow = "";
+      };
+    } else r.current && (r.current.focus(), r.current = null);
+  }, [n, a]), { containerRef: o };
+}
+function rt(n, a, r, o) {
+  return { handleKeyDown: $(
+    (e) => {
+      e.key === "c" && (e.metaKey || e.ctrlKey) && n ? (e.preventDefault(), r()) : e.key === "f" && a && (e.preventDefault(), o());
+    },
+    [n, a, r, o]
+  ) };
+}
+function nt() {
+  return { tokenizeTypeScript: $(
+    (a, r = !1, o = 0) => {
+      const t = [];
+      let e = a, s = r, l = o;
+      for (; e.length > 0; ) {
+        const d = e.match(/^\/\*[\s\S]*?\*\//);
+        if (d) {
+          t.push({ text: d[0], type: "comment" }), e = e.slice(d[0].length);
+          continue;
+        }
+        const m = e.match(/^\/\/.*$/m);
+        if (m) {
+          t.push({ text: m[0], type: "comment" }), e = e.slice(m[0].length);
+          continue;
+        }
+        const h = e.match(/^(`[^`]*`|"[^"]*"|'[^']*')/);
+        if (h) {
+          t.push({ text: h[0], type: "string" }), e = e.slice(h[0].length);
+          continue;
+        }
+        const c = e.match(/^<([a-zA-Z][a-zA-Z0-9]*)/);
+        if (c) {
+          t.push({ text: "<", type: "jsx-bracket" }), t.push({ text: c[1], type: "jsx-tag" }), e = e.slice(c[0].length), s = !0;
+          continue;
+        }
+        const b = e.match(/^<\/([a-zA-Z][a-zA-Z0-9]*)>/);
+        if (b) {
+          t.push({ text: "</", type: "jsx-bracket" }), t.push({ text: b[1], type: "jsx-tag" }), t.push({ text: ">", type: "jsx-bracket" }), e = e.slice(b[0].length), s = !1;
+          continue;
+        }
+        if (e.match(/^\/?>/)) {
+          const C = e.match(/^(\/?>\s*)/);
+          if (C) {
+            t.push({ text: C[1].trim(), type: "jsx-bracket" }), e = e.slice(C[1].length), C[1].includes(">") && (s = !1);
+            continue;
+          }
+        }
+        const u = e.match(/^([a-zA-Z][a-zA-Z0-9]*)(\s*)(=)/);
+        if (u && s && l === 0) {
+          t.push({ text: u[1], type: "jsx-attribute" }), u[2] && t.push({ text: u[2], type: "plain" }), t.push({ text: "=", type: "plain" }), e = e.slice(u[0].length);
+          continue;
+        }
+        const p = e.match(/^[{}]/);
+        if (p) {
+          t.push({ text: p[0], type: "jsx-brace" }), p[0] === "{" ? l++ : p[0] === "}" && l--, e = e.slice(1);
+          continue;
+        }
+        const v = e.match(/^\s+/);
+        if (v) {
+          t.push({ text: v[0], type: "plain" }), e = e.slice(v[0].length);
+          continue;
+        }
+        const f = e.match(/^(=>|===|!==|==|!=|<=|>=|&&|\|\||[+\-*/%=<>!&|^~?:;,()[\]{}.])/);
+        if (f) {
+          t.push({ text: f[0], type: "operator" }), e = e.slice(f[0].length);
+          continue;
+        }
+        const y = e.match(
+          /^(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/
+        );
+        if (y) {
+          t.push({ text: y[0], type: "keyword" }), e = e.slice(y[0].length);
+          continue;
+        }
+        const x = e.match(/^(use[A-Z][a-zA-Z]*)\b/);
+        if (x) {
+          t.push({ text: x[0], type: "hook" }), e = e.slice(x[0].length);
+          continue;
+        }
+        const g = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\s*(?=(\?\.)?\()/);
+        if (g) {
+          t.push({ text: g[1], type: "function" }), e = e.slice(g[1].length);
+          continue;
+        }
+        const w = e.match(
+          /^(string|number|boolean|object|any|void|never|unknown|null|undefined|Promise|Array|React\.FC|FC|JSX\.Element|HTMLElement|Event|MouseEvent|KeyboardEvent|ChangeEvent)\b/
+        );
+        if (w) {
+          t.push({ text: w[0], type: "type" }), e = e.slice(w[0].length);
+          continue;
+        }
+        const k = e.match(/^(\d+\.?\d*)/);
+        if (k) {
+          t.push({ text: k[0], type: "number" }), e = e.slice(k[0].length);
+          continue;
+        }
+        const D = e.match(/^([a-zA-Z_$][a-zA-Z0-9_$]*)\s*(?=:)/);
+        if (D && !s) {
+          t.push({ text: D[1], type: "property" }), e = e.slice(D[1].length);
+          continue;
+        }
+        t.push({ text: e[0], type: "plain" }), e = e.slice(1);
+      }
+      return t;
+    },
+    []
+  ) };
+}
+function at(n) {
+  return { mergedTokenClasses: U(() => ({ ...{
+    keyword: "text-purple-400 font-semibold",
+    type: "text-cyan-400 font-medium",
+    string: "text-green-400",
+    "jsx-bracket": "text-gray-400",
+    "jsx-tag": "text-blue-400 font-medium",
+    "jsx-attribute": "text-amber-400",
+    "jsx-brace": "text-yellow-400",
+    jsx: "text-blue-400 font-medium",
+    // fallback for old jsx type
+    property: "text-amber-400",
+    number: "text-orange-400 font-medium",
+    comment: "text-gray-500 italic",
+    function: "text-rose-400 font-semibold",
+    hook: "text-rose-400 font-semibold",
+    operator: "text-gray-300",
+    plain: "text-gray-100"
+  }, ...n }), [n]) };
+}
+function Xt({
+  code: n,
+  language: a = "typescript",
+  allowCopy: r = !0,
+  allowDownload: o = !1,
+  allowFullscreen: t = !1,
+  filename: e,
+  showTrafficLights: s = !0,
+  showLineNumbers: l = !1,
+  hideHeader: d = !1,
+  hideFiletype: m = !1,
+  maxHeight: h,
+  tokenClasses: c,
+  className: b,
+  id: u,
+  ref: p,
+  ...v
+}) {
+  const [f, y] = A(!1), { containerRef: x } = tt(f, y), { copied: g, handleCopy: w } = Pe(n), { handleDownload: k } = qe(), { mergedTokenClasses: D } = at(c), { tokenizeTypeScript: C } = nt(), T = U(() => n.split(`
+`), [n]), G = $(() => {
+    const j = e || `code.${X(a)}`;
+    k(n, j);
+  }, [n, e, a, k]), { handleKeyDown: L } = rt(
+    r,
+    t,
+    w,
+    () => y(!f)
+  ), X = (j) => ({
+    typescript: "ts",
+    tsx: "tsx",
+    ts: "ts"
+  })[j] || "ts", F = $(
+    (j = !0) => /* @__PURE__ */ E("div", { className: N("flex items-center space-x-2", !j && "absolute top-2 right-2 z-10"), children: [
+      !m && /* @__PURE__ */ i(
+        "span",
+        {
+          className: "text-xs text-gray-400 uppercase tracking-wide font-medium",
+          "aria-label": `Code language: ${a}`,
+          children: a
+        }
+      ),
+      t && /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: () => y(!f),
+          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",
+          title: f ? "Exit fullscreen" : "Fullscreen",
+          "aria-label": f ? "Exit fullscreen mode" : "Enter fullscreen mode",
+          "aria-pressed": f,
+          type: "button",
+          children: f ? /* @__PURE__ */ i(Re, { size: 14 }) : /* @__PURE__ */ i(Le, { size: 14 })
+        }
+      ),
+      o && /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: G,
+          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",
+          title: "Download code",
+          "aria-label": "Download code as file",
+          type: "button",
+          children: /* @__PURE__ */ i(je, { size: 14 })
+        }
+      ),
+      r && /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: w,
+          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",
+          title: g ? "Code copied!" : "Copy code",
+          "aria-label": g ? "Code copied to clipboard" : "Copy code to clipboard",
+          "aria-live": "polite",
+          type: "button",
+          children: g ? /* @__PURE__ */ i(pe, { size: 14, className: "text-green-400" }) : /* @__PURE__ */ i(Ve, { size: 14 })
+        }
+      )
+    ] }),
+    [
+      m,
+      a,
+      t,
+      f,
+      o,
+      G,
+      r,
+      w,
+      g
+    ]
+  ), I = U(() => {
+    let j = !1, H = 0;
+    return T.map((B, Q) => {
+      if (B.trim() === "")
+        return /* @__PURE__ */ i("div", { className: "leading-6", children: " " }, Q);
+      const re = C(B, j, H);
+      B.includes("<") && B.match(/<[a-zA-Z]/) && (j = !0), B.includes(">") && !B.includes("<") && (j = !1, H = 0);
+      const ne = (B.match(/\{/g) || []).length, ae = (B.match(/\}/g) || []).length;
+      return H += ne - ae, H < 0 && (H = 0), /* @__PURE__ */ i("div", { className: "leading-6", children: re.map((z, W) => /* @__PURE__ */ i("span", { className: D[z.type] || "text-gray-100", children: z.text }, W)) }, Q);
+    });
+  }, [T, D, C]), R = U(() => l ? T.map((j, H) => /* @__PURE__ */ i(
+    "div",
+    {
+      className: "text-gray-500 text-right pl-3 pr-1 select-none min-w-8 text-sm font-mono leading-6",
+      "aria-hidden": "true",
+      role: "presentation",
+      children: H + 1
+    },
+    H
+  )) : null, [l, T]), M = U(
+    () => ({
+      maxHeight: h && !f ? `${h}px` : f ? "fit-content" : void 0,
+      overflow: h || f ? "auto" : "visible"
+    }),
+    [h, f]
+  ), P = /* @__PURE__ */ E(
+    "div",
+    {
+      id: u,
+      ref: (j) => {
+        x.current = j, typeof p == "function" ? p(j) : p && (p.current = j);
+      },
+      className: N(
+        "bg-gray-900 rounded-lg border border-gray-700 overflow-hidden motion-reduce:transition-none",
+        f && "fixed inset-0 z-[9999] max-h-fit",
+        b
+      ),
+      "data-language": a,
+      "data-filename": e,
+      "data-fullscreen": f,
+      role: "region",
+      "aria-label": `Code block${e ? ` for ${e}` : ""} in ${a}`,
+      "aria-describedby": l ? `${u}-description` : void 0,
+      tabIndex: 0,
+      onKeyDown: L,
+      ...v,
+      children: [
+        l && /* @__PURE__ */ E("div", { id: `${u}-description`, className: "sr-only", children: [
+          "Code block with line numbers. Use Cmd+C or Ctrl+C to copy code.",
+          t && " Press F to toggle fullscreen."
+        ] }),
+        /* @__PURE__ */ i("div", { "aria-live": "polite", "aria-atomic": "true", className: "sr-only", children: g && "Code copied to clipboard" }),
+        !d && /* @__PURE__ */ E("div", { className: "flex items-center justify-between px-4 py-2 bg-gray-800 border-b border-gray-700", children: [
+          /* @__PURE__ */ E("div", { className: "flex items-center space-x-3", children: [
+            s && /* @__PURE__ */ E("div", { className: "flex space-x-2", children: [
+              /* @__PURE__ */ i("div", { className: "w-3 h-3 bg-red-500 rounded-full" }),
+              /* @__PURE__ */ i("div", { className: "w-3 h-3 bg-yellow-500 rounded-full" }),
+              /* @__PURE__ */ i("div", { className: "w-3 h-3 bg-green-500 rounded-full" })
+            ] }),
+            e && /* @__PURE__ */ i("span", { className: "text-sm text-gray-300 font-medium", children: e })
+          ] }),
+          F(!0)
+        ] }),
+        /* @__PURE__ */ E("div", { className: N("flex overflow-hidden", d && "relative"), style: M, children: [
+          d && F(!1),
+          /* @__PURE__ */ i("div", { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ E("div", { className: "flex", children: [
+            l && /* @__PURE__ */ i(
+              "div",
+              {
+                className: "bg-gray-800 py-4 border-r border-gray-700 flex flex-col flex-shrink-0",
+                "aria-hidden": "true",
+                role: "presentation",
+                children: R
+              }
+            ),
+            /* @__PURE__ */ i("div", { className: "flex-1 p-4", children: /* @__PURE__ */ i(
+              "pre",
+              {
+                className: "text-sm font-mono focus:outline-none",
+                role: "code",
+                "aria-label": `${a} code content`,
+                tabIndex: -1,
+                children: /* @__PURE__ */ i("code", { children: I })
+              }
+            ) })
+          ] }) })
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ E(O, { children: [
+    !f && P,
+    f && fe(
+      /* @__PURE__ */ E(O, { children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: "fixed inset-0 bg-black z-[9998]",
+            onClick: () => y(!1),
+            "aria-hidden": "true"
+          }
+        ),
+        P
+      ] }),
+      document.body
+    )
+  ] });
+}
+function ue({ elementId: n, type: a, message: r }) {
+  return S(() => {
+    const o = document.getElementById(n);
+    if (o) {
+      if (!r && a === "error") {
+        o.removeAttribute("data-error");
         return;
       }
-      if (!t && o === "success") {
-        n.removeAttribute("data-success");
+      if (!r && a === "success") {
+        o.removeAttribute("data-success");
         return;
       }
-      return n.setAttribute("aria-describedby", `${r}-${o}-message`), n.setAttribute("aria-invalid", o === "error" ? "true" : "false"), o === "error" && n.setAttribute("data-error", "true"), o === "success" && n.setAttribute("data-success", "true"), () => {
-        n.removeAttribute("aria-describedby"), n.removeAttribute("aria-invalid"), n.removeAttribute("data-error"), n.removeAttribute("data-success");
+      return o.setAttribute("aria-describedby", `${n}-${a}-message`), o.setAttribute("aria-invalid", a === "error" ? "true" : "false"), a === "error" && o.setAttribute("data-error", "true"), a === "success" && o.setAttribute("data-success", "true"), () => {
+        o.removeAttribute("aria-describedby"), o.removeAttribute("aria-invalid"), o.removeAttribute("data-error"), o.removeAttribute("data-success");
       };
     }
-  }, [r, o, t]), t ? /* @__PURE__ */ k(
+  }, [n, a, r]), r ? /* @__PURE__ */ E(
     "small",
     {
-      className: w(
+      className: N(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",
-        o === "error" && "text-destructive",
-        o === "success" && "text-success"
+        a === "error" && "text-destructive",
+        a === "success" && "text-success"
       ),
       role: "status",
       children: [
-        o === "error" ? /* @__PURE__ */ c(Fe, {}) : /* @__PURE__ */ c(Se, {}),
-        /* @__PURE__ */ c("span", { id: `${r}-${o}-message`, children: t })
+        a === "error" ? /* @__PURE__ */ i(Ze, {}) : /* @__PURE__ */ i(Be, {}),
+        /* @__PURE__ */ i("span", { id: `${n}-${a}-message`, children: r })
       ]
     }
   ) : null;
 }
-const Qe = {
+const ot = {
   base: "",
   default: "ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-destructive not-disabled:data-success:ring-success",
   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",
   outline: "border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success"
-}, Ze = {
+}, st = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, xe = {
+}, ye = {
   variant: "default",
   rounded: "none"
 };
-function Wt({
-  variant: r = xe.variant,
-  rounded: o,
-  displayOnlyMode: t = !1,
-  errorMessage: n,
-  successMessage: e,
-  type: a = "text",
+function Ut({
+  variant: n = ye.variant,
+  rounded: a,
+  displayOnlyMode: r = !1,
+  errorMessage: o,
+  successMessage: t,
+  type: e = "text",
   className: s,
-  ...i
+  ...l
 }) {
-  const d = P(), [f, m] = A(!1);
-  let l = o;
-  r === "outline" && !o && (l = "md"), l = l || xe.rounded;
-  const h = w(
+  const d = _(), [m, h] = A(!1);
+  let c = a;
+  n === "outline" && !a && (c = "md"), c = c || ye.rounded;
+  const p = 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",
     "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",
-    !t && Qe[r],
-    !t && Ze[l],
-    a === "password" && "pr-10",
-    !t && "px-2 py-1",
-    t && "pointer-events-none",
+    !r && ot[n],
+    !r && st[c],
+    e === "password" && "pr-10",
+    !r && "px-2 py-1",
+    r && "pointer-events-none",
     s
   );
-  return /* @__PURE__ */ k("div", { className: w(t && "cursor-text"), style: { height: i.height, width: i.width }, children: [
-    /* @__PURE__ */ k("div", { className: w(a === "password" && "relative"), children: [
-      /* @__PURE__ */ c(
+  return /* @__PURE__ */ E("div", { className: N(r && "cursor-text"), style: { height: l.height, width: l.width }, children: [
+    /* @__PURE__ */ E("div", { className: N(e === "password" && "relative"), children: [
+      /* @__PURE__ */ i(
         "input",
         {
-          ...i,
+          ...l,
           id: d,
-          type: a === "password" && f ? "text" : a,
-          "aria-disabled": i.disabled,
-          readOnly: t,
-          "aria-readonly": t || i["aria-readonly"],
-          "data-error": n ? !0 : void 0,
-          "data-success": e ? !0 : void 0,
-          className: h
+          type: e === "password" && m ? "text" : e,
+          "aria-disabled": l.disabled,
+          readOnly: r,
+          "aria-readonly": r || l["aria-readonly"],
+          "data-error": o ? !0 : void 0,
+          "data-success": t ? !0 : void 0,
+          className: p
         }
       ),
-      a === "password" && /* @__PURE__ */ c(
+      e === "password" && /* @__PURE__ */ i(
         "button",
         {
-          onClick: () => m(!f),
+          onClick: () => h(!m),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
-          "data-state": f ? "visible" : "hidden",
-          children: f ? /* @__PURE__ */ c(Le, { size: 20 }) : /* @__PURE__ */ c(Ve, { size: 20 })
+          "data-state": m ? "visible" : "hidden",
+          children: m ? /* @__PURE__ */ i(We, { size: 20 }) : /* @__PURE__ */ i(Ke, { size: 20 })
         }
       )
     ] }),
-    !t && /* @__PURE__ */ c(le, { elementId: d, type: "error", message: n }),
-    !t && /* @__PURE__ */ c(le, { elementId: d, type: "success", message: e })
+    !r && /* @__PURE__ */ i(ue, { elementId: d, type: "error", message: o }),
+    !r && /* @__PURE__ */ i(ue, { elementId: d, type: "success", message: t })
   ] });
 }
-function Bt({
-  display: r = "inline",
-  width: o = "fit-content",
-  className: t = "",
-  required: n,
-  helpMessage: e,
-  suffix: a,
+function Jt({
+  display: n = "inline",
+  width: a = "fit-content",
+  className: r = "",
+  required: o,
+  helpMessage: t,
+  suffix: e,
   htmlFor: s,
-  children: i,
+  children: l,
   description: d,
-  ...f
+  ...m
 }) {
-  var v, p;
-  const m = P(), l = (((v = e == null ? void 0 : e.trim()) == null ? void 0 : v.length) || 0) > 0, b = (((p = d == null ? void 0 : d.trim()) == null ? void 0 : p.length) || 0) > 0, u = l ? `${s ?? m}-help` : void 0, h = b ? `${s ?? m}-description` : void 0;
-  return /* @__PURE__ */ k(
+  var v, f;
+  const h = _(), c = (((v = t == null ? void 0 : t.trim()) == null ? void 0 : v.length) || 0) > 0, b = (((f = d == null ? void 0 : d.trim()) == null ? void 0 : f.length) || 0) > 0, u = c ? `${s ?? h}-help` : void 0, p = b ? `${s ?? h}-description` : void 0;
+  return /* @__PURE__ */ E(
     "div",
     {
-      style: { display: r === "inline" ? "inline-block" : "block", width: o },
-      className: w("mb-0.5", t),
+      style: { display: n === "inline" ? "inline-block" : "block", width: a },
+      className: N("mb-0.5", r),
       children: [
-        /* @__PURE__ */ k("div", { className: "relative flex", children: [
-          /* @__PURE__ */ k("label", { className: "font-medium", htmlFor: s, ...f, children: [
-            i,
-            n && /* @__PURE__ */ c("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
+        /* @__PURE__ */ E("div", { className: "relative flex", children: [
+          /* @__PURE__ */ E("label", { className: "font-medium", htmlFor: s, ...m, children: [
+            l,
+            o && /* @__PURE__ */ i("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
           ] }),
-          l && /* @__PURE__ */ c(
+          c && /* @__PURE__ */ i(
             "span",
             {
               className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
               "aria-describedby": u,
               "aria-label": "Help information",
-              title: e,
-              children: /* @__PURE__ */ c(We, {})
+              title: t,
+              children: /* @__PURE__ */ i(Me, {})
             }
           ),
-          l && /* @__PURE__ */ c("div", { id: u, className: "sr-only", children: e }),
-          a && /* @__PURE__ */ c("span", { className: "ml-1", children: a })
+          c && /* @__PURE__ */ i("div", { id: u, className: "sr-only", children: t }),
+          e && /* @__PURE__ */ i("span", { className: "ml-1", children: e })
         ] }),
-        b && /* @__PURE__ */ c("small", { id: h, className: "block opacity-80 mt-0.5", role: "note", children: d })
+        b && /* @__PURE__ */ i("small", { id: p, className: "block opacity-80 mt-0.5", role: "note", children: d })
       ]
     }
   );
 }
-function Je(r) {
-  const [o, t] = A(!1), [n, e] = A(!1);
-  return C(() => {
-    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));
-  }, [r]), { show: o, shouldRender: n };
+function it(n) {
+  const [a, r] = A(!1), [o, t] = A(!1);
+  return S(() => {
+    n ? (t(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => t(!1), 150));
+  }, [n]), { show: a, shouldRender: o };
 }
-function Ye(r, o) {
-  C(() => {
-    const t = (n) => {
-      n.key === "Escape" && r && o();
+function lt(n, a) {
+  S(() => {
+    const r = (o) => {
+      o.key === "Escape" && n && a();
     };
-    return document.addEventListener("keydown", t), r && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", t), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", r), n && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "auto";
     };
-  }, [r, o]);
+  }, [n, a]);
 }
-function Oe(r, o) {
-  const t = B(null), n = z(() => {
-    const e = document.getElementById(r);
-    if (!e) return;
-    const a = e.querySelectorAll('[data-modal-action="true"]');
-    if (a.length > 0) {
-      a[0].focus();
+function ct(n, a) {
+  const r = K(null), o = $(() => {
+    const t = document.getElementById(n);
+    if (!t) return;
+    const e = t.querySelectorAll('[data-modal-action="true"]');
+    if (e.length > 0) {
+      e[0].focus();
       return;
     }
-    const s = e.querySelectorAll(
+    const s = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
-      const i = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
-      if (i.length > 0) {
-        i[0].focus();
+      const l = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
+      if (l.length > 0) {
+        l[0].focus();
         return;
       }
       s[0].focus();
       return;
     }
-    e.focus();
-  }, [r]);
-  C(() => (o && (t.current = document.activeElement, n()), () => {
-    document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
-  }), [o, n]);
+    t.focus();
+  }, [n]);
+  S(() => (a && (r.current = document.activeElement, o()), () => {
+    document.body.style.overflow = "auto", r.current instanceof HTMLElement && r.current.focus();
+  }), [a, o]);
 }
-function Ht({
-  id: r,
-  isOpen: o,
-  onClose: t,
-  title: n,
-  children: e,
-  contentOnly: a = !1,
+function Qt({
+  id: n,
+  isOpen: a,
+  onClose: r,
+  title: o,
+  children: t,
+  contentOnly: e = !1,
   className: s,
-  overlayClassName: i,
+  overlayClassName: l,
   hideCloseButton: d = !1,
-  actions: f = [],
-  disableCloseOnOverlayClick: m = !1,
-  ariaLabelledBy: l,
+  actions: m = [],
+  disableCloseOnOverlayClick: h = !1,
+  ariaLabelledBy: c,
   ariaDescribedBy: b
 }) {
-  const u = P(), h = r || `modal-${u}`, v = r ? `${r}-title` : `modal-title-${u}`, { show: p, shouldRender: y } = Je(o);
-  if (Oe(h, y), Ye(y, t), !y) return null;
-  const g = () => n ? G.isValidElement(n) ? /* @__PURE__ */ c("div", { className: "mb-4", children: n }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: v, children: n }) : null, x = () => f.length === 0 ? null : /* @__PURE__ */ c("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: f.map((N, E) => {
-    const { label: S, className: I, ...$ } = N;
-    return /* @__PURE__ */ c(qe, { className: I, type: "button", ...$, "data-modal-action": "true", children: S }, E);
+  const u = _(), p = n || `modal-${u}`, v = n ? `${n}-title` : `modal-title-${u}`, { show: f, shouldRender: y } = it(a);
+  if (ct(p, y), lt(y, r), !y) return null;
+  const x = () => o ? Z.isValidElement(o) ? /* @__PURE__ */ i("div", { className: "mb-4", children: o }) : /* @__PURE__ */ i("h2", { className: "mb-4 text-xl font-semibold", id: v, children: o }) : null, g = () => m.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: m.map((w, k) => {
+    const { label: D, className: C, ...T } = w;
+    return /* @__PURE__ */ i(Qe, { className: C, type: "button", ...T, "data-modal-action": "true", children: D }, k);
   }) });
-  return /* @__PURE__ */ c(ne, { children: pe(
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(O, { children: fe(
+    /* @__PURE__ */ i(
       "div",
       {
-        "aria-labelledby": l ?? n ? v : void 0,
+        "aria-labelledby": c ?? o ? v : void 0,
         "aria-describedby": b,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ k("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
-          /* @__PURE__ */ c(
+        children: /* @__PURE__ */ E("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
+          /* @__PURE__ */ i(
             "div",
             {
-              className: V("fixed inset-0 bg-black/20 transition-all", i),
+              className: V("fixed inset-0 bg-black/20 transition-all", l),
               onClick: () => {
-                m || t();
+                h || r();
               }
             }
           ),
-          a && /* @__PURE__ */ c("div", { className: V("relative w-fit", s), children: e }),
-          !a && /* @__PURE__ */ k(
+          e && /* @__PURE__ */ i("div", { className: V("relative w-fit", s), children: t }),
+          !e && /* @__PURE__ */ E(
             "div",
             {
-              id: h,
+              id: p,
               tabIndex: -1,
               className: V(
                 "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75",
-                p ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                f ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 s
               ),
               children: [
-                !d && /* @__PURE__ */ c(
+                !d && /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
-                    onClick: t,
+                    onClick: r,
                     "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: /* @__PURE__ */ c(ve, { size: 18 })
+                    children: /* @__PURE__ */ i(ge, { size: 18 })
                   }
                 ),
-                g(),
-                e,
-                x()
+                x(),
+                t,
+                g()
               ]
             }
           )
@@ -887,117 +1229,117 @@ function Ht({
     document.body
   ) });
 }
-const et = {
+const dt = {
   link: "text-primary hover:text-primary-foreground hover:bg-primary/10 aria-current:text-primary-foreground aria-current:bg-primary",
   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",
   filled: "bg-secondary text-secondary-foreground hover:bg-primary hover:text-primary-foreground aria-current:bg-primary aria-current:text-primary-foreground"
-}, tt = {
+}, ut = {
   sm: "px-2 py-1 text-sm min-w-[32px] min-h-8",
   md: "px-2 py-1 text-base min-w-[40px] min-h-10"
 };
-function jt({
-  page: r,
-  pageCount: o = 5,
-  maxVisiblePages: t = 5,
-  showFirstLast: n = !0,
-  onPageChange: e,
-  size: a = "md",
+function Yt({
+  page: n,
+  pageCount: a = 5,
+  maxVisiblePages: r = 5,
+  showFirstLast: o = !0,
+  onPageChange: t,
+  size: e = "md",
   variant: s = "link",
-  className: i,
+  className: l,
   ref: d,
-  buttonsClassName: f,
-  ...m
+  buttonsClassName: m,
+  ...h
 }) {
-  const l = o === 1 / 0, u = z(() => {
-    if (l) return [];
-    const N = o, E = Math.min(t, N);
-    if (N <= E)
-      return Array.from({ length: N }, (M, L) => L + 1);
-    const S = Math.floor(E / 2);
-    let I = Math.max(1, r - S), $ = Math.min(N, I + E - 1);
-    return $ - I + 1 < E && (I = Math.max(1, $ - E + 1), $ = Math.min(N, I + E - 1)), Array.from({ length: $ - I + 1 }, (M, L) => I + L);
-  }, [l, t, r, o])(), h = r > 1, v = l || r < o, p = n && !l, y = n && !l, g = (N) => {
-    N >= 1 && (l || N <= o) && e(N);
-  }, x = z(() => {
-    const N = V(
+  const c = a === 1 / 0, u = $(() => {
+    if (c) return [];
+    const w = a, k = Math.min(r, w);
+    if (w <= k)
+      return Array.from({ length: w }, (G, L) => L + 1);
+    const D = Math.floor(k / 2);
+    let C = Math.max(1, n - D), T = Math.min(w, C + k - 1);
+    return T - C + 1 < k && (C = Math.max(1, T - k + 1), T = Math.min(w, C + k - 1)), Array.from({ length: T - C + 1 }, (G, L) => C + L);
+  }, [c, r, n, a])(), p = n > 1, v = c || n < a, f = o && !c, y = o && !c, x = (w) => {
+    w >= 1 && (c || w <= a) && t(w);
+  }, g = $(() => {
+    const w = V(
       "flex items-center justify-center min-w-fit",
       "disabled:opacity-50 disabled:cursor-not-allowed",
-      tt[a],
+      ut[e],
       "rounded-md"
     );
-    return V(N, et[s], f);
-  }, [s, a, f]);
-  return /* @__PURE__ */ k(
+    return V(w, dt[s], m);
+  }, [s, e, m]);
+  return /* @__PURE__ */ E(
     "nav",
     {
       ref: d,
-      className: V("flex items-center justify-center gap-1", i),
+      className: V("flex items-center justify-center gap-1", l),
       role: "navigation",
       "aria-label": "Pagination",
-      "data-page": r,
-      "data-page-count": l ? "infinite" : o,
-      ...m,
+      "data-page": n,
+      "data-page-count": c ? "infinite" : a,
+      ...h,
       children: [
-        p && /* @__PURE__ */ k(
+        f && /* @__PURE__ */ E(
           "button",
           {
-            onClick: () => g(1),
-            className: x(),
-            disabled: r === 1,
+            onClick: () => x(1),
+            className: g(),
+            disabled: n === 1,
             "aria-label": "Go to first page",
             children: [
-              /* @__PURE__ */ c(Be, { size: a === "sm" ? 12 : 15 }),
-              /* @__PURE__ */ c("span", { className: "ml-1", children: "First" })
+              /* @__PURE__ */ i(Fe, { size: e === "sm" ? 12 : 15 }),
+              /* @__PURE__ */ i("span", { className: "ml-1", children: "First" })
             ]
           }
         ),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ E(
           "button",
           {
-            onClick: () => g(r - 1),
-            className: x(),
-            disabled: !h,
+            onClick: () => x(n - 1),
+            className: g(),
+            disabled: !p,
             "aria-label": "Go to previous page",
             children: [
-              /* @__PURE__ */ c(Ie, { size: a === "sm" ? 12 : 15 }),
-              /* @__PURE__ */ c("span", { className: "ml-1", children: "Previous" })
+              /* @__PURE__ */ i(Te, { size: e === "sm" ? 12 : 15 }),
+              /* @__PURE__ */ i("span", { className: "ml-1", children: "Previous" })
             ]
           }
         ),
-        !l && u.map((N) => /* @__PURE__ */ c(
+        !c && u.map((w) => /* @__PURE__ */ i(
           "button",
           {
-            onClick: () => g(N),
-            className: V(x(), "aspect-square"),
-            "aria-label": `Go to page ${N}`,
-            "aria-current": N === r ? !0 : void 0,
-            children: N
+            onClick: () => x(w),
+            className: V(g(), "aspect-square"),
+            "aria-label": `Go to page ${w}`,
+            "aria-current": w === n ? !0 : void 0,
+            children: w
           },
-          N
+          w
         )),
-        /* @__PURE__ */ k(
+        /* @__PURE__ */ E(
           "button",
           {
-            onClick: () => g(r + 1),
-            className: x(),
+            onClick: () => x(n + 1),
+            className: g(),
             disabled: !v,
             "aria-label": "Go to next page",
             children: [
-              /* @__PURE__ */ c("span", { className: "mr-1", children: "Next" }),
-              /* @__PURE__ */ c(ze, { size: a === "sm" ? 12 : 15 })
+              /* @__PURE__ */ i("span", { className: "mr-1", children: "Next" }),
+              /* @__PURE__ */ i($e, { size: e === "sm" ? 12 : 15 })
             ]
           }
         ),
-        y && /* @__PURE__ */ k(
+        y && /* @__PURE__ */ E(
           "button",
           {
-            onClick: () => g(o),
-            className: x(),
-            disabled: r === o,
+            onClick: () => x(a),
+            className: g(),
+            disabled: n === a,
             "aria-label": "Go to last page",
             children: [
-              /* @__PURE__ */ c("span", { className: "mr-1", children: "Last" }),
-              /* @__PURE__ */ c(He, { size: a === "sm" ? 12 : 15 })
+              /* @__PURE__ */ i("span", { className: "mr-1", children: "Last" }),
+              /* @__PURE__ */ i(He, { size: e === "sm" ? 12 : 15 })
             ]
           }
         )
@@ -1005,50 +1347,50 @@ function jt({
     }
   );
 }
-function rt(r) {
-  const [o, t] = A(!1), [n, e] = A(!1);
-  return C(() => {
-    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 300));
-  }, [r]), { show: o, shouldRender: n };
+function ft(n) {
+  const [a, r] = A(!1), [o, t] = A(!1);
+  return S(() => {
+    n ? (t(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => t(!1), 300));
+  }, [n]), { show: a, shouldRender: o };
 }
-function nt(r, o) {
-  C(() => {
-    const t = (n) => {
-      n.key === "Escape" && r && o();
+function mt(n, a) {
+  S(() => {
+    const r = (o) => {
+      o.key === "Escape" && n && a();
     };
-    return document.addEventListener("keydown", t), r && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", t), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", r), n && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", r), document.body.style.overflow = "auto";
     };
-  }, [r, o]);
+  }, [n, a]);
 }
-function at(r, o) {
-  const t = B(null), n = z(() => {
-    const e = document.getElementById(r);
-    if (!e) return;
-    const a = e.querySelectorAll('[data-panel-action="true"]');
-    if (a.length > 0) {
-      a[0].focus();
+function ht(n, a) {
+  const r = K(null), o = $(() => {
+    const t = document.getElementById(n);
+    if (!t) return;
+    const e = t.querySelectorAll('[data-panel-action="true"]');
+    if (e.length > 0) {
+      e[0].focus();
       return;
     }
-    const s = e.querySelectorAll(
+    const s = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
-      const i = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-panel-close-button") === "true"));
-      if (i.length > 0) {
-        i[0].focus();
+      const l = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-panel-close-button") === "true"));
+      if (l.length > 0) {
+        l[0].focus();
         return;
       }
       s[0].focus();
       return;
     }
-    e.focus();
-  }, [r]);
-  C(() => (o && (t.current = document.activeElement, n()), () => {
-    document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
-  }), [o, n]);
+    t.focus();
+  }, [n]);
+  S(() => (a && (r.current = document.activeElement, o()), () => {
+    document.body.style.overflow = "auto", r.current instanceof HTMLElement && r.current.focus();
+  }), [a, o]);
 }
-const ot = {
+const bt = {
   size: {
     sm: "max-w-sm",
     md: "max-w-md",
@@ -1059,85 +1401,85 @@ const ot = {
     screen: "w-screen"
   }
 };
-function Ft({
-  ref: r,
-  id: o,
-  isOpen: t,
-  onClose: n,
-  title: e,
-  children: a,
+function Ot({
+  ref: n,
+  id: a,
+  isOpen: r,
+  onClose: o,
+  title: t,
+  children: e,
   footer: s,
-  size: i = "md",
+  size: l = "md",
   className: d,
-  overlayClassName: f,
-  hideCloseButton: m = !1,
-  disableCloseOnOverlayClick: l = !1,
+  overlayClassName: m,
+  hideCloseButton: h = !1,
+  disableCloseOnOverlayClick: c = !1,
   ariaLabelledBy: b,
   ariaDescribedBy: u
 }) {
-  const h = P(), v = o || `panel-${h}`, p = o ? `${o}-title` : `panel-title-${h}`, { show: y, shouldRender: g } = rt(t);
-  if (at(v, g), nt(g, n), !g) return null;
-  const x = () => e ? G.isValidElement(e) ? /* @__PURE__ */ c("div", { children: e }) : /* @__PURE__ */ c("h2", { className: "text-2xl font-semibold", id: p, children: e }) : null, N = () => {
+  const p = _(), v = a || `panel-${p}`, f = a ? `${a}-title` : `panel-title-${p}`, { show: y, shouldRender: x } = ft(r);
+  if (ht(v, x), mt(x, o), !x) return null;
+  const g = () => t ? Z.isValidElement(t) ? /* @__PURE__ */ i("div", { children: t }) : /* @__PURE__ */ i("h2", { className: "text-2xl font-semibold", id: f, children: t }) : null, w = () => {
     if (!s) return null;
-    if (G.isValidElement(s)) {
-      const E = s, S = E.props.className || "";
-      return G.cloneElement(E, { className: V("px-6 py-4", S) });
+    if (Z.isValidElement(s)) {
+      const k = s, D = k.props.className || "";
+      return Z.cloneElement(k, { className: V("px-6 py-4", D) });
     }
-    return /* @__PURE__ */ c("div", { className: "px-6 py-4", children: s });
+    return /* @__PURE__ */ i("div", { className: "px-6 py-4", children: s });
   };
-  return /* @__PURE__ */ c(ne, { children: pe(
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ i(O, { children: fe(
+    /* @__PURE__ */ E(
       "div",
       {
-        "aria-labelledby": b ?? e ? p : void 0,
+        "aria-labelledby": b ?? t ? f : void 0,
         "aria-describedby": u,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-hidden",
-        "data-panel-open": t,
+        "data-panel-open": r,
         children: [
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ i(
             "div",
             {
               className: V(
                 "fixed inset-0 bg-black/40 transition-opacity duration-300",
                 y ? "opacity-100" : "opacity-0",
-                f
+                m
               ),
               onClick: () => {
-                l || n();
+                c || o();
               }
             }
           ),
-          /* @__PURE__ */ c("div", { className: "fixed inset-y-0 right-0 flex max-w-full", children: /* @__PURE__ */ c(
+          /* @__PURE__ */ i("div", { className: "fixed inset-y-0 right-0 flex max-w-full", children: /* @__PURE__ */ i(
             "div",
             {
               id: v,
-              ref: r,
+              ref: n,
               tabIndex: -1,
               className: V(
                 "relative h-full transform shadow-xl bg-popover transition-transform duration-300 ease-in-out",
-                i !== "screen" && "border-l border-border",
-                ot.size[i],
+                l !== "screen" && "border-l border-border",
+                bt.size[l],
                 y ? "translate-x-0" : "translate-x-full",
                 d
               ),
-              "data-panel-size": i,
-              children: /* @__PURE__ */ k("div", { className: "flex h-full flex-col", children: [
-                e && /* @__PURE__ */ c("div", { className: "px-6 pt-6", children: x() }),
-                !m && /* @__PURE__ */ c(
+              "data-panel-size": l,
+              children: /* @__PURE__ */ E("div", { className: "flex h-full flex-col", children: [
+                t && /* @__PURE__ */ i("div", { className: "px-6 pt-6", children: g() }),
+                !h && /* @__PURE__ */ i(
                   "button",
                   {
                     type: "button",
-                    onClick: n,
+                    onClick: o,
                     "data-panel-close-button": "true",
                     "aria-label": "Close panel",
                     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",
-                    children: /* @__PURE__ */ c(ve, { size: 18 })
+                    children: /* @__PURE__ */ i(ge, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: V("flex-1 overflow-y-auto px-6 pb-6", e ? "pt-6" : "pt-10"), children: a }),
-                N()
+                /* @__PURE__ */ i("div", { className: V("flex-1 overflow-y-auto px-6 pb-6", t ? "pt-6" : "pt-10"), children: e }),
+                w()
               ] })
             }
           ) })
@@ -1147,27 +1489,27 @@ function Ft({
     document.body
   ) });
 }
-function st({ itemId: r, checked: o, onChange: t, name: n, disabled: e = !1, className: a = "" }) {
-  const s = "relative inline-flex items-center justify-center rounded-full", i = () => {
-    e || t();
-  }, d = w(
+function pt({ itemId: n, checked: a, onChange: r, name: o, disabled: t = !1, className: e = "" }) {
+  const s = "relative inline-flex items-center justify-center rounded-full", l = () => {
+    t || r();
+  }, d = N(
     s,
-    !o && "hover:border-current/60",
-    !e && "border-current cursor-pointer",
-    e && "border-muted/60 cursor-not-allowed",
-    a
+    !a && "hover:border-current/60",
+    !t && "border-current cursor-pointer",
+    t && "border-muted/60 cursor-not-allowed",
+    e
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
-      id: r,
+      id: n,
       role: "radio",
       tabIndex: -1,
-      "aria-checked": o,
-      "aria-disabled": e,
-      "aria-description": `Radio button for ${n}`,
-      "aria-labelledby": `${r}-label`,
-      onClick: i,
+      "aria-checked": a,
+      "aria-disabled": t,
+      "aria-description": `Radio button for ${o}`,
+      "aria-labelledby": `${n}-label`,
+      onClick: l,
       className: d,
       style: {
         width: "1em",
@@ -1175,76 +1517,76 @@ function st({ itemId: r, checked: o, onChange: t, name: n, disabled: e = !1, cla
         padding: "0.1em",
         borderWidth: "0.06em"
       },
-      children: o && /* @__PURE__ */ c(
+      children: a && /* @__PURE__ */ i(
         "div",
         {
-          className: w("size-full aspect-square rounded-full", e && "bg-muted/60", !e && "bg-current")
+          className: N("size-full aspect-square rounded-full", t && "bg-muted/60", !t && "bg-current")
         }
       )
     }
   );
 }
 function be({
-  value: r,
-  children: o,
-  className: t = "",
-  isSelected: n = !1,
-  onChange: e,
-  disabled: a = !1,
+  value: n,
+  children: a,
+  className: r = "",
+  isSelected: o = !1,
+  onChange: t,
+  disabled: e = !1,
   hideInput: s = !1,
-  description: i,
+  description: l,
   name: d
 }) {
-  const m = `radio-${P()}-${r}`, l = () => {
-    a || e == null || e(r);
+  const h = `radio-${_()}-${n}`, c = () => {
+    e || t == null || t(n);
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ E(
     "div",
     {
-      title: i,
-      className: w(
+      title: l,
+      className: N(
         "relative flex items-center",
-        t,
+        r,
         // Uses text color for borders
-        s && `p-2 border-2 focus-within:border-dashed focus-within:${a ? "border-current/50" : "border-current/80"}`,
-        s && !n && `border-transparent ${a ? "" : "not-focus-within:hover:border-border/60"}`,
-        s && n && "border-border",
-        a && "opacity-60 cursor-not-allowed"
+        s && `p-2 border-2 focus-within:border-dashed focus-within:${e ? "border-current/50" : "border-current/80"}`,
+        s && !o && `border-transparent ${e ? "" : "not-focus-within:hover:border-border/60"}`,
+        s && o && "border-border",
+        e && "opacity-60 cursor-not-allowed"
       ),
       style: {
         gap: "0.5em"
       },
       children: [
-        !s && /* @__PURE__ */ c(
-          st,
+        !s && /* @__PURE__ */ i(
+          pt,
           {
-            itemId: m,
+            itemId: h,
             name: d || "",
-            checked: n,
-            onChange: l,
-            disabled: a,
-            className: w(s && "")
+            checked: o,
+            onChange: c,
+            disabled: e,
+            className: N(s && "")
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ i(
           "div",
           {
-            id: s ? m : void 0,
+            id: s ? h : void 0,
             tabIndex: s ? -1 : void 0,
             role: s ? "radio" : void 0,
-            onClick: s ? l : void 0,
-            "aria-checked": s ? n ? "true" : "false" : void 0,
-            "aria-disabled": s ? a : void 0,
-            "aria-description": s ? i || `Radio button for ${d}` : void 0,
-            "aria-labelledby": s ? `${m}-label` : void 0,
-            className: w(s && "size-full", typeof o == "object" && "grow focus:outline-none"),
-            children: /* @__PURE__ */ c(
+            onClick: s ? c : void 0,
+            "aria-checked": s ? o ? "true" : "false" : void 0,
+            "aria-disabled": s ? e : void 0,
+            "aria-description": s ? l || `Radio button for ${d}` : void 0,
+            "aria-labelledby": s ? `${h}-label` : void 0,
+            className: N(s && "size-full", typeof a == "object" && "grow focus:outline-none"),
+            children: /* @__PURE__ */ i(
               "label",
               {
-                id: `${m}-label`,
-                onClick: s ? void 0 : l,
-                className: w(a && "cursor-not-allowed", !a && "cursor-pointer"),
-                children: o
+                id: `${h}-label`,
+                onClick: s ? void 0 : c,
+                className: N(e && "cursor-not-allowed", !e && "cursor-pointer"),
+                children: a
               }
             )
           }
@@ -1253,211 +1595,211 @@ function be({
     }
   );
 }
-function it(r, o) {
-  const [t, n] = A(o), [e, a] = A(-1), [s, i] = A(!1), d = z((u, h) => {
+function vt(n, a) {
+  const [r, o] = A(a), [t, e] = A(-1), [s, l] = A(!1), d = $((u, p) => {
     var y;
-    const v = u[h];
-    v.hasAttribute("disabled") || v.getAttribute("aria-disabled") === "true" || ((y = u[h]) == null || y.click(), a(h));
-  }, []), f = z(
-    (u, h) => {
-      var p;
-      if (u.preventDefault(), s || !h.length) return;
-      const v = o !== -1 ? o : 0;
-      (p = h[v]) == null || p.focus(), n(v), o !== -1 && d(h, v);
+    const v = u[p];
+    v.hasAttribute("disabled") || v.getAttribute("aria-disabled") === "true" || ((y = u[p]) == null || y.click(), e(p));
+  }, []), m = $(
+    (u, p) => {
+      var f;
+      if (u.preventDefault(), s || !p.length) return;
+      const v = a !== -1 ? a : 0;
+      (f = p[v]) == null || f.focus(), o(v), a !== -1 && d(p, v);
     },
-    [o, s, d]
-  ), m = z(
+    [a, s, d]
+  ), h = $(
     (u) => {
       var y;
       if (!u.shiftKey)
         return;
       u.preventDefault();
-      const h = Array.from(
+      const p = Array.from(
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((g) => !g.hasAttribute("disabled") && g.tabIndex >= 0), v = h.findIndex((g) => g.id === r), p = v > 0 ? v - 1 : h.length - 1;
-      (y = h[p]) == null || y.focus();
+      ).filter((x) => !x.hasAttribute("disabled") && x.tabIndex >= 0), v = p.findIndex((x) => x.id === n), f = v > 0 ? v - 1 : p.length - 1;
+      (y = p[f]) == null || y.focus();
     },
-    [r]
-  ), l = z(
-    (u, h) => {
-      var x;
-      if (!h.length) return;
+    [n]
+  ), c = $(
+    (u, p) => {
+      var g;
+      if (!p.length) return;
       const v = u.target;
-      if (!h.some((N) => N.id === v.id)) return;
-      const y = t !== -1 ? t : 0;
-      let g = y;
+      if (!p.some((w) => w.id === v.id)) return;
+      const y = r !== -1 ? r : 0;
+      let x = y;
       switch (u.key) {
         case "ArrowUp":
         case "ArrowLeft":
-          u.preventDefault(), g = y > 0 ? y - 1 : h.length - 1;
+          u.preventDefault(), x = y > 0 ? y - 1 : p.length - 1;
           break;
         case "ArrowDown":
         case "ArrowRight":
-          u.preventDefault(), g = (y + 1) % h.length;
+          u.preventDefault(), x = (y + 1) % p.length;
           break;
         // Select the option when the space key is pressed
         case " ":
-          u.preventDefault(), d(h, y);
+          u.preventDefault(), d(p, y);
           return;
         case "Tab":
-          m(u);
+          h(u);
           return;
         default:
           return;
       }
-      (x = h[g]) == null || x.focus(), n(g), e !== -1 && d(h, g);
+      (g = p[x]) == null || g.focus(), o(x), t !== -1 && d(p, x);
     },
-    [t, e, m, d]
-  ), b = z(() => {
-    const u = document.querySelector(`[id="${r}"][role="radiogroup"]`);
+    [r, t, h, d]
+  ), b = $(() => {
+    const u = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     return u ? Array.from(u.querySelectorAll('[role="radio"]')) : [];
-  }, [r]);
-  C(() => {
-    const u = document.querySelector(`[id="${r}"][role="radiogroup"]`);
+  }, [n]);
+  S(() => {
+    const u = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     if (!u) return;
-    const h = b(), v = (x) => f(x, h), p = (x) => l(x, h), y = () => i(!0), g = () => i(!1);
-    return document.addEventListener("keydown", p), u.addEventListener("focus", v), u.addEventListener("mousedown", y), document.addEventListener("mouseup", g), () => {
-      document.removeEventListener("keydown", p), u.removeEventListener("focus", v), u.removeEventListener("mousedown", y), document.removeEventListener("mouseup", g);
+    const p = b(), v = (g) => m(g, p), f = (g) => c(g, p), y = () => l(!0), x = () => l(!1);
+    return document.addEventListener("keydown", f), u.addEventListener("focus", v), u.addEventListener("mousedown", y), document.addEventListener("mouseup", x), () => {
+      document.removeEventListener("keydown", f), u.removeEventListener("focus", v), u.removeEventListener("mousedown", y), document.removeEventListener("mouseup", x);
     };
-  }, [r, b, f, l]);
+  }, [n, b, m, c]);
 }
-function Mt({
-  options: r = [],
-  value: o,
-  onChange: t,
-  id: n,
-  children: e,
-  className: a = "",
+function er({
+  options: n = [],
+  value: a,
+  onChange: r,
+  id: o,
+  children: t,
+  className: e = "",
   childrenClassName: s = "",
-  hideInputs: i = !1
+  hideInputs: l = !1
 }) {
-  const d = P(), f = n || `radio-group-${d}`;
-  it(
-    f,
-    r.findIndex((l) => l === o)
+  const d = _(), m = o || `radio-group-${d}`;
+  vt(
+    m,
+    n.findIndex((c) => c === a)
   );
-  const m = J(() => r.reduce((l, b) => (typeof b == "string" ? l.some((u) => u.value === b) || l.push({ label: b, value: b }) : l.push(b), l), []), [r]);
-  return /* @__PURE__ */ k("div", { id: f, role: "radiogroup", tabIndex: 0, className: w(a, "focus:outline-none"), children: [
-    m.length > 0 && m.map((l, b) => /* @__PURE__ */ c(
+  const h = U(() => n.reduce((c, b) => (typeof b == "string" ? c.some((u) => u.value === b) || c.push({ label: b, value: b }) : c.push(b), c), []), [n]);
+  return /* @__PURE__ */ E("div", { id: m, role: "radiogroup", tabIndex: 0, className: N(e, "focus:outline-none"), children: [
+    h.length > 0 && h.map((c, b) => /* @__PURE__ */ i(
       be,
       {
-        value: l.value,
-        isSelected: o === l.value,
-        onChange: t,
-        name: f,
-        disabled: l.disabled,
-        description: l.description,
-        hideInput: i,
+        value: c.value,
+        isSelected: a === c.value,
+        onChange: r,
+        name: m,
+        disabled: c.disabled,
+        description: c.description,
+        hideInput: l,
         className: s,
-        children: l.label
+        children: c.label
       },
-      `${l.value}-${b}`
+      `${c.value}-${b}`
     )),
-    m.length === 0 && e && G.Children.map(e, (l) => G.isValidElement(l) && l.type === be ? /* @__PURE__ */ c(
+    h.length === 0 && t && Z.Children.map(t, (c) => Z.isValidElement(c) && c.type === be ? /* @__PURE__ */ i(
       be,
       {
-        ...l.props,
-        className: w(s, l.props.className),
-        hideInput: l.props.hideInput || i,
-        isSelected: o === l.props.value,
-        onChange: t,
-        name: f,
-        children: l.props.children
+        ...c.props,
+        className: N(s, c.props.className),
+        hideInput: c.props.hideInput || l,
+        isSelected: a === c.props.value,
+        onChange: r,
+        name: m,
+        children: c.props.children
       }
     ) : null)
   ] });
 }
-function lt(r) {
-  const o = B(null), t = B(null), n = B(null), [e, a] = A(!1), [s, i] = A(!1), [d, f] = A({
+function gt(n) {
+  const a = K(null), r = K(null), o = K(null), [t, e] = A(!1), [s, l] = A(!1), [d, m] = A({
     vertical: !1,
     horizontal: !1
-  }), m = B(null), l = B(null), b = z(() => {
-    const v = o.current;
+  }), h = K(null), c = K(null), b = $(() => {
+    const v = a.current;
     if (!v) return;
-    const p = v.scrollHeight > v.clientHeight, y = v.scrollWidth > v.clientWidth;
-    f({
-      vertical: p,
+    const f = v.scrollHeight > v.clientHeight, y = v.scrollWidth > v.clientWidth;
+    m({
+      vertical: f,
       horizontal: y
     });
-  }, []), u = z(() => {
-    const v = o.current, p = t.current, y = n.current;
+  }, []), u = $(() => {
+    const v = a.current, f = r.current, y = o.current;
     if (v) {
-      if (p && d.vertical) {
-        const x = (d.horizontal ? v.clientHeight - r : v.clientHeight) / v.scrollHeight, N = Math.max(x * 100, 10), E = v.scrollHeight - v.clientHeight, S = E > 0 ? v.scrollTop / E : 0, I = 100 - N, $ = S * I;
-        p.style.height = `${N}%`, p.style.top = `${$}%`, p.style.transform = "none";
+      if (f && d.vertical) {
+        const g = (d.horizontal ? v.clientHeight - n : v.clientHeight) / v.scrollHeight, w = Math.max(g * 100, 10), k = v.scrollHeight - v.clientHeight, D = k > 0 ? v.scrollTop / k : 0, C = 100 - w, T = D * C;
+        f.style.height = `${w}%`, f.style.top = `${T}%`, f.style.transform = "none";
       }
       if (y && d.horizontal) {
-        const x = (d.vertical ? v.clientWidth - r : v.clientWidth) / v.scrollWidth, N = Math.max(x * 100, 10), E = v.scrollWidth - v.clientWidth, S = E > 0 ? v.scrollLeft / E : 0, I = 100 - N, $ = S * I;
-        y.style.width = `${N}%`, y.style.left = `${$}%`, y.style.transform = "none";
+        const g = (d.vertical ? v.clientWidth - n : v.clientWidth) / v.scrollWidth, w = Math.max(g * 100, 10), k = v.scrollWidth - v.clientWidth, D = k > 0 ? v.scrollLeft / k : 0, C = 100 - w, T = D * C;
+        y.style.width = `${w}%`, y.style.left = `${T}%`, y.style.transform = "none";
       }
     }
-  }, [d, r]), h = z(() => {
-    m.current && clearTimeout(m.current), l.current && clearTimeout(l.current), a(!0), i(!1), u(), m.current = setTimeout(() => {
-      i(!0), l.current = setTimeout(() => {
-        a(!1), i(!1);
+  }, [d, n]), p = $(() => {
+    h.current && clearTimeout(h.current), c.current && clearTimeout(c.current), e(!0), l(!1), u(), h.current = setTimeout(() => {
+      l(!0), c.current = setTimeout(() => {
+        e(!1), l(!1);
       }, 300);
     }, 1e3);
   }, [u]);
-  return C(() => {
-    const v = o.current;
+  return S(() => {
+    const v = a.current;
     if (!v) return;
     b();
-    const p = new ResizeObserver(b);
-    p.observe(v);
+    const f = new ResizeObserver(b);
+    f.observe(v);
     const y = new MutationObserver(b);
     return y.observe(v, {
       childList: !0,
       subtree: !0,
       attributes: !0
     }), () => {
-      p.disconnect(), y.disconnect();
+      f.disconnect(), y.disconnect();
     };
-  }, [b]), C(() => {
+  }, [b]), S(() => {
     u();
-  }, [d, u]), C(() => () => {
-    m.current && clearTimeout(m.current), l.current && clearTimeout(l.current);
+  }, [d, u]), S(() => () => {
+    h.current && clearTimeout(h.current), c.current && clearTimeout(c.current);
   }, []), {
-    viewportRef: o,
-    verticalThumbRef: t,
-    horizontalThumbRef: n,
-    isScrolling: e,
+    viewportRef: a,
+    verticalThumbRef: r,
+    horizontalThumbRef: o,
+    isScrolling: t,
     isFadingOut: s,
     scrollbarVisible: d,
-    handleScroll: h
+    handleScroll: p
   };
 }
-function Gt({
-  className: r,
-  thumbClassName: o,
-  viewportClassName: t,
-  scrollbarClassName: n,
-  scrollbarThickness: e = 10,
-  children: a,
+function tr({
+  className: n,
+  thumbClassName: a,
+  viewportClassName: r,
+  scrollbarClassName: o,
+  scrollbarThickness: t = 10,
+  children: e,
   id: s,
-  ref: i,
+  ref: l,
   ...d
 }) {
-  const { viewportRef: f, verticalThumbRef: m, horizontalThumbRef: l, isScrolling: b, isFadingOut: u, scrollbarVisible: h, handleScroll: v } = lt(e), p = V(
+  const { viewportRef: m, verticalThumbRef: h, horizontalThumbRef: c, isScrolling: b, isFadingOut: u, scrollbarVisible: p, handleScroll: v } = gt(t), f = V(
     "relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400",
-    o
+    a
   );
-  return /* @__PURE__ */ k("div", { ref: i, id: s, className: V("relative overflow-hidden", r), "data-scroll-area-root": "", ...d, children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ E("div", { ref: l, id: s, className: V("relative overflow-hidden", n), "data-scroll-area-root": "", ...d, children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        ref: f,
+        ref: m,
         className: V(
           "h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-          t
+          r
         ),
         onScroll: v,
         "data-scroll-area-viewport": "",
-        children: a
+        children: e
       }
     ),
-    h.vertical && (b || u) && /* @__PURE__ */ c(
+    p.vertical && (b || u) && /* @__PURE__ */ i(
       "div",
       {
         className: V(
@@ -1465,26 +1807,26 @@ function Gt({
           "p-[1px]",
           "absolute right-0 top-0",
           u ? "opacity-0" : "opacity-100",
-          n
+          o
         ),
         "data-scroll-area-scrollbar": "vertical",
         "data-state": b ? "visible" : "hidden",
         style: {
-          width: `${e}px`,
-          height: h.horizontal ? `calc(100% - ${e}px)` : "100%"
+          width: `${t}px`,
+          height: p.horizontal ? `calc(100% - ${t}px)` : "100%"
         },
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ i(
           "div",
           {
-            ref: m,
-            className: V("absolute rounded-full", p),
+            ref: h,
+            className: V("absolute rounded-full", f),
             "data-scroll-area-thumb": "",
             style: { height: "20%", top: "0%", width: "100%" }
           }
         )
       }
     ),
-    h.horizontal && (b || u) && /* @__PURE__ */ c(
+    p.horizontal && (b || u) && /* @__PURE__ */ i(
       "div",
       {
         className: V(
@@ -1492,136 +1834,136 @@ function Gt({
           "p-[1px]",
           "absolute bottom-0 left-0",
           u ? "opacity-0" : "opacity-100",
-          n
+          o
         ),
         "data-scroll-area-scrollbar": "horizontal",
         "data-state": b ? "visible" : "hidden",
         style: {
-          height: `${e}px`,
-          width: h.vertical ? `calc(100% - ${e}px)` : "100%"
+          height: `${t}px`,
+          width: p.vertical ? `calc(100% - ${t}px)` : "100%"
         },
-        children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ i(
           "div",
           {
-            ref: l,
-            className: V("absolute rounded-full", p),
+            ref: c,
+            className: V("absolute rounded-full", f),
             "data-scroll-area-thumb": "",
             style: { width: "20%", left: "0%", height: "100%" }
           }
         )
       }
     ),
-    h.vertical && h.horizontal && /* @__PURE__ */ c(
+    p.vertical && p.horizontal && /* @__PURE__ */ i(
       "div",
       {
         className: V("bg-transparent", "absolute bottom-0 right-0"),
         "data-scroll-area-corner": "",
         style: {
-          height: `${e}px`,
-          width: `${e}px`
+          height: `${t}px`,
+          width: `${t}px`
         }
       }
     )
   ] });
 }
-function ct(r) {
-  const [o, t] = A(!1), [n, e] = A(!1);
-  return C(() => {
-    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));
-  }, [r]), { show: o, shouldRender: n };
+function xt(n) {
+  const [a, r] = A(!1), [o, t] = A(!1);
+  return S(() => {
+    n ? (t(!0), setTimeout(() => r(!0), 10)) : (r(!1), setTimeout(() => t(!1), 150));
+  }, [n]), { show: a, shouldRender: o };
 }
-function dt({
-  isOpen: r,
-  setIsOpen: o,
-  filteredOptions: t,
-  highlightedIndex: n,
-  setHighlightedIndex: e,
-  onSelect: a,
+function yt({
+  isOpen: n,
+  setIsOpen: a,
+  filteredOptions: r,
+  highlightedIndex: o,
+  setHighlightedIndex: t,
+  onSelect: e,
   triggerRef: s
 }) {
-  return { handleKeyDown: z(
+  return { handleKeyDown: $(
     (d) => {
-      var f;
+      var m;
       switch (d.key) {
         case "ArrowDown":
-          if (d.preventDefault(), !r)
-            o(!0);
+          if (d.preventDefault(), !n)
+            a(!0);
           else {
-            const m = n < t.length - 1 ? n + 1 : 0;
-            let l = m;
-            for (let b = 0; b < t.length; b++) {
-              const u = (m + b) % t.length;
-              if (!t[u].disabled) {
-                l = u;
+            const h = o < r.length - 1 ? o + 1 : 0;
+            let c = h;
+            for (let b = 0; b < r.length; b++) {
+              const u = (h + b) % r.length;
+              if (!r[u].disabled) {
+                c = u;
                 break;
               }
             }
-            e(l);
+            t(c);
           }
           break;
         case "ArrowUp":
-          if (d.preventDefault(), !r)
-            o(!0);
+          if (d.preventDefault(), !n)
+            a(!0);
           else {
-            const m = n > 0 ? n - 1 : t.length - 1;
-            let l = m;
-            for (let b = 0; b < t.length; b++) {
-              const u = (m - b + t.length) % t.length;
-              if (!t[u].disabled) {
-                l = u;
+            const h = o > 0 ? o - 1 : r.length - 1;
+            let c = h;
+            for (let b = 0; b < r.length; b++) {
+              const u = (h - b + r.length) % r.length;
+              if (!r[u].disabled) {
+                c = u;
                 break;
               }
             }
-            e(l);
+            t(c);
           }
           break;
         case "Enter":
         case " ":
-          if (d.preventDefault(), !r)
-            o(!0);
-          else if (n >= 0 && n < t.length) {
-            const m = t[n];
-            m.disabled || a(m);
+          if (d.preventDefault(), !n)
+            a(!0);
+          else if (o >= 0 && o < r.length) {
+            const h = r[o];
+            h.disabled || e(h);
           }
           break;
         case "Escape":
-          d.preventDefault(), r && (o(!1), (f = s.current) == null || f.focus());
+          d.preventDefault(), n && (a(!1), (m = s.current) == null || m.focus());
           break;
         case "Tab":
-          r && o(!1);
+          n && a(!1);
           break;
       }
     },
-    [r, o, t, n, e, a, s]
+    [n, a, r, o, t, e, s]
   ) };
 }
-function ut({
-  isOpen: r,
-  filteredOptions: o,
-  selectedOption: t,
-  shouldRender: n,
-  optionsContainerRef: e
+function wt({
+  isOpen: n,
+  filteredOptions: a,
+  selectedOption: r,
+  shouldRender: o,
+  optionsContainerRef: t
 }) {
-  const [a, s] = A(-1), i = J(() => t ? o.findIndex((d) => d.value === t.value) : -1, [o, t]);
-  return C(() => {
-    r && o.length > 0 ? s(t && i >= 0 ? i : 0) : s(-1);
-  }, [o, r, t, i]), C(() => {
-    if (a >= 0 && e.current && n) {
+  const [e, s] = A(-1), l = U(() => r ? a.findIndex((d) => d.value === r.value) : -1, [a, r]);
+  return S(() => {
+    n && a.length > 0 ? s(r && l >= 0 ? l : 0) : s(-1);
+  }, [a, n, r, l]), S(() => {
+    if (e >= 0 && t.current && o) {
       const d = () => {
-        const f = e.current, m = f == null ? void 0 : f.querySelector(`[data-option-index="${a}"]`);
-        if (m) {
-          const l = r && t && a === i ? "auto" : "smooth";
-          m.scrollIntoView({
-            behavior: l,
+        const m = t.current, h = m == null ? void 0 : m.querySelector(`[data-option-index="${e}"]`);
+        if (h) {
+          const c = n && r && e === l ? "auto" : "smooth";
+          h.scrollIntoView({
+            behavior: c,
             block: "nearest"
           });
         }
       };
-      r && n && t ? setTimeout(d, 10) : d();
+      n && o && r ? setTimeout(d, 10) : d();
     }
-  }, [a, n, r, t, o, e, i]), { highlightedIndex: a, setHighlightedIndex: s };
+  }, [e, o, n, r, a, t, l]), { highlightedIndex: e, setHighlightedIndex: s };
 }
-const ye = {
+const we = {
   sm: {
     trigger: "px-2 py-1 text-sm",
     options: "px-2 py-2 text-xs"
@@ -1635,185 +1977,185 @@ const ye = {
     options: "px-4 py-3 text-base"
   }
 };
-function Pt({
-  options: r,
-  value: o,
-  placeholder: t = "Select an option...",
-  searchable: n = !1,
-  disabled: e = !1,
-  clearable: a = !1,
+function rr({
+  options: n,
+  value: a,
+  placeholder: r = "Select an option...",
+  searchable: o = !1,
+  disabled: t = !1,
+  clearable: e = !1,
   size: s = "md",
-  className: i,
+  className: l,
   triggerClassName: d,
-  dropdownClassName: f,
-  id: m,
-  ref: l,
+  dropdownClassName: m,
+  id: h,
+  ref: c,
   onChange: b,
   onSearch: u,
-  searchPlaceholder: h = "Search options..."
+  searchPlaceholder: p = "Search options..."
 }) {
-  const v = P(), y = `${m ?? v}-listbox`, g = (T) => `${y}-option-${T}`, [x, N] = A(!1), [E, S] = A(""), I = B(null), $ = B(null), M = B(null), L = B(null), { show: U, shouldRender: j } = ct(x), D = J(() => !n || !E ? r : r.filter(
-    (T) => {
+  const v = _(), y = `${h ?? v}-listbox`, x = (z) => `${y}-option-${z}`, [g, w] = A(!1), [k, D] = A(""), C = K(null), T = K(null), G = K(null), L = K(null), { show: X, shouldRender: F } = xt(g), I = U(() => !o || !k ? n : n.filter(
+    (z) => {
       var W;
-      return T.text.toLowerCase().includes(E.toLowerCase()) || ((W = T.description) == null ? void 0 : W.toLowerCase().includes(E.toLowerCase()));
+      return z.text.toLowerCase().includes(k.toLowerCase()) || ((W = z.description) == null ? void 0 : W.toLowerCase().includes(k.toLowerCase()));
     }
-  ), [r, n, E]), R = J(() => r.find((T) => T.value === o), [r, o]), { highlightedIndex: H, setHighlightedIndex: K } = ut({
-    isOpen: x,
-    filteredOptions: D,
+  ), [n, o, k]), R = U(() => n.find((z) => z.value === a), [n, a]), { highlightedIndex: M, setHighlightedIndex: P } = wt({
+    isOpen: g,
+    filteredOptions: I,
     selectedOption: R,
-    shouldRender: j,
+    shouldRender: F,
     optionsContainerRef: L
-  }), _ = H >= 0 ? g(H) : void 0;
-  C(() => {
-    x && j && n && $.current && $.current.focus();
-  }, [x, n, j]);
-  const Q = z(
-    (T) => {
+  }), j = M >= 0 ? x(M) : void 0;
+  S(() => {
+    g && F && o && T.current && T.current.focus();
+  }, [g, o, F]);
+  const H = $(
+    (z) => {
       var W;
-      T.disabled || (b == null || b(T.value), N(!1), S(""), (W = I.current) == null || W.focus());
+      z.disabled || (b == null || b(z.value), w(!1), D(""), (W = C.current) == null || W.focus());
     },
     [b]
-  ), { handleKeyDown: q } = dt({
-    isOpen: x,
-    setIsOpen: N,
-    filteredOptions: D,
-    highlightedIndex: H,
-    setHighlightedIndex: K,
-    onSelect: Q,
-    triggerRef: I
+  ), { handleKeyDown: B } = yt({
+    isOpen: g,
+    setIsOpen: w,
+    filteredOptions: I,
+    highlightedIndex: M,
+    setHighlightedIndex: P,
+    onSelect: H,
+    triggerRef: C
   });
-  C(() => {
-    if (!x)
+  S(() => {
+    if (!g)
       return;
-    const T = (W) => {
-      var te;
-      M.current && !M.current.contains(W.target) && !((te = I.current) != null && te.contains(W.target)) && (N(!1), S(""));
+    const z = (W) => {
+      var oe;
+      G.current && !G.current.contains(W.target) && !((oe = C.current) != null && oe.contains(W.target)) && (w(!1), D(""));
     };
-    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
-  }, [x]);
-  const Y = () => {
-    e || (N(!x), x || (S(""), K(-1)));
-  }, ce = (T) => {
-    T.disabled || (b == null || b(T.value), N(!1), S(""));
-  }, de = (T) => {
-    const W = T.target.value;
-    S(W), u == null || u(W), K(-1);
-  }, ue = (T) => {
-    T.preventDefault(), T.stopPropagation(), b == null || b("");
+    return document.addEventListener("mousedown", z), () => document.removeEventListener("mousedown", z);
+  }, [g]);
+  const Q = () => {
+    t || (w(!g), g || (D(""), P(-1)));
+  }, re = (z) => {
+    z.disabled || (b == null || b(z.value), w(!1), D(""));
+  }, ne = (z) => {
+    const W = z.target.value;
+    D(W), u == null || u(W), P(-1);
+  }, ae = (z) => {
+    z.preventDefault(), z.stopPropagation(), b == null || b("");
   };
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: w("relative", i),
-      id: m,
-      ref: l,
+      className: N("relative", l),
+      id: h,
+      ref: c,
       "data-select": "true",
-      "data-value": o,
-      "data-searchable": n,
-      "data-disabled": e,
-      "data-clearable": a,
+      "data-value": a,
+      "data-searchable": o,
+      "data-disabled": t,
+      "data-clearable": e,
       children: [
-        /* @__PURE__ */ k("div", { className: "relative", children: [
-          /* @__PURE__ */ k(
+        /* @__PURE__ */ E("div", { className: "relative", children: [
+          /* @__PURE__ */ E(
             "button",
             {
-              ref: I,
+              ref: C,
               type: "button",
-              className: w(
+              className: N(
                 "flex items-center justify-between w-full text-left bg-inherit border border-border rounded-md transition-colors",
                 "hover:border-primary focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary",
-                e && "opacity-50 cursor-not-allowed hover:border-border",
-                x && "border-primary ring-1 ring-primary",
-                ye[s].trigger,
+                t && "opacity-50 cursor-not-allowed hover:border-border",
+                g && "border-primary ring-1 ring-primary",
+                we[s].trigger,
                 d
               ),
-              onClick: Y,
-              onKeyDown: q,
-              disabled: e,
-              "aria-disabled": e,
+              onClick: Q,
+              onKeyDown: B,
+              disabled: t,
+              "aria-disabled": t,
               "aria-haspopup": "listbox",
-              "aria-expanded": x,
-              "aria-controls": x ? y : void 0,
-              "aria-activedescendant": x && !n ? _ : void 0,
-              "aria-label": R ? R.text : t,
+              "aria-expanded": g,
+              "aria-controls": g ? y : void 0,
+              "aria-activedescendant": g && !o ? j : void 0,
+              "aria-label": R ? R.text : r,
               "data-select-trigger": "true",
               children: [
-                /* @__PURE__ */ c("span", { className: w("block truncate", !R && "opacity-70"), children: R ? R.text : t }),
-                /* @__PURE__ */ c("div", { className: "flex items-center ml-2", children: /* @__PURE__ */ c(Ae, { size: 16, className: w("transition-transform duration-200", x && "rotate-180") }) })
+                /* @__PURE__ */ i("span", { className: N("block truncate", !R && "opacity-70"), children: R ? R.text : r }),
+                /* @__PURE__ */ i("div", { className: "flex items-center ml-2", children: /* @__PURE__ */ i(Ae, { size: 16, className: N("transition-transform duration-200", g && "rotate-180") }) })
               ]
             }
           ),
-          a && R && /* @__PURE__ */ c(
+          e && R && /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              onClick: ue,
+              onClick: ae,
               className: "absolute right-8 top-1/2 -translate-y-1/2 p-0.5 rounded hover:bg-accent/20 transition-colors group z-10",
               "aria-label": "Clear selection",
               "data-select-clear": "true",
-              children: /* @__PURE__ */ c(ve, { size: 14, className: "opacity-70 group-hover:opacity-100 transition-opacity" })
+              children: /* @__PURE__ */ i(ge, { size: 14, className: "opacity-70 group-hover:opacity-100 transition-opacity" })
             }
           )
         ] }),
-        j && /* @__PURE__ */ k(
+        F && /* @__PURE__ */ E(
           "div",
           {
-            ref: M,
-            className: w(
+            ref: G,
+            className: N(
               "absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg transition-all duration-150",
-              U ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
-              f
+              X ? "opacity-100 translate-y-0" : "opacity-0 -translate-y-2",
+              m
             ),
             id: y,
             role: "listbox",
             "data-select-content": "true",
             children: [
-              n && /* @__PURE__ */ c("div", { className: "border-b border-border", children: /* @__PURE__ */ c(
+              o && /* @__PURE__ */ i("div", { className: "border-b border-border", children: /* @__PURE__ */ i(
                 "input",
                 {
-                  ref: $,
+                  ref: T,
                   type: "text",
-                  value: E,
-                  onChange: de,
-                  onKeyDown: q,
-                  placeholder: h,
+                  value: k,
+                  onChange: ne,
+                  onKeyDown: B,
+                  placeholder: p,
                   className: "w-full px-2 py-2 text-inherit focus:outline-none",
                   "aria-autocomplete": "list",
                   "aria-controls": y,
-                  "aria-activedescendant": _,
+                  "aria-activedescendant": j,
                   "data-select-search": "true"
                 }
               ) }),
-              /* @__PURE__ */ c("div", { ref: L, className: "max-h-60 overflow-auto", children: D.length > 0 ? D.map((T, W) => /* @__PURE__ */ k(
+              /* @__PURE__ */ i("div", { ref: L, className: "max-h-60 overflow-auto", children: I.length > 0 ? I.map((z, W) => /* @__PURE__ */ E(
                 "div",
                 {
-                  id: g(W),
-                  className: w(
+                  id: x(W),
+                  className: N(
                     "flex items-center cursor-pointer transition-colors",
                     "hover:bg-accent/10 focus:bg-accent/10",
-                    ye[s].options,
-                    T.disabled && "opacity-50 cursor-not-allowed",
-                    W === H && "bg-accent/20",
-                    o === T.value && "bg-accent/30"
+                    we[s].options,
+                    z.disabled && "opacity-50 cursor-not-allowed",
+                    W === M && "bg-accent/20",
+                    a === z.value && "bg-accent/30"
                   ),
-                  onClick: () => ce(T),
+                  onClick: () => re(z),
                   role: "option",
-                  "aria-selected": o === T.value,
-                  "aria-disabled": T.disabled,
+                  "aria-selected": a === z.value,
+                  "aria-disabled": z.disabled,
                   "data-select-option": "true",
-                  "data-value": T.value,
-                  "data-highlighted": W === H,
+                  "data-value": z.value,
+                  "data-highlighted": W === M,
                   "data-option-index": W,
                   children: [
-                    /* @__PURE__ */ k("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ c("div", { className: "font-medium", children: T.text }),
-                      T.description && /* @__PURE__ */ c("div", { className: "text-xs opacity-70 mt-0.5", children: T.description })
+                    /* @__PURE__ */ E("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ i("div", { className: "font-medium", children: z.text }),
+                      z.description && /* @__PURE__ */ i("div", { className: "text-xs opacity-70 mt-0.5", children: z.description })
                     ] }),
-                    o === T.value && /* @__PURE__ */ c(Ce, { size: 16, className: "ml-2 text-primary flex-shrink-0" })
+                    a === z.value && /* @__PURE__ */ i(pe, { size: 16, className: "ml-2 text-primary flex-shrink-0" })
                   ]
                 },
-                T.value
-              )) : /* @__PURE__ */ c("div", { className: "px-3 py-2 text-sm opacity-70 text-center", children: n && E ? "No results found" : "No options available" }) })
+                z.value
+              )) : /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm opacity-70 text-center", children: o && k ? "No results found" : "No options available" }) })
             ]
           }
         )
@@ -1821,7 +2163,7 @@ function Pt({
     }
   );
 }
-const ft = {
+const Nt = {
   thin: {
     horizontal: "h-px",
     vertical: "w-px"
@@ -1838,37 +2180,37 @@ const ft = {
     horizontal: "h-2",
     vertical: "w-2"
   }
-}, mt = {
+}, kt = {
   horizontal: "w-full",
   vertical: "min-h-4 h-full"
 };
-function Kt({
-  orientation: r = "horizontal",
-  decorative: o = !1,
-  thickness: t = "thin",
-  className: n,
-  ...e
+function nr({
+  orientation: n = "horizontal",
+  decorative: a = !1,
+  thickness: r = "thin",
+  className: o,
+  ...t
 }) {
-  const a = w(
+  const e = N(
     "shrink-0 bg-border",
-    mt[r],
-    ft[t][r],
-    n
+    kt[n],
+    Nt[r][n],
+    o
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "div",
     {
-      ...e,
-      className: a,
-      role: o ? "presentation" : "separator",
-      "aria-orientation": o ? void 0 : r,
-      "aria-hidden": o,
-      "data-orientation": r,
-      "data-thickness": t
+      ...t,
+      className: e,
+      role: a ? "presentation" : "separator",
+      "aria-orientation": a ? void 0 : n,
+      "aria-hidden": a,
+      "data-orientation": n,
+      "data-thickness": r
     }
   );
 }
-const we = {
+const Ne = {
   shape: {
     rectangle: "rounded-md min-h-1",
     circle: "rounded-full aspect-square min-h-1",
@@ -1882,219 +2224,219 @@ const we = {
     xl: "space-y-6"
   }
 };
-function qt({
-  shape: r = "rectangle",
-  lineSpacing: o = "sm",
-  className: t,
-  lines: n = 1,
-  animate: e = !0,
-  ref: a,
+function ar({
+  shape: n = "rectangle",
+  lineSpacing: a = "sm",
+  className: r,
+  lines: o = 1,
+  animate: t = !0,
+  ref: e,
   ...s
 }) {
-  const i = w("bg-muted/70", e && "animate-pulse", we.shape[r], t);
-  return n > 1 ? /* @__PURE__ */ c(
+  const l = N("bg-muted/70", t && "animate-pulse", Ne.shape[n], r);
+  return o > 1 ? /* @__PURE__ */ i(
     "div",
     {
-      ref: a,
-      className: we.lineSpacing[o],
+      ref: e,
+      className: Ne.lineSpacing[a],
       role: "presentation",
       "aria-hidden": "true",
       "data-testid": "skeleton-container",
-      "data-lines": n,
-      "data-shape": r,
-      "data-animate": e,
+      "data-lines": o,
+      "data-shape": n,
+      "data-animate": t,
       ...s,
-      children: Array.from({ length: n }, (d, f) => /* @__PURE__ */ c(
+      children: Array.from({ length: o }, (d, m) => /* @__PURE__ */ i(
         "div",
         {
-          className: w(
-            i,
+          className: N(
+            l,
             // Make last line shorter for a more natural text appearance
-            f === n - 1 && "w-3/4"
+            m === o - 1 && "w-3/4"
           ),
           role: "presentation",
           "aria-hidden": "true",
           "data-testid": "skeleton-line",
-          "data-line-index": f
+          "data-line-index": m
         },
-        f
+        m
       ))
     }
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ i(
     "div",
     {
-      ref: a,
-      className: i,
+      ref: e,
+      className: l,
       role: "presentation",
       "aria-hidden": "true",
       "data-testid": "skeleton",
-      "data-shape": r,
-      "data-animate": e,
+      "data-shape": n,
+      "data-animate": t,
       ...s
     }
   );
 }
-function Ut({
-  id: r,
-  value: o,
-  defaultValue: t = 0,
-  onValueChange: n,
-  min: e = 0,
-  max: a = 100,
+function or({
+  id: n,
+  value: a,
+  defaultValue: r = 0,
+  onValueChange: o,
+  min: t = 0,
+  max: e = 100,
   step: s = 1,
-  disabled: i = !1,
+  disabled: l = !1,
   trackClassName: d,
-  rangeClassName: f,
-  thumbClassName: m,
-  className: l,
+  rangeClassName: m,
+  thumbClassName: h,
+  className: c,
   ref: b,
   ariaLabel: u,
-  ariaLabelledBy: h,
+  ariaLabelledBy: p,
   ...v
 }) {
-  const [p, y] = A(t), g = o !== void 0, x = g ? o : p, N = B(null), E = B(!1), S = B(0), I = z(
-    (D) => {
-      const R = Math.max(e, Math.min(a, D)), H = Math.round(R / s) * s;
-      g || y(H), n == null || n(H);
+  const [f, y] = A(r), x = a !== void 0, g = x ? a : f, w = K(null), k = K(!1), D = K(0), C = $(
+    (I) => {
+      const R = Math.max(t, Math.min(e, I)), M = Math.round(R / s) * s;
+      x || y(M), o == null || o(M);
     },
-    [e, a, s, g, n]
-  ), $ = z(
-    (D, R = !1) => {
-      var Q;
-      const H = (Q = N.current) == null ? void 0 : Q.getBoundingClientRect();
-      if (!H) return x;
-      let K = D.clientX;
-      R && (K = K - S.current);
-      const _ = Math.max(0, Math.min(1, (K - H.left) / H.width));
-      return e + (a - e) * _;
+    [t, e, s, x, o]
+  ), T = $(
+    (I, R = !1) => {
+      var H;
+      const M = (H = w.current) == null ? void 0 : H.getBoundingClientRect();
+      if (!M) return g;
+      let P = I.clientX;
+      R && (P = P - D.current);
+      const j = Math.max(0, Math.min(1, (P - M.left) / M.width));
+      return t + (e - t) * j;
     },
-    [e, a, x]
-  ), M = z(
-    (D) => {
-      if (i || D.target !== D.currentTarget) return;
-      const R = $(D);
-      I(R);
+    [t, e, g]
+  ), G = $(
+    (I) => {
+      if (l || I.target !== I.currentTarget) return;
+      const R = T(I);
+      C(R);
     },
-    [i, $, I]
-  ), L = z(
-    (D) => {
-      var Q;
-      if (i) return;
-      D.stopPropagation(), E.current = !0;
-      const R = (Q = N.current) == null ? void 0 : Q.getBoundingClientRect(), H = D.currentTarget.getBoundingClientRect();
-      if (R && H) {
-        const q = H.left + H.width / 2;
-        S.current = D.clientX - q;
+    [l, T, C]
+  ), L = $(
+    (I) => {
+      var H;
+      if (l) return;
+      I.stopPropagation(), k.current = !0;
+      const R = (H = w.current) == null ? void 0 : H.getBoundingClientRect(), M = I.currentTarget.getBoundingClientRect();
+      if (R && M) {
+        const B = M.left + M.width / 2;
+        D.current = I.clientX - B;
       }
-      D.currentTarget.setPointerCapture(D.pointerId);
-      const K = (q) => {
-        if (!E.current) return;
-        const Y = $(q, !0);
-        I(Y);
-      }, _ = (q) => {
-        if (q.pointerId === D.pointerId) {
-          E.current = !1, S.current = 0;
+      I.currentTarget.setPointerCapture(I.pointerId);
+      const P = (B) => {
+        if (!k.current) return;
+        const Q = T(B, !0);
+        C(Q);
+      }, j = (B) => {
+        if (B.pointerId === I.pointerId) {
+          k.current = !1, D.current = 0;
           try {
-            D.currentTarget.releasePointerCapture(q.pointerId);
+            I.currentTarget.releasePointerCapture(B.pointerId);
           } catch {
           }
-          document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", _);
+          document.removeEventListener("pointermove", P), document.removeEventListener("pointerup", j);
         }
       };
-      document.addEventListener("pointermove", K), document.addEventListener("pointerup", _);
+      document.addEventListener("pointermove", P), document.addEventListener("pointerup", j);
     },
-    [i, $, I]
-  ), U = z(
-    (D) => {
-      if (i) return;
-      let R = x;
-      switch (D.key) {
+    [l, T, C]
+  ), X = $(
+    (I) => {
+      if (l) return;
+      let R = g;
+      switch (I.key) {
         case "ArrowRight":
         case "ArrowUp":
-          R = x + s;
+          R = g + s;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          R = x - s;
+          R = g - s;
           break;
         case "Home":
-          R = e;
+          R = t;
           break;
         case "End":
-          R = a;
+          R = e;
           break;
         case "PageUp":
-          R = x + s * 10;
+          R = g + s * 10;
           break;
         case "PageDown":
-          R = x - s * 10;
+          R = g - s * 10;
           break;
         default:
           return;
       }
-      D.preventDefault(), I(R);
+      I.preventDefault(), C(R);
     },
-    [i, x, s, e, a, I]
-  ), j = a === e ? 0 : (x - e) / (a - e) * 100;
-  return /* @__PURE__ */ c(
+    [l, g, s, t, e, C]
+  ), F = e === t ? 0 : (g - t) / (e - t) * 100;
+  return /* @__PURE__ */ i(
     "div",
     {
-      id: r,
+      id: n,
       ref: b,
       className: V(
         "relative flex items-center w-full touch-none select-none",
-        i && "opacity-50 cursor-not-allowed",
-        l
+        l && "opacity-50 cursor-not-allowed",
+        c
       ),
-      "data-disabled": i,
-      "data-value": x,
-      "data-min": e,
-      "data-max": a,
+      "data-disabled": l,
+      "data-value": g,
+      "data-min": t,
+      "data-max": e,
       "data-step": s,
       ...v,
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ E(
         "div",
         {
-          ref: N,
+          ref: w,
           className: V(
             "relative h-1.5 w-full rounded-full bg-muted cursor-pointer",
-            i && "cursor-not-allowed",
+            l && "cursor-not-allowed",
             d
           ),
-          onPointerDown: M,
+          onPointerDown: G,
           children: [
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ i(
               "div",
               {
                 className: V(
                   "absolute h-full rounded-full pointer-events-none",
                   // pointer-events are disabled so that user interactions are handled by the track element, enabling correct slider behavior
-                  !E.current && "transition-all",
-                  f
+                  !k.current && "transition-all",
+                  m
                 ),
-                style: { width: `${j}%` }
+                style: { width: `${F}%` }
               }
             ),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ i(
               "div",
               {
                 className: V(
                   "absolute size-5 -top-2 rounded-full shadow-md cursor-grab",
-                  i && "cursor-not-allowed",
-                  !i && "cursor-grab focus:outline-none focus:ring-2",
-                  E.current ? "cursor-grabbing scale-110" : "transition-all",
-                  m
+                  l && "cursor-not-allowed",
+                  !l && "cursor-grab focus:outline-none focus:ring-2",
+                  k.current ? "cursor-grabbing scale-110" : "transition-all",
+                  h
                 ),
-                style: { left: `calc(${j}% - 10px)` },
-                tabIndex: i ? -1 : 0,
+                style: { left: `calc(${F}% - 10px)` },
+                tabIndex: l ? -1 : 0,
                 role: "slider",
-                "aria-valuemin": e,
-                "aria-valuemax": a,
-                "aria-valuenow": x,
+                "aria-valuemin": t,
+                "aria-valuemax": e,
+                "aria-valuenow": g,
                 "aria-label": u,
-                "aria-labelledby": h,
-                "aria-disabled": i,
-                onKeyDown: U,
+                "aria-labelledby": p,
+                "aria-disabled": l,
+                onKeyDown: X,
                 onPointerDown: L
               }
             )
@@ -2104,72 +2446,72 @@ function Ut({
     }
   );
 }
-function _t({ children: r, ref: o, ...t }) {
-  if (De(r)) {
-    let n = { ...t };
-    return r.props && (n = { ...n, ...r.props }), Re(r, {
-      ...n,
-      ref: (e) => {
-        typeof o == "function" ? o(e) : o && (o.current = e);
+function sr({ children: n, ref: a, ...r }) {
+  if (Ie(n)) {
+    let o = { ...r };
+    return n.props && (o = { ...o, ...n.props }), Se(n, {
+      ...o,
+      ref: (t) => {
+        typeof a == "function" ? a(t) : a && (a.current = t);
       }
     });
   }
-  return Te("div", { ...t, ref: o }, r);
+  return ze("div", { ...r, ref: a }, n);
 }
-const bt = ({ defaultValue: r, value: o, onValueChange: t } = {}) => {
-  const [n, e] = A(r || ""), a = o !== void 0, s = a ? o : n, i = z((d) => {
-    a || e(d), t == null || t(d);
-  }, [a, t]);
+const Et = ({ defaultValue: n, value: a, onValueChange: r } = {}) => {
+  const [o, t] = A(n || ""), e = a !== void 0, s = e ? a : o, l = $((d) => {
+    e || t(d), r == null || r(d);
+  }, [e, r]);
   return {
     value: s,
-    onValueChange: i
+    onValueChange: l
   };
 };
-function Xt({
-  defaultValue: r,
-  value: o,
-  onValueChange: t,
-  tabsWidth: n = "fit",
-  variant: e = "underline",
-  className: a,
+function ir({
+  defaultValue: n,
+  value: a,
+  onValueChange: r,
+  tabsWidth: o = "fit",
+  variant: t = "underline",
+  className: e,
   children: s,
-  ref: i,
+  ref: l,
   id: d,
-  triggersClassName: f,
-  contentClassName: m
+  triggersClassName: m,
+  contentClassName: h
 }) {
-  const { value: l, onValueChange: b } = bt({
-    defaultValue: r,
-    value: o,
-    onValueChange: t
+  const { value: c, onValueChange: b } = Et({
+    defaultValue: n,
+    value: a,
+    onValueChange: r
   }), u = {
-    selectedValue: l,
+    selectedValue: c,
     onValueChange: b,
-    tabsWidth: n,
-    variant: e,
-    triggersClassName: f,
-    contentClassName: m
+    tabsWidth: o,
+    variant: t,
+    triggersClassName: m,
+    contentClassName: h
   };
-  return /* @__PURE__ */ c(je.Provider, { value: u, children: /* @__PURE__ */ c("div", { id: d, ref: i, className: a, "data-tabs-width": n, "data-variant": e, children: s }) });
+  return /* @__PURE__ */ i(Ge.Provider, { value: u, children: /* @__PURE__ */ i("div", { id: d, ref: l, className: e, "data-tabs-width": o, "data-variant": t, children: s }) });
 }
-function Qt({ value: r, className: o, children: t, ref: n }) {
-  const { selectedValue: e, contentClassName: a } = he(), s = e === r;
-  return s ? /* @__PURE__ */ c(
+function lr({ value: n, className: a, children: r, ref: o }) {
+  const { selectedValue: t, contentClassName: e } = ve(), s = t === n;
+  return s ? /* @__PURE__ */ i(
     "div",
     {
-      ref: n,
+      ref: o,
       role: "tabpanel",
-      id: `tabs-content-${r}`,
-      "aria-labelledby": `tabs-trigger-${r}`,
+      id: `tabs-content-${n}`,
+      "aria-labelledby": `tabs-trigger-${n}`,
       "data-state": s ? "active" : "inactive",
-      "data-value": r,
-      className: w("mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2", a, o),
+      "data-value": 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", e, a),
       tabIndex: 0,
-      children: t
+      children: r
     }
   ) : null;
 }
-const Ne = {
+const ke = {
   width: {
     fit: "w-fit",
     full: "w-full *:flex-1"
@@ -2179,109 +2521,109 @@ const Ne = {
     pills: "",
     bordered: "border border-border rounded-lg p-1"
   }
-}, ht = {
+}, Ct = {
   underline: "border-b-2 border-transparent data-[state=active]:border-accent data-[state=active]:text-accent hover:text-accent-foreground",
   pills: "rounded-md data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30",
   bordered: "rounded data-[state=active]:bg-accent data-[state=active]:text-accent-foreground hover:bg-accent/30"
 };
-function Zt({ children: r, className: o, id: t, ref: n }) {
-  const { tabsWidth: e, variant: a } = he();
-  return /* @__PURE__ */ c(
+function cr({ children: n, className: a, id: r, ref: o }) {
+  const { tabsWidth: t, variant: e } = ve();
+  return /* @__PURE__ */ i(
     "div",
     {
-      id: t,
-      ref: n,
+      id: r,
+      ref: o,
       role: "tablist",
-      className: w("flex", Ne.width[e], Ne.variant[a], o),
-      "data-tabs-width": e,
-      "data-variant": a,
-      children: r
+      className: N("flex", ke.width[t], ke.variant[e], a),
+      "data-tabs-width": t,
+      "data-variant": e,
+      children: n
     }
   );
 }
-function Jt({ value: r, disabled: o = !1, className: t, children: n, onClick: e, id: a, ref: s }) {
-  const { selectedValue: i, onValueChange: d, variant: f, triggersClassName: m } = he(), l = i === r, b = (h) => {
-    o || d(r), e == null || e(h);
+function dr({ value: n, disabled: a = !1, className: r, children: o, onClick: t, id: e, ref: s }) {
+  const { selectedValue: l, onValueChange: d, variant: m, triggersClassName: h } = ve(), c = l === n, b = (p) => {
+    a || d(n), t == null || t(p);
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ i(
     "button",
     {
-      id: a,
+      id: e,
       ref: s,
       role: "tab",
       type: "button",
-      "aria-selected": l,
-      "aria-controls": `tabs-content-${r}`,
-      "data-state": l ? "active" : "inactive",
-      "data-value": r,
-      disabled: o,
-      className: w(
+      "aria-selected": c,
+      "aria-controls": `tabs-content-${n}`,
+      "data-state": c ? "active" : "inactive",
+      "data-value": n,
+      disabled: a,
+      className: 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",
-        l ? "font-medium" : "font-light",
-        ht[f],
-        m,
-        t
+        c ? "font-medium" : "font-light",
+        Ct[m],
+        h,
+        r
       ),
       onClick: b,
-      children: n
+      children: o
     }
   );
 }
-function vt({ elementId: r, maxLength: o }) {
-  const [t, n] = A(0);
-  return C(() => {
-    const e = document.getElementById(r);
-    if (!e)
+function zt({ elementId: n, maxLength: a }) {
+  const [r, o] = A(0);
+  return S(() => {
+    const t = document.getElementById(n);
+    if (!t)
       return;
-    const a = () => {
-      const s = e.value.length;
-      n(s);
-      const i = s >= o;
-      e.setAttribute("aria-describedby", `${r}-character-count`), e.setAttribute("aria-invalid", i ? "true" : "false"), i ? e.setAttribute("data-error", "true") : e.removeAttribute("data-error");
+    const e = () => {
+      const s = t.value.length;
+      o(s);
+      const l = s >= a;
+      t.setAttribute("aria-describedby", `${n}-character-count`), t.setAttribute("aria-invalid", l ? "true" : "false"), l ? t.setAttribute("data-error", "true") : t.removeAttribute("data-error");
     };
-    return a(), e.addEventListener("input", a), e.setAttribute("maxlength", String(o)), () => {
-      e.removeEventListener("input", a), e.removeAttribute("maxlength"), e.removeAttribute("aria-describedby"), e.removeAttribute("aria-invalid"), e.removeAttribute("data-error");
+    return e(), t.addEventListener("input", e), t.setAttribute("maxlength", String(a)), () => {
+      t.removeEventListener("input", e), t.removeAttribute("maxlength"), t.removeAttribute("aria-describedby"), t.removeAttribute("aria-invalid"), t.removeAttribute("data-error");
     };
-  }, [r, o]), /* @__PURE__ */ c(
+  }, [n, a]), /* @__PURE__ */ i(
     "small",
     {
-      className: w(
+      className: N(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",
-        t >= o && "text-destructive",
-        t < o && "text-current"
+        r >= a && "text-destructive",
+        r < a && "text-current"
       ),
       role: "status",
-      children: /* @__PURE__ */ k("span", { id: `${r}-character-count`, children: [
-        t,
+      children: /* @__PURE__ */ E("span", { id: `${n}-character-count`, children: [
+        r,
         " / ",
-        o,
+        a,
         " characters"
       ] })
     }
   );
 }
-function pt(r, o) {
-  C(() => {
-    const t = document.getElementById(r);
-    if (!t)
+function At(n, a) {
+  S(() => {
+    const r = document.getElementById(n);
+    if (!r)
       return;
-    if (!o) {
-      t.style.height = "auto";
+    if (!a) {
+      r.style.height = "auto";
       return;
     }
-    const n = () => {
-      t.style.height = "auto", t.style.height = `${t.scrollHeight}px`;
+    const o = () => {
+      r.style.height = "auto", r.style.height = `${r.scrollHeight}px`;
     };
-    return n(), t.addEventListener("input", n), t.addEventListener("resize", n), window.addEventListener("resize", n), () => {
-      t.removeEventListener("input", n), t.removeEventListener("resize", n), window.removeEventListener("resize", n);
+    return o(), r.addEventListener("input", o), r.addEventListener("resize", o), window.addEventListener("resize", o), () => {
+      r.removeEventListener("input", o), r.removeEventListener("resize", o), window.removeEventListener("resize", o);
     };
-  }, [r, o]);
+  }, [n, a]);
 }
-const gt = {
+const Tt = {
   base: "",
   "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",
   outline: "border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-destructive not-disabled:data-success:border-success"
-}, xt = {
+}, $t = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -2291,54 +2633,54 @@ const gt = {
   variant: "outline",
   rounded: "none"
 };
-function Yt({
-  variant: r = Ee.variant,
-  rounded: o,
-  displayOnlyMode: t = !1,
-  errorMessage: n,
-  successMessage: e,
-  hideResizeHandle: a = !1,
+function ur({
+  variant: n = Ee.variant,
+  rounded: a,
+  displayOnlyMode: r = !1,
+  errorMessage: o,
+  successMessage: t,
+  hideResizeHandle: e = !1,
   autoExpand: s = !1,
-  characterLimit: i = 0,
+  characterLimit: l = 0,
   className: d,
-  ...f
+  ...m
 }) {
-  const m = P();
-  pt(m, s || t);
-  let l = o;
-  r === "outline" && !o && (l = "md"), l = l || Ee.rounded;
-  let b = a;
-  (t || r === "left-line" && !a) && (b = !0);
-  const h = w(
+  const h = _();
+  At(h, s || r);
+  let c = a;
+  n === "outline" && !a && (c = "md"), c = c || Ee.rounded;
+  let b = e;
+  (r || n === "left-line" && !e) && (b = !0);
+  const p = 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",
-    !t && gt[r],
-    !t && xt[l],
-    !t && "px-2 py-1",
-    t && "pointer-events-none",
+    !r && Tt[n],
+    !r && $t[c],
+    !r && "px-2 py-1",
+    r && "pointer-events-none",
     b && "no-resize-handle",
     d
   );
-  return /* @__PURE__ */ k("div", { className: w("-space-y-1.5", t && "cursor-text"), children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ E("div", { className: N("-space-y-1.5", r && "cursor-text"), children: [
+    /* @__PURE__ */ i(
       "textarea",
       {
-        ...f,
-        id: m,
-        "aria-disabled": f.disabled,
-        readOnly: t,
-        "aria-readonly": t || f["aria-readonly"],
+        ...m,
+        id: h,
+        "aria-disabled": m.disabled,
+        readOnly: r,
+        "aria-readonly": r || m["aria-readonly"],
         style: {
           resize: s ? "none" : void 0
         },
-        className: h
+        className: p
       }
     ),
-    i > 0 && /* @__PURE__ */ c(vt, { elementId: m, maxLength: i }),
-    !t && /* @__PURE__ */ c(le, { elementId: m, type: "error", message: n }),
-    !t && /* @__PURE__ */ c(le, { elementId: m, type: "success", message: e })
+    l > 0 && /* @__PURE__ */ i(zt, { elementId: h, maxLength: l }),
+    !r && /* @__PURE__ */ i(ue, { elementId: h, type: "error", message: o }),
+    !r && /* @__PURE__ */ i(ue, { elementId: h, type: "success", message: t })
   ] });
 }
-const yt = {
+const Dt = {
   sm: {
     container: "h-5 min-w-9 w-9",
     thumb: "h-4 w-4",
@@ -2354,7 +2696,7 @@ const yt = {
     thumb: "h-6 w-6",
     translate: "translate-x-6"
   }
-}, wt = {
+}, It = {
   default: {
     unchecked: "bg-muted",
     checked: "bg-primary"
@@ -2367,47 +2709,47 @@ const yt = {
     unchecked: "bg-muted",
     checked: "bg-destructive"
   }
-}, ke = {
+}, Ce = {
   variant: "default",
   size: "md"
 };
-function Ot({
-  ref: r,
-  id: o,
-  size: t = ke.size,
-  variant: n = ke.variant,
-  checked: e,
-  onCheckedChange: a,
+function fr({
+  ref: n,
+  id: a,
+  size: r = Ce.size,
+  variant: o = Ce.variant,
+  checked: t,
+  onCheckedChange: e,
   disabled: s = !1,
-  className: i,
+  className: l,
   thumbClassName: d,
-  backgroundClassNames: f,
-  ...m
+  backgroundClassNames: m,
+  ...h
 }) {
-  const l = P(), b = J(() => o || `toggle-${l}`, [o, l]), [u, h] = A(e);
-  C(() => {
-    h(e);
-  }, [e]);
+  const c = _(), b = U(() => a || `toggle-${c}`, [a, c]), [u, p] = A(t);
+  S(() => {
+    p(t);
+  }, [t]);
   const v = () => {
     if (!s) {
-      const E = !u;
-      e === void 0 && h(E), a == null || a(E);
+      const k = !u;
+      t === void 0 && p(k), e == null || e(k);
     }
-  }, p = (E) => {
-    (E.key === " " || E.key === "Enter") && (E.preventDefault(), v());
-  }, y = yt[t], g = wt[n], x = w(
+  }, f = (k) => {
+    (k.key === " " || k.key === "Enter") && (k.preventDefault(), v());
+  }, y = Dt[r], x = It[o], g = N(
     // Base styles
     "relative inline-flex items-center rounded-full transition-all duration-200 ease-in-out",
     "focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
     // Size
     y.container,
     // Variant and state
-    u ? (f == null ? void 0 : f.checked) || g.checked : (f == null ? void 0 : f.unchecked) || g.unchecked,
+    u ? (m == null ? void 0 : m.checked) || x.checked : (m == null ? void 0 : m.unchecked) || x.unchecked,
     // Disabled state
     s && "opacity-50 cursor-not-allowed",
     !s && "cursor-pointer",
-    i
-  ), N = w(
+    l
+  ), w = N(
     // Base thumb styles
     "absolute left-0.5 top-1/2 -translate-y-1/2 rounded-full bg-white shadow-sm transition-transform duration-200 ease-in-out",
     // Size
@@ -2416,10 +2758,10 @@ function Ot({
     u && y.translate,
     d
   );
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ E(
     "button",
     {
-      ref: r,
+      ref: n,
       id: b,
       type: "button",
       role: "switch",
@@ -2428,214 +2770,214 @@ function Ot({
       "aria-disabled": s,
       disabled: s,
       onClick: v,
-      onKeyDown: p,
-      className: x,
-      ...m,
+      onKeyDown: f,
+      className: g,
+      ...h,
       children: [
-        /* @__PURE__ */ c("span", { className: N }),
-        /* @__PURE__ */ c("span", { className: "sr-only", children: u ? "Enabled" : "Disabled" })
+        /* @__PURE__ */ i("span", { className: w }),
+        /* @__PURE__ */ i("span", { className: "sr-only", children: u ? "Enabled" : "Disabled" })
       ]
     }
   );
 }
-const se = 8, ie = 4, X = 6;
-function Nt(r) {
-  return { calculatePosition: z(
-    (t, n) => {
-      const e = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = {
+const ce = 8, de = 4, J = 6;
+function St(n) {
+  return { calculatePosition: $(
+    (r, o) => {
+      const t = r.getBoundingClientRect(), e = o.getBoundingClientRect(), s = {
         width: window.innerWidth,
         height: window.innerHeight
-      }, i = (b, u, h, v) => b < 0 || u < 0 || b + h > s.width || u + v > s.height, d = {
+      }, l = (b, u, p, v) => b < 0 || u < 0 || b + p > s.width || u + v > s.height, d = {
         top: {
-          x: e.left + e.width / 2 - a.width / 2,
-          y: e.top - a.height - ie,
+          x: t.left + t.width / 2 - e.width / 2,
+          y: t.top - e.height - de,
           arrow: {
-            x: a.width / 2 - X,
-            y: a.height
+            x: e.width / 2 - J,
+            y: e.height
           }
         },
         bottom: {
-          x: e.left + e.width / 2 - a.width / 2,
-          y: e.bottom + ie,
+          x: t.left + t.width / 2 - e.width / 2,
+          y: t.bottom + de,
           arrow: {
-            x: a.width / 2 - X,
+            x: e.width / 2 - J,
             y: -6
           }
         },
         left: {
-          x: e.left - a.width - ie,
-          y: e.top + e.height / 2 - a.height / 2,
+          x: t.left - e.width - de,
+          y: t.top + t.height / 2 - e.height / 2,
           arrow: {
-            x: a.width,
-            y: a.height / 2 - X
+            x: e.width,
+            y: e.height / 2 - J
           }
         },
         right: {
-          x: e.right + ie,
-          y: e.top + e.height / 2 - a.height / 2,
+          x: t.right + de,
+          y: t.top + t.height / 2 - e.height / 2,
           arrow: {
             x: -6,
-            y: a.height / 2 - X
+            y: e.height / 2 - J
           }
         }
       };
-      let f = r, m = d[r];
-      if (i(m.x, m.y, a.width, a.height)) {
+      let m = n, h = d[n];
+      if (l(h.x, h.y, e.width, e.height)) {
         const b = {
           top: "bottom",
           bottom: "top",
           left: "right",
           right: "left"
-        }, u = d[b[r]];
-        if (!i(u.x, u.y, a.width, a.height))
-          f = b[r], m = u;
+        }, u = d[b[n]];
+        if (!l(u.x, u.y, e.width, e.height))
+          m = b[n], h = u;
         else {
-          const h = ["top", "bottom", "left", "right"].filter(
-            (v) => v !== r && v !== b[r]
+          const p = ["top", "bottom", "left", "right"].filter(
+            (v) => v !== n && v !== b[n]
           );
-          for (const v of h) {
-            const p = d[v];
-            if (!i(p.x, p.y, a.width, a.height)) {
-              f = v, m = p;
+          for (const v of p) {
+            const f = d[v];
+            if (!l(f.x, f.y, e.width, e.height)) {
+              m = v, h = f;
               break;
             }
           }
         }
       }
-      m.x = Math.max(
-        se,
-        Math.min(m.x, s.width - a.width - se)
-      ), m.y = Math.max(
-        se,
-        Math.min(m.y, s.height - a.height - se)
+      h.x = Math.max(
+        ce,
+        Math.min(h.x, s.width - e.width - ce)
+      ), h.y = Math.max(
+        ce,
+        Math.min(h.y, s.height - e.height - ce)
       );
-      const l = {
-        x: e.left + e.width / 2,
-        y: e.top + e.height / 2
+      const c = {
+        x: t.left + t.width / 2,
+        y: t.top + t.height / 2
       };
-      return f === "top" || f === "bottom" ? m.arrow.x = Math.max(
-        X,
-        Math.min(l.x - m.x - X, a.width - X * 2)
-      ) : m.arrow.y = Math.max(
-        X,
-        Math.min(l.y - m.y - X, a.height - X * 2)
+      return m === "top" || m === "bottom" ? h.arrow.x = Math.max(
+        J,
+        Math.min(c.x - h.x - J, e.width - J * 2)
+      ) : h.arrow.y = Math.max(
+        J,
+        Math.min(c.y - h.y - J, e.height - J * 2)
       ), {
-        ...m,
-        placement: f
+        ...h,
+        placement: m
       };
     },
-    [r]
+    [n]
   ) };
 }
-function Et(r, o, t) {
-  const n = B(null), e = B(null), a = z(() => {
-    if (!n.current || !e.current) return;
-    const s = r(n.current, e.current);
-    t(s);
-  }, [r, t]);
-  return C(() => {
-    if (!o) return;
-    const s = () => a();
+function Rt(n, a, r) {
+  const o = K(null), t = K(null), e = $(() => {
+    if (!o.current || !t.current) return;
+    const s = n(o.current, t.current);
+    r(s);
+  }, [n, r]);
+  return S(() => {
+    if (!a) return;
+    const s = () => e();
     return window.addEventListener("resize", s), () => {
       window.removeEventListener("resize", s);
     };
-  }, [o, a]), {
-    triggerRef: n,
-    tooltipRef: e,
-    updatePosition: a
+  }, [a, e]), {
+    triggerRef: o,
+    tooltipRef: t,
+    updatePosition: e
   };
 }
-function kt(r, o, t, n, e, a, s, i, d) {
-  const f = B(null), m = z(() => {
-    r || (f.current && clearTimeout(f.current), f.current = window.setTimeout(() => {
-      t(!0), requestAnimationFrame(() => {
-        e(), n(!0);
+function Lt(n, a, r, o, t, e, s, l, d) {
+  const m = K(null), h = $(() => {
+    n || (m.current && clearTimeout(m.current), m.current = window.setTimeout(() => {
+      r(!0), requestAnimationFrame(() => {
+        t(), o(!0);
       });
-    }, o));
-  }, [r, o, t, e, n]), l = z(
+    }, a));
+  }, [n, a, r, t, o]), c = $(
     (b = !1) => {
-      if (f.current && clearTimeout(f.current), b) {
-        n(!1), setTimeout(() => t(!1), 150);
+      if (m.current && clearTimeout(m.current), b) {
+        o(!1), setTimeout(() => r(!1), 150);
         return;
       }
-      f.current = window.setTimeout(() => {
-        n(!1), setTimeout(() => t(!1), 150);
+      m.current = window.setTimeout(() => {
+        o(!1), setTimeout(() => r(!1), 150);
       }, 100);
     },
-    [n, t]
+    [o, r]
   );
-  return C(() => {
-    !a && !s && !i && d && l();
-  }, [a, s, i, d, l]), C(() => () => {
-    f.current && clearTimeout(f.current);
+  return S(() => {
+    !e && !s && !l && d && c();
+  }, [e, s, l, d, c]), S(() => () => {
+    m.current && clearTimeout(m.current);
   }, []), {
-    showTooltip: m,
-    hideTooltip: l,
-    timeoutRef: f
+    showTooltip: h,
+    hideTooltip: c,
+    timeoutRef: m
   };
 }
-function er({
-  id: r,
-  children: o,
-  message: t,
-  placement: n = "top",
-  disabled: e = !1,
-  delay: a = 200,
+function mr({
+  id: n,
+  children: a,
+  message: r,
+  placement: o = "top",
+  disabled: t = !1,
+  delay: e = 200,
   className: s
 }) {
-  const [i, d] = A(!1), [f, m] = A(!1), [l, b] = A(null), [u, h] = A(!1), [v, p] = A(!1), [y, g] = A(!1), { calculatePosition: x } = Nt(n), { triggerRef: N, tooltipRef: E, updatePosition: S } = Et(x, f, b), { showTooltip: I, hideTooltip: $, timeoutRef: M } = kt(
+  const [l, d] = A(!1), [m, h] = A(!1), [c, b] = A(null), [u, p] = A(!1), [v, f] = A(!1), [y, x] = A(!1), { calculatePosition: g } = St(o), { triggerRef: w, tooltipRef: k, updatePosition: D } = Rt(g, m, b), { showTooltip: C, hideTooltip: T, timeoutRef: G } = Lt(
+    t,
     e,
-    a,
-    m,
+    h,
     d,
-    S,
+    D,
     u,
     v,
     y,
-    i
-  ), L = P(), U = r ?? L;
-  return /* @__PURE__ */ k(ne, { children: [
-    G.cloneElement(o, {
-      ref: (j) => {
-        N.current = j;
+    l
+  ), L = _(), X = n ?? L;
+  return /* @__PURE__ */ E(O, { children: [
+    Z.cloneElement(a, {
+      ref: (F) => {
+        w.current = F;
       },
       onMouseEnter: () => {
-        h(!0), I();
+        p(!0), C();
       },
       onMouseLeave: () => {
-        h(!1);
+        p(!1);
       },
       onFocus: () => {
-        g(!0), I();
+        x(!0), C();
       },
       onBlur: () => {
-        g(!1), $(!0);
+        x(!1), T(!0);
       },
-      onKeyDown: (j) => {
-        j.key === "Escape" && $(!0);
+      onKeyDown: (F) => {
+        F.key === "Escape" && T(!0);
       },
-      "aria-describedby": e ? void 0 : U
+      "aria-describedby": t ? void 0 : X
     }),
-    f && pe(
-      /* @__PURE__ */ c(
+    m && fe(
+      /* @__PURE__ */ i(
         "div",
         {
-          ref: E,
-          id: U,
+          ref: k,
+          id: X,
           role: "tooltip",
-          className: w(
+          className: N(
             "fixed z-50 px-2 py-1 text-sm rounded shadow-lg bg-popover pointer-events-auto transition-all duration-150 ease-out",
-            i ? "opacity-100" : "opacity-0",
+            l ? "opacity-100" : "opacity-0",
             s
           ),
-          style: l ? { left: l.x, top: l.y } : { opacity: 0 },
+          style: c ? { left: c.x, top: c.y } : { opacity: 0 },
           onMouseEnter: () => {
-            p(!0), M.current && clearTimeout(M.current);
+            f(!0), G.current && clearTimeout(G.current);
           },
           onMouseLeave: () => {
-            p(!1);
+            f(!1);
           },
-          children: t
+          children: r
         }
       ),
       document.body
@@ -2643,35 +2985,36 @@ function er({
   ] });
 }
 export {
-  Rt as Accordion,
-  fe as AccordionItem,
-  nr as ActionModal,
-  qe as Button,
-  St as Carousel,
-  Lt as Checkbox,
-  Vt as Clickable,
-  Wt as Input,
-  Bt as Label,
-  Me as LoadingDots,
-  Ht as Modal,
-  jt as Pagination,
-  Ft as Panel,
-  Mt as RadioGroup,
+  Pt as Accordion,
+  me as AccordionItem,
+  pr as ActionModal,
+  Qe as Button,
+  qt as Carousel,
+  Zt as Checkbox,
+  _t as Clickable,
+  Xt as CodeBlock,
+  Ut as Input,
+  Jt as Label,
+  _e as LoadingDots,
+  Qt as Modal,
+  Yt as Pagination,
+  Ot as Panel,
+  er as RadioGroup,
   be as RadioGroupItem,
-  st as RadioInput,
-  Gt as ScrollArea,
-  Pt as Select,
-  Kt as Separator,
-  qt as Skeleton,
-  Ut as Slider,
-  _t as Slot,
-  Xt as Tabs,
-  Qt as TabsContent,
-  Zt as TabsList,
-  Jt as TabsTrigger,
-  Yt as Textarea,
-  ar as Toast,
-  Ot as Toggle,
-  er as Tooltip
+  pt as RadioInput,
+  tr as ScrollArea,
+  rr as Select,
+  nr as Separator,
+  ar as Skeleton,
+  or as Slider,
+  sr as Slot,
+  ir as Tabs,
+  lr as TabsContent,
+  cr as TabsList,
+  dr as TabsTrigger,
+  ur as Textarea,
+  vr as Toast,
+  fr as Toggle,
+  mr as Tooltip
 };
 //# sourceMappingURL=components.esm.js.map