@moondreamsdev/dreamer-ui 1.7.7-test.13 → 1.7.7-test.14

package/dist/components.esm.js

@@ -1,9 +1,9 @@
 import { jsxs as C, jsx as c, Fragment as O } from "react/jsx-runtime";
-import j, { useId as z, useState as A, createElement as le, useEffect as $, useCallback as I, useMemo as ee, useRef as F, isValidElement as ue, cloneElement as fe } from "react";
-import { join as w } from "./utils.esm.js";
-import { d as me, C as be, a as he, g as pe, E as ge, Q as ve, b as ye, e as we, f as xe, c as Ne } from "./QuestionMarkCircled-CY81euqP.js";
-import { n as L, a as Ee, u as te } from "./Toast-cdFf2Gbf.js";
-import { A as Rt, T as zt } from "./Toast-cdFf2Gbf.js";
+import F, { useId as V, useState as A, createElement as le, useEffect as z, useCallback as I, useMemo as ee, useRef as S, isValidElement as de, cloneElement as fe } from "react";
+import { join as x } from "./utils.esm.js";
+import { d as me, C as be, a as he, g as pe, E as ve, Q as ge, b as ye, e as we, f as xe, c as Ne } from "./QuestionMarkCircled-CY81euqP.js";
+import { n as T, a as Ee, u as te } from "./Toast-CuxloQs8.js";
+import { A as St, T as Vt } from "./Toast-CuxloQs8.js";
 import { E as Ce, X as ce } from "./X-CIoyLewf.js";
 import { createPortal as re } from "react-dom";
 function Z({
@@ -18,18 +18,18 @@ function Z({
   triggerClassName: u = "",
   bodyClassName: d = ""
 }) {
-  const m = z(), l = n || `accordion-item-${m}`, g = `${l}-header`, f = `${l}-panel`, b = () => {
+  const h = V(), l = n || `accordion-item-${h}`, v = `${l}-header`, f = `${l}-panel`, b = () => {
     !r && i && i();
-  }, v = (h) => {
-    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), b());
+  }, m = (p) => {
+    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), b());
   };
