@moondreamsdev/dreamer-ui 1.7.7-test.2 → 1.7.7-test.21

package/dist/components.esm.js

@@ -1,47 +1,47 @@
-import { jsxs as E, jsx as f, Fragment as J } from "react/jsx-runtime";
-import z, { useId as I, useState as x, createElement as Y, useEffect as C, useCallback as A, useMemo as W, useRef as j, isValidElement as P, cloneElement as ee } from "react";
+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 z, useRef as B, useCallback as C, useMemo as J, isValidElement as De, cloneElement as Re } from "react";
 import { join as w } from "./utils.esm.js";
-import { b as te, C as re, a as ne, c as oe, E as ae, Q as se } from "./QuestionMarkCircled-BVBF3skB.js";
-import { n as q } from "./Toast-C5BwqBkw.js";
-import { A as Me, T as Oe } from "./Toast-C5BwqBkw.js";
-import { E as ie, X as le } from "./X-CIoyLewf.js";
-import { createPortal as M } from "react-dom";
-function K({
-  id: o,
-  title: a,
-  content: e,
+import { d as Ae, e as Ie, f as Ce, C as ze, 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-BFQrI1bB.js";
+import { A as nr, T as ar } from "./Toast-BFQrI1bB.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: t = "",
-  disabled: r = !1,
+  className: e = "",
+  disabled: a = !1,
   isOpen: s = !1,
-  onToggle: d,
-  triggerClassName: u = "",
-  bodyClassName: l = ""
+  onToggle: i,
+  triggerClassName: d = "",
+  bodyClassName: f = ""
 }) {
-  const b = I(), i = o || `accordion-item-${b}`, v = `${i}-header`, c = `${i}-panel`, m = () => {
-    !r && d && d();
-  }, p = (h) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), 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());
   };
