@moondreamsdev/dreamer-ui 1.6.1 → 1.6.2

package/dist/components.esm.js

@@ -1,26 +1,26 @@
-import { jsx as u, jsxs as y } from "react/jsx-runtime";
+import { jsx as l, jsxs as y } from "react/jsx-runtime";
 import { join as v } from "./utils.esm.js";
-import j, { useState as E, useEffect as N, useCallback as A, useId as $, useMemo as R, isValidElement as S, cloneElement as V, createElement as F } from "react";
-import { E as q, C as G, b as H, a as K, Q as T } from "./QuestionMarkCircled-4DNhWOBS.js";
-function Q() {
-  const [t, r] = E(0);
-  return N(() => {
+import j, { useState as E, useEffect as A, useCallback as N, useId as $, useMemo as B, isValidElement as S, cloneElement as V, createElement as F } from "react";
+import { C as q, E as G, a as H, c as K, b as T, Q } from "./QuestionMarkCircled-DAnSYjJu.js";
+function U() {
+  const [n, r] = E(0);
+  return A(() => {
     const e = setInterval(() => {
-      r((a) => (a + 1) % 3);
+      r((t) => (t + 1) % 3);
     }, 500);
     return () => clearInterval(e);
-  }, []), /* @__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(
+  }, []), /* @__PURE__ */ l("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((e) => /* @__PURE__ */ l(
     "div",
     {
       className: v(
         "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
-        t === e && "transform -translate-y-1"
+        n === e && "transform -translate-y-1"
       )
     },
     e
   )) });
 }
