@moondreamsdev/dreamer-ui 1.7.4-test.8 → 1.7.6-test.0

package/dist/components.esm.js

@@ -1,123 +1,125 @@
-import { jsxs as w, jsx as d, Fragment as G } from "react/jsx-runtime";
-import I, { useId as A, useState as C, createElement as V, useEffect as E, useCallback as $, useMemo as F, useRef as Q, isValidElement as U, cloneElement as W } from "react";
-import { join as p } from "./utils.esm.js";
-import { b as X, C as _, E as J, a as Y, d as Z, c as M, Q as O, X as P } from "./QuestionMarkCircled-JRFAPLtT.js";
-import { createPortal as ee } from "react-dom";
-function L({
+import { jsxs as N, jsx as c, Fragment as _ } from "react/jsx-runtime";
+import T, { useId as $, useState as x, createElement as X, useEffect as E, useCallback as A, useMemo as Z, useRef as z, isValidElement as M, cloneElement as O } from "react";
+import { join as w } from "./utils.esm.js";
+import { b as P, C as ee, E as te, a as re, d as oe, c as ne, Q as ae, X as se } from "./QuestionMarkCircled-JRFAPLtT.js";
+import { n as H } from "./styles-DUXNGn3s.js";
+import { A as Qe } from "./styles-DUXNGn3s.js";
+import { createPortal as J } from "react-dom";
+function q({
   id: n,
-  title: r,
+  title: a,
   content: e,
-  children: t,
-  className: a = "",
-  disabled: o = !1,
+  children: o,
+  className: t = "",
+  disabled: r = !1,
   isOpen: s = !1,
   onToggle: l,
-  triggerClassName: u = "",
-  bodyClassName: b = ""
+  triggerClassName: d = "",
+  bodyClassName: u = ""
 }) {
-  const v = A(), i = n || `accordion-item-${v}`, x = `${i}-header`, m = `${i}-panel`, c = () => {
-    !o && l && l();
-  }, y = (f) => {
-    (f.key === "Enter" || f.key === " ") && (f.preventDefault(), c());
+  const f = $(), i = n || `accordion-item-${f}`, g = `${i}-header`, b = `${i}-panel`, m = () => {
+    !r && l && l();
+  }, v = (h) => {
+    (h.key === "Enter" || h.key === " ") && (h.preventDefault(), m());
   };
-  return /* @__PURE__ */ w("div", { className: p("border-b border-gray-200", o && "opacity-60 cursor-not-allowed", a), children: [
-    /* @__PURE__ */ w(
+  return /* @__PURE__ */ N("div", { className: w("border-b border-gray-200", r && "opacity-60 cursor-not-allowed", t), children: [
+    /* @__PURE__ */ N(
       "button",
       {
-        id: x,
+        id: g,
         type: "button",
-        className: p(
+        className: w(
           "w-full text-left py-3 px-4 flex justify-between items-center focus:outline focus:outline-secondary",
-          o ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
-          u
+          r ? "cursor-not-allowed" : "hover:bg-gray-50/10 cursor-pointer",
+          d
         ),
         "aria-expanded": s,
-        "aria-controls": m,
-        disabled: o,
-        onClick: c,
-        onKeyDown: y,
+        "aria-controls": b,
+        disabled: r,
+        onClick: m,
+        onKeyDown: v,
         children: [
-          /* @__PURE__ */ d("span", { children: r }),
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ c("span", { children: a }),
+          /* @__PURE__ */ c(
             "span",
             {
-              className: p(
+              className: w(
                 "transform transition-transform duration-300 ease-linear",
                 s ? "rotate-180" : "rotate-0"
               ),
               "aria-hidden": "true",
-              children: /* @__PURE__ */ d(X, { size: 18 })
+              children: /* @__PURE__ */ c(P, { size: 18 })
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       "div",
       {
-        id: m,
+        id: b,
         role: "region",
-        "aria-labelledby": x,
-        className: p(
+        "aria-labelledby": g,
+        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",
-          b
+          u
         ),
-        children: s && (t || e)
+        children: s && (o || e)
       }
     )
   ] });
 }
-function Ce({
+function ze({
   id: n,
-  items: r = [],
+  items: a = [],
   children: e,
-  className: t = "",
-  itemClassName: a = "",
-  allowMultiple: o = !1,
+  className: o = "",
+  itemClassName: t = "",
+  allowMultiple: r = !1,
   defaultOpenItems: s = [],
   triggersClassName: l = "",
-  bodiesClassName: u = ""
+  bodiesClassName: d = ""
 }) {
-  const b = A(), v = n || `accordion-group-${b}`, [i, x] = C(new Set(s)), m = (f) => {
-    x((h) => {
-      const g = new Set(h);
-      return g.has(f) ? g.delete(f) : (o || g.clear(), g.add(f)), g;
+  const u = $(), f = n || `accordion-group-${u}`, [i, g] = x(new Set(s)), b = (h) => {
+    g((y) => {
+      const p = new Set(y);
+      return p.has(h) ? p.delete(h) : (r || p.clear(), p.add(h)), p;
     });
-  }, c = (f) => `${b}-item-${f}`, y = (f) => i.has(f);
-  return /* @__PURE__ */ w("div", { id: v, className: t, children: [
-    r.length > 0 && r.map((f, h) => {
-      const g = f.id || c(h);
-      return /* @__PURE__ */ d(
-        L,
+  }, m = (h) => `${u}-item-${h}`, v = (h) => i.has(h);
+  return /* @__PURE__ */ N("div", { id: f, className: o, children: [
+    a.length > 0 && a.map((h, y) => {
+      const p = h.id || m(y);
+      return /* @__PURE__ */ c(
+        q,
         {
-          id: g,
-          title: f.title,
-          content: f.content,
-          disabled: f.disabled,
-          isOpen: y(g),
-          onToggle: () => m(g),
-          className: a,
+          id: p,
+          title: h.title,
+          content: h.content,
+          disabled: h.disabled,
+          isOpen: v(p),
+          onToggle: () => b(p),
+          className: t,
           triggerClassName: l,
-          bodyClassName: u
+          bodyClassName: d
         },
-        g
+        p
       );
     }),
-    r.length === 0 && e && I.Children.map(e, (f, h) => {
-      if (I.isValidElement(f) && f.type === L) {
-        const g = f.props.id || c(h);
-        return /* @__PURE__ */ V(
-          L,
+    a.length === 0 && e && T.Children.map(e, (h, y) => {
+      if (T.isValidElement(h) && h.type === q) {
+        const p = h.props.id || m(y);
+        return /* @__PURE__ */ X(
+          q,
           {
-            ...f.props,
-            key: g,
-            id: g,
-            className: p(a, f.props.className),
-            isOpen: y(g),
-            onToggle: () => m(g),
-            triggerClassName: p(l, f.props.triggerClassName),
-            bodyClassName: p(u, f.props.bodyClassName)
+            ...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)
           }
         );
       }
@@ -125,17 +127,17 @@ function Ce({
     })
   ] });
 }
-function re() {
-  const [n, r] = C(0);
+function ie() {
+  const [n, a] = x(0);
   return E(() => {
     const e = setInterval(() => {
-      r((t) => (t + 1) % 3);
+      a((o) => (o + 1) % 3);
     }, 500);
     return () => clearInterval(e);
-  }, []), /* @__PURE__ */ d("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((e) => /* @__PURE__ */ d(
+  }, []), /* @__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(
     "div",
     {
-      className: p(
+      className: w(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
         n === e && "transform -translate-y-1"
       )
@@ -143,15 +145,15 @@ function re() {
     e
   )) });
 }
-const te = {
+const le = {
   base: "",
   primary: "bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",
   secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",
   tertiary: "text-primary hover:text-primary-foreground disabled:text-muted",
   outline: "border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",
   link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted",
-  danger: "bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground"
-}, ne = {
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
+}, de = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -159,61 +161,60 @@ const te = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, ae = {
+}, ue = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, j = {
+}, K = {
   variant: "primary",
   size: "md",
   rounded: "md"
 };
-function oe({
-  variant: n = j.variant,
-  size: r,
-  rounded: e = j.rounded,
-  loading: t,
-  linkTo: a,
-  linkProps: o,
+function ce({
+  variant: n = K.variant,
+  size: a,
+  rounded: e = K.rounded,
+  loading: o,
+  linkTo: t,
+  linkProps: r,
   type: s = "button",
   className: l,
-  ...u
+  ...d
 }) {
-  let b;
-  n === "link" && !r ? b = "fitted" : b = r || j.size;
-  const i = p(
+  let u;
+  n === "link" && !a ? u = "fitted" : u = 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",
-    te[n],
-    ne[b],
-    ae[e],
-    t && "relative pointer-events-none",
-    a && "relative",
+    le[n],
+    de[u],
+    ue[e],
+    o && "relative pointer-events-none",
+    t && "relative",
     l
   );
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ N(
     "button",
     {
-      ...u,
-      role: a ? "link" : u.role,
-      "aria-label": u["aria-label"] || (o == null ? void 0 : o["aria-label"]),
-      "aria-description": u["aria-description"] || (o == null ? void 0 : o["aria-description"]),
-      "aria-disabled": u.disabled || t,
-      "aria-busy": t,
+      ...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,
       type: s,
       className: i,
       children: [
-        t && /* @__PURE__ */ d(re, {}),
-        /* @__PURE__ */ d("span", { className: p(t && "invisible"), children: u.children }),
-        a && !u.disabled && /* @__PURE__ */ d(
+        o && /* @__PURE__ */ c(ie, {}),
+        /* @__PURE__ */ c("span", { className: w(o && "invisible"), children: d.children }),
+        t && !d.disabled && /* @__PURE__ */ c(
           "a",
           {
-            ...o,
+            ...r,
             "aria-hidden": !0,
-            href: a,
-            target: (o == null ? void 0 : o.target) || "_blank",
-            rel: (o == null ? void 0 : o.rel) || "noreferrer",
+            href: t,
+            rel: (r == null ? void 0 : r.rel) || "noreferrer",
             className: "absolute inset-0"
           }
         )
@@ -221,270 +222,268 @@ function oe({
     }
   );
 }
-function se(n) {
-  const [r, e] = C(""), t = $((a) => {
-    let o = a, s = "";
-    for (; o && !s; ) {
-      const l = window.getComputedStyle(o).backgroundColor;
-      l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" && (s = l), o = o.parentElement;
+function fe(n) {
+  const [a, e] = x(""), o = 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;
     }
     return s || "transparent";
   }, []);
   return E(() => {
-    const a = document.getElementById(n);
-    if (a) {
-      const o = t(a.parentElement);
-      e(o);
+    const t = document.getElementById(n);
+    if (t) {
+      const r = o(t.parentElement);
+      e(r);
     }
-  }, [n, t]), r;
+  }, [n, o]), a;
 }
-function Ee({
+function Be({
   ref: n,
-  id: r,
+  id: a,
   size: e = 20,
-  color: t,
-  filled: a = !1,
-  rounded: o = !0,
+  color: o,
+  filled: t = !1,
+  rounded: r = !0,
   checked: s = !1,
   onCheckedChange: l,
-  disabled: u,
-  className: b = "",
-  ...v
+  disabled: d,
+  className: u = "",
+  ...f
 }) {
-  const i = A(), x = F(() => r || `checkbox-${i}`, [r, i]), m = se(x), [c, y] = C(s);
+  const i = $(), g = Z(() => a || `checkbox-${i}`, [a, i]), b = fe(g), [m, v] = x(s);
   E(() => {
-    y(s);
+    v(s);
   }, [s]);
-  const f = () => {
-    u || (y(!c), l == null || l(!c));
-  }, h = (N) => {
-    N.key === " " && (N.preventDefault(), f());
-  }, g = p(
+  const h = () => {
+    d || (v(!m), l == null || l(!m));
+  }, y = (C) => {
+    C.key === " " && (C.preventDefault(), h());
+  }, p = w(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
-    o && "rounded",
-    u && "opacity-40 cursor-not-allowed",
-    !u && "cursor-pointer",
-    b
+    r && "rounded",
+    d && "opacity-40 cursor-not-allowed",
+    !d && "cursor-pointer",
+    u
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "button",
     {
-      id: x,
+      id: g,
       type: "button",
       ref: n,
       tabIndex: 0,
       role: "checkbox",
-      onClick: f,
-      "aria-checked": c,
-      "aria-disabled": u,
-      onKeyDownCapture: h,
+      onClick: h,
+      "aria-checked": m,
+      "aria-disabled": d,
+      onKeyDownCapture: y,
       style: {
         width: e,
         height: e,
-        color: t,
-        backgroundColor: c && a ? "currentcolor" : "transparent"
+        color: o,
+        backgroundColor: m && t ? "currentcolor" : "transparent"
       },
-      className: g,
-      ...v,
-      children: c && /* @__PURE__ */ d(_, { size: e, color: a ? m : void 0 })
+      className: p,
+      ...f,
+      children: m && /* @__PURE__ */ c(ee, { size: e, color: t ? b : void 0 })
     }
   );
 }
-function Ae({
+function je({
   children: n,
-  className: r,
+  className: a,
   linkTo: e,
-  linkProps: t,
-  onButtonClick: a,
-  buttonProps: o,
+  linkProps: o,
+  onButtonClick: t,
+  buttonProps: r,
   ...s
 }) {
-  return e && a && console.warn('Clickable: Both "linkTo" and "onButtonClick" props are provided. Only "linkTo" will be used.'), /* @__PURE__ */ w("div", { className: p("relative w-fit", r), ...s, children: [
+  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__ */ d(
+    e && /* @__PURE__ */ c(
       "a",
       {
-        ...t,
+        ...o,
+        rel: (o == null ? void 0 : o.rel) || "noreferrer",
         href: e,
-        className: p("absolute inset-0", t == null ? void 0 : t.className)
+        className: w("absolute inset-0", o == null ? void 0 : o.className)
       }
     ),
-    !e && a && /* @__PURE__ */ d(
+    !e && t && /* @__PURE__ */ c(
       "button",
       {
-        ...o,
+        ...r,
         type: "button",
-        onClick: a,
-        className: p("absolute inset-0 cursor-pointer", o == null ? void 0 : o.className)
+        onClick: t,
+        className: w("absolute inset-0 cursor-pointer", r == null ? void 0 : r.className)
       }
     )
   ] });
 }
-function D({ elementId: n, type: r, message: e }) {
+function B({ elementId: n, type: a, message: e }) {
   return E(() => {
-    const t = document.getElementById(n);
-    if (t) {
-      if (!e && r === "error") {
-        t.removeAttribute("data-error");
+    const o = document.getElementById(n);
+    if (o) {
+      if (!e && a === "error") {
+        o.removeAttribute("data-error");
         return;
       }
-      if (!e && r === "success") {
-        t.removeAttribute("data-success");
+      if (!e && a === "success") {
+        o.removeAttribute("data-success");
         return;
       }
-      return t.setAttribute("aria-describedby", `${n}-${r}-message`), t.setAttribute("aria-invalid", r === "error" ? "true" : "false"), r === "error" && t.setAttribute("data-error", "true"), r === "success" && t.setAttribute("data-success", "true"), () => {
-        t.removeAttribute("aria-describedby"), t.removeAttribute("aria-invalid"), t.removeAttribute("data-error"), t.removeAttribute("data-success");
+      return o.setAttribute("aria-describedby", `${n}-${a}-message`), o.setAttribute("aria-invalid", a === "error" ? "true" : "false"), a === "error" && o.setAttribute("data-error", "true"), a === "success" && o.setAttribute("data-success", "true"), () => {
+        o.removeAttribute("aria-describedby"), o.removeAttribute("aria-invalid"), o.removeAttribute("data-error"), o.removeAttribute("data-success");
       };
     }
-  }, [n, r, e]), e ? /* @__PURE__ */ w(
+  }, [n, a, e]), e ? /* @__PURE__ */ N(
     "small",
     {
-      className: p(
+      className: w(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",
-        r === "error" && "text-danger",
-        r === "success" && "text-success"
+        a === "error" && "text-destructive",
+        a === "success" && "text-success"
       ),
       role: "status",
       children: [
-        r === "error" ? /* @__PURE__ */ d(J, {}) : /* @__PURE__ */ d(Y, {}),
-        /* @__PURE__ */ d("span", { id: `${n}-${r}-message`, children: e })
+        a === "error" ? /* @__PURE__ */ c(te, {}) : /* @__PURE__ */ c(re, {}),
+        /* @__PURE__ */ c("span", { id: `${n}-${a}-message`, children: e })
       ]
     }
   ) : null;
 }
-const ie = {
+const me = {
   base: "",
-  default: "ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success",
-  underline: "border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",
-  outline: "border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"
-}, de = {
+  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"
+}, be = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, B = {
+}, W = {
   variant: "default",
   rounded: "none"
 };
-function $e({
-  variant: n = B.variant,
-  rounded: r,
+function Fe({
+  variant: n = W.variant,
+  rounded: a,
   displayOnlyMode: e = !1,
-  errorMessage: t,
-  successMessage: a,
-  type: o = "text",
+  errorMessage: o,
+  successMessage: t,
+  type: r = "text",
   className: s,
   ...l
 }) {
-  const u = A(), [b, v] = C(!1);
-  let i = r;
-  n === "outline" && !r && (i = "md"), i = i || B.rounded;
-  const c = p(
+  const d = $(), [u, f] = x(!1);
+  let i = a;
+  n === "outline" && !a && (i = "md"), i = i || W.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 && ie[n],
-    !e && de[i],
-    o === "password" && "pr-10",
+    !e && me[n],
+    !e && be[i],
+    r === "password" && "pr-10",
     !e && "px-2 py-1",
     e && "pointer-events-none",
     s
   );
-  return /* @__PURE__ */ w("div", { className: p(e && "cursor-text"), style: { height: l.height, width: l.width }, children: [
-    /* @__PURE__ */ w("div", { className: p(o === "password" && "relative"), children: [
-      /* @__PURE__ */ d(
+  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(
         "input",
         {
           ...l,
-          id: u,
-          type: o === "password" && b ? "text" : o,
+          id: d,
+          type: r === "password" && u ? "text" : r,
           "aria-disabled": l.disabled,
           readOnly: e,
           "aria-readonly": e || l["aria-readonly"],
-          "data-error": t ? !0 : void 0,
-          "data-success": a ? !0 : void 0,
-          className: c
+          "data-error": o ? !0 : void 0,
+          "data-success": t ? !0 : void 0,
+          className: m
         }
       ),
-      o === "password" && /* @__PURE__ */ d(
+      r === "password" && /* @__PURE__ */ c(
         "button",
         {
-          onClick: () => v(!b),
+          onClick: () => f(!u),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
-          "data-state": b ? "visible" : "hidden",
-          children: b ? /* @__PURE__ */ d(Z, { size: 20 }) : /* @__PURE__ */ d(M, { size: 20 })
+          "data-state": u ? "visible" : "hidden",
+          children: u ? /* @__PURE__ */ c(oe, { size: 20 }) : /* @__PURE__ */ c(ne, { size: 20 })
         }
       )
     ] }),
-    !e && /* @__PURE__ */ d(D, { elementId: u, type: "error", message: t }),
-    !e && /* @__PURE__ */ d(D, { elementId: u, type: "success", message: a })
+    !e && /* @__PURE__ */ c(B, { elementId: d, type: "error", message: o }),
+    !e && /* @__PURE__ */ c(B, { elementId: d, type: "success", message: t })
   ] });
 }
-function Ie({
+function Se({
   display: n = "inline",
-  width: r = "fit-content",
+  width: a = "fit-content",
   className: e = "",
-  required: t,
-  helpMessage: a,
-  suffix: o,
+  required: o,
+  helpMessage: t,
+  suffix: r,
   htmlFor: s,
   children: l,
-  ...u
+  ...d
 }) {
-  const b = A(), v = p("font-medium", n, e), i = a ? `${s ?? b}-help` : void 0;
-  return /* @__PURE__ */ w("div", { style: { display: n === "inline" ? "inline-flex" : "flex", width: r }, className: "relative", children: [
-    /* @__PURE__ */ w("label", { className: v, htmlFor: s, ...u, children: [
+  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,
-      t && /* @__PURE__ */ d("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
+      o && /* @__PURE__ */ c("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
     ] }),
-    a && /* @__PURE__ */ d(
+    t && /* @__PURE__ */ c(
       "span",
       {
         className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
         "aria-describedby": i,
         "aria-label": "Help information",
-        title: a,
-        children: /* @__PURE__ */ d(O, {})
+        title: t,
+        children: /* @__PURE__ */ c(ae, {})
       }
     ),
-    a && /* @__PURE__ */ d("div", { id: i, className: "sr-only", children: a }),
-    o && /* @__PURE__ */ d("span", { className: "ml-1", children: o })
+    t && /* @__PURE__ */ c("div", { id: i, className: "sr-only", children: t }),
+    r && /* @__PURE__ */ c("span", { className: "ml-1", children: r })
   ] });
 }
-function z(...n) {
-  return n.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
-}
-function le(n) {
-  const [r, e] = C(!1), [t, a] = C(!1);
+function he(n) {
+  const [a, e] = x(!1), [o, t] = x(!1);
   return E(() => {
-    n ? (a(!0), setTimeout(() => e(!0), 10)) : (e(!1), setTimeout(() => a(!1), 150));
-  }, [n]), { show: r, shouldRender: t };
+    n ? (t(!0), setTimeout(() => e(!0), 10)) : (e(!1), setTimeout(() => t(!1), 150));
+  }, [n]), { show: a, shouldRender: o };
 }
-function ue(n, r) {
+function pe(n, a) {
   E(() => {
-    const e = (t) => {
-      t.key === "Escape" && n && r();
+    const e = (o) => {
+      o.key === "Escape" && n && a();
     };
     return document.addEventListener("keydown", e), n && (document.body.style.overflow = "hidden"), () => {
       document.removeEventListener("keydown", e), document.body.style.overflow = "auto";
     };
-  }, [n, r]);
+  }, [n, a]);
 }
-function ce(n, r) {
-  const e = Q(null), t = $(() => {
-    const a = document.getElementById(n);
-    if (!a) return;
-    const o = a.querySelectorAll('[data-modal-action="true"]');
-    if (o.length > 0) {
-      o[0].focus();
+function ge(n, a) {
+  const e = z(null), o = A(() => {
+    const t = document.getElementById(n);
+    if (!t) return;
+    const r = t.querySelectorAll('[data-modal-action="true"]');
+    if (r.length > 0) {
+      r[0].focus();
       return;
     }
-    const s = a.querySelectorAll(
+    const s = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
     );
     if (s.length > 0) {
-      const l = Array.from(s).filter((u) => !(u instanceof HTMLButtonElement && u.getAttribute("data-modal-close-button") === "true"));
+      const l = Array.from(s).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
       if (l.length > 0) {
         l[0].focus();
         return;
@@ -492,77 +491,77 @@ function ce(n, r) {
       s[0].focus();
       return;
     }
-    a.focus();
+    t.focus();
   }, [n]);
-  E(() => (r && (e.current = document.activeElement, t()), () => {
+  E(() => (a && (e.current = document.activeElement, o()), () => {
     document.body.style.overflow = "auto", e.current instanceof HTMLElement && e.current.focus();
-  }), [r, t]);
+  }), [a, o]);
 }
-function De({
+function He({
   id: n,
-  isOpen: r,
+  isOpen: a,
   onClose: e,
-  title: t,
-  children: a,
-  contentOnly: o = !1,
+  title: o,
+  children: t,
+  contentOnly: r = !1,
   className: s,
   overlayClassName: l,
-  hideCloseButton: u = !1,
-  actions: b = [],
-  disableCloseOnOverlayClick: v = !1,
+  hideCloseButton: d = !1,
+  actions: u = [],
+  disableCloseOnOverlayClick: f = !1,
   ariaLabelledBy: i,
-  ariaDescribedBy: x
+  ariaDescribedBy: g
 }) {
-  const m = A(), c = n || `modal-${m}`, y = n ? `${n}-title` : `modal-title-${m}`, { show: f, shouldRender: h } = le(r);
-  if (ce(c, h), ue(h, e), !h) return null;
-  const g = () => t ? I.isValidElement(t) ? /* @__PURE__ */ d("div", { className: "mb-4", children: t }) : /* @__PURE__ */ d("h2", { className: "mb-4 text-xl font-semibold", id: y, children: t }) : null, N = () => b.length === 0 ? null : /* @__PURE__ */ d("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: b.map((k, q) => {
-    const { label: T, className: H, ...K } = k;
-    return /* @__PURE__ */ d(oe, { className: H, type: "button", ...K, "data-modal-action": "true", children: T }, q);
+  const b = $(), m = n || `modal-${b}`, v = n ? `${n}-title` : `modal-title-${b}`, { show: h, shouldRender: y } = he(a);
+  if (ge(m, y), pe(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, C = () => 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, j) => {
+    const { label: F, className: L, ...R } = D;
+    return /* @__PURE__ */ c(ce, { className: L, type: "button", ...R, "data-modal-action": "true", children: F }, j);
   }) });
-  return /* @__PURE__ */ d(G, { children: ee(
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(_, { children: J(
+    /* @__PURE__ */ c(
       "div",
       {
-        "aria-labelledby": i ?? t ? y : void 0,
-        "aria-describedby": x,
+        "aria-labelledby": i ?? o ? v : void 0,
+        "aria-describedby": g,
         role: "dialog",
         "aria-modal": "true",
         className: "fixed inset-0 z-[100] overflow-y-auto",
-        children: /* @__PURE__ */ w("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
-          /* @__PURE__ */ d(
+        children: /* @__PURE__ */ N("div", { className: "flex min-h-screen items-center justify-center p-4", children: [
+          /* @__PURE__ */ c(
             "div",
             {
-              className: z("fixed inset-0 bg-black/20 transition-all", l),
+              className: H("fixed inset-0 bg-black/20 transition-all", l),
               onClick: () => {
-                v || e();
+                f || e();
               }
             }
           ),
-          o && /* @__PURE__ */ d("div", { className: z("relative w-fit", s), children: a }),
-          !o && /* @__PURE__ */ w(
+          r && /* @__PURE__ */ c("div", { className: H("relative w-fit", s), children: t }),
+          !r && /* @__PURE__ */ N(
             "div",
             {
-              id: c,
+              id: m,
               tabIndex: -1,
-              className: z(
-                "relative w-full max-w-xl transform rounded-lg shadow-xl transition-all p-6 bg-inherit focus:border ease-in duration-75",
-                f ? "opacity-100 scale-100" : "opacity-0 scale-90",
+              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: [
-                !u && /* @__PURE__ */ d(
+                !d && /* @__PURE__ */ c(
                   "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__ */ d(P, { size: 18 })
+                    children: /* @__PURE__ */ c(se, { size: 18 })
                   }
                 ),
-                g(),
-                a,
-                N()
+                p(),
+                t,
+                C()
               ]
             }
           )
@@ -572,116 +571,104 @@ function De({
     document.body
   ) });
 }
-function ke({ children: n, ref: r, ...e }) {
-  if (U(n)) {
-    let t = { ...e };
-    return n.props && (t = { ...t, ...n.props }), W(n, {
-      ...t,
-      ref: (a) => {
-        typeof r == "function" ? r(a) : r && (r.current = a);
-      }
-    });
-  }
-  return V("div", { ...e, ref: r }, n);
-}
-function fe({ itemId: n, checked: r, onChange: e, name: t, disabled: a = !1, className: o = "" }) {
+function ve({ 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 = () => {
-    a || e();
-  }, u = p(
+    t || e();
+  }, d = w(
     s,
-    !r && "hover:border-current/60",
-    !a && "border-current cursor-pointer",
-    a && "border-muted/60 cursor-not-allowed",
-    o
+    !a && "hover:border-current/60",
+    !t && "border-current cursor-pointer",
+    t && "border-muted/60 cursor-not-allowed",
+    r
   );
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
       id: n,
       role: "radio",
       tabIndex: -1,
-      "aria-checked": r,
-      "aria-disabled": a,
-      "aria-description": `Radio button for ${t}`,
+      "aria-checked": a,
+      "aria-disabled": t,
+      "aria-description": `Radio button for ${o}`,
       "aria-labelledby": `${n}-label`,
       onClick: l,
-      className: u,
+      className: d,
       style: {
         width: "1em",
         height: "1em",
         padding: "0.1em",
         borderWidth: "0.06em"
       },
-      children: r && /* @__PURE__ */ d(
+      children: a && /* @__PURE__ */ c(
         "div",
         {
-          className: p("size-full aspect-square rounded-full", a && "bg-muted/60", !a && "bg-current")
+          className: w("size-full aspect-square rounded-full", t && "bg-muted/60", !t && "bg-current")
         }
       )
     }
   );
 }
-function S({
+function V({
   value: n,
-  children: r,
+  children: a,
   className: e = "",
-  isSelected: t = !1,
-  onChange: a,
-  disabled: o = !1,
+  isSelected: o = !1,
+  onChange: t,
+  disabled: r = !1,
   hideInput: s = !1,
   description: l,
-  name: u
+  name: d
 }) {
-  const v = `radio-${A()}-${n}`, i = () => {
-    o || a == null || a(n);
+  const f = `radio-${$()}-${n}`, i = () => {
+    r || t == null || t(n);
   };
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ N(
     "div",
     {
       title: l,
-      className: p(
+      className: w(
         "relative flex items-center",
         e,
         // Uses text color for borders
-        s && `p-2 border-2 focus-within:border-dashed focus-within:${o ? "border-current/50" : "border-current/80"}`,
-        s && !t && `border-transparent ${o ? "" : "not-focus-within:hover:border-border/60"}`,
-        s && t && "border-border",
-        o && "opacity-60 cursor-not-allowed"
+        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",
+        r && "opacity-60 cursor-not-allowed"
       ),
       style: {
         gap: "0.5em"
       },
       children: [
-        !s && /* @__PURE__ */ d(
-          fe,
+        !s && /* @__PURE__ */ c(
+          ve,
           {
-            itemId: v,
-            name: u || "",
-            checked: t,
+            itemId: f,
+            name: d || "",
+            checked: o,
             onChange: i,
-            disabled: o,
-            className: p(s && "")
+            disabled: r,
+            className: w(s && "")
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           "div",
           {
-            id: s ? v : void 0,
+            id: s ? f : void 0,
             tabIndex: s ? -1 : void 0,
             role: s ? "radio" : void 0,
             onClick: s ? i : void 0,
-            "aria-checked": s ? t ? "true" : "false" : void 0,
-            "aria-disabled": s ? o : void 0,
-            "aria-description": s ? l || `Radio button for ${u}` : void 0,
-            "aria-labelledby": s ? `${v}-label` : void 0,
-            className: p(s && "size-full", typeof r == "object" && "grow focus:outline-none"),
-            children: /* @__PURE__ */ d(
+            "aria-checked": s ? o ? "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,
+            className: w(s && "size-full", typeof a == "object" && "grow focus:outline-none"),
+            children: /* @__PURE__ */ c(
               "label",
               {
-                id: `${v}-label`,
+                id: `${f}-label`,
                 onClick: s ? void 0 : i,
-                className: p(o && "cursor-not-allowed", !o && "cursor-pointer"),
-                children: r
+                className: w(r && "cursor-not-allowed", !r && "cursor-pointer"),
+                children: a
               }
             )
           }
@@ -690,247 +677,459 @@ function S({
     }
   );
 }
-function me(n, r) {
-  const [e, t] = C(r), [a, o] = C(-1), [s, l] = C(!1), u = $((m, c) => {
-    var h;
-    const y = m[c];
-    y.hasAttribute("disabled") || y.getAttribute("aria-disabled") === "true" || ((h = m[c]) == null || h.click(), o(c));
-  }, []), b = $(
-    (m, c) => {
-      var f;
-      if (m.preventDefault(), s || !c.length) return;
-      const y = r !== -1 ? r : 0;
-      (f = c[y]) == null || f.focus(), t(y), r !== -1 && u(c, y);
-    },
-    [r, s, u]
-  ), v = $(
-    (m) => {
+function we(n, a) {
+  const [e, o] = x(a), [t, r] = x(-1), [s, l] = x(!1), d = A((b, 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) => {
       var h;
-      if (!m.shiftKey)
+      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);
+    },
+    [a, s, d]
+  ), f = A(
+    (b) => {
+      var y;
+      if (!b.shiftKey)
         return;
-      m.preventDefault();
-      const c = Array.from(
+      b.preventDefault();
+      const m = Array.from(
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((g) => !g.hasAttribute("disabled") && g.tabIndex >= 0), y = c.findIndex((g) => g.id === n), f = y > 0 ? y - 1 : c.length - 1;
-      (h = c[f]) == null || h.focus();
+      ).filter((p) => !p.hasAttribute("disabled") && p.tabIndex >= 0), v = m.findIndex((p) => p.id === n), h = v > 0 ? v - 1 : m.length - 1;
+      (y = m[h]) == null || y.focus();
     },
     [n]
-  ), i = $(
-    (m, c) => {
-      var N;
-      if (!c.length) return;
-      const y = m.target;
-      if (!c.some((k) => k.id === y.id)) return;
-      const h = e !== -1 ? e : 0;
-      let g = h;
-      switch (m.key) {
+  ), i = A(
+    (b, m) => {
+      var C;
+      if (!m.length) return;
+      const v = b.target;
+      if (!m.some((D) => D.id === v.id)) return;
+      const y = e !== -1 ? e : 0;
+      let p = y;
+      switch (b.key) {
         case "ArrowUp":
         case "ArrowLeft":
-          m.preventDefault(), g = h > 0 ? h - 1 : c.length - 1;
+          b.preventDefault(), p = y > 0 ? y - 1 : m.length - 1;
           break;
         case "ArrowDown":
         case "ArrowRight":
-          m.preventDefault(), g = (h + 1) % c.length;
+          b.preventDefault(), p = (y + 1) % m.length;
           break;
         // Select the option when the space key is pressed
         case " ":
-          m.preventDefault(), u(c, h);
+          b.preventDefault(), d(m, y);
           return;
         case "Tab":
-          v(m);
+          f(b);
           return;
         default:
           return;
       }
-      (N = c[g]) == null || N.focus(), t(g), a !== -1 && u(c, g);
+      (C = m[p]) == null || C.focus(), o(p), t !== -1 && d(m, p);
     },
-    [e, a, v, u]
-  ), x = $(() => {
-    const m = document.querySelector(`[id="${n}"][role="radiogroup"]`);
-    return m ? Array.from(m.querySelectorAll('[role="radio"]')) : [];
+    [e, t, f, d]
+  ), g = A(() => {
+    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
+    return b ? Array.from(b.querySelectorAll('[role="radio"]')) : [];
   }, [n]);
   E(() => {
-    const m = document.querySelector(`[id="${n}"][role="radiogroup"]`);
-    if (!m) return;
-    const c = x(), y = (N) => b(N, c), f = (N) => i(N, c), h = () => l(!0), g = () => l(!1);
-    return document.addEventListener("keydown", f), m.addEventListener("focus", y), m.addEventListener("mousedown", h), document.addEventListener("mouseup", g), () => {
-      document.removeEventListener("keydown", f), m.removeEventListener("focus", y), m.removeEventListener("mousedown", h), document.removeEventListener("mouseup", g);
+    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
+    if (!b) return;
+    const m = g(), v = (C) => u(C, m), h = (C) => i(C, 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);
     };
-  }, [n, x, b, i]);
+  }, [n, g, u, i]);
 }
-function Le({
+function qe({
   options: n = [],
-  value: r,
+  value: a,
   onChange: e,
-  name: t,
-  children: a,
-  className: o = "",
+  id: o,
+  children: t,
+  className: r = "",
   childrenClassName: s = "",
   hideInputs: l = !1
 }) {
-  const u = A(), b = t || `radio-group-${u}`;
-  me(
-    b,
-    n.findIndex((i) => i === r)
+  const d = $(), u = o || `radio-group-${d}`;
+  we(
+    u,
+    n.findIndex((i) => i === a)
   );
-  const v = F(() => n.reduce((i, x) => (typeof x == "string" ? i.some((m) => m.value === x) || i.push({ label: x, value: x }) : i.push(x), i), []), [n]);
-  return /* @__PURE__ */ w("div", { id: b, role: "radiogroup", tabIndex: 0, className: p(o, "focus:outline-none"), children: [
-    v.length > 0 && v.map((i, x) => /* @__PURE__ */ d(
-      S,
+  const f = Z(() => 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(
+      V,
       {
         value: i.value,
-        isSelected: r === i.value,
+        isSelected: a === i.value,
         onChange: e,
-        name: b,
+        name: u,
         disabled: i.disabled,
         description: i.description,
         hideInput: l,
         className: s,
         children: i.label
       },
-      `${i.value}-${x}`
+      `${i.value}-${g}`
     )),
-    v.length === 0 && a && I.Children.map(a, (i) => I.isValidElement(i) && i.type === S ? /* @__PURE__ */ d(
-      S,
+    f.length === 0 && t && T.Children.map(t, (i) => T.isValidElement(i) && i.type === V ? /* @__PURE__ */ c(
+      V,
       {
         ...i.props,
-        className: p(s, i.props.className),
+        className: w(s, i.props.className),
         hideInput: i.props.hideInput || l,
-        isSelected: r === i.props.value,
+        isSelected: a === i.props.value,
         onChange: e,
-        name: b,
+        name: u,
         children: i.props.children
       }
     ) : null)
   ] });
 }
-function be({ elementId: n, maxLength: r }) {
-  const [e, t] = C(0);
+function Ke({ children: n, ref: a, ...e }) {
+  if (M(n)) {
+    let o = { ...e };
+    return n.props && (o = { ...o, ...n.props }), O(n, {
+      ...o,
+      ref: (t) => {
+        typeof a == "function" ? a(t) : a && (a.current = t);
+      }
+    });
+  }
+  return X("div", { ...e, ref: a }, n);
+}
+function ye({ elementId: n, maxLength: a }) {
+  const [e, o] = x(0);
   return E(() => {
-    const a = document.getElementById(n);
-    if (!a)
+    const t = document.getElementById(n);
+    if (!t)
       return;
-    const o = () => {
-      const s = a.value.length;
-      t(s);
-      const l = s >= r;
-      a.setAttribute("aria-describedby", `${n}-character-count`), a.setAttribute("aria-invalid", l ? "true" : "false"), l ? a.setAttribute("data-error", "true") : a.removeAttribute("data-error");
+    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");
     };
-    return o(), a.addEventListener("input", o), a.setAttribute("maxlength", String(r)), () => {
-      a.removeEventListener("input", o), a.removeAttribute("maxlength"), a.removeAttribute("aria-describedby"), a.removeAttribute("aria-invalid"), a.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, r]), /* @__PURE__ */ d(
+  }, [n, a]), /* @__PURE__ */ c(
     "small",
     {
-      className: p(
+      className: w(
         "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",
-        e >= r && "text-danger",
-        e < r && "text-current"
+        e >= a && "text-destructive",
+        e < a && "text-current"
       ),
       role: "status",
-      children: /* @__PURE__ */ w("span", { id: `${n}-character-count`, children: [
+      children: /* @__PURE__ */ N("span", { id: `${n}-character-count`, children: [
         e,
         " / ",
-        r,
+        a,
         " characters"
       ] })
     }
   );
 }
-function ge(n, r) {
+function xe(n, a) {
   E(() => {
     const e = document.getElementById(n);
     if (!e)
       return;
-    if (!r) {
+    if (!a) {
       e.style.height = "auto";
       return;
     }
-    const t = () => {
+    const o = () => {
       e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
     };
-    return t(), e.addEventListener("input", t), e.addEventListener("resize", t), window.addEventListener("resize", t), () => {
-      e.removeEventListener("input", t), e.removeEventListener("resize", t), window.removeEventListener("resize", t);
+    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);
     };
-  }, [n, r]);
+  }, [n, a]);
 }
-const ve = {
+const Ne = {
   base: "",
-  "left-line": "border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",
-  outline: "border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"
-}, pe = {
+  "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 = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "px-3 rounded-full"
-}, R = {
+}, Q = {
   variant: "outline",
   rounded: "none"
 };
-function je({
-  variant: n = R.variant,
-  rounded: r,
+function Ve({
+  variant: n = Q.variant,
+  rounded: a,
   displayOnlyMode: e = !1,
-  errorMessage: t,
-  successMessage: a,
-  hideResizeHandle: o = !1,
+  errorMessage: o,
+  successMessage: t,
+  hideResizeHandle: r = !1,
   autoExpand: s = !1,
   characterLimit: l = 0,
-  className: u,
-  ...b
+  className: d,
+  ...u
 }) {
-  const v = A();
-  ge(v, s || e);
-  let i = r;
-  n === "outline" && !r && (i = "md"), i = i || R.rounded;
-  let x = o;
-  (e || n === "left-line" && !o) && (x = !0);
-  const c = p(
+  const f = $();
+  xe(f, s || e);
+  let i = a;
+  n === "outline" && !a && (i = "md"), i = i || Q.rounded;
+  let g = r;
+  (e || n === "left-line" && !r) && (g = !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 && ve[n],
-    !e && pe[i],
+    !e && Ne[n],
+    !e && Ce[i],
     !e && "px-2 py-1",
     e && "pointer-events-none",
-    x && "no-resize-handle",
-    u
+    g && "no-resize-handle",
+    d
   );
-  return /* @__PURE__ */ w("div", { className: p("-space-y-1.5", e && "cursor-text"), children: [
-    /* @__PURE__ */ d(
+  return /* @__PURE__ */ N("div", { className: w("-space-y-1.5", e && "cursor-text"), children: [
+    /* @__PURE__ */ c(
       "textarea",
       {
-        ...b,
-        id: v,
-        "aria-disabled": b.disabled,
+        ...u,
+        id: f,
+        "aria-disabled": u.disabled,
         readOnly: e,
-        "aria-readonly": e || b["aria-readonly"],
+        "aria-readonly": e || u["aria-readonly"],
         style: {
           resize: s ? "none" : void 0
         },
-        className: c
+        className: m
       }
     ),
-    l > 0 && /* @__PURE__ */ d(be, { elementId: v, maxLength: l }),
-    !e && /* @__PURE__ */ d(D, { elementId: v, type: "error", message: t }),
-    !e && /* @__PURE__ */ d(D, { elementId: v, type: "success", message: a })
+    l > 0 && /* @__PURE__ */ c(ye, { elementId: f, maxLength: l }),
+    !e && /* @__PURE__ */ c(B, { elementId: f, type: "error", message: o }),
+    !e && /* @__PURE__ */ c(B, { elementId: f, type: "success", message: t })
+  ] });
+}
+function Ee(n) {
+  return { calculatePosition: A(
+    (e, o) => {
+      const t = e.getBoundingClientRect(), r = o.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 = {
+        top: {
+          x: t.left + t.width / 2 - r.width / 2,
+          y: t.top - r.height - k,
+          arrow: {
+            x: r.width / 2 - I,
+            y: r.height
+          }
+        },
+        bottom: {
+          x: t.left + t.width / 2 - r.width / 2,
+          y: t.bottom + k,
+          arrow: {
+            x: r.width / 2 - I,
+            y: -6
+          }
+        },
+        left: {
+          x: t.left - r.width - k,
+          y: t.top + t.height / 2 - r.height / 2,
+          arrow: {
+            x: r.width,
+            y: r.height / 2 - I
+          }
+        },
+        right: {
+          x: t.right + k,
+          y: t.top + t.height / 2 - r.height / 2,
+          arrow: {
+            x: -6,
+            y: r.height / 2 - I
+          }
+        }
+      };
+      let u = n, f = d[n];
+      if (l(f.x, f.y, r.width, r.height)) {
+        const g = {
+          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;
+        else {
+          const m = ["top", "bottom", "left", "right"].filter(
+            (v) => v !== n && v !== g[n]
+          );
+          for (const v of m) {
+            const h = d[v];
+            if (!l(h.x, h.y, r.width, r.height)) {
+              u = v, f = h;
+              break;
+            }
+          }
+        }
+      }
+      f.x = Math.max(8, Math.min(f.x, s.width - r.width - 8)), f.y = Math.max(8, Math.min(f.y, s.height - r.height - 8));
+      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)
+      ), {
+        ...f,
+        placement: u
+      };
+    },
+    [n]
+  ) };
+}
+function Ae(n, a, e) {
+  const o = z(null), t = z(null), r = A(() => {
+    if (!o.current || !t.current) return;
+    const s = n(o.current, t.current);
+    e(s);
+  }, [n, e]);
+  return E(() => {
+    if (!a) return;
+    const s = () => r();
+    return window.addEventListener("resize", s), () => {
+      window.removeEventListener("resize", s);
+    };
+  }, [a, r]), {
+    triggerRef: o,
+    tooltipRef: t,
+    updatePosition: r
+  };
+}
+function Ie(n, a, e, o, t, r, s, l, d) {
+  const u = z(null), f = A(() => {
+    n || (u.current && clearTimeout(u.current), u.current = window.setTimeout(() => {
+      e(!0), requestAnimationFrame(() => {
+        t(), o(!0);
+      });
+    }, a));
+  }, [n, a, e, t, o]), i = A(
+    (g = !1) => {
+      if (u.current && clearTimeout(u.current), g) {
+        o(!1), setTimeout(() => e(!1), 150);
+        return;
+      }
+      u.current = window.setTimeout(() => {
+        o(!1), setTimeout(() => e(!1), 150);
+      }, 100);
+    },
+    [o, e]
+  );
+  return E(() => {
+    !r && !s && !l && d && i();
+  }, [r, s, l, d, i]), E(() => () => {
+    u.current && clearTimeout(u.current);
+  }, []), {
+    showTooltip: f,
+    hideTooltip: i,
+    timeoutRef: u
+  };
+}
+const k = 4, I = 6;
+function Ge({
+  id: n,
+  children: a,
+  message: e,
+  placement: o = "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: C } = Ee(o), { triggerRef: D, tooltipRef: j, updatePosition: F } = Ae(C, u, g), { showTooltip: L, hideTooltip: R, timeoutRef: G } = Ie(
+    t,
+    r,
+    f,
+    d,
+    F,
+    b,
+    v,
+    y,
+    l
+  ), Y = $(), U = n ?? Y;
+  return /* @__PURE__ */ N(_, { children: [
+    T.cloneElement(a, {
+      ref: (S) => {
+        D.current = S;
+      },
+      onMouseEnter: () => {
+        m(!0), L();
+      },
+      onMouseLeave: () => {
+        m(!1);
+      },
+      onFocus: () => {
+        p(!0), L();
+      },
+      onBlur: () => {
+        p(!1), R(!0);
+      },
+      onKeyDown: (S) => {
+        S.key === "Escape" && R(!0);
+      },
+      "aria-describedby": t ? void 0 : U
+    }),
+    u && J(
+      /* @__PURE__ */ c(
+        "div",
+        {
+          ref: j,
+          id: U,
+          role: "tooltip",
+          className: w(
+            "fixed z-50 px-2 py-1 text-sm rounded shadow-lg pointer-events-auto transition-all duration-150 ease-out",
+            l ? "opacity-100" : "opacity-0",
+            s
+          ),
+          style: i ? { left: i.x, top: i.y } : { opacity: 0 },
+          onMouseEnter: () => {
+            h(!0), G.current && clearTimeout(G.current);
+          },
+          onMouseLeave: () => {
+            h(!1);
+          },
+          children: e
+        }
+      ),
+      document.body
+    )
   ] });
 }
 export {
-  Ce as Accordion,
-  L as AccordionItem,
-  oe as Button,
-  re as ButtonLoadingDots,
-  Ee as Checkbox,
-  Ae as Clickable,
-  $e as Input,
-  Ie as Label,
-  De as Modal,
-  Le as RadioGroup,
-  S as RadioGroupItem,
-  fe as RadioInput,
-  ke as Slot,
-  je as Textarea
+  ze as Accordion,
+  q as AccordionItem,
+  Qe as ActionModal,
+  ce as Button,
+  ie as ButtonLoadingDots,
+  Be as Checkbox,
+  je as Clickable,
+  Fe as Input,
+  Se as Label,
+  He as Modal,
+  qe as RadioGroup,
+  V as RadioGroupItem,
+  ve as RadioInput,
+  Ke as Slot,
+  Ve as Textarea,
+  Ge as Tooltip
 };
 //# sourceMappingURL=components.esm.js.map