-  return /* @__PURE__ */ C("div", { className: w("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", e), children: [
+  return /* @__PURE__ */ C("div", { className: x("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", e), children: [
     /* @__PURE__ */ C(
       "button",
       {
-        id: g,
+        id: v,
         type: "button",
-        className: w(
+        className: x(
           "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
@@ -38,13 +38,13 @@ function Z({
         "aria-controls": f,
         disabled: r,
         onClick: b,
-        onKeyDown: v,
+        onKeyDown: m,
         children: [
           /* @__PURE__ */ c("span", { children: o }),
           /* @__PURE__ */ c(
             "span",
             {
-              className: w(
+              className: x(
                 "transform transition-transform duration-300 ease-linear",
                 s ? "rotate-180" : "rotate-0"
               ),
@@ -60,8 +60,8 @@ function Z({
       {
         id: f,
         role: "region",
-        "aria-labelledby": g,
-        className: w(
+        "aria-labelledby": v,
+        className: x(
           "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",
           d
@@ -82,45 +82,45 @@ function dt({
   triggersClassName: i = "",
   bodiesClassName: u = ""
 }) {
-  const d = z(), m = n || `accordion-group-${d}`, [l, g] = A(new Set(s)), f = (h) => {
-    g((y) => {
-      const p = new Set(y);
-      return p.has(h) ? p.delete(h) : (r || p.clear(), p.add(h)), p;
+  const d = V(), h = n || `accordion-group-${d}`, [l, v] = A(new Set(s)), f = (p) => {
+    v((y) => {
+      const g = new Set(y);
+      return g.has(p) ? g.delete(p) : (r || g.clear(), g.add(p)), g;
     });
-  }, b = (h) => `${d}-item-${h}`, v = (h) => l.has(h);
-  return /* @__PURE__ */ C("div", { id: m, className: a, children: [
-    o.length > 0 && o.map((h, y) => {
-      const p = h.id || b(y);
+  }, b = (p) => `${d}-item-${p}`, m = (p) => l.has(p);
+  return /* @__PURE__ */ C("div", { id: h, className: a, children: [
+    o.length > 0 && o.map((p, y) => {
+      const g = p.id || b(y);
       return /* @__PURE__ */ c(
         Z,
         {
-          id: p,
-          title: h.title,
-          content: h.content,
-          disabled: h.disabled,
-          isOpen: v(p),
-          onToggle: () => f(p),
+          id: g,
+          title: p.title,
+          content: p.content,
+          disabled: p.disabled,
+          isOpen: m(g),
+          onToggle: () => f(g),
           className: e,
           triggerClassName: i,
           bodyClassName: u
         },
-        p
+        g
       );
     }),
-    o.length === 0 && t && j.Children.map(t, (h, y) => {
-      if (j.isValidElement(h) && h.type === Z) {
-        const p = h.props.id || b(y);
+    o.length === 0 && t && F.Children.map(t, (p, y) => {
+      if (F.isValidElement(p) && p.type === Z) {
+        const g = p.props.id || b(y);
         return /* @__PURE__ */ le(
           Z,
           {
-            ...h.props,
-            key: p,
-            id: p,
-            className: w(e, h.props.className),
-            isOpen: v(p),
-            onToggle: () => f(p),
-            triggerClassName: w(i, h.props.triggerClassName),
-            bodyClassName: w(u, h.props.bodyClassName)
+            ...p.props,
+            key: g,
+            id: g,
+            className: x(e, p.props.className),
+            isOpen: m(g),
+            onToggle: () => f(g),
+            triggerClassName: x(i, p.props.triggerClassName),
+            bodyClassName: x(u, p.props.bodyClassName)
           }
         );
       }
@@ -130,7 +130,7 @@ function dt({
 }
 function Ae() {
   const [n, o] = A(0);
-  return $(() => {
+  return z(() => {
     const t = setInterval(() => {
       o((a) => (a + 1) % 3);
     }, 500);
@@ -138,7 +138,7 @@ function Ae() {
   }, []), /* @__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(
+      className: x(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
         n === t && "transform -translate-y-1"
       )
@@ -146,7 +146,7 @@ function Ae() {
     t
   )) });
 }
-const Ie = {
+const Te = {
   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 Ie = {
   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"
-}, ke = {
+}, Ie = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -162,7 +162,7 @@ const Ie = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, Te = {
+}, $e = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -173,7 +173,7 @@ const Ie = {
   size: "md",
   rounded: "md"
 };
-function $e({
+function ze({
   variant: n = J.variant,
   size: o,
   rounded: t = J.rounded,
@@ -186,11 +186,11 @@ function $e({
 }) {
   let d;
   n === "link" && !o ? d = "fitted" : d = o || J.size;
-  const l = w(
+  const l = x(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    Ie[n],
-    ke[d],
-    Te[t],
+    Te[n],
+    Ie[d],
+    $e[t],
     a && "relative pointer-events-none",
     e && "relative",
     i
@@ -208,7 +208,7 @@ function $e({
       className: l,
       children: [
         a && /* @__PURE__ */ c(Ae, {}),
-        /* @__PURE__ */ c("span", { className: w(a && "invisible"), children: u.children }),
+        /* @__PURE__ */ c("span", { className: x(a && "invisible"), children: u.children }),
         e && !u.disabled && /* @__PURE__ */ c(
           "a",
           {
@@ -223,7 +223,7 @@ function $e({
     }
   );
 }
-function De(n) {
+function ke(n) {
   const [o, t] = A(""), a = I((e) => {
     let r = e, s = "";
     for (; r && !s; ) {
@@ -232,7 +232,7 @@ function De(n) {
     }
     return s || "transparent";
   }, []);
-  return $(() => {
+  return z(() => {
     const e = document.getElementById(n);
     if (e) {
       const r = a(e.parentElement);
@@ -240,7 +240,7 @@ function De(n) {
     }
   }, [n, a]), o;
 }
-function ut({
+function ft({
   ref: n,
   id: o,
   size: t = 20,
@@ -251,17 +251,17 @@ function ut({
   onCheckedChange: i,
   disabled: u,
   className: d = "",
-  ...m
+  ...h
 }) {
-  const l = z(), g = ee(() => o || `checkbox-${l}`, [o, l]), f = De(g), [b, v] = A(s);
-  $(() => {
-    v(s);
+  const l = V(), v = ee(() => o || `checkbox-${l}`, [o, l]), f = ke(v), [b, m] = A(s);
+  z(() => {
+    m(s);
   }, [s]);
-  const h = () => {
-    u || (v(!b), i == null || i(!b));
-  }, y = (x) => {
-    x.key === " " && (x.preventDefault(), h());
-  }, p = w(
+  const p = () => {
+    u || (m(!b), i == null || i(!b));
+  }, y = (w) => {
+    w.key === " " && (w.preventDefault(), p());
+  }, g = x(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
     r && "rounded",
     u && "opacity-40 cursor-not-allowed",
@@ -271,12 +271,12 @@ function ut({
   return /* @__PURE__ */ c(
     "button",
     {
-      id: g,
+      id: v,
       type: "button",
       ref: n,
       tabIndex: 0,
       role: "checkbox",
-      onClick: h,
+      onClick: p,
       "aria-checked": b,
       "aria-disabled": u,
       onKeyDownCapture: y,
@@ -286,13 +286,13 @@ function ut({
         color: a,
         backgroundColor: b && e ? "currentcolor" : "transparent"
       },
-      className: p,
-      ...m,
+      className: g,
+      ...h,
       children: b && /* @__PURE__ */ c(be, { size: t, color: e ? f : void 0 })
     }
   );
 }
-function ft({
+function mt({
   children: n,
   className: o,
   linkTo: t,
@@ -301,7 +301,7 @@ function ft({
   buttonProps: r,
   ...s
 }) {
-  return t && e && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ C("div", { className: w("relative w-fit", o), ...s, children: [
+  return t && e && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ C("div", { className: x("relative w-fit", o), ...s, children: [
     n,
     t && /* @__PURE__ */ c(
       "a",
@@ -309,7 +309,7 @@ function ft({
         ...a,
         rel: (a == null ? void 0 : a.rel) || "noreferrer",
         href: t,
-        className: w("absolute inset-0", a == null ? void 0 : a.className)
+        className: x("absolute inset-0", a == null ? void 0 : a.className)
       }
     ),
     !t && e && /* @__PURE__ */ c(
@@ -318,13 +318,13 @@ function ft({
         ...r,
         type: "button",
         onClick: e,
-        className: w("absolute inset-0 cursor-pointer", r == null ? void 0 : r.className)
+        className: x("absolute inset-0 cursor-pointer", r == null ? void 0 : r.className)
       }
     )
   ] });
 }
 function Q({ elementId: n, type: o, message: t }) {
-  return $(() => {
+  return z(() => {
     const a = document.getElementById(n);
     if (a) {
       if (!t && o === "error") {
@@ -342,7 +342,7 @@ function Q({ elementId: n, type: o, message: t }) {
   }, [n, o, t]), t ? /* @__PURE__ */ C(
     "small",
     {
-      className: w(
+      className: x(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",
         o === "error" && "text-destructive",
         o === "success" && "text-success"
@@ -355,12 +355,12 @@ function Q({ elementId: n, type: o, message: t }) {
     }
   ) : null;
 }
-const Le = {
+const Re = {
   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"
-}, Re = {
+}, De = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -370,7 +370,7 @@ const Le = {
   variant: "default",
   rounded: "none"
 };
-function mt({
+function bt({
   variant: n = ne.variant,
   rounded: o,
   displayOnlyMode: t = !1,
@@ -380,21 +380,21 @@ function mt({
   className: s,
   ...i
 }) {
-  const u = z(), [d, m] = A(!1);
+  const u = V(), [d, h] = A(!1);
   let l = o;
   n === "outline" && !o && (l = "md"), l = l || ne.rounded;
-  const b = w(
+  const b = x(
     "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
     "file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",
-    !t && Le[n],
-    !t && Re[l],
+    !t && Re[n],
+    !t && De[l],
     r === "password" && "pr-10",
     !t && "px-2 py-1",
     t && "pointer-events-none",
     s
   );
-  return /* @__PURE__ */ C("div", { className: w(t && "cursor-text"), style: { height: i.height, width: i.width }, children: [
-    /* @__PURE__ */ C("div", { className: w(r === "password" && "relative"), children: [
+  return /* @__PURE__ */ C("div", { className: x(t && "cursor-text"), style: { height: i.height, width: i.width }, children: [
+    /* @__PURE__ */ C("div", { className: x(r === "password" && "relative"), children: [
       /* @__PURE__ */ c(
         "input",
         {
@@ -412,11 +412,11 @@ function mt({
       r === "password" && /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => m(!d),
+          onClick: () => h(!d),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
           "data-state": d ? "visible" : "hidden",
-          children: d ? /* @__PURE__ */ c(pe, { size: 20 }) : /* @__PURE__ */ c(ge, { size: 20 })
+          children: d ? /* @__PURE__ */ c(pe, { size: 20 }) : /* @__PURE__ */ c(ve, { size: 20 })
         }
       )
     ] }),
@@ -424,7 +424,7 @@ function mt({
     !t && /* @__PURE__ */ c(Q, { elementId: u, type: "success", message: e })
   ] });
 }
-function bt({
+function ht({
   display: n = "inline",
   width: o = "fit-content",
   className: t = "",
@@ -435,9 +435,9 @@ function bt({
   children: i,
   ...u
 }) {
-  const d = z(), m = w("font-medium", n, t), l = e ? `${s ?? d}-help` : void 0;
+  const d = V(), h = x("font-medium", n, t), l = e ? `${s ?? d}-help` : void 0;
   return /* @__PURE__ */ C("div", { style: { display: n === "inline" ? "inline-flex" : "flex", width: o }, className: "relative", children: [
-    /* @__PURE__ */ C("label", { className: m, htmlFor: s, ...u, children: [
+    /* @__PURE__ */ C("label", { className: h, htmlFor: s, ...u, children: [
       i,
       a && /* @__PURE__ */ c("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
     ] }),
@@ -448,21 +448,21 @@ function bt({
         "aria-describedby": l,
         "aria-label": "Help information",
         title: e,
-        children: /* @__PURE__ */ c(ve, {})
+        children: /* @__PURE__ */ c(ge, {})
       }
     ),
     e && /* @__PURE__ */ c("div", { id: l, className: "sr-only", children: e }),
     r && /* @__PURE__ */ c("span", { className: "ml-1", children: r })
   ] });
 }
-function ze(n) {
+function Le(n) {
   const [o, t] = A(!1), [a, e] = A(!1);
-  return $(() => {
+  return z(() => {
     n ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 150));
   }, [n]), { show: o, shouldRender: a };
 }
-function Ve(n, o) {
-  $(() => {
+function Se(n, o) {
+  z(() => {
     const t = (a) => {
       a.key === "Escape" && n && o();
     };
@@ -471,8 +471,8 @@ function Ve(n, o) {
     };
   }, [n, o]);
 }
-function Be(n, o) {
-  const t = F(null), a = I(() => {
+function Ve(n, o) {
+  const t = S(null), a = I(() => {
     const e = document.getElementById(n);
     if (!e) return;
     const r = e.querySelectorAll('[data-modal-action="true"]');
@@ -494,11 +494,11 @@ function Be(n, o) {
     }
     e.focus();
   }, [n]);
-  $(() => (o && (t.current = document.activeElement, a()), () => {
+  z(() => (o && (t.current = document.activeElement, a()), () => {
     document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
   }), [o, a]);
 }
-function ht({
+function pt({
   id: n,
   isOpen: o,
   onClose: t,
@@ -509,22 +509,22 @@ function ht({
   overlayClassName: i,
   hideCloseButton: u = !1,
   actions: d = [],
-  disableCloseOnOverlayClick: m = !1,
+  disableCloseOnOverlayClick: h = !1,
   ariaLabelledBy: l,
-  ariaDescribedBy: g
+  ariaDescribedBy: v
 }) {
-  const f = z(), b = n || `modal-${f}`, v = n ? `${n}-title` : `modal-title-${f}`, { show: h, shouldRender: y } = ze(o);
-  if (Be(b, y), Ve(y, t), !y) return null;
-  const p = () => a ? j.isValidElement(a) ? /* @__PURE__ */ c("div", { className: "mb-4", children: a }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: v, children: a }) : null, x = () => d.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: d.map((N, E) => {
-    const { label: V, className: k, ...R } = N;
-    return /* @__PURE__ */ c($e, { className: k, type: "button", ...R, "data-modal-action": "true", children: V }, E);
+  const f = V(), b = n || `modal-${f}`, m = n ? `${n}-title` : `modal-title-${f}`, { show: p, shouldRender: y } = Le(o);
+  if (Ve(b, y), Se(y, t), !y) return null;
+  const g = () => a ? F.isValidElement(a) ? /* @__PURE__ */ c("div", { className: "mb-4", children: a }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: m, children: a }) : null, w = () => d.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: d.map((N, E) => {
+    const { label: D, className: $, ...k } = N;
+    return /* @__PURE__ */ c(ze, { className: $, type: "button", ...k, "data-modal-action": "true", children: D }, E);
   }) });
   return /* @__PURE__ */ c(O, { children: re(
     /* @__PURE__ */ c(
       "div",
       {
-        "aria-labelledby": l ?? a ? v : void 0,
-        "aria-describedby": g,
+        "aria-labelledby": l ?? a ? m : void 0,
+        "aria-describedby": v,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
@@ -532,21 +532,21 @@ function ht({
           /* @__PURE__ */ c(
             "div",
             {
-              className: L("fixed inset-0 bg-black/20 transition-all", i),
+              className: T("fixed inset-0 bg-black/20 transition-all", i),
               onClick: () => {
-                m || t();
+                h || t();
               }
             }
           ),
-          r && /* @__PURE__ */ c("div", { className: L("relative w-fit", s), children: e }),
+          r && /* @__PURE__ */ c("div", { className: T("relative w-fit", s), children: e }),
           !r && /* @__PURE__ */ C(
             "div",
             {
               id: b,
               tabIndex: -1,
-              className: L(
+              className: T(
                 "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover transition-all p-6 focus:ring ease-in duration-75",
-                h ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                p ? "opacity-100 scale-100" : "opacity-0 scale-90",
                 s
               ),
               children: [
@@ -560,9 +560,9 @@ function ht({
                     children: /* @__PURE__ */ c(ce, { size: 18 })
                   }
                 ),
-                p(),
+                g(),
                 e,
-                x()
+                w()
               ]
             }
           )
@@ -572,15 +572,15 @@ function ht({
     document.body
   ) });
 }
-const Se = {
+const Be = {
   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"
-}, je = {
+}, He = {
   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 pt({
+function vt({
   page: n,
   pageCount: o = 5,
   maxVisiblePages: t = 5,
@@ -591,43 +591,43 @@ function pt({
   className: i,
   ref: u,
   buttonsClassName: d,
-  ...m
+  ...h
 }) {
   const l = o === 1 / 0, f = I(() => {
     if (l) return [];
     const N = o, E = Math.min(t, N);
     if (N <= E)
-      return Array.from({ length: N }, (q, G) => G + 1);
-    const V = Math.floor(E / 2);
-    let k = Math.max(1, n - V), R = Math.min(N, k + E - 1);
-    return R - k + 1 < E && (k = Math.max(1, R - E + 1), R = Math.min(N, k + E - 1)), Array.from({ length: R - k + 1 }, (q, G) => k + G);
-  }, [l, t, n, o])(), b = n > 1, v = l || n < o, h = a && !l, y = a && !l, p = (N) => {
+      return Array.from({ length: N }, (P, j) => j + 1);
+    const D = Math.floor(E / 2);
+    let $ = Math.max(1, n - D), k = Math.min(N, $ + E - 1);
+    return k - $ + 1 < E && ($ = Math.max(1, k - E + 1), k = Math.min(N, $ + E - 1)), Array.from({ length: k - $ + 1 }, (P, j) => $ + j);
+  }, [l, t, n, o])(), b = n > 1, m = l || n < o, p = a && !l, y = a && !l, g = (N) => {
     N >= 1 && (l || N <= o) && e(N);
-  }, x = I(() => {
-    const N = L(
+  }, w = I(() => {
+    const N = T(
       "flex items-center justify-center min-w-fit",
       "disabled:opacity-50 disabled:cursor-not-allowed",
-      je[r],
+      He[r],
       "rounded-md"
     );
-    return L(N, Se[s], d);
+    return T(N, Be[s], d);
   }, [s, r, d]);
   return /* @__PURE__ */ C(
     "nav",
     {
       ref: u,
-      className: L("flex items-center justify-center gap-1", i),
+      className: T("flex items-center justify-center gap-1", i),
       role: "navigation",
       "aria-label": "Pagination",
       "data-page": n,
       "data-page-count": l ? "infinite" : o,
-      ...m,
+      ...h,
       children: [
-        h && /* @__PURE__ */ C(
+        p && /* @__PURE__ */ C(
           "button",
           {
-            onClick: () => p(1),
-            className: x(),
+            onClick: () => g(1),
+            className: w(),
             disabled: n === 1,
             "aria-label": "Go to first page",
             children: [
@@ -639,8 +639,8 @@ function pt({
         /* @__PURE__ */ C(
           "button",
           {
-            onClick: () => p(n - 1),
-            className: x(),
+            onClick: () => g(n - 1),
+            className: w(),
             disabled: !b,
             "aria-label": "Go to previous page",
             children: [
@@ -652,8 +652,8 @@ function pt({
         !l && f.map((N) => /* @__PURE__ */ c(
           "button",
           {
-            onClick: () => p(N),
-            className: L(x(), "aspect-square"),
+            onClick: () => g(N),
+            className: T(w(), "aspect-square"),
             "aria-label": `Go to page ${N}`,
             "aria-current": N === n ? !0 : void 0,
             children: N
@@ -663,9 +663,9 @@ function pt({
         /* @__PURE__ */ C(
           "button",
           {
-            onClick: () => p(n + 1),
-            className: x(),
-            disabled: !v,
+            onClick: () => g(n + 1),
+            className: w(),
+            disabled: !m,
             "aria-label": "Go to next page",
             children: [
               /* @__PURE__ */ c("span", { className: "mr-1", children: "Next" }),
@@ -676,8 +676,8 @@ function pt({
         y && /* @__PURE__ */ C(
           "button",
           {
-            onClick: () => p(o),
-            className: x(),
+            onClick: () => g(o),
+            className: w(),
             disabled: n === o,
             "aria-label": "Go to last page",
             children: [
@@ -692,12 +692,12 @@ function pt({
 }
 function Fe(n) {
   const [o, t] = A(!1), [a, e] = A(!1);
-  return $(() => {
+  return z(() => {
     n ? (e(!0), setTimeout(() => t(!0), 10)) : (t(!1), setTimeout(() => e(!1), 300));
   }, [n]), { show: o, shouldRender: a };
 }
-function Ge(n, o) {
-  $(() => {
+function je(n, o) {
+  z(() => {
     const t = (a) => {
       a.key === "Escape" && n && o();
     };
@@ -706,8 +706,8 @@ function Ge(n, o) {
     };
   }, [n, o]);
 }
-function qe(n, o) {
-  const t = F(null), a = I(() => {
+function Pe(n, o) {
+  const t = S(null), a = I(() => {
     const e = document.getElementById(n);
     if (!e) return;
     const r = e.querySelectorAll('[data-panel-action="true"]');
@@ -729,11 +729,11 @@ function qe(n, o) {
     }
     e.focus();
   }, [n]);
-  $(() => (o && (t.current = document.activeElement, a()), () => {
+  z(() => (o && (t.current = document.activeElement, a()), () => {
     document.body.style.overflow = "auto", t.current instanceof HTMLElement && t.current.focus();
   }), [o, a]);
 }
-const He = {
+const Ge = {
   size: {
     sm: "max-w-sm",
     md: "max-w-md",
@@ -755,18 +755,18 @@ function gt({
   size: i = "md",
   className: u,
   overlayClassName: d,
-  hideCloseButton: m = !1,
+  hideCloseButton: h = !1,
   disableCloseOnOverlayClick: l = !1,
-  ariaLabelledBy: g,
+  ariaLabelledBy: v,
   ariaDescribedBy: f
 }) {
-  const b = z(), v = o || `panel-${b}`, h = o ? `${o}-title` : `panel-title-${b}`, { show: y, shouldRender: p } = Fe(t);
-  if (qe(v, p), Ge(p, a), !p) return null;
-  const x = () => e ? j.isValidElement(e) ? /* @__PURE__ */ c("div", { children: e }) : /* @__PURE__ */ c("h2", { className: "text-2xl font-semibold", id: h, children: e }) : null, N = () => {
+  const b = V(), m = o || `panel-${b}`, p = o ? `${o}-title` : `panel-title-${b}`, { show: y, shouldRender: g } = Fe(t);
+  if (Pe(m, g), je(g, a), !g) return null;
+  const w = () => e ? F.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 (j.isValidElement(s)) {
-      const E = s, V = E.props.className || "";
-      return j.cloneElement(E, { className: L("px-6 py-4", V) });
+    if (F.isValidElement(s)) {
+      const E = s, D = E.props.className || "";
+      return F.cloneElement(E, { className: T("px-6 py-4", D) });
     }
     return /* @__PURE__ */ c("div", { className: "px-6 py-4", children: s });
   };
@@ -774,7 +774,7 @@ function gt({
     /* @__PURE__ */ C(
       "div",
       {
-        "aria-labelledby": g ?? e ? h : void 0,
+        "aria-labelledby": v ?? e ? p : void 0,
         "aria-describedby": f,
         role: "dialog",
         "aria-modal": "true",
@@ -784,7 +784,7 @@ function gt({
           /* @__PURE__ */ c(
             "div",
             {
-              className: L(
+              className: T(
                 "fixed inset-0 bg-black/40 transition-opacity duration-300",
                 y ? "opacity-100" : "opacity-0",
                 d
@@ -797,20 +797,20 @@ function gt({
           /* @__PURE__ */ c("div", { className: "fixed inset-y-0 right-0 flex max-w-full", children: /* @__PURE__ */ c(
             "div",
             {
-              id: v,
+              id: m,
               ref: n,
               tabIndex: -1,
-              className: L(
+              className: T(
                 "relative h-full transform shadow-xl bg-popover transition-transform duration-300 ease-in-out",
                 i !== "screen" && "border-l border-border",
-                He.size[i],
+                Ge.size[i],
                 y ? "translate-x-0" : "translate-x-full",
                 u
               ),
               "data-panel-size": i,
               children: /* @__PURE__ */ C("div", { className: "flex h-full flex-col", children: [
-                e && /* @__PURE__ */ c("div", { className: "px-6 pt-6", children: x() }),
-                !m && /* @__PURE__ */ c(
+                e && /* @__PURE__ */ c("div", { className: "px-6 pt-6", children: w() }),
+                !h && /* @__PURE__ */ c(
                   "button",
                   {
                     type: "button",
@@ -821,7 +821,7 @@ function gt({
                     children: /* @__PURE__ */ c(ce, { size: 18 })
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: L("flex-1 overflow-y-auto px-6 pb-6", e ? "pt-6" : "pt-10"), children: r }),
+                /* @__PURE__ */ c("div", { className: T("flex-1 overflow-y-auto px-6 pb-6", e ? "pt-6" : "pt-10"), children: r }),
                 N()
               ] })
             }
@@ -835,7 +835,7 @@ function gt({
 function Me({ itemId: n, checked: o, onChange: t, name: a, disabled: e = !1, className: r = "" }) {
   const s = "relative inline-flex items-center justify-center rounded-full", i = () => {
     e || t();
-  }, u = w(
+  }, u = x(
     s,
     !o && "hover:border-current/60",
     !e && "border-current cursor-pointer",
@@ -863,7 +863,7 @@ function Me({ itemId: n, checked: o, onChange: t, name: a, disabled: e = !1, cla
       children: o && /* @__PURE__ */ c(
         "div",
         {
-          className: w("size-full aspect-square rounded-full", e && "bg-muted/60", !e && "bg-current")
+          className: x("size-full aspect-square rounded-full", e && "bg-muted/60", !e && "bg-current")
         }
       )
     }
@@ -880,14 +880,14 @@ function Y({
   description: i,
   name: u
 }) {
-  const m = `radio-${z()}-${n}`, l = () => {
+  const h = `radio-${V()}-${n}`, l = () => {
     r || e == null || e(n);
   };
   return /* @__PURE__ */ C(
     "div",
     {
       title: i,
-      className: w(
+      className: x(
         "relative flex items-center",
         t,
         // Uses text color for borders
@@ -903,32 +903,32 @@ function Y({
         !s && /* @__PURE__ */ c(
           Me,
           {
-            itemId: m,
+            itemId: h,
             name: u || "",
             checked: a,
             onChange: l,
             disabled: r,
-            className: w(s && "")
+            className: x(s && "")
           }
         ),
         /* @__PURE__ */ c(
           "div",
           {
-            id: s ? m : void 0,
+            id: s ? h : void 0,
             tabIndex: s ? -1 : void 0,
             role: s ? "radio" : void 0,
             onClick: s ? l : void 0,
             "aria-checked": s ? a ? "true" : "false" : void 0,
             "aria-disabled": s ? r : void 0,
             "aria-description": s ? i || `Radio button for ${u}` : void 0,
-            "aria-labelledby": s ? `${m}-label` : void 0,
-            className: w(s && "size-full", typeof o == "object" && "grow focus:outline-none"),
+            "aria-labelledby": s ? `${h}-label` : void 0,
+            className: x(s && "size-full", typeof o == "object" && "grow focus:outline-none"),
             children: /* @__PURE__ */ c(
               "label",
               {
-                id: `${m}-label`,
+                id: `${h}-label`,
                 onClick: s ? void 0 : l,
-                className: w(r && "cursor-not-allowed", !r && "cursor-pointer"),
+                className: x(r && "cursor-not-allowed", !r && "cursor-pointer"),
                 children: o
               }
             )
@@ -938,20 +938,20 @@ function Y({
     }
   );
 }
-function Pe(n, o) {
+function qe(n, o) {
   const [t, a] = A(o), [e, r] = A(-1), [s, i] = A(!1), u = I((f, b) => {
     var y;
-    const v = f[b];
-    v.hasAttribute("disabled") || v.getAttribute("aria-disabled") === "true" || ((y = f[b]) == null || y.click(), r(b));
+    const m = f[b];
+    m.hasAttribute("disabled") || m.getAttribute("aria-disabled") === "true" || ((y = f[b]) == null || y.click(), r(b));
   }, []), d = I(
     (f, b) => {
-      var h;
+      var p;
       if (f.preventDefault(), s || !b.length) return;
-      const v = o !== -1 ? o : 0;
-      (h = b[v]) == null || h.focus(), a(v), o !== -1 && u(b, v);
+      const m = o !== -1 ? o : 0;
+      (p = b[m]) == null || p.focus(), a(m), o !== -1 && u(b, m);
     },
     [o, s, u]
-  ), m = I(
+  ), h = I(
     (f) => {
       var y;
       if (!f.shiftKey)
@@ -961,54 +961,54 @@ function Pe(n, o) {
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((p) => !p.hasAttribute("disabled") && p.tabIndex >= 0), v = b.findIndex((p) => p.id === n), h = v > 0 ? v - 1 : b.length - 1;
-      (y = b[h]) == null || y.focus();
+      ).filter((g) => !g.hasAttribute("disabled") && g.tabIndex >= 0), m = b.findIndex((g) => g.id === n), p = m > 0 ? m - 1 : b.length - 1;
+      (y = b[p]) == null || y.focus();
     },
     [n]
   ), l = I(
     (f, b) => {
-      var x;
+      var w;
       if (!b.length) return;
-      const v = f.target;
-      if (!b.some((N) => N.id === v.id)) return;
+      const m = f.target;
+      if (!b.some((N) => N.id === m.id)) return;
       const y = t !== -1 ? t : 0;
-      let p = y;
+      let g = y;
       switch (f.key) {
         case "ArrowUp":
         case "ArrowLeft":
-          f.preventDefault(), p = y > 0 ? y - 1 : b.length - 1;
+          f.preventDefault(), g = y > 0 ? y - 1 : b.length - 1;
           break;
         case "ArrowDown":
         case "ArrowRight":
-          f.preventDefault(), p = (y + 1) % b.length;
+          f.preventDefault(), g = (y + 1) % b.length;
           break;
         // Select the option when the space key is pressed
         case " ":
           f.preventDefault(), u(b, y);
           return;
         case "Tab":
-          m(f);
+          h(f);
           return;
         default:
           return;
       }
-      (x = b[p]) == null || x.focus(), a(p), e !== -1 && u(b, p);
+      (w = b[g]) == null || w.focus(), a(g), e !== -1 && u(b, g);
     },
-    [t, e, m, u]
-  ), g = I(() => {
+    [t, e, h, u]
+  ), v = I(() => {
     const f = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     return f ? Array.from(f.querySelectorAll('[role="radio"]')) : [];
   }, [n]);
-  $(() => {
+  z(() => {
     const f = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     if (!f) return;
-    const b = g(), v = (x) => d(x, b), h = (x) => l(x, b), y = () => i(!0), p = () => i(!1);
-    return document.addEventListener("keydown", h), f.addEventListener("focus", v), f.addEventListener("mousedown", y), document.addEventListener("mouseup", p), () => {
-      document.removeEventListener("keydown", h), f.removeEventListener("focus", v), f.removeEventListener("mousedown", y), document.removeEventListener("mouseup", p);
+    const b = v(), m = (w) => d(w, b), p = (w) => l(w, b), y = () => i(!0), g = () => i(!1);
+    return document.addEventListener("keydown", p), f.addEventListener("focus", m), f.addEventListener("mousedown", y), document.addEventListener("mouseup", g), () => {
+      document.removeEventListener("keydown", p), f.removeEventListener("focus", m), f.removeEventListener("mousedown", y), document.removeEventListener("mouseup", g);
     };
-  }, [n, g, d, l]);
+  }, [n, v, d, l]);
 }
-function vt({
+function yt({
   options: n = [],
   value: o,
   onChange: t,
@@ -1018,14 +1018,14 @@ function vt({
   childrenClassName: s = "",
   hideInputs: i = !1
 }) {
-  const u = z(), d = a || `radio-group-${u}`;
-  Pe(
+  const u = V(), d = a || `radio-group-${u}`;
+  qe(
     d,
     n.findIndex((l) => l === o)
   );
-  const m = ee(() => n.reduce((l, g) => (typeof g == "string" ? l.some((f) => f.value === g) || l.push({ label: g, value: g }) : l.push(g), l), []), [n]);
-  return /* @__PURE__ */ C("div", { id: d, role: "radiogroup", tabIndex: 0, className: w(r, "focus:outline-none"), children: [
-    m.length > 0 && m.map((l, g) => /* @__PURE__ */ c(
+  const h = ee(() => n.reduce((l, v) => (typeof v == "string" ? l.some((f) => f.value === v) || l.push({ label: v, value: v }) : l.push(v), l), []), [n]);
+  return /* @__PURE__ */ C("div", { id: d, role: "radiogroup", tabIndex: 0, className: x(r, "focus:outline-none"), children: [
+    h.length > 0 && h.map((l, v) => /* @__PURE__ */ c(
       Y,
       {
         value: l.value,
@@ -1038,13 +1038,13 @@ function vt({
         className: s,
         children: l.label
       },
-      `${l.value}-${g}`
+      `${l.value}-${v}`
     )),
-    m.length === 0 && e && j.Children.map(e, (l) => j.isValidElement(l) && l.type === Y ? /* @__PURE__ */ c(
+    h.length === 0 && e && F.Children.map(e, (l) => F.isValidElement(l) && l.type === Y ? /* @__PURE__ */ c(
       Y,
       {
         ...l.props,
-        className: w(s, l.props.className),
+        className: x(s, l.props.className),
         hideInput: l.props.hideInput || i,
         isSelected: o === l.props.value,
         onChange: t,
@@ -1054,6 +1054,161 @@ function vt({
     ) : null)
   ] });
 }
+function We(n) {
+  const o = S(null), t = S(null), a = S(null), [e, r] = A(!1), [s, i] = A(!1), [u, d] = A({
+    vertical: !1,
+    horizontal: !1
+  }), h = S(null), l = S(null), v = I(() => {
+    const m = o.current;
+    if (!m) return;
+    const p = m.scrollHeight > m.clientHeight, y = m.scrollWidth > m.clientWidth;
+    d({
+      vertical: p,
+      horizontal: y
+    });
+  }, []), f = I(() => {
+    const m = o.current, p = t.current, y = a.current;
+    if (m) {
+      if (p && u.vertical) {
+        const w = (u.horizontal ? m.clientHeight - n : m.clientHeight) / m.scrollHeight, N = Math.max(w * 100, 10), E = m.scrollHeight - m.clientHeight, D = E > 0 ? m.scrollTop / E : 0, $ = 100 - N, k = D * $;
+        p.style.height = `${N}%`, p.style.top = `${k}%`, p.style.transform = "none";
+      }
+      if (y && u.horizontal) {
+        const w = (u.vertical ? m.clientWidth - n : m.clientWidth) / m.scrollWidth, N = Math.max(w * 100, 10), E = m.scrollWidth - m.clientWidth, D = E > 0 ? m.scrollLeft / E : 0, $ = 100 - N, k = D * $;
+        y.style.width = `${N}%`, y.style.left = `${k}%`, y.style.transform = "none";
+      }
+    }
+  }, [u, n]), b = I(() => {
+    h.current && clearTimeout(h.current), l.current && clearTimeout(l.current), r(!0), i(!1), f(), h.current = setTimeout(() => {
+      i(!0), l.current = setTimeout(() => {
+        r(!1), i(!1);
+      }, 300);
+    }, 1e3);
+  }, [f]);
+  return z(() => {
+    const m = o.current;
+    if (!m) return;
+    v();
+    const p = new ResizeObserver(v);
+    p.observe(m);
+    const y = new MutationObserver(v);
+    return y.observe(m, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0
+    }), () => {
+      p.disconnect(), y.disconnect();
+    };
+  }, [v]), z(() => {
+    f();
+  }, [u, f]), z(() => () => {
+    h.current && clearTimeout(h.current), l.current && clearTimeout(l.current);
+  }, []), {
+    viewportRef: o,
+    verticalThumbRef: t,
+    horizontalThumbRef: a,
+    isScrolling: e,
+    isFadingOut: s,
+    scrollbarVisible: u,
+    handleScroll: b
+  };
+}
+function wt({
+  className: n,
+  thumbClassName: o,
+  viewportClassName: t,
+  scrollbarClassName: a,
+  scrollbarThickness: e = 10,
+  children: r,
+  id: s,
+  ref: i,
+  ...u
+}) {
+  const { viewportRef: d, verticalThumbRef: h, horizontalThumbRef: l, isScrolling: v, isFadingOut: f, scrollbarVisible: b, handleScroll: m } = We(e), p = T(
+    "relative flex-1 rounded-full bg-slate-400/60 hover:bg-slate-400/80 active:bg-slate-400",
+    o
+  );
+  return /* @__PURE__ */ C("div", { ref: i, id: s, className: T("relative overflow-hidden", n), "data-scroll-area-root": "", ...u, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        className: T(
+          "h-full w-full overflow-auto rounded-[inherit] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+          t
+        ),
+        onScroll: m,
+        "data-scroll-area-viewport": "",
+        children: r
+      }
+    ),
+    b.vertical && (v || f) && /* @__PURE__ */ c(
+      "div",
+      {
+        className: T(
+          "touch-none select-none transition-all duration-300",
+          "p-[1px]",
+          "absolute right-0 top-0",
+          f ? "opacity-0" : "opacity-100",
+          a
+        ),
+        "data-scroll-area-scrollbar": "vertical",
+        "data-state": v ? "visible" : "hidden",
+        style: {
+          width: `${e}px`,
+          height: b.horizontal ? `calc(100% - ${e}px)` : "100%"
+        },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            ref: h,
+            className: T("absolute rounded-full", p),
+            "data-scroll-area-thumb": "",
+            style: { height: "20%", top: "0%", width: "100%" }
+          }
+        )
+      }
+    ),
+    b.horizontal && (v || f) && /* @__PURE__ */ c(
+      "div",
+      {
+        className: T(
+          "touch-none select-none transition-all duration-300",
+          "p-[1px]",
+          "absolute bottom-0 left-0",
+          f ? "opacity-0" : "opacity-100",
+          a
+        ),
+        "data-scroll-area-scrollbar": "horizontal",
+        "data-state": v ? "visible" : "hidden",
+        style: {
+          height: `${e}px`,
+          width: b.vertical ? `calc(100% - ${e}px)` : "100%"
+        },
+        children: /* @__PURE__ */ c(
+          "div",
+          {
+            ref: l,
+            className: T("absolute rounded-full", p),
+            "data-scroll-area-thumb": "",
+            style: { width: "20%", left: "0%", height: "100%" }
+          }
+        )
+      }
+    ),
+    b.vertical && b.horizontal && /* @__PURE__ */ c(
+      "div",
+      {
+        className: T("bg-transparent", "absolute bottom-0 right-0"),
+        "data-scroll-area-corner": "",
+        style: {
+          height: `${e}px`,
+          width: `${e}px`
+        }
+      }
+    )
+  ] });
+}
 const Ke = {
   thin: {
     horizontal: "h-px",
@@ -1075,14 +1230,14 @@ const Ke = {
   horizontal: "w-full",
   vertical: "min-h-4 h-full"
 };
-function yt({
+function xt({
   orientation: n = "horizontal",
   decorative: o = !1,
   thickness: t = "thin",
   className: a,
   ...e
 }) {
-  const r = w(
+  const r = x(
     "shrink-0 bg-border",
     Ue[n],
     Ke[t][n],
@@ -1101,7 +1256,7 @@ function yt({
     }
   );
 }
-const ae = {
+const oe = {
   shape: {
     rectangle: "rounded-md min-h-1",
     circle: "rounded-full aspect-square min-h-1",
@@ -1115,7 +1270,7 @@ const ae = {
     xl: "space-y-6"
   }
 };
-function wt({
+function Nt({
   shape: n = "rectangle",
   lineSpacing: o = "sm",
   className: t,
@@ -1124,12 +1279,12 @@ function wt({
   ref: r,
   ...s
 }) {
-  const i = w("bg-muted/70", e && "animate-pulse", ae.shape[n], t);
+  const i = x("bg-muted/70", e && "animate-pulse", oe.shape[n], t);
   return a > 1 ? /* @__PURE__ */ c(
     "div",
     {
       ref: r,
-      className: ae.lineSpacing[o],
+      className: oe.lineSpacing[o],
       role: "presentation",
       "aria-hidden": "true",
       "data-testid": "skeleton-container",
@@ -1140,7 +1295,7 @@ function wt({
       children: Array.from({ length: a }, (u, d) => /* @__PURE__ */ c(
         "div",
         {
-          className: w(
+          className: x(
             i,
             // Make last line shorter for a more natural text appearance
             d === a - 1 && "w-3/4"
@@ -1167,7 +1322,7 @@ function wt({
     }
   );
 }
-function xt({
+function Et({
   id: n,
   value: o,
   defaultValue: t = 0,
@@ -1178,157 +1333,157 @@ function xt({
   disabled: i = !1,
   trackClassName: u,
   rangeClassName: d,
-  thumbClassName: m,
+  thumbClassName: h,
   className: l,
-  ref: g,
+  ref: v,
   ariaLabel: f,
   ariaLabelledBy: b,
-  ...v
+  ...m
 }) {
-  const [h, y] = A(t), p = o !== void 0, x = p ? o : h, N = F(null), E = F(!1), V = F(0), k = I(
-    (T) => {
-      const D = Math.max(e, Math.min(r, T)), B = Math.round(D / s) * s;
-      p || y(B), a == null || a(B);
+  const [p, y] = A(t), g = o !== void 0, w = g ? o : p, N = S(null), E = S(!1), D = S(0), $ = I(
+    (R) => {
+      const L = Math.max(e, Math.min(r, R)), B = Math.round(L / s) * s;
+      g || y(B), a == null || a(B);
     },
-    [e, r, s, p, a]
-  ), R = I(
-    (T, D = !1) => {
-      var K;
-      const B = (K = N.current) == null ? void 0 : K.getBoundingClientRect();
-      if (!B) return x;
-      let M = T.clientX;
-      D && (M = M - V.current);
-      const _ = Math.max(0, Math.min(1, (M - B.left) / B.width));
-      return e + (r - e) * _;
+    [e, r, s, g, a]
+  ), k = I(
+    (R, L = !1) => {
+      var W;
+      const B = (W = N.current) == null ? void 0 : W.getBoundingClientRect();
+      if (!B) return w;
+      let M = R.clientX;
+      L && (M = M - D.current);
+      const U = Math.max(0, Math.min(1, (M - B.left) / B.width));
+      return e + (r - e) * U;
     },
-    [e, r, x]
-  ), q = I(
-    (T) => {
-      if (i || T.target !== T.currentTarget) return;
-      const D = R(T);
-      k(D);
+    [e, r, w]
+  ), P = I(
+    (R) => {
+      if (i || R.target !== R.currentTarget) return;
+      const L = k(R);
+      $(L);
     },
-    [i, R, k]
-  ), G = I(
-    (T) => {
-      var K;
+    [i, k, $]
+  ), j = I(
+    (R) => {
+      var W;
       if (i) return;
-      T.stopPropagation(), E.current = !0;
-      const D = (K = N.current) == null ? void 0 : K.getBoundingClientRect(), B = T.currentTarget.getBoundingClientRect();
-      if (D && B) {
-        const P = B.left + B.width / 2;
-        V.current = T.clientX - P;
+      R.stopPropagation(), E.current = !0;
+      const L = (W = N.current) == null ? void 0 : W.getBoundingClientRect(), B = R.currentTarget.getBoundingClientRect();
+      if (L && B) {
+        const q = B.left + B.width / 2;
+        D.current = R.clientX - q;
       }
-      T.currentTarget.setPointerCapture(T.pointerId);
-      const M = (P) => {
+      R.currentTarget.setPointerCapture(R.pointerId);
+      const M = (q) => {
         if (!E.current) return;
-        const de = R(P, !0);
-        k(de);
-      }, _ = (P) => {
-        if (P.pointerId === T.pointerId) {
-          E.current = !1, V.current = 0;
+        const ue = k(q, !0);
+        $(ue);
+      }, U = (q) => {
+        if (q.pointerId === R.pointerId) {
+          E.current = !1, D.current = 0;
           try {
-            T.currentTarget.releasePointerCapture(P.pointerId);
+            R.currentTarget.releasePointerCapture(q.pointerId);
           } catch {
           }
-          document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", _);
+          document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", U);
         }
       };
-      document.addEventListener("pointermove", M), document.addEventListener("pointerup", _);
+      document.addEventListener("pointermove", M), document.addEventListener("pointerup", U);
     },
-    [i, R, k]
-  ), U = I(
-    (T) => {
+    [i, k, $]
+  ), K = I(
+    (R) => {
       if (i) return;
-      let D = x;
-      switch (T.key) {
+      let L = w;
+      switch (R.key) {
         case "ArrowRight":
         case "ArrowUp":
-          D = x + s;
+          L = w + s;
           break;
         case "ArrowLeft":
         case "ArrowDown":
-          D = x - s;
+          L = w - s;
           break;
         case "Home":
-          D = e;
+          L = e;
           break;
         case "End":
-          D = r;
+          L = r;
           break;
         case "PageUp":
-          D = x + s * 10;
+          L = w + s * 10;
           break;
         case "PageDown":
-          D = x - s * 10;
+          L = w - s * 10;
           break;
         default:
           return;
       }
-      T.preventDefault(), k(D);
+      R.preventDefault(), $(L);
     },
-    [i, x, s, e, r, k]
-  ), H = r === e ? 0 : (x - e) / (r - e) * 100;
+    [i, w, s, e, r, $]
+  ), G = r === e ? 0 : (w - e) / (r - e) * 100;
   return /* @__PURE__ */ c(
     "div",
     {
       id: n,
-      ref: g,
-      className: L(
+      ref: v,
+      className: T(
         "relative flex items-center w-full touch-none select-none",
         i && "opacity-50 cursor-not-allowed",
         l
       ),
       "data-disabled": i,
-      "data-value": x,
+      "data-value": w,
       "data-min": e,
       "data-max": r,
       "data-step": s,
-      ...v,
+      ...m,
       children: /* @__PURE__ */ C(
         "div",
         {
           ref: N,
-          className: L(
+          className: T(
             "relative h-1.5 w-full rounded-full bg-muted cursor-pointer",
             i && "cursor-not-allowed",
             u
           ),
-          onPointerDown: q,
+          onPointerDown: P,
           children: [
             /* @__PURE__ */ c(
               "div",
               {
-                className: L(
+                className: T(
                   "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",
                   d
                 ),
-                style: { width: `${H}%` }
+                style: { width: `${G}%` }
               }
             ),
             /* @__PURE__ */ c(
               "div",
               {
-                className: L(
+                className: T(
                   "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
+                  h
                 ),
-                style: { left: `calc(${H}% - 10px)` },
+                style: { left: `calc(${G}% - 10px)` },
                 tabIndex: i ? -1 : 0,
                 role: "slider",
                 "aria-valuemin": e,
                 "aria-valuemax": r,
-                "aria-valuenow": x,
+                "aria-valuenow": w,
                 "aria-label": f,
                 "aria-labelledby": b,
                 "aria-disabled": i,
-                onKeyDown: U,
-                onPointerDown: G
+                onKeyDown: K,
+                onPointerDown: j
               }
             )
           ]
@@ -1337,8 +1492,8 @@ function xt({
     }
   );
 }
-function Nt({ children: n, ref: o, ...t }) {
-  if (ue(n)) {
+function Ct({ children: n, ref: o, ...t }) {
+  if (de(n)) {
     let a = { ...t };
     return n.props && (a = { ...a, ...n.props }), fe(n, {
       ...a,
@@ -1358,7 +1513,7 @@ const _e = ({ defaultValue: n, value: o, onValueChange: t } = {}) => {
     onValueChange: i
   };
 };
-function Et({
+function At({
   defaultValue: n,
   value: o,
   onValueChange: t,
@@ -1369,23 +1524,23 @@ function Et({
   ref: i,
   id: u,
   triggersClassName: d,
-  contentClassName: m
+  contentClassName: h
 }) {
-  const { value: l, onValueChange: g } = _e({
+  const { value: l, onValueChange: v } = _e({
     defaultValue: n,
     value: o,
     onValueChange: t
   }), f = {
     selectedValue: l,
-    onValueChange: g,
+    onValueChange: v,
     tabsWidth: a,
     variant: e,
     triggersClassName: d,
-    contentClassName: m
+    contentClassName: h
   };
   return /* @__PURE__ */ c(Ee.Provider, { value: f, children: /* @__PURE__ */ c("div", { id: u, ref: i, className: r, "data-tabs-width": a, "data-variant": e, children: s }) });
 }
-function Ct({ value: n, className: o, children: t, ref: a }) {
+function Tt({ value: n, className: o, children: t, ref: a }) {
   const { selectedValue: e, contentClassName: r } = te(), s = e === n;
   return s ? /* @__PURE__ */ c(
     "div",
@@ -1396,13 +1551,13 @@ function Ct({ value: n, className: o, children: t, ref: a }) {
       "aria-labelledby": `tabs-trigger-${n}`,
       "data-state": s ? "active" : "inactive",
       "data-value": n,
-      className: w("mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2", r, o),
+      className: x("mt-4 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2", r, o),
       tabIndex: 0,
       children: t
     }
   ) : null;
 }
-const oe = {
+const ae = {
   width: {
     fit: "w-fit",
     full: "w-full *:flex-1"
@@ -1412,12 +1567,12 @@ const oe = {
     pills: "",
     bordered: "border border-border rounded-lg p-1"
   }
-}, We = {
+}, Xe = {
   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 At({ children: n, className: o, id: t, ref: a }) {
+function It({ children: n, className: o, id: t, ref: a }) {
   const { tabsWidth: e, variant: r } = te();
   return /* @__PURE__ */ c(
     "div",
@@ -1425,15 +1580,15 @@ function At({ children: n, className: o, id: t, ref: a }) {
       id: t,
       ref: a,
       role: "tablist",
-      className: w("flex", oe.width[e], oe.variant[r], o),
+      className: x("flex", ae.width[e], ae.variant[r], o),
       "data-tabs-width": e,
       "data-variant": r,
       children: n
     }
   );
 }
-function It({ value: n, disabled: o = !1, className: t, children: a, onClick: e, id: r, ref: s }) {
-  const { selectedValue: i, onValueChange: u, variant: d, triggersClassName: m } = te(), l = i === n, g = (b) => {
+function $t({ value: n, disabled: o = !1, className: t, children: a, onClick: e, id: r, ref: s }) {
+  const { selectedValue: i, onValueChange: u, variant: d, triggersClassName: h } = te(), l = i === n, v = (b) => {
     o || u(n), e == null || e(b);
   };
   return /* @__PURE__ */ c(
@@ -1448,21 +1603,21 @@ function It({ value: n, disabled: o = !1, className: t, children: a, onClick: e,
       "data-state": l ? "active" : "inactive",
       "data-value": n,
       disabled: o,
-      className: w(
+      className: x(
         "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",
-        We[d],
-        m,
+        Xe[d],
+        h,
         t
       ),
-      onClick: g,
+      onClick: v,
       children: a
     }
   );
 }
-function Xe({ elementId: n, maxLength: o }) {
+function Qe({ elementId: n, maxLength: o }) {
   const [t, a] = A(0);
-  return $(() => {
+  return z(() => {
     const e = document.getElementById(n);
     if (!e)
       return;
@@ -1478,7 +1633,7 @@ function Xe({ elementId: n, maxLength: o }) {
   }, [n, o]), /* @__PURE__ */ c(
     "small",
     {
-      className: w(
+      className: x(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",
         t >= o && "text-destructive",
         t < o && "text-current"
@@ -1493,8 +1648,8 @@ function Xe({ elementId: n, maxLength: o }) {
     }
   );
 }
-function Qe(n, o) {
-  $(() => {
+function Ze(n, o) {
+  z(() => {
     const t = document.getElementById(n);
     if (!t)
       return;
@@ -1510,11 +1665,11 @@ function Qe(n, o) {
     };
   }, [n, o]);
 }
-const Ze = {
+const Je = {
   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"
-}, Je = {
+}, Ye = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -1524,7 +1679,7 @@ const Ze = {
   variant: "outline",
   rounded: "none"
 };
-function kt({
+function zt({
   variant: n = se.variant,
   rounded: o,
   displayOnlyMode: t = !1,
@@ -1536,27 +1691,27 @@ function kt({
   className: u,
   ...d
 }) {
-  const m = z();
-  Qe(m, s || t);
+  const h = V();
+  Ze(h, s || t);
   let l = o;
   n === "outline" && !o && (l = "md"), l = l || se.rounded;
-  let g = r;
-  (t || n === "left-line" && !r) && (g = !0);
-  const b = w(
+  let v = r;
+  (t || n === "left-line" && !r) && (v = !0);
+  const b = x(
     "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
-    !t && Ze[n],
-    !t && Je[l],
+    !t && Je[n],
+    !t && Ye[l],
     !t && "px-2 py-1",
     t && "pointer-events-none",
-    g && "no-resize-handle",
+    v && "no-resize-handle",
     u
   );
-  return /* @__PURE__ */ C("div", { className: w("-space-y-1.5", t && "cursor-text"), children: [
+  return /* @__PURE__ */ C("div", { className: x("-space-y-1.5", t && "cursor-text"), children: [
     /* @__PURE__ */ c(
       "textarea",
       {
         ...d,
-        id: m,
+        id: h,
         "aria-disabled": d.disabled,
         readOnly: t,
         "aria-readonly": t || d["aria-readonly"],
@@ -1566,12 +1721,12 @@ function kt({
         className: b
       }
     ),
-    i > 0 && /* @__PURE__ */ c(Xe, { elementId: m, maxLength: i }),
-    !t && /* @__PURE__ */ c(Q, { elementId: m, type: "error", message: a }),
-    !t && /* @__PURE__ */ c(Q, { elementId: m, type: "success", message: e })
+    i > 0 && /* @__PURE__ */ c(Qe, { elementId: h, maxLength: i }),
+    !t && /* @__PURE__ */ c(Q, { elementId: h, type: "error", message: a }),
+    !t && /* @__PURE__ */ c(Q, { elementId: h, type: "success", message: e })
   ] });
 }
-const Ye = {
+const Oe = {
   sm: {
     container: "h-5 min-w-9 w-9",
     thumb: "h-4 w-4",
@@ -1587,7 +1742,7 @@ const Ye = {
     thumb: "h-6 w-6",
     translate: "translate-x-6"
   }
-}, Oe = {
+}, et = {
   default: {
     unchecked: "bg-muted",
     checked: "bg-primary"
@@ -1604,7 +1759,7 @@ const Ye = {
   variant: "default",
   size: "md"
 };
-function Tt({
+function kt({
   ref: n,
   id: o,
   size: t = ie.size,
@@ -1615,32 +1770,32 @@ function Tt({
   className: i,
   thumbClassName: u,
   backgroundClassNames: d,
-  ...m
+  ...h
 }) {
-  const l = z(), g = ee(() => o || `toggle-${l}`, [o, l]), [f, b] = A(e);
-  $(() => {
+  const l = V(), v = ee(() => o || `toggle-${l}`, [o, l]), [f, b] = A(e);
+  z(() => {
     b(e);
   }, [e]);
-  const v = () => {
+  const m = () => {
     if (!s) {
       const E = !f;
       e === void 0 && b(E), r == null || r(E);
     }
-  }, h = (E) => {
-    (E.key === " " || E.key === "Enter") && (E.preventDefault(), v());
-  }, y = Ye[t], p = Oe[a], x = w(
+  }, p = (E) => {
+    (E.key === " " || E.key === "Enter") && (E.preventDefault(), m());
+  }, y = Oe[t], g = et[a], w = x(
     // 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
-    f ? (d == null ? void 0 : d.checked) || p.checked : (d == null ? void 0 : d.unchecked) || p.unchecked,
+    f ? (d == null ? void 0 : d.checked) || g.checked : (d == null ? void 0 : d.unchecked) || g.unchecked,
     // Disabled state
     s && "opacity-50 cursor-not-allowed",
     !s && "cursor-pointer",
     i
-  ), N = w(
+  ), N = x(
     // 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
@@ -1653,17 +1808,17 @@ function Tt({
     "button",
     {
       ref: n,
-      id: g,
+      id: v,
       type: "button",
       role: "switch",
       tabIndex: 0,
       "aria-checked": f,
       "aria-disabled": s,
       disabled: s,
-      onClick: v,
-      onKeyDown: h,
-      className: x,
-      ...m,
+      onClick: m,
+      onKeyDown: p,
+      className: w,
+      ...h,
       children: [
         /* @__PURE__ */ c("span", { className: N }),
         /* @__PURE__ */ c("span", { className: "sr-only", children: f ? "Enabled" : "Disabled" })
@@ -1671,19 +1826,19 @@ function Tt({
     }
   );
 }
-const W = 8, X = 4, S = 6;
-function et(n) {
+const _ = 8, X = 4, H = 6;
+function tt(n) {
   return { calculatePosition: I(
     (t, a) => {
       const e = t.getBoundingClientRect(), r = a.getBoundingClientRect(), s = {
         width: window.innerWidth,
         height: window.innerHeight
-      }, i = (g, f, b, v) => g < 0 || f < 0 || g + b > s.width || f + v > s.height, u = {
+      }, i = (v, f, b, m) => v < 0 || f < 0 || v + b > s.width || f + m > s.height, u = {
         top: {
           x: e.left + e.width / 2 - r.width / 2,
           y: e.top - r.height - X,
           arrow: {
-            x: r.width / 2 - S,
+            x: r.width / 2 - H,
             y: r.height
           }
         },
@@ -1691,7 +1846,7 @@ function et(n) {
           x: e.left + e.width / 2 - r.width / 2,
           y: e.bottom + X,
           arrow: {
-            x: r.width / 2 - S,
+            x: r.width / 2 - H,
             y: -6
           }
         },
@@ -1700,7 +1855,7 @@ function et(n) {
           y: e.top + e.height / 2 - r.height / 2,
           arrow: {
             x: r.width,
-            y: r.height / 2 - S
+            y: r.height / 2 - H
           }
         },
         right: {
@@ -1708,65 +1863,65 @@ function et(n) {
           y: e.top + e.height / 2 - r.height / 2,
           arrow: {
             x: -6,
-            y: r.height / 2 - S
+            y: r.height / 2 - H
           }
         }
       };
-      let d = n, m = u[n];
-      if (i(m.x, m.y, r.width, r.height)) {
-        const g = {
+      let d = n, h = u[n];
+      if (i(h.x, h.y, r.width, r.height)) {
+        const v = {
           top: "bottom",
           bottom: "top",
           left: "right",
           right: "left"
-        }, f = u[g[n]];
+        }, f = u[v[n]];
         if (!i(f.x, f.y, r.width, r.height))
-          d = g[n], m = f;
+          d = v[n], h = f;
         else {
           const b = ["top", "bottom", "left", "right"].filter(
-            (v) => v !== n && v !== g[n]
+            (m) => m !== n && m !== v[n]
           );
-          for (const v of b) {
-            const h = u[v];
-            if (!i(h.x, h.y, r.width, r.height)) {
-              d = v, m = h;
+          for (const m of b) {
+            const p = u[m];
+            if (!i(p.x, p.y, r.width, r.height)) {
+              d = m, h = p;
               break;
             }
           }
         }
       }
-      m.x = Math.max(
-        W,
-        Math.min(m.x, s.width - r.width - W)
-      ), m.y = Math.max(
-        W,
-        Math.min(m.y, s.height - r.height - W)
+      h.x = Math.max(
+        _,
+        Math.min(h.x, s.width - r.width - _)
+      ), h.y = Math.max(
+        _,
+        Math.min(h.y, s.height - r.height - _)
       );
       const l = {
         x: e.left + e.width / 2,
         y: e.top + e.height / 2
       };
-      return d === "top" || d === "bottom" ? m.arrow.x = Math.max(
-        S,
-        Math.min(l.x - m.x - S, r.width - S * 2)
-      ) : m.arrow.y = Math.max(
-        S,
-        Math.min(l.y - m.y - S, r.height - S * 2)
+      return d === "top" || d === "bottom" ? h.arrow.x = Math.max(
+        H,
+        Math.min(l.x - h.x - H, r.width - H * 2)
+      ) : h.arrow.y = Math.max(
+        H,
+        Math.min(l.y - h.y - H, r.height - H * 2)
       ), {
-        ...m,
+        ...h,
         placement: d
       };
     },
     [n]
   ) };
 }
-function tt(n, o, t) {
-  const a = F(null), e = F(null), r = I(() => {
+function rt(n, o, t) {
+  const a = S(null), e = S(null), r = I(() => {
     if (!a.current || !e.current) return;
     const s = n(a.current, e.current);
     t(s);
   }, [n, t]);
-  return $(() => {
+  return z(() => {
     if (!o) return;
     const s = () => r();
     return window.addEventListener("resize", s), () => {
@@ -1778,16 +1933,16 @@ function tt(n, o, t) {
     updatePosition: r
   };
 }
-function rt(n, o, t, a, e, r, s, i, u) {
-  const d = F(null), m = I(() => {
+function nt(n, o, t, a, e, r, s, i, u) {
+  const d = S(null), h = I(() => {
     n || (d.current && clearTimeout(d.current), d.current = window.setTimeout(() => {
       t(!0), requestAnimationFrame(() => {
         e(), a(!0);
       });
     }, o));
   }, [n, o, t, e, a]), l = I(
-    (g = !1) => {
-      if (d.current && clearTimeout(d.current), g) {
+    (v = !1) => {
+      if (d.current && clearTimeout(d.current), v) {
         a(!1), setTimeout(() => t(!1), 150);
         return;
       }
@@ -1797,17 +1952,17 @@ function rt(n, o, t, a, e, r, s, i, u) {
     },
     [a, t]
   );
-  return $(() => {
+  return z(() => {
     !r && !s && !i && u && l();
-  }, [r, s, i, u, l]), $(() => () => {
+  }, [r, s, i, u, l]), z(() => () => {
     d.current && clearTimeout(d.current);
   }, []), {
-    showTooltip: m,
+    showTooltip: h,
     hideTooltip: l,
     timeoutRef: d
   };
 }
-function $t({
+function Rt({
   id: n,
   children: o,
   message: t,
@@ -1816,57 +1971,57 @@ function $t({
   delay: r = 200,
   className: s
 }) {
-  const [i, u] = A(!1), [d, m] = A(!1), [l, g] = A(null), [f, b] = A(!1), [v, h] = A(!1), [y, p] = A(!1), { calculatePosition: x } = et(a), { triggerRef: N, tooltipRef: E, updatePosition: V } = tt(x, d, g), { showTooltip: k, hideTooltip: R, timeoutRef: q } = rt(
+  const [i, u] = A(!1), [d, h] = A(!1), [l, v] = A(null), [f, b] = A(!1), [m, p] = A(!1), [y, g] = A(!1), { calculatePosition: w } = tt(a), { triggerRef: N, tooltipRef: E, updatePosition: D } = rt(w, d, v), { showTooltip: $, hideTooltip: k, timeoutRef: P } = nt(
     e,
     r,
-    m,
+    h,
     u,
-    V,
+    D,
     f,
-    v,
+    m,
     y,
     i
-  ), G = z(), U = n ?? G;
+  ), j = V(), K = n ?? j;
   return /* @__PURE__ */ C(O, { children: [
-    j.cloneElement(o, {
-      ref: (H) => {
-        N.current = H;
+    F.cloneElement(o, {
+      ref: (G) => {
+        N.current = G;
       },
       onMouseEnter: () => {
-        b(!0), k();
+        b(!0), $();
       },
       onMouseLeave: () => {
         b(!1);
       },
       onFocus: () => {
-        p(!0), k();
+        g(!0), $();
       },
       onBlur: () => {
-        p(!1), R(!0);
+        g(!1), k(!0);
       },
-      onKeyDown: (H) => {
-        H.key === "Escape" && R(!0);
+      onKeyDown: (G) => {
+        G.key === "Escape" && k(!0);
       },
-      "aria-describedby": e ? void 0 : U
+      "aria-describedby": e ? void 0 : K
     }),
     d && re(
       /* @__PURE__ */ c(
         "div",
         {
           ref: E,
-          id: U,
+          id: K,
           role: "tooltip",
-          className: w(
+          className: x(
             "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: l ? { left: l.x, top: l.y } : { opacity: 0 },
           onMouseEnter: () => {
-            h(!0), q.current && clearTimeout(q.current);
+            p(!0), P.current && clearTimeout(P.current);
           },
           onMouseLeave: () => {
-            h(!1);
+            p(!1);
           },
           children: t
         }
@@ -1878,30 +2033,31 @@ function $t({
 export {
   dt as Accordion,
   Z as AccordionItem,
-  Rt as ActionModal,
-  $e as Button,
+  St as ActionModal,
+  ze as Button,
   Ae as ButtonLoadingDots,
-  ut as Checkbox,
-  ft as Clickable,
-  mt as Input,
-  bt as Label,
-  ht as Modal,
-  pt as Pagination,
+  ft as Checkbox,
+  mt as Clickable,
+  bt as Input,
+  ht as Label,
+  pt as Modal,
+  vt as Pagination,
   gt as Panel,
-  vt as RadioGroup,
+  yt as RadioGroup,
   Y as RadioGroupItem,
   Me as RadioInput,
-  yt as Separator,
-  wt as Skeleton,
-  xt as Slider,
-  Nt as Slot,
-  Et as Tabs,
-  Ct as TabsContent,
-  At as TabsList,
-  It as TabsTrigger,
-  kt as Textarea,
-  zt as Toast,
-  Tt as Toggle,
-  $t as Tooltip
+  wt as ScrollArea,
+  xt as Separator,
+  Nt as Skeleton,
+  Et as Slider,
+  Ct as Slot,
+  At as Tabs,
+  Tt as TabsContent,
+  It as TabsList,
+  $t as TabsTrigger,
+  zt as Textarea,
+  Vt as Toast,
+  kt as Toggle,
+  Rt as Tooltip
 };
 //# sourceMappingURL=components.esm.js.map