-const U = {
+const W = {
   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",
@@ -28,7 +28,7 @@ const U = {
   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"
-}, W = {
+}, _ = {
   stripped: "",
   fitted: "size-fit",
   sm: "px-2 py-1 text-sm",
@@ -36,59 +36,59 @@ const U = {
   lg: "px-6 py-3 text-lg",
   icon: "p-1 w-fit aspect-square",
   full: "p-2 w-full"
-}, Z = {
+}, J = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
-}, L = {
+}, I = {
   variant: "primary",
   size: "md",
   rounded: "md"
 };
 function de({
-  variant: t = L.variant,
+  variant: n = I.variant,
   size: r,
-  rounded: e = L.rounded,
-  loading: a,
-  linkTo: n,
+  rounded: e = I.rounded,
+  loading: t,
+  linkTo: a,
   linkProps: o,
   type: d = "button",
   className: i,
-  ...l
+  ...u
 }) {
   let f;
-  t === "link" && !r ? f = "fitted" : f = r || L.size;
+  n === "link" && !r ? f = "fitted" : f = r || I.size;
   const s = v(
     "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
-    U[t],
-    W[f],
-    Z[e],
-    a && "relative pointer-events-none",
-    n && "relative",
+    W[n],
+    _[f],
+    J[e],
+    t && "relative pointer-events-none",
+    a && "relative",
     i
   );
   return /* @__PURE__ */ y(
     "button",
     {
-      ...l,
-      role: n ? "link" : l.role,
-      "aria-label": l["aria-label"] || (o == null ? void 0 : o["aria-label"]),
-      "aria-description": l["aria-description"] || (o == null ? void 0 : o["aria-description"]),
-      "aria-disabled": l.disabled || a,
-      "aria-busy": a,
+      ...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,
       type: d,
       className: s,
       children: [
-        a && /* @__PURE__ */ u(Q, {}),
-        /* @__PURE__ */ u("span", { className: v(a && "invisible"), children: l.children }),
-        n && !l.disabled && /* @__PURE__ */ u(
+        t && /* @__PURE__ */ l(U, {}),
+        /* @__PURE__ */ l("span", { className: v(t && "invisible"), children: u.children }),
+        a && !u.disabled && /* @__PURE__ */ l(
           "a",
           {
             ...o,
             "aria-hidden": !0,
-            href: n,
+            href: a,
             target: (o == null ? void 0 : o.target) || "_blank",
             rel: (o == null ? void 0 : o.rel) || "noreferrer",
             className: "absolute inset-0"
@@ -98,92 +98,81 @@ function de({
     }
   );
 }
-function _({ size: t = 15, color: r = "currentColor" }) {
-  return /* @__PURE__ */ u("svg", { width: t, height: t, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u(
-    "path",
-    {
-      d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
-      fill: r,
-      fillRule: "evenodd",
-      clipRule: "evenodd"
-    }
-  ) });
-}
-function J(t) {
-  const [r, e] = E(""), a = A((n) => {
-    let o = n, d = "";
+function X(n) {
+  const [r, e] = E(""), t = N((a) => {
+    let o = a, d = "";
     for (; o && !d; ) {
       const i = window.getComputedStyle(o).backgroundColor;
       i && i !== "transparent" && i !== "rgba(0, 0, 0, 0)" && (d = i), o = o.parentElement;
     }
     return d || "transparent";
   }, []);
-  return N(() => {
-    const n = document.getElementById(t);
-    if (n) {
-      const o = a(n.parentElement);
+  return A(() => {
+    const a = document.getElementById(n);
+    if (a) {
+      const o = t(a.parentElement);
       e(o);
     }
-  }, [t, a]), r;
+  }, [n, t]), r;
 }
 function ie({
-  ref: t,
+  ref: n,
   id: r,
   size: e = 20,
-  color: a,
-  filled: n = !1,
+  color: t,
+  filled: a = !1,
   rounded: o = !0,
   checked: d = !1,
   onCheckedChange: i,
-  disabled: l,
+  disabled: u,
   className: f = "",
   ...m
 }) {
-  const s = $(), g = R(() => r || `checkbox-${s}`, [r, s]), b = J(g), [c, p] = E(d);
-  N(() => {
+  const s = $(), g = B(() => r || `checkbox-${s}`, [r, s]), b = X(g), [c, p] = E(d);
+  A(() => {
     p(d);
   }, [d]);
   const w = () => {
-    l || (p(!c), i == null || i(!c));
+    u || (p(!c), i == null || i(!c));
   }, h = (C) => {
     C.key === " " && (C.preventDefault(), w());
   }, x = v(
     "flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",
     o && "rounded",
-    l && "opacity-40 cursor-not-allowed",
-    !l && "cursor-pointer",
+    u && "opacity-40 cursor-not-allowed",
+    !u && "cursor-pointer",
     f
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ l(
     "button",
     {
       id: g,
       type: "button",
-      ref: t,
+      ref: n,
       tabIndex: 0,
       role: "checkbox",
       onClick: w,
       "aria-checked": c,
-      "aria-disabled": l,
+      "aria-disabled": u,
       onKeyDownCapture: h,
       style: {
         width: e,
         height: e,
-        color: a,
-        backgroundColor: c && n ? "currentcolor" : "transparent"
+        color: t,
+        backgroundColor: c && a ? "currentcolor" : "transparent"
       },
       className: x,
       ...m,
-      children: c && /* @__PURE__ */ u(_, { size: e, color: n ? b : void 0 })
+      children: c && /* @__PURE__ */ l(q, { size: e, color: a ? b : void 0 })
     }
   );
 }
-const X = {
+const Y = {
   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"
-}, Y = {
+}, Z = {
   none: "rounded-none",
   sm: "rounded-sm",
   md: "rounded-md",
@@ -193,23 +182,23 @@ const X = {
   variant: "default",
   rounded: "none"
 };
-function D({ elementId: t, type: r, message: e }) {
-  return N(() => {
-    const a = document.getElementById(t);
-    if (a) {
+function D({ elementId: n, type: r, message: e }) {
+  return A(() => {
+    const t = document.getElementById(n);
+    if (t) {
       if (!e && r === "error") {
-        a.removeAttribute("data-error");
+        t.removeAttribute("data-error");
         return;
       }
       if (!e && r === "success") {
-        a.removeAttribute("data-success");
+        t.removeAttribute("data-success");
         return;
       }
-      return a.setAttribute("aria-describedby", `${t}-${r}-message`), a.setAttribute("aria-invalid", r === "error" ? "true" : "false"), r === "error" && a.setAttribute("data-error", "true"), r === "success" && a.setAttribute("data-success", "true"), () => {
-        a.removeAttribute("aria-describedby"), a.removeAttribute("aria-invalid"), a.removeAttribute("data-error"), a.removeAttribute("data-success");
+      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");
       };
     }
-  }, [t, r, e]), e ? /* @__PURE__ */ y(
+  }, [n, r, e]), e ? /* @__PURE__ */ y(
     "small",
     {
       className: v(
@@ -219,30 +208,30 @@ function D({ elementId: t, type: r, message: e }) {
       ),
       role: "status",
       children: [
-        r === "error" ? /* @__PURE__ */ u(q, {}) : /* @__PURE__ */ u(G, {}),
-        /* @__PURE__ */ u("span", { id: `${t}-${r}-message`, children: e })
+        r === "error" ? /* @__PURE__ */ l(G, {}) : /* @__PURE__ */ l(H, {}),
+        /* @__PURE__ */ l("span", { id: `${n}-${r}-message`, children: e })
       ]
     }
   ) : null;
 }
 function ue({
-  variant: t = k.variant,
+  variant: n = k.variant,
   rounded: r,
   displayOnlyMode: e = !1,
-  errorMessage: a,
-  successMessage: n,
+  errorMessage: t,
+  successMessage: a,
   type: o = "text",
   className: d,
   ...i
 }) {
-  const l = $(), [f, m] = E(!1);
+  const u = $(), [f, m] = E(!1);
   let s = r;
-  t === "outline" && !r && (s = "md"), s = s || k.rounded;
+  n === "outline" && !r && (s = "md"), s = s || k.rounded;
   const c = v(
     "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 && X[t],
-    !e && Y[s],
+    !e && Y[n],
+    !e && Z[s],
     o === "password" && "pr-10",
     !e && "px-2 py-1",
     e && "pointer-events-none",
@@ -250,128 +239,128 @@ function ue({
   );
   return /* @__PURE__ */ y("div", { className: v(e && "cursor-text"), style: { height: i.height, width: i.width }, children: [
     /* @__PURE__ */ y("div", { className: v(o === "password" && "relative"), children: [
-      /* @__PURE__ */ u(
+      /* @__PURE__ */ l(
         "input",
         {
           ...i,
-          id: l,
+          id: u,
           type: o === "password" && f ? "text" : o,
           "aria-disabled": i.disabled,
           readOnly: e,
           "aria-readonly": e || i["aria-readonly"],
-          "data-error": a ? !0 : void 0,
-          "data-success": n ? !0 : void 0,
+          "data-error": t ? !0 : void 0,
+          "data-success": a ? !0 : void 0,
           className: c
         }
       ),
-      o === "password" && /* @__PURE__ */ u(
+      o === "password" && /* @__PURE__ */ l(
         "button",
         {
           onClick: () => m(!f),
           className: "absolute inset-y-0 right-0 px-2 hover:cursor-pointer",
           "aria-label": "Toggle password visibility",
           "data-state": f ? "visible" : "hidden",
-          children: f ? /* @__PURE__ */ u(H, { size: 20 }) : /* @__PURE__ */ u(K, { size: 20 })
+          children: f ? /* @__PURE__ */ l(K, { size: 20 }) : /* @__PURE__ */ l(T, { size: 20 })
         }
       )
     ] }),
-    !e && /* @__PURE__ */ u(D, { elementId: l, type: "error", message: a }),
-    !e && /* @__PURE__ */ u(D, { elementId: l, type: "success", message: n })
+    !e && /* @__PURE__ */ l(D, { elementId: u, type: "error", message: t }),
+    !e && /* @__PURE__ */ l(D, { elementId: u, type: "success", message: a })
   ] });
 }
 function le({
-  display: t = "inline",
+  display: n = "inline",
   width: r = "fit-content",
   className: e = "",
-  required: a,
-  helpMessage: n,
+  required: t,
+  helpMessage: a,
   suffix: o,
   htmlFor: d,
   children: i,
-  ...l
+  ...u
 }) {
-  const f = $(), m = v("font-medium", t, e), s = n ? `${d ?? f}-help` : void 0;
-  return /* @__PURE__ */ y("div", { style: { display: t === "inline" ? "inline-flex" : "flex", width: r }, className: "relative", children: [
-    /* @__PURE__ */ y("label", { className: m, htmlFor: d, ...l, children: [
+  const f = $(), m = v("font-medium", n, e), s = a ? `${d ?? f}-help` : void 0;
+  return /* @__PURE__ */ y("div", { style: { display: n === "inline" ? "inline-flex" : "flex", width: r }, className: "relative", children: [
+    /* @__PURE__ */ y("label", { className: m, htmlFor: d, ...u, children: [
       i,
-      a && /* @__PURE__ */ u("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
+      t && /* @__PURE__ */ l("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
     ] }),
-    n && /* @__PURE__ */ u(
+    a && /* @__PURE__ */ l(
       "span",
       {
         className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
         "aria-describedby": s,
         "aria-label": "Help information",
-        title: n,
-        children: /* @__PURE__ */ u(T, {})
+        title: a,
+        children: /* @__PURE__ */ l(Q, {})
       }
     ),
-    n && /* @__PURE__ */ u("div", { id: s, className: "sr-only", children: n }),
-    o && /* @__PURE__ */ u("span", { className: "ml-1", children: o })
+    a && /* @__PURE__ */ l("div", { id: s, className: "sr-only", children: a }),
+    o && /* @__PURE__ */ l("span", { className: "ml-1", children: o })
   ] });
 }
-function ce({ children: t, ref: r, ...e }) {
-  if (S(t)) {
-    let a = { ...e };
-    return t.props && (a = { ...a, ...t.props }), V(t, {
-      ...a,
-      ref: (n) => {
-        typeof r == "function" ? r(n) : r && (r.current = n);
+function ce({ children: n, ref: r, ...e }) {
+  if (S(n)) {
+    let t = { ...e };
+    return n.props && (t = { ...t, ...n.props }), V(n, {
+      ...t,
+      ref: (a) => {
+        typeof r == "function" ? r(a) : r && (r.current = a);
       }
     });
   }
-  return F("div", { ...e, ref: r }, t);
+  return F("div", { ...e, ref: r }, n);
 }
-function O({ itemId: t, checked: r, onChange: e, name: a, disabled: n = !1, className: o = "" }) {
+function O({ itemId: n, checked: r, onChange: e, name: t, disabled: a = !1, className: o = "" }) {
   const d = "relative inline-flex items-center justify-center rounded-full", i = () => {
-    n || e();
-  }, l = v(
+    a || e();
+  }, u = v(
     d,
     !r && "hover:border-current/60",
-    !n && "border-current cursor-pointer",
-    n && "border-muted/60 cursor-not-allowed",
+    !a && "border-current cursor-pointer",
+    a && "border-muted/60 cursor-not-allowed",
     o
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ l(
     "div",
     {
-      id: t,
+      id: n,
       role: "radio",
       tabIndex: -1,
       "aria-checked": r,
-      "aria-disabled": n,
-      "aria-description": `Radio button for ${a}`,
-      "aria-labelledby": `${t}-label`,
+      "aria-disabled": a,
+      "aria-description": `Radio button for ${t}`,
+      "aria-labelledby": `${n}-label`,
       onClick: i,
-      className: l,
+      className: u,
       style: {
         width: "1em",
         height: "1em",
         padding: "0.1em",
         borderWidth: "0.06em"
       },
-      children: r && /* @__PURE__ */ u(
+      children: r && /* @__PURE__ */ l(
         "div",
         {
-          className: v("size-full aspect-square rounded-full", n && "bg-muted/60", !n && "bg-current")
+          className: v("size-full aspect-square rounded-full", a && "bg-muted/60", !a && "bg-current")
         }
       )
     }
   );
 }
-function I({
-  value: t,
+function L({
+  value: n,
   children: r,
   className: e = "",
-  isSelected: a = !1,
-  onChange: n,
+  isSelected: t = !1,
+  onChange: a,
   disabled: o = !1,
   hideInput: d = !1,
   description: i,
-  name: l
+  name: u
 }) {
-  const m = `radio-${$()}-${t}`, s = () => {
-    o || n == null || n(t);
+  const m = `radio-${$()}-${n}`, s = () => {
+    o || a == null || a(n);
   };
   return /* @__PURE__ */ y(
     "div",
@@ -382,38 +371,38 @@ function I({
         e,
         // Uses text color for borders
         d && `p-2 border-2 focus-within:border-dashed focus-within:${o ? "border-current/50" : "border-current/80"}`,
-        d && !a && `border-transparent ${o ? "" : "not-focus-within:hover:border-border/60"}`,
-        d && a && "border-border",
+        d && !t && `border-transparent ${o ? "" : "not-focus-within:hover:border-border/60"}`,
+        d && t && "border-border",
         o && "opacity-60 cursor-not-allowed"
       ),
       style: {
         gap: "0.5em"
       },
       children: [
-        !d && /* @__PURE__ */ u(
+        !d && /* @__PURE__ */ l(
           O,
           {
             itemId: m,
-            name: l || "",
-            checked: a,
+            name: u || "",
+            checked: t,
             onChange: s,
             disabled: o,
             className: v(d && "")
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ l(
           "div",
           {
             id: d ? m : void 0,
             tabIndex: d ? -1 : void 0,
             role: d ? "radio" : void 0,
             onClick: d ? s : void 0,
-            "aria-checked": d ? a ? "true" : "false" : void 0,
+            "aria-checked": d ? t ? "true" : "false" : void 0,
             "aria-disabled": d ? o : void 0,
-            "aria-description": d ? i || `Radio button for ${l}` : void 0,
+            "aria-description": d ? i || `Radio button for ${u}` : void 0,
             "aria-labelledby": d ? `${m}-label` : void 0,
             className: v(d && "size-full", typeof r == "object" && "grow focus:outline-none"),
-            children: /* @__PURE__ */ u(
+            children: /* @__PURE__ */ l(
               "label",
               {
                 id: `${m}-label`,
@@ -428,20 +417,20 @@ function I({
     }
   );
 }
-function M(t, r) {
-  const [e, a] = E(r), [n, o] = E(-1), [d, i] = E(!1), l = A((b, c) => {
+function P(n, r) {
+  const [e, t] = E(r), [a, o] = E(-1), [d, i] = E(!1), u = N((b, c) => {
     var h;
     const p = b[c];
     p.hasAttribute("disabled") || p.getAttribute("aria-disabled") === "true" || ((h = b[c]) == null || h.click(), o(c));
-  }, []), f = A(
+  }, []), f = N(
     (b, c) => {
       var w;
       if (b.preventDefault(), d || !c.length) return;
       const p = r !== -1 ? r : 0;
-      (w = c[p]) == null || w.focus(), a(p), r !== -1 && l(c, p);
+      (w = c[p]) == null || w.focus(), t(p), r !== -1 && u(c, p);
     },
-    [r, d, l]
-  ), m = A(
+    [r, d, u]
+  ), m = N(
     (b) => {
       var h;
       if (!b.shiftKey)
@@ -451,16 +440,16 @@ function M(t, r) {
         document.querySelectorAll(
           'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
         )
-      ).filter((x) => !x.hasAttribute("disabled") && x.tabIndex >= 0), p = c.findIndex((x) => x.id === t), w = p > 0 ? p - 1 : c.length - 1;
+      ).filter((x) => !x.hasAttribute("disabled") && x.tabIndex >= 0), p = c.findIndex((x) => x.id === n), w = p > 0 ? p - 1 : c.length - 1;
       (h = c[w]) == null || h.focus();
     },
-    [t]
-  ), s = A(
+    [n]
+  ), s = N(
     (b, c) => {
       var C;
       if (!c.length) return;
       const p = b.target;
-      if (!c.some((B) => B.id === p.id)) return;
+      if (!c.some((R) => R.id === p.id)) return;
       const h = e !== -1 ? e : 0;
       let x = h;
       switch (b.key) {
@@ -474,7 +463,7 @@ function M(t, r) {
           break;
         // Select the option when the space key is pressed
         case " ":
-          b.preventDefault(), l(c, h);
+          b.preventDefault(), u(c, h);
           return;
         case "Tab":
           m(b);
@@ -482,41 +471,41 @@ function M(t, r) {
         default:
           return;
       }
-      (C = c[x]) == null || C.focus(), a(x), n !== -1 && l(c, x);
+      (C = c[x]) == null || C.focus(), t(x), a !== -1 && u(c, x);
     },
-    [e, n, m, l]
-  ), g = A(() => {
-    const b = document.querySelector(`[id="${t}"][role="radiogroup"]`);
+    [e, a, m, u]
+  ), g = N(() => {
+    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     return b ? Array.from(b.querySelectorAll('[role="radio"]')) : [];
-  }, [t]);
-  N(() => {
-    const b = document.querySelector(`[id="${t}"][role="radiogroup"]`);
+  }, [n]);
+  A(() => {
+    const b = document.querySelector(`[id="${n}"][role="radiogroup"]`);
     if (!b) return;
     const c = g(), p = (C) => f(C, c), w = (C) => s(C, c), h = () => i(!0), x = () => i(!1);
     return document.addEventListener("keydown", w), b.addEventListener("focus", p), b.addEventListener("mousedown", h), document.addEventListener("mouseup", x), () => {
       document.removeEventListener("keydown", w), b.removeEventListener("focus", p), b.removeEventListener("mousedown", h), document.removeEventListener("mouseup", x);
     };
-  }, [t, g, f, s]);
+  }, [n, g, f, s]);
 }
 function be({
-  options: t = [],
+  options: n = [],
   value: r,
   onChange: e,
-  name: a,
-  children: n,
+  name: t,
+  children: a,
   className: o = "",
   childrenClassName: d = "",
   hideInputs: i = !1
 }) {
-  const l = $(), f = a || `radio-group-${l}`;
-  M(
+  const u = $(), f = t || `radio-group-${u}`;
+  P(
     f,
-    t.findIndex((s) => s === r)
+    n.findIndex((s) => s === r)
   );
-  const m = R(() => t.reduce((s, g) => (typeof g == "string" ? s.some((b) => b.value === g) || s.push({ label: g, value: g }) : s.push(g), s), []), [t]);
+  const m = B(() => n.reduce((s, g) => (typeof g == "string" ? s.some((b) => b.value === g) || s.push({ label: g, value: g }) : s.push(g), s), []), [n]);
   return /* @__PURE__ */ y("div", { id: f, role: "radiogroup", tabIndex: 0, className: v(o, "focus:outline-none"), children: [
-    m.length > 0 && m.map((s, g) => /* @__PURE__ */ u(
-      I,
+    m.length > 0 && m.map((s, g) => /* @__PURE__ */ l(
+      L,
       {
         value: s.value,
         isSelected: r === s.value,
@@ -530,8 +519,8 @@ function be({
       },
       `${s.value}-${g}`
     )),
-    m.length === 0 && n && j.Children.map(n, (s) => j.isValidElement(s) && s.type === I ? /* @__PURE__ */ u(
-      I,
+    m.length === 0 && a && j.Children.map(a, (s) => j.isValidElement(s) && s.type === L ? /* @__PURE__ */ l(
+      L,
       {
         ...s.props,
         className: v(d, s.props.className),
@@ -544,22 +533,22 @@ function be({
     ) : null)
   ] });
 }
-function P(t, r) {
-  N(() => {
-    const e = document.getElementById(t);
+function M(n, r) {
+  A(() => {
+    const e = document.getElementById(n);
     if (!e)
       return;
     if (!r) {
       e.style.height = "auto";
       return;
     }
-    const a = () => {
+    const t = () => {
       e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
     };
-    return a(), e.addEventListener("input", a), e.addEventListener("resize", a), window.addEventListener("resize", a), () => {
-      e.removeEventListener("input", a), e.removeEventListener("resize", a), window.removeEventListener("resize", a);
+    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);
     };
-  }, [t, r]);
+  }, [n, r]);
 }
 const ee = {
   base: "",
@@ -575,22 +564,22 @@ const ee = {
   variant: "outline",
   rounded: "none"
 };
-function te({ elementId: t, maxLength: r }) {
-  const [e, a] = E(0);
-  return N(() => {
-    const n = document.getElementById(t);
-    if (!n)
+function te({ elementId: n, maxLength: r }) {
+  const [e, t] = E(0);
+  return A(() => {
+    const a = document.getElementById(n);
+    if (!a)
       return;
     const o = () => {
-      const d = n.value.length;
-      a(d);
+      const d = a.value.length;
+      t(d);
       const i = d >= r;
-      n.setAttribute("aria-describedby", `${t}-character-count`), n.setAttribute("aria-invalid", i ? "true" : "false"), i ? n.setAttribute("data-error", "true") : n.removeAttribute("data-error");
+      a.setAttribute("aria-describedby", `${n}-character-count`), a.setAttribute("aria-invalid", i ? "true" : "false"), i ? a.setAttribute("data-error", "true") : a.removeAttribute("data-error");
     };
-    return o(), n.addEventListener("input", o), n.setAttribute("maxlength", String(r)), () => {
-      n.removeEventListener("input", o), n.removeAttribute("maxlength"), n.removeAttribute("aria-describedby"), n.removeAttribute("aria-invalid"), n.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");
     };
-  }, [t, r]), /* @__PURE__ */ u(
+  }, [n, r]), /* @__PURE__ */ l(
     "small",
     {
       className: v(
@@ -599,7 +588,7 @@ function te({ elementId: t, maxLength: r }) {
         e < r && "text-current"
       ),
       role: "status",
-      children: /* @__PURE__ */ y("span", { id: `${t}-character-count`, children: [
+      children: /* @__PURE__ */ y("span", { id: `${n}-character-count`, children: [
         e,
         " / ",
         r,
@@ -609,34 +598,34 @@ function te({ elementId: t, maxLength: r }) {
   );
 }
 function fe({
-  variant: t = z.variant,
+  variant: n = z.variant,
   rounded: r,
   displayOnlyMode: e = !1,
-  errorMessage: a,
-  successMessage: n,
+  errorMessage: t,
+  successMessage: a,
   hideResizeHandle: o = !1,
   autoExpand: d = !1,
   characterLimit: i = 0,
-  className: l,
+  className: u,
   ...f
 }) {
   const m = $();
-  P(m, d || e);
+  M(m, d || e);
   let s = r;
-  t === "outline" && !r && (s = "md"), s = s || z.rounded;
+  n === "outline" && !r && (s = "md"), s = s || z.rounded;
   let g = o;
-  (e || t === "left-line" && !o) && (g = !0);
+  (e || n === "left-line" && !o) && (g = !0);
   const c = v(
     "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[t],
+    !e && ee[n],
     !e && re[s],
     !e && "px-2 py-1",
     e && "pointer-events-none",
     g && "no-resize-handle",
-    l
+    u
   );
   return /* @__PURE__ */ y("div", { className: v("-space-y-1.5", e && "cursor-text"), children: [
-    /* @__PURE__ */ u(
+    /* @__PURE__ */ l(
       "textarea",
       {
         ...f,
@@ -650,19 +639,19 @@ function fe({
         className: c
       }
     ),
-    i > 0 && /* @__PURE__ */ u(te, { elementId: m, maxLength: i }),
-    !e && /* @__PURE__ */ u(D, { elementId: m, type: "error", message: a }),
-    !e && /* @__PURE__ */ u(D, { elementId: m, type: "success", message: n })
+    i > 0 && /* @__PURE__ */ l(te, { elementId: m, maxLength: i }),
+    !e && /* @__PURE__ */ l(D, { elementId: m, type: "error", message: t }),
+    !e && /* @__PURE__ */ l(D, { elementId: m, type: "success", message: a })
   ] });
 }
 export {
   de as Button,
-  Q as ButtonLoadingDots,
+  U as ButtonLoadingDots,
   ie as Checkbox,
   ue as Input,
   le as Label,
   be as RadioGroup,
-  I as RadioGroupItem,
+  L as RadioGroupItem,
   O as RadioInput,
   ce as Slot,
   fe as Textarea