-  return /* @__PURE__ */ E("div", { className: w("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", t), children: [
-    /* @__PURE__ */ E(
+  return /* @__PURE__ */ k("div", { className: w("border-b border-gray-200", a && "opacity-60 cursor-not-allowed", e), children: [
+    /* @__PURE__ */ k(
       "button",
       {
-        id: v,
+        id: b,
         type: "button",
         className: w(
           "w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary",
-          r ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
-          u
+          a ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
+          d
         ),
         "aria-expanded": s,
-        "aria-controls": c,
-        disabled: r,
-        onClick: m,
-        onKeyDown: p,
+        "aria-controls": u,
+        disabled: a,
+        onClick: h,
+        onKeyDown: v,
         children: [
-          /* @__PURE__ */ f("span", { children: a }),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ c("span", { children: o }),
+          /* @__PURE__ */ c(
             "span",
             {
               className: w(
@@ -49,78 +49,78 @@ function K({
                 s ? "rotate-180" : "rotate-0"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ f(te, { size: 18 })
+              children: /* @__PURE__ */ c(Ae, { size: 18 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ f(
+    /* @__PURE__ */ c(
       "div",
       {
-        id: c,
+        id: u,
         role: "region",
-        "aria-labelledby": v,
+        "aria-labelledby": b,
         className: w(
           "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",
-          l
+          f
         ),
-        children: s && (n || e)
+        children: s && (n || t)
       }
     )
   ] });
 }
-function He({
-  id: o,
-  items: a = [],
-  children: e,
+function Rt({
+  id: r,
+  items: o = [],
+  children: t,
   className: n = "",
-  itemClassName: t = "",
-  allowMultiple: r = !1,
+  itemClassName: e = "",
+  allowMultiple: a = !1,
   defaultOpenItems: s = [],
-  triggersClassName: d = "",
-  bodiesClassName: u = ""
+  triggersClassName: i = "",
+  bodiesClassName: d = ""
 }) {
-  const l = I(), b = o || `accordion-group-${l}`, [i, v] = x(new Set(s)), c = (h) => {
-    v((y) => {
+  const f = P(), m = r || `accordion-group-${f}`, [l, b] = A(new Set(s)), u = (p) => {
+    b((y) => {
       const g = new Set(y);
-      return g.has(h) ? g.delete(h) : (r || g.clear(), g.add(h)), g;
+      return g.has(p) ? g.delete(p) : (a || g.clear(), g.add(p)), g;
     });
-  }, m = (h) => `${l}-item-${h}`, p = (h) => i.has(h);
-  return /* @__PURE__ */ E("div", { id: b, className: n, children: [
-    a.length > 0 && a.map((h, y) => {
-      const g = h.id || m(y);
-      return /* @__PURE__ */ f(
-        K,
+  }, 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,
         {
           id: g,
-          title: h.title,
-          content: h.content,
-          disabled: h.disabled,
-          isOpen: p(g),
-          onToggle: () => c(g),
-          className: t,
-          triggerClassName: d,
-          bodyClassName: u
+          title: p.title,
+          content: p.content,
+          disabled: p.disabled,
+          isOpen: v(g),
+          onToggle: () => u(g),
+          className: e,
+          triggerClassName: i,
+          bodyClassName: d
         },
         g
       );
     }),
-    a.length === 0 && e && z.Children.map(e, (h, y) => {
-      if (z.isValidElement(h) && h.type === K) {
-        const g = h.props.id || m(y);
-        return /* @__PURE__ */ Y(
-          K,
+    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,
           {
-            ...h.props,
+            ...p.props,
             key: g,
             id: g,
-            className: w(t, h.props.className),
-            isOpen: p(g),
-            onToggle: () => c(g),
-            triggerClassName: w(d, h.props.triggerClassName),
-            bodyClassName: w(u, h.props.bodyClassName)
+            className: w(e, p.props.className),
+            isOpen: v(g),
+            onToggle: () => u(g),
+            triggerClassName: w(i, p.props.triggerClassName),
+            bodyClassName: w(d, p.props.bodyClassName)
           }
         );
       }
@@ -128,25 +128,25 @@ function He({
     })
   ] });
 }
-function de() {
-  const [o, a] = x(0);
-  return C(() => {
-    const e = setInterval(() => {
-      a((n) => (n + 1) % 3);
+function Me() {
+  const [r, o] = A(0);
+  return z(() => {
+    const t = setInterval(() => {
+      o((n) => (n + 1) % 3);
     }, 500);
-    return () => clearInterval(e);
-  }, []), /* @__PURE__ */ f("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((e) => /* @__PURE__ */ f(
+    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(
     "div",
     {
       className: w(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        o === e && "transform -translate-y-1"
+        r === t && "transform -translate-y-1"
       )
     },
-    e
+    t
   )) });
 }
-const ue = {
+const Ge = {
   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 +154,7 @@ const ue = {
   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"
-}, ce = {
+}, Pe = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -162,60 +162,60 @@ const ue = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, fe = {
+}, Ke = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, V = {
+}, me = {
   variant: "primary",
   size: "md",
   rounded: "md"
 };
-function me({
-  variant: o = V.variant,
-  size: a,
-  rounded: e = V.rounded,
+function qe({
+  variant: r = me.variant,
+  size: o,
+  rounded: t = me.rounded,
   loading: n,
-  linkTo: t,
-  linkProps: r,
+  linkTo: e,
+  linkProps: a,
   type: s = "button",
-  className: d,
-  ...u
+  className: i,
+  ...d
 }) {
-  let l;
-  o === "link" && !a ? l = "fitted" : l = a || V.size;
-  const i = w(
+  let f;
+  r === "link" && !o ? f = "fitted" : f = o || me.size;
+  const l = w(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    ue[o],
-    ce[l],
-    fe[e],
+    Ge[r],
+    Pe[f],
+    Ke[t],
     n && "relative pointer-events-none",
-    t && "relative",
-    d
+    e && "relative",
+    i
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ k(
     "button",
     {
-      ...u,
-      role: t ? "link" : u.role,
-      "aria-label": u["aria-label"] || (r == null ? void 0 : r["aria-label"]),
-      "aria-description": u["aria-description"] || (r == null ? void 0 : r["aria-description"]),
-      "aria-disabled": u.disabled || n,
+      ...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,
       type: s,
-      className: i,
+      className: l,
       children: [
-        n && /* @__PURE__ */ f(de, {}),
-        /* @__PURE__ */ f("span", { className: w(n && "invisible"), children: u.children }),
-        t && !u.disabled && /* @__PURE__ */ f(
+        n && /* @__PURE__ */ c(Me, {}),
+        /* @__PURE__ */ c("span", { className: w(n && "invisible"), children: d.children }),
+        e && !d.disabled && /* @__PURE__ */ c(
           "a",
           {
-            ...r,
+            ...a,
             "aria-hidden": !0,
-            href: t,
-            rel: (r == null ? void 0 : r.rel) || "noreferrer",
+            href: e,
+            rel: (a == null ? void 0 : a.rel) || "noreferrer",
             className: "absolute inset-0"
           }
         )
@@ -223,346 +223,661 @@ function me({
     }
   );
 }
-function be(o) {
-  const [a, e] = x(""), n = A((t) => {
-    let r = t, s = "";
-    for (; r && !s; ) {
-      const d = window.getComputedStyle(r).backgroundColor;
-      d && d !== "transparent" && d !== "rgba(0, 0, 0, 0)" && (s = d), r = r.parentElement;
+function Ue({
+  totalItems: r,
+  itemsToShow: o,
+  infinite: t,
+  autoScroll: n,
+  scrollInterval: e,
+  pauseScrollOnHover: a,
+  currentIndex: s,
+  onIndexChange: i
+}) {
+  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 = C(
+    (x) => {
+      const N = Math.max(0, Math.min(x, u - 1));
+      f(N), i == null || i(N);
+    },
+    [u, i]
+  ), y = C(() => {
+    if (h) {
+      const x = d === 0 && t ? u - 1 : d - 1;
+      p(x);
+    }
+  }, [d, h, t, u, p]), g = C(() => {
+    if (v) {
+      const x = d === u - 1 && t ? 0 : d + 1;
+      p(x);
+    }
+  }, [d, v, t, u, p]);
+  return z(() => {
+    s !== void 0 && s !== d && f(s);
+  }, [s, d]), z(() => {
+    if (!n) return;
+    const x = () => {
+      b.current = setInterval(() => {
+        a && m || g();
+      }, e);
+    }, N = () => {
+      b.current && (clearInterval(b.current), b.current = null);
+    };
+    return !m || !a ? x() : N(), N;
+  }, [n, e, a, m, g]), z(() => {
+    f(0);
+  }, [o]), {
+    currentSlide: d,
+    canGoPrev: h,
+    canGoNext: v,
+    goToPrev: y,
+    goToNext: g,
+    goToSlide: p,
+    isHovered: m,
+    setIsHovered: l
+  };
+}
+const ee = {
+  xs: 0,
+  // Smaller than `sm`
+  sm: 640,
+  // Tailwind's `sm` breakpoint: `@media (min-width: 640px)`
+  md: 768,
+  // Tailwind's `md` breakpoint: `@media (min-width: 768px)`
+  lg: 1024,
+  // Tailwind's `lg` breakpoint: `@media (min-width: 1024px)`
+  xl: 1280,
+  // Tailwind's `xl` breakpoint: `@media (min-width: 1280px)`
+  "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 z(() => {
+    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);
+    const s = () => {
+      o(a(window.innerWidth)), n(window.innerWidth);
+    };
+    return window.addEventListener("resize", s), () => {
+      window.removeEventListener("resize", s);
+    };
+  }, []), { screenSize: r, screenWidth: t, getBreakpoint: e };
+}
+const ae = {
+  sm: {
+    button: "h-6 w-6 text-xs",
+    icon: "size-3"
+  },
+  md: {
+    button: "h-8 w-8 text-sm",
+    icon: "size-4"
+  },
+  lg: {
+    button: "h-10 w-10 text-lg",
+    icon: "size-5"
+  }
+}, ge = {
+  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 = {
+  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"
+  },
+  exterior: {
+    prev: "absolute -left-10 top-1/2 -translate-y-1/2 z-10",
+    next: "absolute -right-10 top-1/2 -translate-y-1/2 z-10"
+  },
+  interior: {
+    prev: "absolute left-2 top-1/2 -translate-y-1/2 z-10",
+    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,
+  pauseScrollOnHover: s = !0,
+  currentIndex: i,
+  onIndexChange: d,
+  hidePrevNext: f = !1,
+  hideDots: m = !1,
+  itemsToShow: l = 1,
+  buttonSize: b = "md",
+  buttonVariant: u = "default",
+  buttonPosition: h = "exterior",
+  infinite: v = !0,
+  prevButton: p,
+  nextButton: y,
+  itemsClassName: g,
+  containerClassName: x,
+  dotsClassName: N,
+  gap: E = 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];
+      }
+    }
+    return 1;
+  }, [l, M]), { currentSlide: U, canGoPrev: j, canGoNext: D, goToPrev: R, goToNext: H, goToSlide: K, setIsHovered: _ } = Ue({
+    totalItems: $,
+    itemsToShow: L,
+    infinite: v,
+    autoScroll: e,
+    scrollInterval: a,
+    pauseScrollOnHover: s,
+    currentIndex: i,
+    onIndexChange: d
+  }), Q = C(
+    (Z) => {
+      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 };
+    },
+    [L, E]
+  ), q = () => {
+    R();
+  }, Y = () => {
+    H();
+  }, ce = () => {
+    s && _(!0);
+  }, de = () => {
+    s && _(!1);
+  }, ue = -(U * (100 / $) * L), T = w(
+    "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"
+  );
+  return /* @__PURE__ */ k("div", { className: w("relative", n), "data-carousel-wrapper": "true", children: [
+    !f && /* @__PURE__ */ c(ne, { children: p ? G.cloneElement(
+      p,
+      {
+        onClick: q,
+        disabled: !j,
+        className: w(
+          ((W = p.props) == null ? void 0 : W.className) || "",
+          oe[h].prev
+        ),
+        role: "button",
+        "aria-disabled": !j,
+        "aria-label": "Previous slide",
+        "data-carousel-prev": "true"
+      }
+    ) : /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: q,
+        disabled: !j,
+        className: w(
+          T,
+          ae[b].button,
+          ge[u],
+          oe[h].prev
+        ),
+        "aria-disabled": !j,
+        "aria-label": "Previous slide",
+        "data-carousel-prev": "true",
+        children: /* @__PURE__ */ c(Ie, { className: ae[b].icon })
+      }
+    ) }),
+    /* @__PURE__ */ k(
+      "div",
+      {
+        id: o,
+        ref: t,
+        className: w("relative overflow-hidden", x),
+        onMouseEnter: ce,
+        onMouseLeave: de,
+        "data-carousel": "true",
+        "data-current-index": U,
+        "data-items-to-show": L,
+        "data-auto-scroll": e,
+        "data-button-position": h,
+        children: [
+          /* @__PURE__ */ c(
+            "div",
+            {
+              ref: S,
+              className: "flex transition-transform duration-300 ease-in-out",
+              style: {
+                transform: `translateX(${ue}%)`,
+                width: `${$ / L * 100}%`
+              },
+              children: I.map((Z, F) => {
+                const { leftWidth: O, rightWidth: re, widthReduction: $e } = Q(F);
+                return /* @__PURE__ */ c(
+                  "div",
+                  {
+                    className: w("flex-shrink-0", g),
+                    style: {
+                      width: `calc(${100 / $}% - ${$e}px)`,
+                      marginRight: re > 0 ? `${re}px` : void 0,
+                      marginLeft: O > 0 ? `${O}px` : void 0
+                    },
+                    "data-slide-index": F,
+                    children: Z
+                  },
+                  F
+                );
+              })
+            }
+          ),
+          !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(
+            "button",
+            {
+              type: "button",
+              onClick: () => K(F),
+              className: w(
+                "w-2 h-2 rounded-full transition-colors duration-200",
+                F === U ? "bg-accent" : "bg-muted hover:bg-muted-foreground/50",
+                N
+              ),
+              "aria-label": `Go to slide ${F + 1}`,
+              "data-carousel-dot": F
+            },
+            F
+          )) })
+        ]
+      }
+    ),
+    !f && /* @__PURE__ */ c(ne, { children: y ? G.cloneElement(
+      y,
+      {
+        onClick: Y,
+        disabled: !D,
+        className: w(
+          ((te = y.props) == null ? void 0 : te.className) || "",
+          oe[h].next
+        ),
+        role: "button",
+        "aria-disabled": !D,
+        "aria-label": "Next slide",
+        "data-carousel-next": "true"
+      }
+    ) : /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: Y,
+        disabled: !D,
+        className: w(
+          T,
+          ae[b].button,
+          ge[u],
+          oe[h].next
+        ),
+        "aria-disabled": !D,
+        "aria-label": "Next slide",
+        "data-carousel-next": "true",
+        children: /* @__PURE__ */ c(Ce, { className: ae[b].icon })
+      }
+    ) })
+  ] });
+}
+function Xe(r) {
+  const [o, t] = A(""), n = C((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;
     }
     return s || "transparent";
   }, []);
-  return C(() => {
-    const t = document.getElementById(o);
-    if (t) {
-      const r = n(t.parentElement);
-      e(r);
+  return z(() => {
+    const e = document.getElementById(r);
+    if (e) {
+      const a = n(e.parentElement);
+      t(a);
     }
-  }, [o, n]), a;
+  }, [r, n]), o;
 }
-function qe({
-  ref: o,
-  id: a,
-  size: e = 20,
+function Lt({
+  ref: r,
+  id: o,
+  size: t = 20,
   color: n,
-  filled: t = !1,
-  rounded: r = !0,
+  filled: e = !1,
+  rounded: a = !0,
   checked: s = !1,
-  onCheckedChange: d,
-  disabled: u,
-  className: l = "",
-  ...b
+  onCheckedChange: i,
+  disabled: d,
+  className: f = "",
+  ...m
 }) {
-  const i = I(), v = W(() => a || `checkbox-${i}`, [a, i]), c = be(v), [m, p] = x(s);
-  C(() => {
-    p(s);
+  const l = P(), b = J(() => o || `checkbox-${l}`, [o, l]), u = Xe(b), [h, v] = A(s);
+  z(() => {
+    v(s);
   }, [s]);
-  const h = () => {
-    u || (p(!m), d == null || d(!m));
-  }, y = (N) => {
-    N.key === " " && (N.preventDefault(), h());
+  const p = () => {
+    d || (v(!h), i == null || i(!h));
+  }, y = (x) => {
+    x.key === " " && (x.preventDefault(), p());
   }, g = w(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
-    r && "rounded",
-    u && "opacity-40 cursor-not-allowed",
-    !u && "cursor-pointer",
-    l
+    a && "rounded",
+    d && "opacity-40 cursor-not-allowed",
+    !d && "cursor-pointer",
+    f
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ c(
     "button",
     {
-      id: v,
+      id: b,
       type: "button",
-      ref: o,
+      ref: r,
       tabIndex: 0,
       role: "checkbox",
-      onClick: h,
-      "aria-checked": m,
-      "aria-disabled": u,
+      onClick: p,
+      "aria-checked": h,
+      "aria-disabled": d,
       onKeyDownCapture: y,
       style: {
-        width: e,
-        height: e,
+        width: t,
+        height: t,
         color: n,
-        backgroundColor: m && t ? "currentcolor" : "transparent"
+        backgroundColor: h && e ? "currentcolor" : "transparent"
       },
       className: g,
-      ...b,
-      children: m && /* @__PURE__ */ f(re, { size: e, color: t ? c : void 0 })
+      ...m,
+      children: h && /* @__PURE__ */ c(ze, { size: t, color: e ? u : void 0 })
     }
   );
 }
-function Ke({
-  children: o,
-  className: a,
-  linkTo: e,
+function Vt({
+  children: r,
+  className: o,
+  linkTo: t,
   linkProps: n,
-  onButtonClick: t,
-  buttonProps: r,
+  onButtonClick: e,
+  buttonProps: a,
   ...s
 }) {
-  return e && t && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ E("div", { className: w("relative w-fit", a), ...s, children: [
-    o,
-    e && /* @__PURE__ */ f(
+  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(
       "a",
       {
         ...n,
         rel: (n == null ? void 0 : n.rel) || "noreferrer",
-        href: e,
+        href: t,
         className: w("absolute inset-0", n == null ? void 0 : n.className)
       }
     ),
-    !e && t && /* @__PURE__ */ f(
+    !t && e && /* @__PURE__ */ c(
       "button",
       {
-        ...r,
+        ...a,
         type: "button",
-        onClick: t,
-        className: w("absolute inset-0 cursor-pointer", r == null ? void 0 : r.className)
+        onClick: e,
+        className: w("absolute inset-0 cursor-pointer", a == null ? void 0 : a.className)
       }
     )
   ] });
 }
-function S({ elementId: o, type: a, message: e }) {
-  return C(() => {
-    const n = document.getElementById(o);
+function le({ elementId: r, type: o, message: t }) {
+  return z(() => {
+    const n = document.getElementById(r);
     if (n) {
-      if (!e && a === "error") {
+      if (!t && o === "error") {
         n.removeAttribute("data-error");
         return;
       }
-      if (!e && a === "success") {
+      if (!t && o === "success") {
         n.removeAttribute("data-success");
         return;
       }
-      return n.setAttribute("aria-describedby", `${o}-${a}-message`), n.setAttribute("aria-invalid", a === "error" ? "true" : "false"), a === "error" && n.setAttribute("data-error", "true"), a === "success" && n.setAttribute("data-success", "true"), () => {
+      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");
       };
     }
-  }, [o, a, e]), e ? /* @__PURE__ */ E(
+  }, [r, o, t]), t ? /* @__PURE__ */ k(
     "small",
     {
       className: w(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",
-        a === "error" && "text-destructive",
-        a === "success" && "text-success"
+        o === "error" && "text-destructive",
+        o === "success" && "text-success"
       ),
       role: "status",
       children: [
-        a === "error" ? /* @__PURE__ */ f(ie, {}) : /* @__PURE__ */ f(ne, {}),
-        /* @__PURE__ */ f("span", { id: `${o}-${a}-message`, children: e })
+        o === "error" ? /* @__PURE__ */ c(Fe, {}) : /* @__PURE__ */ c(Se, {}),
+        /* @__PURE__ */ c("span", { id: `${r}-${o}-message`, children: t })
       ]
     }
   ) : null;
 }
-const he = {
+const Qe = {
   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"
-}, ge = {
+}, Ze = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, Q = {
+}, xe = {
   variant: "default",
   rounded: "none"
 };
-function Ve({
-  variant: o = Q.variant,
-  rounded: a,
-  displayOnlyMode: e = !1,
+function Wt({
+  variant: r = xe.variant,
+  rounded: o,
+  displayOnlyMode: t = !1,
   errorMessage: n,
-  successMessage: t,
-  type: r = "text",
+  successMessage: e,
+  type: a = "text",
   className: s,
-  ...d
+  ...i
 }) {
-  const u = I(), [l, b] = x(!1);
-  let i = a;
-  o === "outline" && !a && (i = "md"), i = i || Q.rounded;
-  const m = w(
+  const d = P(), [f, m] = A(!1);
+  let l = o;
+  r === "outline" && !o && (l = "md"), l = l || xe.rounded;
+  const h = w(
     "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",
-    !e && he[o],
-    !e && ge[i],
-    r === "password" && "pr-10",
-    !e && "px-2 py-1",
-    e && "pointer-events-none",
+    !t && Qe[r],
+    !t && Ze[l],
+    a === "password" && "pr-10",
+    !t && "px-2 py-1",
+    t && "pointer-events-none",
     s
   );
-  return /* @__PURE__ */ E("div", { className: w(e && "cursor-text"), style: { height: d.height, width: d.width }, children: [
-    /* @__PURE__ */ E("div", { className: w(r === "password" && "relative"), children: [
-      /* @__PURE__ */ f(
+  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(
         "input",
         {
-          ...d,
-          id: u,
-          type: r === "password" && l ? "text" : r,
-          "aria-disabled": d.disabled,
-          readOnly: e,
-          "aria-readonly": e || d["aria-readonly"],
+          ...i,
+          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": t ? !0 : void 0,
-          className: m
+          "data-success": e ? !0 : void 0,
+          className: h
         }
       ),
-      r === "password" && /* @__PURE__ */ f(
+      a === "password" && /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => b(!l),
+          onClick: () => m(!f),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
-          "data-state": l ? "visible" : "hidden",
-          children: l ? /* @__PURE__ */ f(oe, { size: 20 }) : /* @__PURE__ */ f(ae, { size: 20 })
+          "data-state": f ? "visible" : "hidden",
+          children: f ? /* @__PURE__ */ c(Le, { size: 20 }) : /* @__PURE__ */ c(Ve, { size: 20 })
         }
       )
     ] }),
-    !e && /* @__PURE__ */ f(S, { elementId: u, type: "error", message: n }),
-    !e && /* @__PURE__ */ f(S, { elementId: u, type: "success", message: t })
+    !t && /* @__PURE__ */ c(le, { elementId: d, type: "error", message: n }),
+    !t && /* @__PURE__ */ c(le, { elementId: d, type: "success", message: e })
   ] });
 }
-function Ge({
-  display: o = "inline",
-  width: a = "fit-content",
-  className: e = "",
+function Bt({
+  display: r = "inline",
+  width: o = "fit-content",
+  className: t = "",
   required: n,
-  helpMessage: t,
-  suffix: r,
+  helpMessage: e,
+  suffix: a,
   htmlFor: s,
-  children: d,
-  ...u
+  children: i,
+  description: d,
+  ...f
 }) {
-  const l = I(), b = w("font-medium", o, e), i = t ? `${s ?? l}-help` : void 0;
-  return /* @__PURE__ */ E("div", { style: { display: o === "inline" ? "inline-flex" : "flex", width: a }, className: "relative", children: [
-    /* @__PURE__ */ E("label", { className: b, htmlFor: s, ...u, children: [
-      d,
-      n && /* @__PURE__ */ f("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
-    ] }),
-    t && /* @__PURE__ */ f(
-      "span",
-      {
-        className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
-        "aria-describedby": i,
-        "aria-label": "Help information",
-        title: t,
-        children: /* @__PURE__ */ f(se, {})
-      }
-    ),
-    t && /* @__PURE__ */ f("div", { id: i, className: "sr-only", children: t }),
-    r && /* @__PURE__ */ f("span", { className: "ml-1", children: r })
-  ] });
+  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(
+    "div",
+    {
+      style: { display: r === "inline" ? "inline-block" : "block", width: o },
+      className: w("mb-0.5", t),
+      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: "*" })
+          ] }),
+          l && /* @__PURE__ */ c(
+            "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, {})
+            }
+          ),
+          l && /* @__PURE__ */ c("div", { id: u, className: "sr-only", children: e }),
+          a && /* @__PURE__ */ c("span", { className: "ml-1", children: a })
+        ] }),
+        b && /* @__PURE__ */ c("small", { id: h, className: "block opacity-80 mt-0.5", role: "note", children: d })
+      ]
+    }
+  );
 }
-function pe(o) {
-  const [a, e] = x(!1), [n, t] = x(!1);
-  return C(() => {
-    o ? (t(!0), setTimeout(() => e(!0), 10)) : (e(!1), setTimeout(() => t(!1), 150));
-  }, [o]), { show: a, shouldRender: n };
+function Je(r) {
+  const [o, t] = A(!1), [n, e] = A(!1);
+  return z(() => {
+    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));
+  }, [r]), { show: o, shouldRender: n };
 }
-function ve(o, a) {
-  C(() => {
-    const e = (n) => {
-      n.key === "Escape" && o && a();
+function Ye(r, o) {
+  z(() => {
+    const t = (n) => {
+      n.key === "Escape" && r && o();
     };
-    return document.addEventListener("keydown", e), o && (document.body.style.overflow = "hidden"), () => {
-      document.removeEventListener("keydown", e), document.body.style.overflow = "auto";
+    return document.addEventListener("keydown", t), r && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", t), document.body.style.overflow = "auto";
     };
-  }, [o, a]);
+  }, [r, o]);
 }
-function we(o, a) {
-  const e = j(null), n = A(() => {
-    const t = document.getElementById(o);
-    if (!t) return;
-    const r = t.querySelectorAll('[data-modal-action="true"]');
-    if (r.length > 0) {
-      r[0].focus();
+function Oe(r, o) {
+  const t = B(null), n = C(() => {
+    const e = document.getElementById(r);
+    if (!e) return;
+    const a = e.querySelectorAll('[data-modal-action="true"]');
+    if (a.length > 0) {
+      a[0].focus();
       return;
     }
-    const s = t.querySelectorAll(
+    const s = e.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
-      const d = Array.from(s).filter((u) => !(u instanceof HTMLButtonElement && u.getAttribute("data-modal-close-button") === "true"));
-      if (d.length > 0) {
-        d[0].focus();
+      const i = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
+      if (i.length > 0) {
+        i[0].focus();
         return;
       }
       s[0].focus();
       return;
     }
-    t.focus();
-  }, [o]);
-  C(() => (a && (e.current = document.activeElement, n()), () => {
-    document.body.style.overflow = "auto", e.current instanceof HTMLElement && e.current.focus();
-  }), [a, n]);
+    e.focus();
+  }, [r]);
+  z(() => (o && (t.current = document.activeElement, n()), () => {
+    document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
+  }), [o, n]);
 }
-function We({
-  id: o,
-  isOpen: a,
-  onClose: e,
+function Ht({
+  id: r,
+  isOpen: o,
+  onClose: t,
   title: n,
-  children: t,
-  contentOnly: r = !1,
+  children: e,
+  contentOnly: a = !1,
   className: s,
-  overlayClassName: d,
-  hideCloseButton: u = !1,
-  actions: l = [],
-  disableCloseOnOverlayClick: b = !1,
-  ariaLabelledBy: i,
-  ariaDescribedBy: v
+  overlayClassName: i,
+  hideCloseButton: d = !1,
+  actions: f = [],
+  disableCloseOnOverlayClick: m = !1,
+  ariaLabelledBy: l,
+  ariaDescribedBy: b
 }) {
-  const c = I(), m = o || `modal-${c}`, p = o ? `${o}-title` : `modal-title-${c}`, { show: h, shouldRender: y } = pe(a);
-  if (we(m, y), ve(y, e), !y) return null;
-  const g = () => n ? z.isValidElement(n) ? /* @__PURE__ */ f("div", { className: "mb-4", children: n }) : /* @__PURE__ */ f("h2", { className: "mb-4 text-xl font-semibold", id: p, children: n }) : null, N = () => l.length === 0 ? null : /* @__PURE__ */ f("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: l.map((D, $) => {
-    const { label: F, className: L, ...R } = D;
-    return /* @__PURE__ */ f(me, { className: L, type: "button", ...R, "data-modal-action": "true", children: F }, $);
+  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);
   }) });
-  return /* @__PURE__ */ f(J, { children: M(
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ c(ne, { children: pe(
+    /* @__PURE__ */ c(
       "div",
       {
-        "aria-labelledby": i ?? n ? p : void 0,
-        "aria-describedby": v,
+        "aria-labelledby": l ?? n ? v : void 0,
+        "aria-describedby": b,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ E("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
-          /* @__PURE__ */ f(
+        children: /* @__PURE__ */ k("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
+          /* @__PURE__ */ c(
             "div",
             {
-              className: q("fixed inset-0 bg-black/20 transition-all", d),
+              className: V("fixed inset-0 bg-black/20 transition-all", i),
               onClick: () => {
-                b || e();
+                m || t();
               }
             }
           ),
-          r && /* @__PURE__ */ f("div", { className: q("relative w-fit", s), children: t }),
-          !r && /* @__PURE__ */ E(
+          a && /* @__PURE__ */ c("div", { className: V("relative w-fit", s), children: e }),
+          !a && /* @__PURE__ */ k(
             "div",
             {
-              id: m,
+              id: h,
               tabIndex: -1,
-              className: q(
-                "relative w-full max-w-xl transform rounded-lg shadow-xl transition-all p-6 bg-inherit focus:ring ease-in duration-75",
-                h ? "opacity-100 scale-100" : "opacity-0 scale-90",
+              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",
                 s
               ),
               children: [
-                !u && /* @__PURE__ */ f(
+                !d && /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
-                    onClick: e,
+                    onClick: t,
                     "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__ */ f(le, { size: 18 })
+                    children: /* @__PURE__ */ c(ve, { size: 18 })
                   }
                 ),
                 g(),
-                t,
-                N()
+                e,
+                x()
               ]
             }
           )
@@ -572,104 +887,364 @@ function We({
     document.body
   ) });
 }
-function ye({ itemId: o, checked: a, onChange: e, name: n, disabled: t = !1, className: r = "" }) {
-  const s = "relative inline-flex items-center justify-center rounded-full", d = () => {
-    t || e();
-  }, u = w(
+const et = {
+  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 = {
+  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",
+  variant: s = "link",
+  className: i,
+  ref: d,
+  buttonsClassName: f,
+  ...m
+}) {
+  const l = o === 1 / 0, u = C(() => {
+    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 = C(() => {
+    const N = V(
+      "flex items-center justify-center min-w-fit",
+      "disabled:opacity-50 disabled:cursor-not-allowed",
+      tt[a],
+      "rounded-md"
+    );
+    return V(N, et[s], f);
+  }, [s, a, f]);
+  return /* @__PURE__ */ k(
+    "nav",
+    {
+      ref: d,
+      className: V("flex items-center justify-center gap-1", i),
+      role: "navigation",
+      "aria-label": "Pagination",
+      "data-page": r,
+      "data-page-count": l ? "infinite" : o,
+      ...m,
+      children: [
+        p && /* @__PURE__ */ k(
+          "button",
+          {
+            onClick: () => g(1),
+            className: x(),
+            disabled: r === 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__ */ k(
+          "button",
+          {
+            onClick: () => g(r - 1),
+            className: x(),
+            disabled: !h,
+            "aria-label": "Go to previous page",
+            children: [
+              /* @__PURE__ */ c(Ie, { size: a === "sm" ? 12 : 15 }),
+              /* @__PURE__ */ c("span", { className: "ml-1", children: "Previous" })
+            ]
+          }
+        ),
+        !l && u.map((N) => /* @__PURE__ */ c(
+          "button",
+          {
+            onClick: () => g(N),
+            className: V(x(), "aspect-square"),
+            "aria-label": `Go to page ${N}`,
+            "aria-current": N === r ? !0 : void 0,
+            children: N
+          },
+          N
+        )),
+        /* @__PURE__ */ k(
+          "button",
+          {
+            onClick: () => g(r + 1),
+            className: x(),
+            disabled: !v,
+            "aria-label": "Go to next page",
+            children: [
+              /* @__PURE__ */ c("span", { className: "mr-1", children: "Next" }),
+              /* @__PURE__ */ c(Ce, { size: a === "sm" ? 12 : 15 })
+            ]
+          }
+        ),
+        y && /* @__PURE__ */ k(
+          "button",
+          {
+            onClick: () => g(o),
+            className: x(),
+            disabled: r === o,
+            "aria-label": "Go to last page",
+            children: [
+              /* @__PURE__ */ c("span", { className: "mr-1", children: "Last" }),
+              /* @__PURE__ */ c(He, { size: a === "sm" ? 12 : 15 })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function rt(r) {
+  const [o, t] = A(!1), [n, e] = A(!1);
+  return z(() => {
+    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 300));
+  }, [r]), { show: o, shouldRender: n };
+}
+function nt(r, o) {
+  z(() => {
+    const t = (n) => {
+      n.key === "Escape" && r && o();
+    };
+    return document.addEventListener("keydown", t), r && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", t), document.body.style.overflow = "auto";
+    };
+  }, [r, o]);
+}
+function at(r, o) {
+  const t = B(null), n = C(() => {
+    const e = document.getElementById(r);
+    if (!e) return;
+    const a = e.querySelectorAll('[data-panel-action="true"]');
+    if (a.length > 0) {
+      a[0].focus();
+      return;
+    }
+    const s = e.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();
+        return;
+      }
+      s[0].focus();
+      return;
+    }
+    e.focus();
+  }, [r]);
+  z(() => (o && (t.current = document.activeElement, n()), () => {
+    document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
+  }), [o, n]);
+}
+const ot = {
+  size: {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl",
+    "2xl": "max-w-2xl",
+    full: "w-full",
+    screen: "w-screen"
+  }
+};
+function Ft({
+  ref: r,
+  id: o,
+  isOpen: t,
+  onClose: n,
+  title: e,
+  children: a,
+  footer: s,
+  size: i = "md",
+  className: d,
+  overlayClassName: f,
+  hideCloseButton: m = !1,
+  disableCloseOnOverlayClick: l = !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 = () => {
+    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) });
+    }
+    return /* @__PURE__ */ c("div", { className: "px-6 py-4", children: s });
+  };
+  return /* @__PURE__ */ c(ne, { children: pe(
+    /* @__PURE__ */ k(
+      "div",
+      {
+        "aria-labelledby": b ?? e ? p : void 0,
+        "aria-describedby": u,
+        role: "dialog",
+        "aria-modal": "true",
+        className: "fixed inset-0 z-[100] overflow-hidden",
+        "data-panel-open": t,
+        children: [
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: V(
+                "fixed inset-0 bg-black/40 transition-opacity duration-300",
+                y ? "opacity-100" : "opacity-0",
+                f
+              ),
+              onClick: () => {
+                l || n();
+              }
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "fixed inset-y-0 right-0 flex max-w-full", children: /* @__PURE__ */ c(
+            "div",
+            {
+              id: v,
+              ref: r,
+              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],
+                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(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: n,
+                    "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 })
+                  }
+                ),
+                /* @__PURE__ */ c("div", { className: V("flex-1 overflow-y-auto px-6 pb-6", e ? "pt-6" : "pt-10"), children: a }),
+                N()
+              ] })
+            }
+          ) })
+        ]
+      }
+    ),
+    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(
     s,
-    !a && "hover:border-current/60",
-    !t && "border-current cursor-pointer",
-    t && "border-muted/60 cursor-not-allowed",
-    r
+    !o && "hover:border-current/60",
+    !e && "border-current cursor-pointer",
+    e && "border-muted/60 cursor-not-allowed",
+    a
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ c(
     "div",
     {
-      id: o,
+      id: r,
       role: "radio",
       tabIndex: -1,
-      "aria-checked": a,
-      "aria-disabled": t,
+      "aria-checked": o,
+      "aria-disabled": e,
       "aria-description": `Radio button for ${n}`,
-      "aria-labelledby": `${o}-label`,
-      onClick: d,
-      className: u,
+      "aria-labelledby": `${r}-label`,
+      onClick: i,
+      className: d,
       style: {
         width: "1em",
         height: "1em",
         padding: "0.1em",
         borderWidth: "0.06em"
       },
-      children: a && /* @__PURE__ */ f(
+      children: o && /* @__PURE__ */ c(
         "div",
         {
-          className: w("size-full aspect-square rounded-full", t && "bg-muted/60", !t && "bg-current")
+          className: w("size-full aspect-square rounded-full", e && "bg-muted/60", !e && "bg-current")
         }
       )
     }
   );
 }
-function G({
-  value: o,
-  children: a,
-  className: e = "",
+function be({
+  value: r,
+  children: o,
+  className: t = "",
   isSelected: n = !1,
-  onChange: t,
-  disabled: r = !1,
+  onChange: e,
+  disabled: a = !1,
   hideInput: s = !1,
-  description: d,
-  name: u
+  description: i,
+  name: d
 }) {
-  const b = `radio-${I()}-${o}`, i = () => {
-    r || t == null || t(o);
+  const m = `radio-${P()}-${r}`, l = () => {
+    a || e == null || e(r);
   };
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ k(
     "div",
     {
-      title: d,
+      title: i,
       className: w(
         "relative flex items-center",
-        e,
+        t,
         // Uses text color for borders
-        s && `p-2 border-2 focus-within:border-dashed focus-within:${r ? "border-current/50" : "border-current/80"}`,
-        s && !n && `border-transparent ${r ? "" : "not-focus-within:hover:border-border/60"}`,
+        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",
-        r && "opacity-60 cursor-not-allowed"
+        a && "opacity-60 cursor-not-allowed"
       ),
       style: {
         gap: "0.5em"
       },
       children: [
-        !s && /* @__PURE__ */ f(
-          ye,
+        !s && /* @__PURE__ */ c(
+          st,
           {
-            itemId: b,
-            name: u || "",
+            itemId: m,
+            name: d || "",
             checked: n,
-            onChange: i,
-            disabled: r,
+            onChange: l,
+            disabled: a,
             className: w(s && "")
           }
         ),
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ c(
           "div",
           {
-            id: s ? b : void 0,
+            id: s ? m : void 0,
             tabIndex: s ? -1 : void 0,
             role: s ? "radio" : void 0,
-            onClick: s ? i : void 0,
+            onClick: s ? l : void 0,
             "aria-checked": s ? n ? "true" : "false" : void 0,
-            "aria-disabled": s ? r : void 0,
-            "aria-description": s ? d || `Radio button for ${u}` : void 0,
-            "aria-labelledby": s ? `${b}-label` : void 0,
-            className: w(s && "size-full", typeof a == "object" && "grow focus:outline-none"),
-            children: /* @__PURE__ */ f(
+            "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(
               "label",
               {
-                id: `${b}-label`,
-                onClick: s ? void 0 : i,
-                className: w(r && "cursor-not-allowed", !r && "cursor-pointer"),
-                children: a
+                id: `${m}-label`,
+                onClick: s ? void 0 : l,
+                className: w(a && "cursor-not-allowed", !a && "cursor-pointer"),
+                children: o
               }
             )
           }
@@ -678,246 +1253,1092 @@ function G({
     }
   );
 }
-function xe(o, a) {
-  const [e, n] = x(a), [t, r] = x(-1), [s, d] = x(!1), u = A((c, m) => {
+function it(r, o) {
+  const [t, n] = A(o), [e, a] = A(-1), [s, i] = A(!1), d = C((u, h) => {
     var y;
-    const p = c[m];
-    p.hasAttribute("disabled") || p.getAttribute("aria-disabled") === "true" || ((y = c[m]) == null || y.click(), r(m));
-  }, []), l = A(
-    (c, m) => {
-      var h;
-      if (c.preventDefault(), s || !m.length) return;
-      const p = a !== -1 ? a : 0;
-      (h = m[p]) == null || h.focus(), n(p), a !== -1 && u(m, p);
+    const v = u[h];
+    v.hasAttribute("disabled") || v.getAttribute("aria-disabled") === "true" || ((y = u[h]) == null || y.click(), a(h));
+  }, []), f = C(
+    (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);
     },
-    [a, s, u]
-  ), b = A(
-    (c) => {
+    [o, s, d]
+  ), m = C(
+    (u) => {
       var y;
-      if (!c.shiftKey)
+      if (!u.shiftKey)
         return;
-      c.preventDefault();
-      const m = Array.from(
+      u.preventDefault();
+      const h = Array.from(
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((g) => !g.hasAttribute("disabled") && g.tabIndex >= 0), p = m.findIndex((g) => g.id === o), h = p > 0 ? p - 1 : m.length - 1;
-      (y = m[h]) == null || y.focus();
+      ).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();
     },
-    [o]
-  ), i = A(
-    (c, m) => {
-      var N;
-      if (!m.length) return;
-      const p = c.target;
-      if (!m.some((D) => D.id === p.id)) return;
-      const y = e !== -1 ? e : 0;
+    [r]
+  ), l = C(
+    (u, h) => {
+      var x;
+      if (!h.length) return;
+      const v = u.target;
+      if (!h.some((N) => N.id === v.id)) return;
+      const y = t !== -1 ? t : 0;
       let g = y;
-      switch (c.key) {
+      switch (u.key) {
         case "ArrowUp":
         case "ArrowLeft":
-          c.preventDefault(), g = y > 0 ? y - 1 : m.length - 1;
+          u.preventDefault(), g = y > 0 ? y - 1 : h.length - 1;
           break;
         case "ArrowDown":
         case "ArrowRight":
-          c.preventDefault(), g = (y + 1) % m.length;
+          u.preventDefault(), g = (y + 1) % h.length;
           break;
         // Select the option when the space key is pressed
         case " ":
-          c.preventDefault(), u(m, y);
+          u.preventDefault(), d(h, y);
           return;
         case "Tab":
-          b(c);
+          m(u);
           return;
         default:
           return;
       }
-      (N = m[g]) == null || N.focus(), n(g), t !== -1 && u(m, g);
+      (x = h[g]) == null || x.focus(), n(g), e !== -1 && d(h, g);
     },
-    [e, t, b, u]
-  ), v = A(() => {
-    const c = document.querySelector(`[id="${o}"][role="radiogroup"]`);
-    return c ? Array.from(c.querySelectorAll('[role="radio"]')) : [];
-  }, [o]);
-  C(() => {
-    const c = document.querySelector(`[id="${o}"][role="radiogroup"]`);
-    if (!c) return;
-    const m = v(), p = (N) => l(N, m), h = (N) => i(N, m), y = () => d(!0), g = () => d(!1);
-    return document.addEventListener("keydown", h), c.addEventListener("focus", p), c.addEventListener("mousedown", y), document.addEventListener("mouseup", g), () => {
-      document.removeEventListener("keydown", h), c.removeEventListener("focus", p), c.removeEventListener("mousedown", y), document.removeEventListener("mouseup", g);
+    [t, e, m, d]
+  ), b = C(() => {
+    const u = document.querySelector(`[id="${r}"][role="radiogroup"]`);
+    return u ? Array.from(u.querySelectorAll('[role="radio"]')) : [];
+  }, [r]);
+  z(() => {
+    const u = document.querySelector(`[id="${r}"][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);
     };
-  }, [o, v, l, i]);
+  }, [r, b, f, l]);
 }
-function Ue({
-  options: o = [],
-  value: a,
-  onChange: e,
+function Mt({
+  options: r = [],
+  value: o,
+  onChange: t,
   id: n,
-  children: t,
-  className: r = "",
+  children: e,
+  className: a = "",
   childrenClassName: s = "",
-  hideInputs: d = !1
+  hideInputs: i = !1
 }) {
-  const u = I(), l = n || `radio-group-${u}`;
-  xe(
-    l,
-    o.findIndex((i) => i === a)
+  const d = P(), f = n || `radio-group-${d}`;
+  it(
+    f,
+    r.findIndex((l) => l === o)
   );
-  const b = W(() => o.reduce((i, v) => (typeof v == "string" ? i.some((c) => c.value === v) || i.push({ label: v, value: v }) : i.push(v), i), []), [o]);
-  return /* @__PURE__ */ E("div", { id: l, role: "radiogroup", tabIndex: 0, className: w(r, "focus:outline-none"), children: [
-    b.length > 0 && b.map((i, v) => /* @__PURE__ */ f(
-      G,
+  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(
+      be,
       {
-        value: i.value,
-        isSelected: a === i.value,
-        onChange: e,
-        name: l,
-        disabled: i.disabled,
-        description: i.description,
-        hideInput: d,
+        value: l.value,
+        isSelected: o === l.value,
+        onChange: t,
+        name: f,
+        disabled: l.disabled,
+        description: l.description,
+        hideInput: i,
         className: s,
-        children: i.label
+        children: l.label
       },
-      `${i.value}-${v}`
+      `${l.value}-${b}`
     )),
-    b.length === 0 && t && z.Children.map(t, (i) => z.isValidElement(i) && i.type === G ? /* @__PURE__ */ f(
-      G,
+    m.length === 0 && e && G.Children.map(e, (l) => G.isValidElement(l) && l.type === be ? /* @__PURE__ */ c(
+      be,
       {
-        ...i.props,
-        className: w(s, i.props.className),
-        hideInput: i.props.hideInput || d,
-        isSelected: a === i.props.value,
-        onChange: e,
-        name: l,
-        children: i.props.children
+        ...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
       }
     ) : null)
   ] });
 }
-function _e({ children: o, ref: a, ...e }) {
-  if (P(o)) {
-    let n = { ...e };
-    return o.props && (n = { ...n, ...o.props }), ee(o, {
+function lt(r) {
+  const o = B(null), t = B(null), n = B(null), [e, a] = A(!1), [s, i] = A(!1), [d, f] = A({
+    vertical: !1,
+    horizontal: !1
+  }), m = B(null), l = B(null), b = C(() => {
+    const v = o.current;
+    if (!v) return;
+    const p = v.scrollHeight > v.clientHeight, y = v.scrollWidth > v.clientWidth;
+    f({
+      vertical: p,
+      horizontal: y
+    });
+  }, []), u = C(() => {
+    const v = o.current, p = t.current, y = n.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 (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";
+      }
+    }
+  }, [d, r]), h = C(() => {
+    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);
+      }, 300);
+    }, 1e3);
+  }, [u]);
+  return z(() => {
+    const v = o.current;
+    if (!v) return;
+    b();
+    const p = new ResizeObserver(b);
+    p.observe(v);
+    const y = new MutationObserver(b);
+    return y.observe(v, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      p.disconnect(), y.disconnect();
+    };
+  }, [b]), z(() => {
+    u();
+  }, [d, u]), z(() => () => {
+    m.current && clearTimeout(m.current), l.current && clearTimeout(l.current);
+  }, []), {
+    viewportRef: o,
+    verticalThumbRef: t,
+    horizontalThumbRef: n,
+    isScrolling: e,
+    isFadingOut: s,
+    scrollbarVisible: d,
+    handleScroll: h
+  };
+}
+function Gt({
+  className: r,
+  thumbClassName: o,
+  viewportClassName: t,
+  scrollbarClassName: n,
+  scrollbarThickness: e = 10,
+  children: a,
+  id: s,
+  ref: i,
+  ...d
+}) {
+  const { viewportRef: f, verticalThumbRef: m, horizontalThumbRef: l, isScrolling: b, isFadingOut: u, scrollbarVisible: h, handleScroll: v } = lt(e), p = V(
+    "relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400",
+    o
+  );
+  return /* @__PURE__ */ k("div", { ref: i, id: s, className: V("relative overflow-hidden", r), "data-scroll-area-root": "", ...d, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        ref: f,
+        className: V(
+          "h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+          t
+        ),
+        onScroll: v,
+        "data-scroll-area-viewport": "",
+        children: a
+      }
+    ),
+    h.vertical && (b || u) && /* @__PURE__ */ c(
+      "div",
+      {
+        className: V(
+          "touch-none select-none transition-all duration-300",
+          "p-[1px]",
+          "absolute right-0 top-0",
+          u ? "opacity-0" : "opacity-100",
+          n
+        ),
+        "data-scroll-area-scrollbar": "vertical",
+        "data-state": b ? "visible" : "hidden",
+        style: {
+          width: `${e}px`,
+          height: h.horizontal ? `calc(100% - ${e}px)` : "100%"
+        },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            ref: m,
+            className: V("absolute rounded-full", p),
+            "data-scroll-area-thumb": "",
+            style: { height: "20%", top: "0%", width: "100%" }
+          }
+        )
+      }
+    ),
+    h.horizontal && (b || u) && /* @__PURE__ */ c(
+      "div",
+      {
+        className: V(
+          "touch-none select-none transition-all duration-300",
+          "p-[1px]",
+          "absolute bottom-0 left-0",
+          u ? "opacity-0" : "opacity-100",
+          n
+        ),
+        "data-scroll-area-scrollbar": "horizontal",
+        "data-state": b ? "visible" : "hidden",
+        style: {
+          height: `${e}px`,
+          width: h.vertical ? `calc(100% - ${e}px)` : "100%"
+        },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            ref: l,
+            className: V("absolute rounded-full", p),
+            "data-scroll-area-thumb": "",
+            style: { width: "20%", left: "0%", height: "100%" }
+          }
+        )
+      }
+    ),
+    h.vertical && h.horizontal && /* @__PURE__ */ c(
+      "div",
+      {
+        className: V("bg-transparent", "absolute bottom-0 right-0"),
+        "data-scroll-area-corner": "",
+        style: {
+          height: `${e}px`,
+          width: `${e}px`
+        }
+      }
+    )
+  ] });
+}
+function ct(r) {
+  const [o, t] = A(!1), [n, e] = A(!1);
+  return z(() => {
+    r ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));
+  }, [r]), { show: o, shouldRender: n };
+}
+function dt({
+  isOpen: r,
+  setIsOpen: o,
+  filteredOptions: t,
+  highlightedIndex: n,
+  setHighlightedIndex: e,
+  onSelect: a,
+  triggerRef: s
+}) {
+  return { handleKeyDown: C(
+    (d) => {
+      var f;
+      switch (d.key) {
+        case "ArrowDown":
+          if (d.preventDefault(), !r)
+            o(!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;
+                break;
+              }
+            }
+            e(l);
+          }
+          break;
+        case "ArrowUp":
+          if (d.preventDefault(), !r)
+            o(!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;
+                break;
+              }
+            }
+            e(l);
+          }
+          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);
+          }
+          break;
+        case "Escape":
+          d.preventDefault(), r && (o(!1), (f = s.current) == null || f.focus());
+          break;
+        case "Tab":
+          r && o(!1);
+          break;
+      }
+    },
+    [r, o, t, n, e, a, s]
+  ) };
+}
+function ut({
+  isOpen: r,
+  filteredOptions: o,
+  selectedOption: t,
+  shouldRender: n,
+  optionsContainerRef: e
+}) {
+  const [a, s] = A(-1), i = J(() => t ? o.findIndex((d) => d.value === t.value) : -1, [o, t]);
+  return z(() => {
+    r && o.length > 0 ? s(t && i >= 0 ? i : 0) : s(-1);
+  }, [o, r, t, i]), z(() => {
+    if (a >= 0 && e.current && n) {
+      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,
+            block: "nearest"
+          });
+        }
+      };
+      r && n && t ? setTimeout(d, 10) : d();
+    }
+  }, [a, n, r, t, o, e, i]), { highlightedIndex: a, setHighlightedIndex: s };
+}
+const ye = {
+  sm: {
+    trigger: "px-2 py-1 text-sm",
+    options: "px-2 py-2 text-xs"
+  },
+  md: {
+    trigger: "px-3 py-2 text-base",
+    options: "px-3 py-2.5 text-sm"
+  },
+  lg: {
+    trigger: "px-4 py-3 text-lg",
+    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,
+  size: s = "md",
+  className: i,
+  triggerClassName: d,
+  dropdownClassName: f,
+  id: m,
+  ref: l,
+  onChange: b,
+  onSearch: u,
+  searchPlaceholder: h = "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) => {
+      var W;
+      return T.text.toLowerCase().includes(E.toLowerCase()) || ((W = T.description) == null ? void 0 : W.toLowerCase().includes(E.toLowerCase()));
+    }
+  ), [r, n, E]), R = J(() => r.find((T) => T.value === o), [r, o]), { highlightedIndex: H, setHighlightedIndex: K } = ut({
+    isOpen: x,
+    filteredOptions: D,
+    selectedOption: R,
+    shouldRender: j,
+    optionsContainerRef: L
+  }), _ = H >= 0 ? g(H) : void 0;
+  z(() => {
+    x && j && n && $.current && $.current.focus();
+  }, [x, n, j]);
+  const Q = C(
+    (T) => {
+      var W;
+      T.disabled || (b == null || b(T.value), N(!1), S(""), (W = I.current) == null || W.focus());
+    },
+    [b]
+  ), { handleKeyDown: q } = dt({
+    isOpen: x,
+    setIsOpen: N,
+    filteredOptions: D,
+    highlightedIndex: H,
+    setHighlightedIndex: K,
+    onSelect: Q,
+    triggerRef: I
+  });
+  z(() => {
+    if (!x)
+      return;
+    const T = (W) => {
+      var te;
+      M.current && !M.current.contains(W.target) && !((te = I.current) != null && te.contains(W.target)) && (N(!1), S(""));
+    };
+    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 /* @__PURE__ */ k(
+    "div",
+    {
+      className: w("relative", i),
+      id: m,
+      ref: l,
+      "data-select": "true",
+      "data-value": o,
+      "data-searchable": n,
+      "data-disabled": e,
+      "data-clearable": a,
+      children: [
+        /* @__PURE__ */ k("div", { className: "relative", children: [
+          /* @__PURE__ */ k(
+            "button",
+            {
+              ref: I,
+              type: "button",
+              className: w(
+                "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,
+                d
+              ),
+              onClick: Y,
+              onKeyDown: q,
+              disabled: e,
+              "aria-disabled": e,
+              "aria-haspopup": "listbox",
+              "aria-expanded": x,
+              "aria-controls": x ? y : void 0,
+              "aria-activedescendant": x && !n ? _ : void 0,
+              "aria-label": R ? R.text : t,
+              "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") }) })
+              ]
+            }
+          ),
+          a && R && /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              onClick: ue,
+              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" })
+            }
+          )
+        ] }),
+        j && /* @__PURE__ */ k(
+          "div",
+          {
+            ref: M,
+            className: w(
+              "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
+            ),
+            id: y,
+            role: "listbox",
+            "data-select-content": "true",
+            children: [
+              n && /* @__PURE__ */ c("div", { className: "border-b border-border", children: /* @__PURE__ */ c(
+                "input",
+                {
+                  ref: $,
+                  type: "text",
+                  value: E,
+                  onChange: de,
+                  onKeyDown: q,
+                  placeholder: h,
+                  className: "w-full px-2 py-2 text-inherit focus:outline-none",
+                  "aria-autocomplete": "list",
+                  "aria-controls": y,
+                  "aria-activedescendant": _,
+                  "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(
+                "div",
+                {
+                  id: g(W),
+                  className: w(
+                    "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"
+                  ),
+                  onClick: () => ce(T),
+                  role: "option",
+                  "aria-selected": o === T.value,
+                  "aria-disabled": T.disabled,
+                  "data-select-option": "true",
+                  "data-value": T.value,
+                  "data-highlighted": W === H,
+                  "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 })
+                    ] }),
+                    o === T.value && /* @__PURE__ */ c(ze, { 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" }) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const ft = {
+  thin: {
+    horizontal: "h-px",
+    vertical: "w-px"
+  },
+  medium: {
+    horizontal: "h-0.5",
+    vertical: "w-0.5"
+  },
+  thick: {
+    horizontal: "h-1",
+    vertical: "w-1"
+  },
+  "extra-thick": {
+    horizontal: "h-2",
+    vertical: "w-2"
+  }
+}, mt = {
+  horizontal: "w-full",
+  vertical: "min-h-4 h-full"
+};
+function Kt({
+  orientation: r = "horizontal",
+  decorative: o = !1,
+  thickness: t = "thin",
+  className: n,
+  ...e
+}) {
+  const a = w(
+    "shrink-0 bg-border",
+    mt[r],
+    ft[t][r],
+    n
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...e,
+      className: a,
+      role: o ? "presentation" : "separator",
+      "aria-orientation": o ? void 0 : r,
+      "aria-hidden": o,
+      "data-orientation": r,
+      "data-thickness": t
+    }
+  );
+}
+const we = {
+  shape: {
+    rectangle: "rounded-md min-h-1",
+    circle: "rounded-full aspect-square min-h-1",
+    text: "rounded-sm min-h-1 h-4"
+  },
+  lineSpacing: {
+    xs: "space-y-1",
+    sm: "space-y-2",
+    md: "space-y-3",
+    lg: "space-y-4",
+    xl: "space-y-6"
+  }
+};
+function qt({
+  shape: r = "rectangle",
+  lineSpacing: o = "sm",
+  className: t,
+  lines: n = 1,
+  animate: e = !0,
+  ref: a,
+  ...s
+}) {
+  const i = w("bg-muted/70", e && "animate-pulse", we.shape[r], t);
+  return n > 1 ? /* @__PURE__ */ c(
+    "div",
+    {
+      ref: a,
+      className: we.lineSpacing[o],
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-testid": "skeleton-container",
+      "data-lines": n,
+      "data-shape": r,
+      "data-animate": e,
+      ...s,
+      children: Array.from({ length: n }, (d, f) => /* @__PURE__ */ c(
+        "div",
+        {
+          className: w(
+            i,
+            // Make last line shorter for a more natural text appearance
+            f === n - 1 && "w-3/4"
+          ),
+          role: "presentation",
+          "aria-hidden": "true",
+          "data-testid": "skeleton-line",
+          "data-line-index": f
+        },
+        f
+      ))
+    }
+  ) : /* @__PURE__ */ c(
+    "div",
+    {
+      ref: a,
+      className: i,
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-testid": "skeleton",
+      "data-shape": r,
+      "data-animate": e,
+      ...s
+    }
+  );
+}
+function Ut({
+  id: r,
+  value: o,
+  defaultValue: t = 0,
+  onValueChange: n,
+  min: e = 0,
+  max: a = 100,
+  step: s = 1,
+  disabled: i = !1,
+  trackClassName: d,
+  rangeClassName: f,
+  thumbClassName: m,
+  className: l,
+  ref: b,
+  ariaLabel: u,
+  ariaLabelledBy: h,
+  ...v
+}) {
+  const [p, y] = A(t), g = o !== void 0, x = g ? o : p, N = B(null), E = B(!1), S = B(0), I = C(
+    (D) => {
+      const R = Math.max(e, Math.min(a, D)), H = Math.round(R / s) * s;
+      g || y(H), n == null || n(H);
+    },
+    [e, a, s, g, n]
+  ), $ = C(
+    (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) * _;
+    },
+    [e, a, x]
+  ), M = C(
+    (D) => {
+      if (i || D.target !== D.currentTarget) return;
+      const R = $(D);
+      I(R);
+    },
+    [i, $, I]
+  ), L = C(
+    (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;
+      }
+      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;
+          try {
+            D.currentTarget.releasePointerCapture(q.pointerId);
+          } catch {
+          }
+          document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", _);
+        }
+      };
+      document.addEventListener("pointermove", K), document.addEventListener("pointerup", _);
+    },
+    [i, $, I]
+  ), U = C(
+    (D) => {
+      if (i) return;
+      let R = x;
+      switch (D.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          R = x + s;
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          R = x - s;
+          break;
+        case "Home":
+          R = e;
+          break;
+        case "End":
+          R = a;
+          break;
+        case "PageUp":
+          R = x + s * 10;
+          break;
+        case "PageDown":
+          R = x - s * 10;
+          break;
+        default:
+          return;
+      }
+      D.preventDefault(), I(R);
+    },
+    [i, x, s, e, a, I]
+  ), j = a === e ? 0 : (x - e) / (a - e) * 100;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      id: r,
+      ref: b,
+      className: V(
+        "relative flex items-center w-full touch-none select-none",
+        i && "opacity-50 cursor-not-allowed",
+        l
+      ),
+      "data-disabled": i,
+      "data-value": x,
+      "data-min": e,
+      "data-max": a,
+      "data-step": s,
+      ...v,
+      children: /* @__PURE__ */ k(
+        "div",
+        {
+          ref: N,
+          className: V(
+            "relative h-1.5 w-full rounded-full bg-muted cursor-pointer",
+            i && "cursor-not-allowed",
+            d
+          ),
+          onPointerDown: M,
+          children: [
+            /* @__PURE__ */ c(
+              "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
+                ),
+                style: { width: `${j}%` }
+              }
+            ),
+            /* @__PURE__ */ c(
+              "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
+                ),
+                style: { left: `calc(${j}% - 10px)` },
+                tabIndex: i ? -1 : 0,
+                role: "slider",
+                "aria-valuemin": e,
+                "aria-valuemax": a,
+                "aria-valuenow": x,
+                "aria-label": u,
+                "aria-labelledby": h,
+                "aria-disabled": i,
+                onKeyDown: U,
+                onPointerDown: L
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function _t({ children: r, ref: o, ...t }) {
+  if (De(r)) {
+    let n = { ...t };
+    return r.props && (n = { ...n, ...r.props }), Re(r, {
       ...n,
-      ref: (t) => {
-        typeof a == "function" ? a(t) : a && (a.current = t);
+      ref: (e) => {
+        typeof o == "function" ? o(e) : o && (o.current = e);
       }
     });
   }
-  return Y("div", { ...e, ref: a }, o);
+  return Te("div", { ...t, ref: o }, r);
 }
-function Ee({ elementId: o, maxLength: a }) {
-  const [e, n] = x(0);
-  return C(() => {
-    const t = document.getElementById(o);
-    if (!t)
+const bt = ({ defaultValue: r, value: o, onValueChange: t } = {}) => {
+  const [n, e] = A(r || ""), a = o !== void 0, s = a ? o : n, i = C((d) => {
+    a || e(d), t == null || t(d);
+  }, [a, t]);
+  return {
+    value: s,
+    onValueChange: i
+  };
+};
+function Xt({
+  defaultValue: r,
+  value: o,
+  onValueChange: t,
+  tabsWidth: n = "fit",
+  variant: e = "underline",
+  className: a,
+  children: s,
+  ref: i,
+  id: d,
+  triggersClassName: f,
+  contentClassName: m
+}) {
+  const { value: l, onValueChange: b } = bt({
+    defaultValue: r,
+    value: o,
+    onValueChange: t
+  }), u = {
+    selectedValue: l,
+    onValueChange: b,
+    tabsWidth: n,
+    variant: e,
+    triggersClassName: f,
+    contentClassName: m
+  };
+  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 }) });
+}
+function Qt({ value: r, className: o, children: t, ref: n }) {
+  const { selectedValue: e, contentClassName: a } = he(), s = e === r;
+  return s ? /* @__PURE__ */ c(
+    "div",
+    {
+      ref: n,
+      role: "tabpanel",
+      id: `tabs-content-${r}`,
+      "aria-labelledby": `tabs-trigger-${r}`,
+      "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),
+      tabIndex: 0,
+      children: t
+    }
+  ) : null;
+}
+const Ne = {
+  width: {
+    fit: "w-fit",
+    full: "w-full *:flex-1"
+  },
+  variant: {
+    underline: "border-b border-border",
+    pills: "",
+    bordered: "border border-border rounded-lg p-1"
+  }
+}, ht = {
+  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(
+    "div",
+    {
+      id: t,
+      ref: n,
+      role: "tablist",
+      className: w("flex", Ne.width[e], Ne.variant[a], o),
+      "data-tabs-width": e,
+      "data-variant": a,
+      children: r
+    }
+  );
+}
+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);
+  };
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      id: a,
+      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(
+        "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
+      ),
+      onClick: b,
+      children: n
+    }
+  );
+}
+function vt({ elementId: r, maxLength: o }) {
+  const [t, n] = A(0);
+  return z(() => {
+    const e = document.getElementById(r);
+    if (!e)
       return;
-    const r = () => {
-      const s = t.value.length;
+    const a = () => {
+      const s = e.value.length;
       n(s);
-      const d = s >= a;
-      t.setAttribute("aria-describedby", `${o}-character-count`), t.setAttribute("aria-invalid", d ? "true" : "false"), d ? t.setAttribute("data-error", "true") : t.removeAttribute("data-error");
+      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");
     };
-    return r(), t.addEventListener("input", r), t.setAttribute("maxlength", String(a)), () => {
-      t.removeEventListener("input", r), t.removeAttribute("maxlength"), t.removeAttribute("aria-describedby"), t.removeAttribute("aria-invalid"), 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");
     };
-  }, [o, a]), /* @__PURE__ */ f(
+  }, [r, o]), /* @__PURE__ */ c(
     "small",
     {
       className: w(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",
-        e >= a && "text-destructive",
-        e < a && "text-current"
+        t >= o && "text-destructive",
+        t < o && "text-current"
       ),
       role: "status",
-      children: /* @__PURE__ */ E("span", { id: `${o}-character-count`, children: [
-        e,
+      children: /* @__PURE__ */ k("span", { id: `${r}-character-count`, children: [
+        t,
         " / ",
-        a,
+        o,
         " characters"
       ] })
     }
   );
 }
-function Ne(o, a) {
-  C(() => {
-    const e = document.getElementById(o);
-    if (!e)
+function pt(r, o) {
+  z(() => {
+    const t = document.getElementById(r);
+    if (!t)
       return;
-    if (!a) {
-      e.style.height = "auto";
+    if (!o) {
+      t.style.height = "auto";
       return;
     }
     const n = () => {
-      e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+      t.style.height = "auto", t.style.height = `${t.scrollHeight}px`;
     };
-    return n(), e.addEventListener("input", n), e.addEventListener("resize", n), window.addEventListener("resize", n), () => {
-      e.removeEventListener("input", n), e.removeEventListener("resize", n), window.removeEventListener("resize", n);
+    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);
     };
-  }, [o, a]);
+  }, [r, o]);
 }
-const Ce = {
+const gt = {
   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"
-}, Ae = {
+}, xt = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, X = {
+}, Ee = {
   variant: "outline",
   rounded: "none"
 };
-function Qe({
-  variant: o = X.variant,
-  rounded: a,
-  displayOnlyMode: e = !1,
+function Yt({
+  variant: r = Ee.variant,
+  rounded: o,
+  displayOnlyMode: t = !1,
   errorMessage: n,
-  successMessage: t,
-  hideResizeHandle: r = !1,
+  successMessage: e,
+  hideResizeHandle: a = !1,
   autoExpand: s = !1,
-  characterLimit: d = 0,
-  className: u,
-  ...l
+  characterLimit: i = 0,
+  className: d,
+  ...f
 }) {
-  const b = I();
-  Ne(b, s || e);
-  let i = a;
-  o === "outline" && !a && (i = "md"), i = i || X.rounded;
-  let v = r;
-  (e || o === "left-line" && !r) && (v = !0);
-  const m = w(
+  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(
     "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
-    !e && Ce[o],
-    !e && Ae[i],
-    !e && "px-2 py-1",
-    e && "pointer-events-none",
-    v && "no-resize-handle",
-    u
+    !t && gt[r],
+    !t && xt[l],
+    !t && "px-2 py-1",
+    t && "pointer-events-none",
+    b && "no-resize-handle",
+    d
   );
-  return /* @__PURE__ */ E("div", { className: w("-space-y-1.5", e && "cursor-text"), children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ k("div", { className: w("-space-y-1.5", t && "cursor-text"), children: [
+    /* @__PURE__ */ c(
       "textarea",
       {
-        ...l,
-        id: b,
-        "aria-disabled": l.disabled,
-        readOnly: e,
-        "aria-readonly": e || l["aria-readonly"],
+        ...f,
+        id: m,
+        "aria-disabled": f.disabled,
+        readOnly: t,
+        "aria-readonly": t || f["aria-readonly"],
         style: {
           resize: s ? "none" : void 0
         },
-        className: m
+        className: h
       }
     ),
-    d > 0 && /* @__PURE__ */ f(Ee, { elementId: b, maxLength: d }),
-    !e && /* @__PURE__ */ f(S, { elementId: b, type: "error", message: n }),
-    !e && /* @__PURE__ */ f(S, { elementId: b, type: "success", message: t })
+    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 })
   ] });
 }
-const Ie = {
+const yt = {
   sm: {
     container: "h-5 min-w-9 w-9",
     thumb: "h-4 w-4",
@@ -933,7 +2354,7 @@ const Ie = {
     thumb: "h-6 w-6",
     translate: "translate-x-6"
   }
-}, $e = {
+}, wt = {
   default: {
     unchecked: "bg-muted",
     checked: "bg-primary"
@@ -946,275 +2367,275 @@ const Ie = {
     unchecked: "bg-muted",
     checked: "bg-destructive"
   }
-}, Z = {
+}, ke = {
   variant: "default",
   size: "md"
 };
-function Xe({
-  ref: o,
-  id: a,
-  size: e = Z.size,
-  variant: n = Z.variant,
-  checked: t,
-  onCheckedChange: r,
+function Ot({
+  ref: r,
+  id: o,
+  size: t = ke.size,
+  variant: n = ke.variant,
+  checked: e,
+  onCheckedChange: a,
   disabled: s = !1,
-  className: d,
-  thumbClassName: u,
-  backgroundClassNames: l,
-  ...b
+  className: i,
+  thumbClassName: d,
+  backgroundClassNames: f,
+  ...m
 }) {
-  const i = I(), v = W(() => a || `toggle-${i}`, [a, i]), [c, m] = x(t);
-  C(() => {
-    m(t);
-  }, [t]);
-  const p = () => {
+  const l = P(), b = J(() => o || `toggle-${l}`, [o, l]), [u, h] = A(e);
+  z(() => {
+    h(e);
+  }, [e]);
+  const v = () => {
     if (!s) {
-      const $ = !c;
-      t === void 0 && m($), r == null || r($);
+      const E = !u;
+      e === void 0 && h(E), a == null || a(E);
     }
-  }, h = ($) => {
-    ($.key === " " || $.key === "Enter") && ($.preventDefault(), p());
-  }, y = Ie[e], g = $e[n], N = w(
+  }, p = (E) => {
+    (E.key === " " || E.key === "Enter") && (E.preventDefault(), v());
+  }, y = yt[t], g = wt[n], x = w(
     // 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
-    c ? (l == null ? void 0 : l.checked) || g.checked : (l == null ? void 0 : l.unchecked) || g.unchecked,
+    u ? (f == null ? void 0 : f.checked) || g.checked : (f == null ? void 0 : f.unchecked) || g.unchecked,
     // Disabled state
     s && "opacity-50 cursor-not-allowed",
     !s && "cursor-pointer",
-    d
-  ), D = w(
+    i
+  ), N = w(
     // 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
     y.thumb,
     // Position based on state
-    c && y.translate,
-    u
+    u && y.translate,
+    d
   );
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ k(
     "button",
     {
-      ref: o,
-      id: v,
+      ref: r,
+      id: b,
       type: "button",
       role: "switch",
       tabIndex: 0,
-      "aria-checked": c,
+      "aria-checked": u,
       "aria-disabled": s,
       disabled: s,
-      onClick: p,
-      onKeyDown: h,
-      className: N,
-      ...b,
+      onClick: v,
+      onKeyDown: p,
+      className: x,
+      ...m,
       children: [
-        /* @__PURE__ */ f("span", { className: D }),
-        /* @__PURE__ */ f("span", { className: "sr-only", children: c ? "Enabled" : "Disabled" })
+        /* @__PURE__ */ c("span", { className: N }),
+        /* @__PURE__ */ c("span", { className: "sr-only", children: u ? "Enabled" : "Disabled" })
       ]
     }
   );
 }
-const k = 8, B = 4, T = 6;
-function Te(o) {
-  return { calculatePosition: A(
-    (e, n) => {
-      const t = e.getBoundingClientRect(), r = n.getBoundingClientRect(), s = {
+const se = 8, ie = 4, X = 6;
+function Nt(r) {
+  return { calculatePosition: C(
+    (t, n) => {
+      const e = t.getBoundingClientRect(), a = n.getBoundingClientRect(), s = {
         width: window.innerWidth,
         height: window.innerHeight
-      }, d = (v, c, m, p) => v < 0 || c < 0 || v + m > s.width || c + p > s.height, u = {
+      }, i = (b, u, h, v) => b < 0 || u < 0 || b + h > s.width || u + v > s.height, d = {
         top: {
-          x: t.left + t.width / 2 - r.width / 2,
-          y: t.top - r.height - B,
+          x: e.left + e.width / 2 - a.width / 2,
+          y: e.top - a.height - ie,
           arrow: {
-            x: r.width / 2 - T,
-            y: r.height
+            x: a.width / 2 - X,
+            y: a.height
           }
         },
         bottom: {
-          x: t.left + t.width / 2 - r.width / 2,
-          y: t.bottom + B,
+          x: e.left + e.width / 2 - a.width / 2,
+          y: e.bottom + ie,
           arrow: {
-            x: r.width / 2 - T,
+            x: a.width / 2 - X,
             y: -6
           }
         },
         left: {
-          x: t.left - r.width - B,
-          y: t.top + t.height / 2 - r.height / 2,
+          x: e.left - a.width - ie,
+          y: e.top + e.height / 2 - a.height / 2,
           arrow: {
-            x: r.width,
-            y: r.height / 2 - T
+            x: a.width,
+            y: a.height / 2 - X
           }
         },
         right: {
-          x: t.right + B,
-          y: t.top + t.height / 2 - r.height / 2,
+          x: e.right + ie,
+          y: e.top + e.height / 2 - a.height / 2,
           arrow: {
             x: -6,
-            y: r.height / 2 - T
+            y: a.height / 2 - X
           }
         }
       };
-      let l = o, b = u[o];
-      if (d(b.x, b.y, r.width, r.height)) {
-        const v = {
+      let f = r, m = d[r];
+      if (i(m.x, m.y, a.width, a.height)) {
+        const b = {
           top: "bottom",
           bottom: "top",
           left: "right",
           right: "left"
-        }, c = u[v[o]];
-        if (!d(c.x, c.y, r.width, r.height))
-          l = v[o], b = c;
+        }, u = d[b[r]];
+        if (!i(u.x, u.y, a.width, a.height))
+          f = b[r], m = u;
         else {
-          const m = ["top", "bottom", "left", "right"].filter(
-            (p) => p !== o && p !== v[o]
+          const h = ["top", "bottom", "left", "right"].filter(
+            (v) => v !== r && v !== b[r]
           );
-          for (const p of m) {
-            const h = u[p];
-            if (!d(h.x, h.y, r.width, r.height)) {
-              l = p, b = h;
+          for (const v of h) {
+            const p = d[v];
+            if (!i(p.x, p.y, a.width, a.height)) {
+              f = v, m = p;
               break;
             }
           }
         }
       }
-      b.x = Math.max(
-        k,
-        Math.min(b.x, s.width - r.width - k)
-      ), b.y = Math.max(
-        k,
-        Math.min(b.y, s.height - r.height - k)
+      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)
       );
-      const i = {
-        x: t.left + t.width / 2,
-        y: t.top + t.height / 2
+      const l = {
+        x: e.left + e.width / 2,
+        y: e.top + e.height / 2
       };
-      return l === "top" || l === "bottom" ? b.arrow.x = Math.max(
-        T,
-        Math.min(i.x - b.x - T, r.width - T * 2)
-      ) : b.arrow.y = Math.max(
-        T,
-        Math.min(i.y - b.y - T, r.height - T * 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)
       ), {
-        ...b,
-        placement: l
+        ...m,
+        placement: f
       };
     },
-    [o]
+    [r]
   ) };
 }
-function De(o, a, e) {
-  const n = j(null), t = j(null), r = A(() => {
-    if (!n.current || !t.current) return;
-    const s = o(n.current, t.current);
-    e(s);
-  }, [o, e]);
-  return C(() => {
-    if (!a) return;
-    const s = () => r();
+function Et(r, o, t) {
+  const n = B(null), e = B(null), a = C(() => {
+    if (!n.current || !e.current) return;
+    const s = r(n.current, e.current);
+    t(s);
+  }, [r, t]);
+  return z(() => {
+    if (!o) return;
+    const s = () => a();
     return window.addEventListener("resize", s), () => {
       window.removeEventListener("resize", s);
     };
-  }, [a, r]), {
+  }, [o, a]), {
     triggerRef: n,
-    tooltipRef: t,
-    updatePosition: r
+    tooltipRef: e,
+    updatePosition: a
   };
 }
-function ze(o, a, e, n, t, r, s, d, u) {
-  const l = j(null), b = A(() => {
-    o || (l.current && clearTimeout(l.current), l.current = window.setTimeout(() => {
-      e(!0), requestAnimationFrame(() => {
-        t(), n(!0);
+function kt(r, o, t, n, e, a, s, i, d) {
+  const f = B(null), m = C(() => {
+    r || (f.current && clearTimeout(f.current), f.current = window.setTimeout(() => {
+      t(!0), requestAnimationFrame(() => {
+        e(), n(!0);
       });
-    }, a));
-  }, [o, a, e, t, n]), i = A(
-    (v = !1) => {
-      if (l.current && clearTimeout(l.current), v) {
-        n(!1), setTimeout(() => e(!1), 150);
+    }, o));
+  }, [r, o, t, e, n]), l = C(
+    (b = !1) => {
+      if (f.current && clearTimeout(f.current), b) {
+        n(!1), setTimeout(() => t(!1), 150);
         return;
       }
-      l.current = window.setTimeout(() => {
-        n(!1), setTimeout(() => e(!1), 150);
+      f.current = window.setTimeout(() => {
+        n(!1), setTimeout(() => t(!1), 150);
       }, 100);
     },
-    [n, e]
+    [n, t]
   );
-  return C(() => {
-    !r && !s && !d && u && i();
-  }, [r, s, d, u, i]), C(() => () => {
-    l.current && clearTimeout(l.current);
+  return z(() => {
+    !a && !s && !i && d && l();
+  }, [a, s, i, d, l]), z(() => () => {
+    f.current && clearTimeout(f.current);
   }, []), {
-    showTooltip: b,
-    hideTooltip: i,
-    timeoutRef: l
+    showTooltip: m,
+    hideTooltip: l,
+    timeoutRef: f
   };
 }
-function Ze({
-  id: o,
-  children: a,
-  message: e,
+function er({
+  id: r,
+  children: o,
+  message: t,
   placement: n = "top",
-  disabled: t = !1,
-  delay: r = 200,
+  disabled: e = !1,
+  delay: a = 200,
   className: s
 }) {
-  const [d, u] = x(!1), [l, b] = x(!1), [i, v] = x(null), [c, m] = x(!1), [p, h] = x(!1), [y, g] = x(!1), { calculatePosition: N } = Te(n), { triggerRef: D, tooltipRef: $, updatePosition: F } = De(N, l, v), { showTooltip: L, hideTooltip: R, timeoutRef: U } = ze(
-    t,
-    r,
-    b,
+  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(
+    e,
+    a,
+    m,
+    d,
+    S,
     u,
-    F,
-    c,
-    p,
+    v,
     y,
-    d
-  ), O = I(), _ = o ?? O;
-  return /* @__PURE__ */ E(J, { children: [
-    z.cloneElement(a, {
-      ref: (H) => {
-        D.current = H;
+    i
+  ), L = P(), U = r ?? L;
+  return /* @__PURE__ */ k(ne, { children: [
+    G.cloneElement(o, {
+      ref: (j) => {
+        N.current = j;
       },
       onMouseEnter: () => {
-        m(!0), L();
+        h(!0), I();
       },
       onMouseLeave: () => {
-        m(!1);
+        h(!1);
       },
       onFocus: () => {
-        g(!0), L();
+        g(!0), I();
       },
       onBlur: () => {
-        g(!1), R(!0);
+        g(!1), $(!0);
       },
-      onKeyDown: (H) => {
-        H.key === "Escape" && R(!0);
+      onKeyDown: (j) => {
+        j.key === "Escape" && $(!0);
       },
-      "aria-describedby": t ? void 0 : _
+      "aria-describedby": e ? void 0 : U
     }),
-    l && M(
-      /* @__PURE__ */ f(
+    f && pe(
+      /* @__PURE__ */ c(
         "div",
         {
-          ref: $,
-          id: _,
+          ref: E,
+          id: U,
           role: "tooltip",
           className: w(
-            "fixed z-50 px-2 py-1 text-sm rounded shadow-lg pointer-events-auto transition-all duration-150 ease-out",
-            d ? "opacity-100" : "opacity-0",
+            "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",
             s
           ),
-          style: i ? { left: i.x, top: i.y } : { opacity: 0 },
+          style: l ? { left: l.x, top: l.y } : { opacity: 0 },
           onMouseEnter: () => {
-            h(!0), U.current && clearTimeout(U.current);
+            p(!0), M.current && clearTimeout(M.current);
           },
           onMouseLeave: () => {
-            h(!1);
+            p(!1);
           },
-          children: e
+          children: t
         }
       ),
       document.body
@@ -1222,23 +2643,35 @@ function Ze({
   ] });
 }
 export {
-  He as Accordion,
-  K as AccordionItem,
-  Me as ActionModal,
-  me as Button,
-  de as ButtonLoadingDots,
-  qe as Checkbox,
-  Ke as Clickable,
-  Ve as Input,
-  Ge as Label,
-  We as Modal,
-  Ue as RadioGroup,
-  G as RadioGroupItem,
-  ye as RadioInput,
-  _e as Slot,
-  Qe as Textarea,
-  Oe as Toast,
-  Xe as Toggle,
-  Ze as Tooltip
+  Rt as Accordion,
+  fe as AccordionItem,
+  nr as ActionModal,
+  qe as Button,
+  Me as ButtonLoadingDots,
+  St as Carousel,
+  Lt as Checkbox,
+  Vt as Clickable,
+  Wt as Input,
+  Bt as Label,
+  Ht as Modal,
+  jt as Pagination,
+  Ft as Panel,
+  Mt 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
 };
 //# sourceMappingURL=components.esm.js.map