@moondreamsdev/dreamer-ui 1.7.7-test.1 → 1.7.7-test.3

package/dist/components.esm.js

@@ -1,47 +1,47 @@
-import { jsxs as N, jsx as c, Fragment as X } from "react/jsx-runtime";
-import T, { useId as $, useState as x, createElement as Z, useEffect as C, useCallback as A, useMemo as J, useRef as B, isValidElement as O, cloneElement as P } from "react";
+import { jsxs as E, jsx as u, 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 { join as w } from "./utils.esm.js";
-import { b as ee, C as te, a as re, c as oe, E as ne, Q as ae } from "./QuestionMarkCircled-B6xdNcJl.js";
-import { n as q } from "./Toast-Bn0CCsLY.js";
-import { A as Xe, T as Ze } from "./Toast-Bn0CCsLY.js";
-import { E as se, X as ie } from "./X-aXWqJhiz.js";
-import { createPortal as Y } from "react-dom";
-function V({
-  id: n,
+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 H } from "./Toast-vensJgtx.js";
+import { A as tt, T as rt } from "./Toast-vensJgtx.js";
+import { E as ie, X as le } from "./X-CIoyLewf.js";
+import { createPortal as M } from "react-dom";
+function q({
+  id: o,
   title: a,
   content: e,
-  children: o,
+  children: n,
   className: t = "",
   disabled: r = !1,
   isOpen: s = !1,
-  onToggle: l,
-  triggerClassName: d = "",
-  bodyClassName: u = ""
+  onToggle: d,
+  triggerClassName: c = "",
+  bodyClassName: l = ""
 }) {
-  const f = $(), i = n || `accordion-item-${f}`, g = `${i}-header`, b = `${i}-panel`, m = () => {
-    !r && l && l();
-  }, v = (h) => {
+  const b = I(), i = o || `accordion-item-${b}`, v = `${i}-header`, f = `${i}-panel`, m = () => {
+    !r && d && d();
+  }, g = (h) => {
     (h.key === "Enter" || h.key === " ") && (h.preventDefault(), m());
   };
-  return /* @__PURE__ */ N("div", { className: w("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", t), children: [
-    /* @__PURE__ */ N(
+  return /* @__PURE__ */ E("div", { className: w("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", t), children: [
+    /* @__PURE__ */ E(
       "button",
       {
-        id: g,
+        id: v,
         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",
-          d
+          c
         ),
         "aria-expanded": s,
-        "aria-controls": b,
+        "aria-controls": f,
         disabled: r,
         onClick: m,
-        onKeyDown: v,
+        onKeyDown: g,
         children: [
-          /* @__PURE__ */ c("span", { children: a }),
-          /* @__PURE__ */ c(
+          /* @__PURE__ */ u("span", { children: a }),
+          /* @__PURE__ */ u(
             "span",
             {
               className: w(
@@ -49,78 +49,78 @@ function V({
                 s ? "rotate-180" : "rotate-0"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ c(ee, { size: 18 })
+              children: /* @__PURE__ */ u(te, { size: 18 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ u(
       "div",
       {
-        id: b,
+        id: f,
         role: "region",
-        "aria-labelledby": g,
+        "aria-labelledby": v,
         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",
-          u
+          l
         ),
-        children: s && (o || e)
+        children: s && (n || e)
       }
     )
   ] });
 }
-function je({
-  id: n,
+function Ke({
+  id: o,
   items: a = [],
   children: e,
-  className: o = "",
+  className: n = "",
   itemClassName: t = "",
   allowMultiple: r = !1,
   defaultOpenItems: s = [],
-  triggersClassName: l = "",
-  bodiesClassName: d = ""
+  triggersClassName: d = "",
+  bodiesClassName: c = ""
 }) {
-  const u = $(), f = n || `accordion-group-${u}`, [i, g] = x(new Set(s)), b = (h) => {
-    g((y) => {
+  const l = I(), b = o || `accordion-group-${l}`, [i, v] = x(new Set(s)), f = (h) => {
+    v((y) => {
       const p = new Set(y);
       return p.has(h) ? p.delete(h) : (r || p.clear(), p.add(h)), p;
     });
-  }, m = (h) => `${u}-item-${h}`, v = (h) => i.has(h);
-  return /* @__PURE__ */ N("div", { id: f, className: o, children: [
+  }, m = (h) => `${l}-item-${h}`, g = (h) => i.has(h);
+  return /* @__PURE__ */ E("div", { id: b, className: n, children: [
     a.length > 0 && a.map((h, y) => {
       const p = h.id || m(y);
-      return /* @__PURE__ */ c(
-        V,
+      return /* @__PURE__ */ u(
+        q,
         {
           id: p,
           title: h.title,
           content: h.content,
           disabled: h.disabled,
-          isOpen: v(p),
-          onToggle: () => b(p),
+          isOpen: g(p),
+          onToggle: () => f(p),
           className: t,
-          triggerClassName: l,
-          bodyClassName: d
+          triggerClassName: d,
+          bodyClassName: c
         },
         p
       );
     }),
-    a.length === 0 && e && T.Children.map(e, (h, y) => {
-      if (T.isValidElement(h) && h.type === V) {
+    a.length === 0 && e && z.Children.map(e, (h, y) => {
+      if (z.isValidElement(h) && h.type === q) {
         const p = h.props.id || m(y);
-        return /* @__PURE__ */ Z(
-          V,
+        return /* @__PURE__ */ Y(
+          q,
           {
             ...h.props,
             key: p,
             id: p,
             className: w(t, h.props.className),
-            isOpen: v(p),
-            onToggle: () => b(p),
-            triggerClassName: w(l, h.props.triggerClassName),
-            bodyClassName: w(d, h.props.bodyClassName)
+            isOpen: g(p),
+            onToggle: () => f(p),
+            triggerClassName: w(d, h.props.triggerClassName),
+            bodyClassName: w(c, h.props.bodyClassName)
           }
         );
       }
@@ -128,25 +128,25 @@ function je({
     })
   ] });
 }
-function le() {
-  const [n, a] = x(0);
+function de() {
+  const [o, a] = x(0);
   return C(() => {
     const e = setInterval(() => {
-      a((o) => (o + 1) % 3);
+      a((n) => (n + 1) % 3);
     }, 500);
     return () => clearInterval(e);
-  }, []), /* @__PURE__ */ c("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((e) => /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ u("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((e) => /* @__PURE__ */ u(
     "div",
     {
       className: w(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        n === e && "transform -translate-y-1"
+        o === e && "transform -translate-y-1"
       )
     },
     e
   )) });
 }
-const de = {
+const ce = {
   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",
@@ -162,7 +162,7 @@ const de = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, ce = {
+}, fe = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -173,43 +173,43 @@ const de = {
   size: "md",
   rounded: "md"
 };
-function fe({
-  variant: n = K.variant,
+function me({
+  variant: o = K.variant,
   size: a,
   rounded: e = K.rounded,
-  loading: o,
+  loading: n,
   linkTo: t,
   linkProps: r,
   type: s = "button",
-  className: l,
-  ...d
+  className: d,
+  ...c
 }) {
-  let u;
-  n === "link" && !a ? u = "fitted" : u = a || K.size;
+  let l;
+  o === "link" && !a ? l = "fitted" : l = a || K.size;
   const i = w(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    de[n],
-    ue[u],
-    ce[e],
-    o && "relative pointer-events-none",
+    ce[o],
+    ue[l],
+    fe[e],
+    n && "relative pointer-events-none",
     t && "relative",
-    l
+    d
   );
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ E(
     "button",
     {
-      ...d,
-      role: t ? "link" : d.role,
-      "aria-label": d["aria-label"] || (r == null ? void 0 : r["aria-label"]),
-      "aria-description": d["aria-description"] || (r == null ? void 0 : r["aria-description"]),
-      "aria-disabled": d.disabled || o,
-      "aria-busy": o,
+      ...c,
+      role: t ? "link" : c.role,
+      "aria-label": c["aria-label"] || (r == null ? void 0 : r["aria-label"]),
+      "aria-description": c["aria-description"] || (r == null ? void 0 : r["aria-description"]),
+      "aria-disabled": c.disabled || n,
+      "aria-busy": n,
       type: s,
       className: i,
       children: [
-        o && /* @__PURE__ */ c(le, {}),
-        /* @__PURE__ */ c("span", { className: w(o && "invisible"), children: d.children }),
-        t && !d.disabled && /* @__PURE__ */ c(
+        n && /* @__PURE__ */ u(de, {}),
+        /* @__PURE__ */ u("span", { className: w(n && "invisible"), children: c.children }),
+        t && !c.disabled && /* @__PURE__ */ u(
           "a",
           {
             ...r,
@@ -223,96 +223,96 @@ function fe({
     }
   );
 }
-function me(n) {
-  const [a, e] = x(""), o = A((t) => {
+function be(o) {
+  const [a, e] = x(""), n = A((t) => {
     let r = t, s = "";
     for (; r && !s; ) {
-      const l = window.getComputedStyle(r).backgroundColor;
-      l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" && (s = l), r = r.parentElement;
+      const d = window.getComputedStyle(r).backgroundColor;
+      d && d !== "transparent" && d !== "rgba(0, 0, 0, 0)" && (s = d), r = r.parentElement;
     }
     return s || "transparent";
   }, []);
   return C(() => {
-    const t = document.getElementById(n);
+    const t = document.getElementById(o);
     if (t) {
-      const r = o(t.parentElement);
+      const r = n(t.parentElement);
       e(r);
     }
-  }, [n, o]), a;
+  }, [o, n]), a;
 }
-function Fe({
-  ref: n,
+function Ge({
+  ref: o,
   id: a,
   size: e = 20,
-  color: o,
+  color: n,
   filled: t = !1,
   rounded: r = !0,
   checked: s = !1,
-  onCheckedChange: l,
-  disabled: d,
-  className: u = "",
-  ...f
+  onCheckedChange: d,
+  disabled: c,
+  className: l = "",
+  ...b
 }) {
-  const i = $(), g = J(() => a || `checkbox-${i}`, [a, i]), b = me(g), [m, v] = x(s);
+  const i = I(), v = W(() => a || `checkbox-${i}`, [a, i]), f = be(v), [m, g] = x(s);
   C(() => {
-    v(s);
+    g(s);
   }, [s]);
   const h = () => {
-    d || (v(!m), l == null || l(!m));
-  }, y = (E) => {
-    E.key === " " && (E.preventDefault(), h());
+    c || (g(!m), d == null || d(!m));
+  }, y = (N) => {
+    N.key === " " && (N.preventDefault(), h());
   }, p = w(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
     r && "rounded",
-    d && "opacity-40 cursor-not-allowed",
-    !d && "cursor-pointer",
-    u
+    c && "opacity-40 cursor-not-allowed",
+    !c && "cursor-pointer",
+    l
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     "button",
     {
-      id: g,
+      id: v,
       type: "button",
-      ref: n,
+      ref: o,
       tabIndex: 0,
       role: "checkbox",
       onClick: h,
       "aria-checked": m,
-      "aria-disabled": d,
+      "aria-disabled": c,
       onKeyDownCapture: y,
       style: {
         width: e,
         height: e,
-        color: o,
+        color: n,
         backgroundColor: m && t ? "currentcolor" : "transparent"
       },
       className: p,
-      ...f,
-      children: m && /* @__PURE__ */ c(te, { size: e, color: t ? b : void 0 })
+      ...b,
+      children: m && /* @__PURE__ */ u(re, { size: e, color: t ? f : void 0 })
     }
   );
 }
-function Se({
-  children: n,
+function We({
+  children: o,
   className: a,
   linkTo: e,
-  linkProps: o,
+  linkProps: n,
   onButtonClick: t,
   buttonProps: r,
   ...s
 }) {
-  return e && t && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ N("div", { className: w("relative w-fit", a), ...s, children: [
-    n,
-    e && /* @__PURE__ */ c(
+  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__ */ u(
       "a",
       {
-        ...o,
-        rel: (o == null ? void 0 : o.rel) || "noreferrer",
+        ...n,
+        rel: (n == null ? void 0 : n.rel) || "noreferrer",
         href: e,
-        className: w("absolute inset-0", o == null ? void 0 : o.className)
+        className: w("absolute inset-0", n == null ? void 0 : n.className)
       }
     ),
-    !e && t && /* @__PURE__ */ c(
+    !e && t && /* @__PURE__ */ u(
       "button",
       {
         ...r,
@@ -323,23 +323,23 @@ function Se({
     )
   ] });
 }
-function j({ elementId: n, type: a, message: e }) {
+function S({ elementId: o, type: a, message: e }) {
   return C(() => {
-    const o = document.getElementById(n);
-    if (o) {
+    const n = document.getElementById(o);
+    if (n) {
       if (!e && a === "error") {
-        o.removeAttribute("data-error");
+        n.removeAttribute("data-error");
         return;
       }
       if (!e && a === "success") {
-        o.removeAttribute("data-success");
+        n.removeAttribute("data-success");
         return;
       }
-      return o.setAttribute("aria-describedby", `${n}-${a}-message`), o.setAttribute("aria-invalid", a === "error" ? "true" : "false"), a === "error" && o.setAttribute("data-error", "true"), a === "success" && o.setAttribute("data-success", "true"), () => {
-        o.removeAttribute("aria-describedby"), o.removeAttribute("aria-invalid"), o.removeAttribute("data-error"), o.removeAttribute("data-success");
+      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"), () => {
+        n.removeAttribute("aria-describedby"), n.removeAttribute("aria-invalid"), n.removeAttribute("data-error"), n.removeAttribute("data-success");
       };
     }
-  }, [n, a, e]), e ? /* @__PURE__ */ N(
+  }, [o, a, e]), e ? /* @__PURE__ */ E(
     "small",
     {
       className: w(
@@ -349,131 +349,131 @@ function j({ elementId: n, type: a, message: e }) {
       ),
       role: "status",
       children: [
-        a === "error" ? /* @__PURE__ */ c(se, {}) : /* @__PURE__ */ c(re, {}),
-        /* @__PURE__ */ c("span", { id: `${n}-${a}-message`, children: e })
+        a === "error" ? /* @__PURE__ */ u(ie, {}) : /* @__PURE__ */ u(ne, {}),
+        /* @__PURE__ */ u("span", { id: `${o}-${a}-message`, children: e })
       ]
     }
   ) : null;
 }
-const be = {
+const he = {
   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"
-}, he = {
+}, pe = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, _ = {
+}, Q = {
   variant: "default",
   rounded: "none"
 };
-function He({
-  variant: n = _.variant,
+function Ue({
+  variant: o = Q.variant,
   rounded: a,
   displayOnlyMode: e = !1,
-  errorMessage: o,
+  errorMessage: n,
   successMessage: t,
   type: r = "text",
   className: s,
-  ...l
+  ...d
 }) {
-  const d = $(), [u, f] = x(!1);
+  const c = I(), [l, b] = x(!1);
   let i = a;
-  n === "outline" && !a && (i = "md"), i = i || _.rounded;
+  o === "outline" && !a && (i = "md"), i = i || Q.rounded;
   const m = 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 && be[n],
-    !e && he[i],
+    !e && he[o],
+    !e && pe[i],
     r === "password" && "pr-10",
     !e && "px-2 py-1",
     e && "pointer-events-none",
     s
   );
-  return /* @__PURE__ */ N("div", { className: w(e && "cursor-text"), style: { height: l.height, width: l.width }, children: [
-    /* @__PURE__ */ N("div", { className: w(r === "password" && "relative"), children: [
-      /* @__PURE__ */ c(
+  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__ */ u(
         "input",
         {
-          ...l,
-          id: d,
-          type: r === "password" && u ? "text" : r,
-          "aria-disabled": l.disabled,
+          ...d,
+          id: c,
+          type: r === "password" && l ? "text" : r,
+          "aria-disabled": d.disabled,
           readOnly: e,
-          "aria-readonly": e || l["aria-readonly"],
-          "data-error": o ? !0 : void 0,
+          "aria-readonly": e || d["aria-readonly"],
+          "data-error": n ? !0 : void 0,
           "data-success": t ? !0 : void 0,
           className: m
         }
       ),
-      r === "password" && /* @__PURE__ */ c(
+      r === "password" && /* @__PURE__ */ u(
         "button",
         {
-          onClick: () => f(!u),
+          onClick: () => b(!l),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
-          "data-state": u ? "visible" : "hidden",
-          children: u ? /* @__PURE__ */ c(oe, { size: 20 }) : /* @__PURE__ */ c(ne, { size: 20 })
+          "data-state": l ? "visible" : "hidden",
+          children: l ? /* @__PURE__ */ u(oe, { size: 20 }) : /* @__PURE__ */ u(ae, { size: 20 })
         }
       )
     ] }),
-    !e && /* @__PURE__ */ c(j, { elementId: d, type: "error", message: o }),
-    !e && /* @__PURE__ */ c(j, { elementId: d, type: "success", message: t })
+    !e && /* @__PURE__ */ u(S, { elementId: c, type: "error", message: n }),
+    !e && /* @__PURE__ */ u(S, { elementId: c, type: "success", message: t })
   ] });
 }
-function qe({
-  display: n = "inline",
+function _e({
+  display: o = "inline",
   width: a = "fit-content",
   className: e = "",
-  required: o,
+  required: n,
   helpMessage: t,
   suffix: r,
   htmlFor: s,
-  children: l,
-  ...d
+  children: d,
+  ...c
 }) {
-  const u = $(), f = w("font-medium", n, e), i = t ? `${s ?? u}-help` : void 0;
-  return /* @__PURE__ */ N("div", { style: { display: n === "inline" ? "inline-flex" : "flex", width: a }, className: "relative", children: [
-    /* @__PURE__ */ N("label", { className: f, htmlFor: s, ...d, children: [
-      l,
-      o && /* @__PURE__ */ c("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
+  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, ...c, children: [
+      d,
+      n && /* @__PURE__ */ u("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
     ] }),
-    t && /* @__PURE__ */ c(
+    t && /* @__PURE__ */ u(
       "span",
       {
         className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
         "aria-describedby": i,
         "aria-label": "Help information",
         title: t,
-        children: /* @__PURE__ */ c(ae, {})
+        children: /* @__PURE__ */ u(se, {})
       }
     ),
-    t && /* @__PURE__ */ c("div", { id: i, className: "sr-only", children: t }),
-    r && /* @__PURE__ */ c("span", { className: "ml-1", children: r })
+    t && /* @__PURE__ */ u("div", { id: i, className: "sr-only", children: t }),
+    r && /* @__PURE__ */ u("span", { className: "ml-1", children: r })
   ] });
 }
-function pe(n) {
-  const [a, e] = x(!1), [o, t] = x(!1);
+function ge(o) {
+  const [a, e] = x(!1), [n, t] = x(!1);
   return C(() => {
-    n ? (t(!0), setTimeout(() => e(!0), 10)) : (e(!1), setTimeout(() => t(!1), 150));
-  }, [n]), { show: a, shouldRender: o };
+    o ? (t(!0), setTimeout(() => e(!0), 10)) : (e(!1), setTimeout(() => t(!1), 150));
+  }, [o]), { show: a, shouldRender: n };
 }
-function ge(n, a) {
+function ve(o, a) {
   C(() => {
-    const e = (o) => {
-      o.key === "Escape" && n && a();
+    const e = (n) => {
+      n.key === "Escape" && o && a();
     };
-    return document.addEventListener("keydown", e), n && (document.body.style.overflow = "hidden"), () => {
+    return document.addEventListener("keydown", e), o && (document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", e), document.body.style.overflow = "auto";
     };
-  }, [n, a]);
+  }, [o, a]);
 }
-function ve(n, a) {
-  const e = B(null), o = A(() => {
-    const t = document.getElementById(n);
+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) {
@@ -484,85 +484,85 @@ function ve(n, a) {
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
-      const l = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
-      if (l.length > 0) {
-        l[0].focus();
+      const d = Array.from(s).filter((c) => !(c instanceof HTMLButtonElement && c.getAttribute("data-modal-close-button") === "true"));
+      if (d.length > 0) {
+        d[0].focus();
         return;
       }
       s[0].focus();
       return;
     }
     t.focus();
-  }, [n]);
-  C(() => (a && (e.current = document.activeElement, o()), () => {
+  }, [o]);
+  C(() => (a && (e.current = document.activeElement, n()), () => {
     document.body.style.overflow = "auto", e.current instanceof HTMLElement && e.current.focus();
-  }), [a, o]);
+  }), [a, n]);
 }
-function Ve({
-  id: n,
+function Qe({
+  id: o,
   isOpen: a,
   onClose: e,
-  title: o,
+  title: n,
   children: t,
   contentOnly: r = !1,
   className: s,
-  overlayClassName: l,
-  hideCloseButton: d = !1,
-  actions: u = [],
-  disableCloseOnOverlayClick: f = !1,
+  overlayClassName: d,
+  hideCloseButton: c = !1,
+  actions: l = [],
+  disableCloseOnOverlayClick: b = !1,
   ariaLabelledBy: i,
-  ariaDescribedBy: g
+  ariaDescribedBy: v
 }) {
-  const b = $(), m = n || `modal-${b}`, v = n ? `${n}-title` : `modal-title-${b}`, { show: h, shouldRender: y } = pe(a);
-  if (ve(m, y), ge(y, e), !y) return null;
-  const p = () => o ? T.isValidElement(o) ? /* @__PURE__ */ c("div", { className: "mb-4", children: o }) : /* @__PURE__ */ c("h2", { className: "mb-4 text-xl font-semibold", id: v, children: o }) : null, E = () => u.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: u.map((D, F) => {
-    const { label: S, className: L, ...R } = D;
-    return /* @__PURE__ */ c(fe, { className: L, type: "button", ...R, "data-modal-action": "true", children: S }, F);
+  const f = I(), m = o || `modal-${f}`, g = o ? `${o}-title` : `modal-title-${f}`, { show: h, shouldRender: y } = ge(a);
+  if (we(m, y), ve(y, e), !y) return null;
+  const p = () => n ? z.isValidElement(n) ? /* @__PURE__ */ u("div", { className: "mb-4", children: n }) : /* @__PURE__ */ u("h2", { className: "mb-4 text-xl font-semibold", id: g, children: n }) : null, N = () => l.length === 0 ? null : /* @__PURE__ */ u("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: k, ...L } = D;
+    return /* @__PURE__ */ u(me, { className: k, type: "button", ...L, "data-modal-action": "true", children: F }, $);
   }) });
-  return /* @__PURE__ */ c(X, { children: Y(
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(J, { children: M(
+    /* @__PURE__ */ u(
       "div",
       {
-        "aria-labelledby": i ?? o ? v : void 0,
-        "aria-describedby": g,
+        "aria-labelledby": i ?? n ? g : void 0,
+        "aria-describedby": v,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ N("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
-          /* @__PURE__ */ c(
+        children: /* @__PURE__ */ E("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
+          /* @__PURE__ */ u(
             "div",
             {
-              className: q("fixed inset-0 bg-black/20 transition-all", l),
+              className: H("fixed inset-0 bg-black/20 transition-all", d),
               onClick: () => {
-                f || e();
+                b || e();
               }
             }
           ),
-          r && /* @__PURE__ */ c("div", { className: q("relative w-fit", s), children: t }),
-          !r && /* @__PURE__ */ N(
+          r && /* @__PURE__ */ u("div", { className: H("relative w-fit", s), children: t }),
+          !r && /* @__PURE__ */ E(
             "div",
             {
               id: m,
               tabIndex: -1,
-              className: q(
+              className: H(
                 "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",
                 s
               ),
               children: [
-                !d && /* @__PURE__ */ c(
+                !c && /* @__PURE__ */ u(
                   "button",
                   {
                     type: "button",
                     onClick: e,
                     "data-modal-close-button": "true",
                     className: "rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",
-                    children: /* @__PURE__ */ c(ie, { size: 18 })
+                    children: /* @__PURE__ */ u(le, { size: 18 })
                   }
                 ),
                 p(),
                 t,
-                E()
+                N()
               ]
             }
           )
@@ -572,35 +572,35 @@ function Ve({
     document.body
   ) });
 }
-function we({ itemId: n, checked: a, onChange: e, name: o, disabled: t = !1, className: r = "" }) {
-  const s = "relative inline-flex items-center justify-center rounded-full", l = () => {
+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();
-  }, d = w(
+  }, c = w(
     s,
     !a && "hover:border-current/60",
     !t && "border-current cursor-pointer",
     t && "border-muted/60 cursor-not-allowed",
     r
   );
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ u(
     "div",
     {
-      id: n,
+      id: o,
       role: "radio",
       tabIndex: -1,
       "aria-checked": a,
       "aria-disabled": t,
-      "aria-description": `Radio button for ${o}`,
-      "aria-labelledby": `${n}-label`,
-      onClick: l,
-      className: d,
+      "aria-description": `Radio button for ${n}`,
+      "aria-labelledby": `${o}-label`,
+      onClick: d,
+      className: c,
       style: {
         width: "1em",
         height: "1em",
         padding: "0.1em",
         borderWidth: "0.06em"
       },
-      children: a && /* @__PURE__ */ c(
+      children: a && /* @__PURE__ */ u(
         "div",
         {
           className: w("size-full aspect-square rounded-full", t && "bg-muted/60", !t && "bg-current")
@@ -610,63 +610,63 @@ function we({ itemId: n, checked: a, onChange: e, name: o, disabled: t = !1, cla
   );
 }
 function G({
-  value: n,
+  value: o,
   children: a,
   className: e = "",
-  isSelected: o = !1,
+  isSelected: n = !1,
   onChange: t,
   disabled: r = !1,
   hideInput: s = !1,
-  description: l,
-  name: d
+  description: d,
+  name: c
 }) {
-  const f = `radio-${$()}-${n}`, i = () => {
-    r || t == null || t(n);
+  const b = `radio-${I()}-${o}`, i = () => {
+    r || t == null || t(o);
   };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ E(
     "div",
     {
-      title: l,
+      title: d,
       className: w(
         "relative flex items-center",
         e,
         // Uses text color for borders
         s && `p-2 border-2 focus-within:border-dashed focus-within:${r ? "border-current/50" : "border-current/80"}`,
-        s && !o && `border-transparent ${r ? "" : "not-focus-within:hover:border-border/60"}`,
-        s && o && "border-border",
+        s && !n && `border-transparent ${r ? "" : "not-focus-within:hover:border-border/60"}`,
+        s && n && "border-border",
         r && "opacity-60 cursor-not-allowed"
       ),
       style: {
         gap: "0.5em"
       },
       children: [
-        !s && /* @__PURE__ */ c(
-          we,
+        !s && /* @__PURE__ */ u(
+          ye,
           {
-            itemId: f,
-            name: d || "",
-            checked: o,
+            itemId: b,
+            name: c || "",
+            checked: n,
             onChange: i,
             disabled: r,
             className: w(s && "")
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "div",
           {
-            id: s ? f : void 0,
+            id: s ? b : void 0,
             tabIndex: s ? -1 : void 0,
             role: s ? "radio" : void 0,
             onClick: s ? i : void 0,
-            "aria-checked": s ? o ? "true" : "false" : void 0,
+            "aria-checked": s ? n ? "true" : "false" : void 0,
             "aria-disabled": s ? r : void 0,
-            "aria-description": s ? l || `Radio button for ${d}` : void 0,
-            "aria-labelledby": s ? `${f}-label` : void 0,
+            "aria-description": s ? d || `Radio button for ${c}` : void 0,
+            "aria-labelledby": s ? `${b}-label` : void 0,
             className: w(s && "size-full", typeof a == "object" && "grow focus:outline-none"),
-            children: /* @__PURE__ */ c(
+            children: /* @__PURE__ */ u(
               "label",
               {
-                id: `${f}-label`,
+                id: `${b}-label`,
                 onClick: s ? void 0 : i,
                 className: w(r && "cursor-not-allowed", !r && "cursor-pointer"),
                 children: a
@@ -678,150 +678,204 @@ function G({
     }
   );
 }
-function ye(n, a) {
-  const [e, o] = x(a), [t, r] = x(-1), [s, l] = x(!1), d = A((b, m) => {
+function xe(o, a) {
+  const [e, n] = x(a), [t, r] = x(-1), [s, d] = x(!1), c = A((f, m) => {
     var y;
-    const v = b[m];
-    v.hasAttribute("disabled") || v.getAttribute("aria-disabled") === "true" || ((y = b[m]) == null || y.click(), r(m));
-  }, []), u = A(
-    (b, m) => {
+    const g = f[m];
+    g.hasAttribute("disabled") || g.getAttribute("aria-disabled") === "true" || ((y = f[m]) == null || y.click(), r(m));
+  }, []), l = A(
+    (f, m) => {
       var h;
-      if (b.preventDefault(), s || !m.length) return;
-      const v = a !== -1 ? a : 0;
-      (h = m[v]) == null || h.focus(), o(v), a !== -1 && d(m, v);
+      if (f.preventDefault(), s || !m.length) return;
+      const g = a !== -1 ? a : 0;
+      (h = m[g]) == null || h.focus(), n(g), a !== -1 && c(m, g);
     },
-    [a, s, d]
-  ), f = A(
-    (b) => {
+    [a, s, c]
+  ), b = A(
+    (f) => {
       var y;
-      if (!b.shiftKey)
+      if (!f.shiftKey)
         return;
-      b.preventDefault();
+      f.preventDefault();
       const m = Array.from(
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((p) => !p.hasAttribute("disabled") && p.tabIndex >= 0), v = m.findIndex((p) => p.id === n), h = v > 0 ? v - 1 : m.length - 1;
+      ).filter((p) => !p.hasAttribute("disabled") && p.tabIndex >= 0), g = m.findIndex((p) => p.id === o), h = g > 0 ? g - 1 : m.length - 1;
       (y = m[h]) == null || y.focus();
     },
-    [n]
+    [o]
   ), i = A(
-    (b, m) => {
-      var E;
+    (f, m) => {
+      var N;
       if (!m.length) return;
-      const v = b.target;
-      if (!m.some((D) => D.id === v.id)) return;
+      const g = f.target;
+      if (!m.some((D) => D.id === g.id)) return;
       const y = e !== -1 ? e : 0;
       let p = y;
-      switch (b.key) {
+      switch (f.key) {
         case "ArrowUp":
         case "ArrowLeft":
-          b.preventDefault(), p = y > 0 ? y - 1 : m.length - 1;
+          f.preventDefault(), p = y > 0 ? y - 1 : m.length - 1;
           break;
         case "ArrowDown":
         case "ArrowRight":
-          b.preventDefault(), p = (y + 1) % m.length;
+          f.preventDefault(), p = (y + 1) % m.length;
           break;
         // Select the option when the space key is pressed
         case " ":
-          b.preventDefault(), d(m, y);
+          f.preventDefault(), c(m, y);
           return;
         case "Tab":
-          f(b);
+          b(f);
           return;
         default:
           return;
       }
-      (E = m[p]) == null || E.focus(), o(p), t !== -1 && d(m, p);
+      (N = m[p]) == null || N.focus(), n(p), t !== -1 && c(m, p);
     },
-    [e, t, f, d]
-  ), g = A(() => {
-    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
-    return b ? Array.from(b.querySelectorAll('[role="radio"]')) : [];
-  }, [n]);
+    [e, t, b, c]
+  ), v = A(() => {
+    const f = document.querySelector(`[id="${o}"][role="radiogroup"]`);
+    return f ? Array.from(f.querySelectorAll('[role="radio"]')) : [];
+  }, [o]);
   C(() => {
-    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
-    if (!b) return;
-    const m = g(), v = (E) => u(E, m), h = (E) => i(E, m), y = () => l(!0), p = () => l(!1);
-    return document.addEventListener("keydown", h), b.addEventListener("focus", v), b.addEventListener("mousedown", y), document.addEventListener("mouseup", p), () => {
-      document.removeEventListener("keydown", h), b.removeEventListener("focus", v), b.removeEventListener("mousedown", y), document.removeEventListener("mouseup", p);
+    const f = document.querySelector(`[id="${o}"][role="radiogroup"]`);
+    if (!f) return;
+    const m = v(), g = (N) => l(N, m), h = (N) => i(N, m), y = () => d(!0), p = () => d(!1);
+    return document.addEventListener("keydown", h), f.addEventListener("focus", g), f.addEventListener("mousedown", y), document.addEventListener("mouseup", p), () => {
+      document.removeEventListener("keydown", h), f.removeEventListener("focus", g), f.removeEventListener("mousedown", y), document.removeEventListener("mouseup", p);
     };
-  }, [n, g, u, i]);
+  }, [o, v, l, i]);
 }
-function Ke({
-  options: n = [],
+function Xe({
+  options: o = [],
   value: a,
   onChange: e,
-  id: o,
+  id: n,
   children: t,
   className: r = "",
   childrenClassName: s = "",
-  hideInputs: l = !1
+  hideInputs: d = !1
 }) {
-  const d = $(), u = o || `radio-group-${d}`;
-  ye(
-    u,
-    n.findIndex((i) => i === a)
+  const c = I(), l = n || `radio-group-${c}`;
+  xe(
+    l,
+    o.findIndex((i) => i === a)
   );
-  const f = J(() => n.reduce((i, g) => (typeof g == "string" ? i.some((b) => b.value === g) || i.push({ label: g, value: g }) : i.push(g), i), []), [n]);
-  return /* @__PURE__ */ N("div", { id: u, role: "radiogroup", tabIndex: 0, className: w(r, "focus:outline-none"), children: [
-    f.length > 0 && f.map((i, g) => /* @__PURE__ */ c(
+  const b = W(() => o.reduce((i, v) => (typeof v == "string" ? i.some((f) => f.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__ */ u(
       G,
       {
         value: i.value,
         isSelected: a === i.value,
         onChange: e,
-        name: u,
+        name: l,
         disabled: i.disabled,
         description: i.description,
-        hideInput: l,
+        hideInput: d,
         className: s,
         children: i.label
       },
-      `${i.value}-${g}`
+      `${i.value}-${v}`
     )),
-    f.length === 0 && t && T.Children.map(t, (i) => T.isValidElement(i) && i.type === G ? /* @__PURE__ */ c(
+    b.length === 0 && t && z.Children.map(t, (i) => z.isValidElement(i) && i.type === G ? /* @__PURE__ */ u(
       G,
       {
         ...i.props,
         className: w(s, i.props.className),
-        hideInput: i.props.hideInput || l,
+        hideInput: i.props.hideInput || d,
         isSelected: a === i.props.value,
         onChange: e,
-        name: u,
+        name: l,
         children: i.props.children
       }
     ) : null)
   ] });
 }
-function Ge({ children: n, ref: a, ...e }) {
-  if (O(n)) {
-    let o = { ...e };
-    return n.props && (o = { ...o, ...n.props }), P(n, {
-      ...o,
+const Ee = {
+  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"
+  }
+}, Ne = {
+  default: "bg-border",
+  muted: "bg-muted",
+  accent: "bg-accent"
+}, Ce = {
+  horizontal: "w-full",
+  vertical: "min-h-4 h-full"
+};
+function Ze({
+  orientation: o = "horizontal",
+  decorative: a = !1,
+  thickness: e = "thin",
+  variant: n = "default",
+  className: t,
+  ...r
+}) {
+  const s = w(
+    "shrink-0",
+    Ce[o],
+    Ee[e][o],
+    Ne[n],
+    t
+  );
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ...r,
+      className: s,
+      role: a ? "presentation" : "separator",
+      "aria-orientation": a ? void 0 : o,
+      "aria-hidden": a,
+      "data-orientation": o,
+      "data-thickness": e,
+      "data-variant": n
+    }
+  );
+}
+function Je({ children: o, ref: a, ...e }) {
+  if (P(o)) {
+    let n = { ...e };
+    return o.props && (n = { ...n, ...o.props }), ee(o, {
+      ...n,
       ref: (t) => {
         typeof a == "function" ? a(t) : a && (a.current = t);
       }
     });
   }
-  return Z("div", { ...e, ref: a }, n);
+  return Y("div", { ...e, ref: a }, o);
 }
-function xe({ elementId: n, maxLength: a }) {
-  const [e, o] = x(0);
+function Ae({ elementId: o, maxLength: a }) {
+  const [e, n] = x(0);
   return C(() => {
-    const t = document.getElementById(n);
+    const t = document.getElementById(o);
     if (!t)
       return;
     const r = () => {
       const s = t.value.length;
-      o(s);
-      const l = s >= a;
-      t.setAttribute("aria-describedby", `${n}-character-count`), t.setAttribute("aria-invalid", l ? "true" : "false"), l ? t.setAttribute("data-error", "true") : t.removeAttribute("data-error");
+      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");
     };
     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");
     };
-  }, [n, a]), /* @__PURE__ */ c(
+  }, [o, a]), /* @__PURE__ */ u(
     "small",
     {
       className: w(
@@ -830,7 +884,7 @@ function xe({ elementId: n, maxLength: a }) {
         e < a && "text-current"
       ),
       role: "status",
-      children: /* @__PURE__ */ N("span", { id: `${n}-character-count`, children: [
+      children: /* @__PURE__ */ E("span", { id: `${o}-character-count`, children: [
         e,
         " / ",
         a,
@@ -839,179 +893,279 @@ function xe({ elementId: n, maxLength: a }) {
     }
   );
 }
-function Ne(n, a) {
+function Ie(o, a) {
   C(() => {
-    const e = document.getElementById(n);
+    const e = document.getElementById(o);
     if (!e)
       return;
     if (!a) {
       e.style.height = "auto";
       return;
     }
-    const o = () => {
+    const n = () => {
       e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
     };
-    return o(), e.addEventListener("input", o), e.addEventListener("resize", o), window.addEventListener("resize", o), () => {
-      e.removeEventListener("input", o), e.removeEventListener("resize", o), window.removeEventListener("resize", o);
+    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);
     };
-  }, [n, a]);
+  }, [o, a]);
 }
-const Ee = {
+const $e = {
   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"
-}, Ce = {
+}, Te = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, Q = {
+}, X = {
   variant: "outline",
   rounded: "none"
 };
-function We({
-  variant: n = Q.variant,
+function Ye({
+  variant: o = X.variant,
   rounded: a,
   displayOnlyMode: e = !1,
-  errorMessage: o,
+  errorMessage: n,
   successMessage: t,
   hideResizeHandle: r = !1,
   autoExpand: s = !1,
-  characterLimit: l = 0,
-  className: d,
-  ...u
+  characterLimit: d = 0,
+  className: c,
+  ...l
 }) {
-  const f = $();
-  Ne(f, s || e);
+  const b = I();
+  Ie(b, s || e);
   let i = a;
-  n === "outline" && !a && (i = "md"), i = i || Q.rounded;
-  let g = r;
-  (e || n === "left-line" && !r) && (g = !0);
+  o === "outline" && !a && (i = "md"), i = i || X.rounded;
+  let v = r;
+  (e || o === "left-line" && !r) && (v = !0);
   const m = 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 && Ee[n],
-    !e && Ce[i],
+    !e && $e[o],
+    !e && Te[i],
     !e && "px-2 py-1",
     e && "pointer-events-none",
-    g && "no-resize-handle",
-    d
+    v && "no-resize-handle",
+    c
   );
-  return /* @__PURE__ */ N("div", { className: w("-space-y-1.5", e && "cursor-text"), children: [
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ E("div", { className: w("-space-y-1.5", e && "cursor-text"), children: [
+    /* @__PURE__ */ u(
       "textarea",
       {
-        ...u,
-        id: f,
-        "aria-disabled": u.disabled,
+        ...l,
+        id: b,
+        "aria-disabled": l.disabled,
         readOnly: e,
-        "aria-readonly": e || u["aria-readonly"],
+        "aria-readonly": e || l["aria-readonly"],
         style: {
           resize: s ? "none" : void 0
         },
         className: m
       }
     ),
-    l > 0 && /* @__PURE__ */ c(xe, { elementId: f, maxLength: l }),
-    !e && /* @__PURE__ */ c(j, { elementId: f, type: "error", message: o }),
-    !e && /* @__PURE__ */ c(j, { elementId: f, type: "success", message: t })
+    d > 0 && /* @__PURE__ */ u(Ae, { elementId: b, maxLength: d }),
+    !e && /* @__PURE__ */ u(S, { elementId: b, type: "error", message: n }),
+    !e && /* @__PURE__ */ u(S, { elementId: b, type: "success", message: t })
   ] });
 }
-const k = 8, z = 4, I = 6;
-function Ae(n) {
+const De = {
+  sm: {
+    container: "h-5 min-w-9 w-9",
+    thumb: "h-4 w-4",
+    translate: "translate-x-4"
+  },
+  md: {
+    container: "h-6 min-w-11 w-11",
+    thumb: "h-5 w-5",
+    translate: "translate-x-5"
+  },
+  lg: {
+    container: "h-7 min-w-13 w-13",
+    thumb: "h-6 w-6",
+    translate: "translate-x-6"
+  }
+}, ze = {
+  default: {
+    unchecked: "bg-muted",
+    checked: "bg-primary"
+  },
+  success: {
+    unchecked: "bg-muted",
+    checked: "bg-success"
+  },
+  destructive: {
+    unchecked: "bg-muted",
+    checked: "bg-destructive"
+  }
+}, Z = {
+  variant: "default",
+  size: "md"
+};
+function Me({
+  ref: o,
+  id: a,
+  size: e = Z.size,
+  variant: n = Z.variant,
+  checked: t,
+  onCheckedChange: r,
+  disabled: s = !1,
+  className: d,
+  thumbClassName: c,
+  backgroundClassNames: l,
+  ...b
+}) {
+  const i = I(), v = W(() => a || `toggle-${i}`, [a, i]), [f, m] = x(t);
+  C(() => {
+    m(t);
+  }, [t]);
+  const g = () => {
+    if (!s) {
+      const $ = !f;
+      t === void 0 && m($), r == null || r($);
+    }
+  }, h = ($) => {
+    ($.key === " " || $.key === "Enter") && ($.preventDefault(), g());
+  }, y = De[e], p = ze[n], N = 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
+    f ? (l == null ? void 0 : l.checked) || p.checked : (l == null ? void 0 : l.unchecked) || p.unchecked,
+    // Disabled state
+    s && "opacity-50 cursor-not-allowed",
+    !s && "cursor-pointer",
+    d
+  ), D = 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
+    f && y.translate,
+    c
+  );
+  return /* @__PURE__ */ E(
+    "button",
+    {
+      ref: o,
+      id: v,
+      type: "button",
+      role: "switch",
+      tabIndex: 0,
+      "aria-checked": f,
+      "aria-disabled": s,
+      disabled: s,
+      onClick: g,
+      onKeyDown: h,
+      className: N,
+      ...b,
+      children: [
+        /* @__PURE__ */ u("span", { className: D }),
+        /* @__PURE__ */ u("span", { className: "sr-only", children: f ? "Enabled" : "Disabled" })
+      ]
+    }
+  );
+}
+const R = 8, B = 4, T = 6;
+function ke(o) {
   return { calculatePosition: A(
-    (e, o) => {
-      const t = e.getBoundingClientRect(), r = o.getBoundingClientRect(), s = {
+    (e, n) => {
+      const t = e.getBoundingClientRect(), r = n.getBoundingClientRect(), s = {
         width: window.innerWidth,
         height: window.innerHeight
-      }, l = (g, b, m, v) => g < 0 || b < 0 || g + m > s.width || b + v > s.height, d = {
+      }, d = (v, f, m, g) => v < 0 || f < 0 || v + m > s.width || f + g > s.height, c = {
         top: {
           x: t.left + t.width / 2 - r.width / 2,
-          y: t.top - r.height - z,
+          y: t.top - r.height - B,
           arrow: {
-            x: r.width / 2 - I,
+            x: r.width / 2 - T,
             y: r.height
           }
         },
         bottom: {
           x: t.left + t.width / 2 - r.width / 2,
-          y: t.bottom + z,
+          y: t.bottom + B,
           arrow: {
-            x: r.width / 2 - I,
+            x: r.width / 2 - T,
             y: -6
           }
         },
         left: {
-          x: t.left - r.width - z,
+          x: t.left - r.width - B,
           y: t.top + t.height / 2 - r.height / 2,
           arrow: {
             x: r.width,
-            y: r.height / 2 - I
+            y: r.height / 2 - T
           }
         },
         right: {
-          x: t.right + z,
+          x: t.right + B,
           y: t.top + t.height / 2 - r.height / 2,
           arrow: {
             x: -6,
-            y: r.height / 2 - I
+            y: r.height / 2 - T
           }
         }
       };
-      let u = n, f = d[n];
-      if (l(f.x, f.y, r.width, r.height)) {
-        const g = {
+      let l = o, b = c[o];
+      if (d(b.x, b.y, r.width, r.height)) {
+        const v = {
           top: "bottom",
           bottom: "top",
           left: "right",
           right: "left"
-        }, b = d[g[n]];
-        if (!l(b.x, b.y, r.width, r.height))
-          u = g[n], f = b;
+        }, f = c[v[o]];
+        if (!d(f.x, f.y, r.width, r.height))
+          l = v[o], b = f;
         else {
           const m = ["top", "bottom", "left", "right"].filter(
-            (v) => v !== n && v !== g[n]
+            (g) => g !== o && g !== v[o]
           );
-          for (const v of m) {
-            const h = d[v];
-            if (!l(h.x, h.y, r.width, r.height)) {
-              u = v, f = h;
+          for (const g of m) {
+            const h = c[g];
+            if (!d(h.x, h.y, r.width, r.height)) {
+              l = g, b = h;
               break;
             }
           }
         }
       }
-      f.x = Math.max(
-        k,
-        Math.min(f.x, s.width - r.width - k)
-      ), f.y = Math.max(
-        k,
-        Math.min(f.y, s.height - r.height - k)
+      b.x = Math.max(
+        R,
+        Math.min(b.x, s.width - r.width - R)
+      ), b.y = Math.max(
+        R,
+        Math.min(b.y, s.height - r.height - R)
       );
       const i = {
         x: t.left + t.width / 2,
         y: t.top + t.height / 2
       };
-      return u === "top" || u === "bottom" ? f.arrow.x = Math.max(
-        I,
-        Math.min(i.x - f.x - I, r.width - I * 2)
-      ) : f.arrow.y = Math.max(
-        I,
-        Math.min(i.y - f.y - I, r.height - I * 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)
       ), {
-        ...f,
-        placement: u
+        ...b,
+        placement: l
       };
     },
-    [n]
+    [o]
   ) };
 }
-function Ie(n, a, e) {
-  const o = B(null), t = B(null), r = A(() => {
-    if (!o.current || !t.current) return;
-    const s = n(o.current, t.current);
+function Le(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);
-  }, [n, e]);
+  }, [o, e]);
   return C(() => {
     if (!a) return;
     const s = () => r();
@@ -1019,97 +1173,97 @@ function Ie(n, a, e) {
       window.removeEventListener("resize", s);
     };
   }, [a, r]), {
-    triggerRef: o,
+    triggerRef: n,
     tooltipRef: t,
     updatePosition: r
   };
 }
-function $e(n, a, e, o, t, r, s, l, d) {
-  const u = B(null), f = A(() => {
-    n || (u.current && clearTimeout(u.current), u.current = window.setTimeout(() => {
+function Re(o, a, e, n, t, r, s, d, c) {
+  const l = j(null), b = A(() => {
+    o || (l.current && clearTimeout(l.current), l.current = window.setTimeout(() => {
       e(!0), requestAnimationFrame(() => {
-        t(), o(!0);
+        t(), n(!0);
       });
     }, a));
-  }, [n, a, e, t, o]), i = A(
-    (g = !1) => {
-      if (u.current && clearTimeout(u.current), g) {
-        o(!1), setTimeout(() => e(!1), 150);
+  }, [o, a, e, t, n]), i = A(
+    (v = !1) => {
+      if (l.current && clearTimeout(l.current), v) {
+        n(!1), setTimeout(() => e(!1), 150);
         return;
       }
-      u.current = window.setTimeout(() => {
-        o(!1), setTimeout(() => e(!1), 150);
+      l.current = window.setTimeout(() => {
+        n(!1), setTimeout(() => e(!1), 150);
       }, 100);
     },
-    [o, e]
+    [n, e]
   );
   return C(() => {
-    !r && !s && !l && d && i();
-  }, [r, s, l, d, i]), C(() => () => {
-    u.current && clearTimeout(u.current);
+    !r && !s && !d && c && i();
+  }, [r, s, d, c, i]), C(() => () => {
+    l.current && clearTimeout(l.current);
   }, []), {
-    showTooltip: f,
+    showTooltip: b,
     hideTooltip: i,
-    timeoutRef: u
+    timeoutRef: l
   };
 }
-function Ue({
-  id: n,
+function Oe({
+  id: o,
   children: a,
   message: e,
-  placement: o = "top",
+  placement: n = "top",
   disabled: t = !1,
   delay: r = 200,
   className: s
 }) {
-  const [l, d] = x(!1), [u, f] = x(!1), [i, g] = x(null), [b, m] = x(!1), [v, h] = x(!1), [y, p] = x(!1), { calculatePosition: E } = Ae(o), { triggerRef: D, tooltipRef: F, updatePosition: S } = Ie(E, u, g), { showTooltip: L, hideTooltip: R, timeoutRef: W } = $e(
+  const [d, c] = x(!1), [l, b] = x(!1), [i, v] = x(null), [f, m] = x(!1), [g, h] = x(!1), [y, p] = x(!1), { calculatePosition: N } = ke(n), { triggerRef: D, tooltipRef: $, updatePosition: F } = Le(N, l, v), { showTooltip: k, hideTooltip: L, timeoutRef: U } = Re(
     t,
     r,
-    f,
-    d,
-    S,
     b,
-    v,
+    c,
+    F,
+    f,
+    g,
     y,
-    l
-  ), M = $(), U = n ?? M;
-  return /* @__PURE__ */ N(X, { children: [
-    T.cloneElement(a, {
-      ref: (H) => {
-        D.current = H;
+    d
+  ), O = I(), _ = o ?? O;
+  return /* @__PURE__ */ E(J, { children: [
+    z.cloneElement(a, {
+      ref: (V) => {
+        D.current = V;
       },
       onMouseEnter: () => {
-        m(!0), L();
+        m(!0), k();
       },
       onMouseLeave: () => {
         m(!1);
       },
       onFocus: () => {
-        p(!0), L();
+        p(!0), k();
       },
       onBlur: () => {
-        p(!1), R(!0);
+        p(!1), L(!0);
       },
-      onKeyDown: (H) => {
-        H.key === "Escape" && R(!0);
+      onKeyDown: (V) => {
+        V.key === "Escape" && L(!0);
       },
-      "aria-describedby": t ? void 0 : U
+      "aria-describedby": t ? void 0 : _
     }),
-    u && Y(
-      /* @__PURE__ */ c(
+    l && M(
+      /* @__PURE__ */ u(
         "div",
         {
-          ref: F,
-          id: U,
+          ref: $,
+          id: _,
           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",
-            l ? "opacity-100" : "opacity-0",
+            d ? "opacity-100" : "opacity-0",
             s
           ),
           style: i ? { left: i.x, top: i.y } : { opacity: 0 },
           onMouseEnter: () => {
-            h(!0), W.current && clearTimeout(W.current);
+            h(!0), U.current && clearTimeout(U.current);
           },
           onMouseLeave: () => {
             h(!1);
@@ -1122,22 +1276,24 @@ function Ue({
   ] });
 }
 export {
-  je as Accordion,
-  V as AccordionItem,
-  Xe as ActionModal,
-  fe as Button,
-  le as ButtonLoadingDots,
-  Fe as Checkbox,
-  Se as Clickable,
-  He as Input,
-  qe as Label,
-  Ve as Modal,
-  Ke as RadioGroup,
+  Ke as Accordion,
+  q as AccordionItem,
+  tt as ActionModal,
+  me as Button,
+  de as ButtonLoadingDots,
+  Ge as Checkbox,
+  We as Clickable,
+  Ue as Input,
+  _e as Label,
+  Qe as Modal,
+  Xe as RadioGroup,
   G as RadioGroupItem,
-  we as RadioInput,
-  Ge as Slot,
-  We as Textarea,
-  Ze as Toast,
-  Ue as Tooltip
+  ye as RadioInput,
+  Ze as Separator,
+  Je as Slot,
+  Ye as Textarea,
+  rt as Toast,
+  Me as Toggle,
+  Oe as Tooltip
 };
 //# sourceMappingURL=components.esm.js.map