@moondreamsdev/dreamer-ui 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,732 @@
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import B, { useState as L, useEffect as N, useCallback as E, useId as A, useMemo as j, isValidElement as S, cloneElement as V, createElement as z } from "react";
+function C(...e) {
+  return e.filter((r) => typeof r == "string" && r).join(" ").trim() || void 0;
+}
+function F() {
+  const [e, t] = L(0);
+  return N(() => {
+    const r = setInterval(() => {
+      t((n) => (n + 1) % 3);
+    }, 500);
+    return () => clearInterval(r);
+  }, []), /* @__PURE__ */ i("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((r) => /* @__PURE__ */ i(
+    "div",
+    {
+      className: C(
+        "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
+        e === r && "transform -translate-y-1"
+      )
+    },
+    r
+  )) });
+}
+const q = {
+  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"
+}, H = {
+  stripped: "",
+  fitted: "size-fit",
+  sm: "px-2 py-1 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg",
+  icon: "p-1 w-fit aspect-square",
+  full: "p-2 w-full"
+}, G = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, R = {
+  variant: "primary",
+  size: "md",
+  rounded: "md"
+};
+function oe({
+  variant: e = R.variant,
+  size: t,
+  rounded: r = R.rounded,
+  loading: n,
+  linkTo: a,
+  linkProps: o,
+  type: d = "button",
+  className: l,
+  ...u
+}) {
+  let b;
+  e === "link" && !t ? b = "fitted" : b = t || R.size;
+  const s = C(
+    "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
+    q[e],
+    H[b],
+    G[r],
+    n && "relative pointer-events-none",
+    a && "relative",
+    l
+  );
+  return /* @__PURE__ */ x(
+    "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 || n,
+      "aria-busy": n,
+      type: d,
+      className: s,
+      children: [
+        n && /* @__PURE__ */ i(F, {}),
+        /* @__PURE__ */ i("span", { className: C(n && "invisible"), children: u.children }),
+        a && !u.disabled && /* @__PURE__ */ i(
+          "a",
+          {
+            ...o,
+            "aria-hidden": !0,
+            href: a,
+            target: (o == null ? void 0 : o.target) || "_blank",
+            rel: (o == null ? void 0 : o.rel) || "noreferrer",
+            className: "absolute inset-0"
+          }
+        )
+      ]
+    }
+  );
+}
+function K({ size: e = 15, color: t = "currentColor" }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "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: t,
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function T(e) {
+  const [t, r] = L(""), n = E((a) => {
+    let o = a, d = "";
+    for (; o && !d; ) {
+      const l = window.getComputedStyle(o).backgroundColor;
+      l && l !== "transparent" && l !== "rgba(0, 0, 0, 0)" && (d = l), o = o.parentElement;
+    }
+    return d || "transparent";
+  }, []);
+  return N(() => {
+    const a = document.getElementById(e);
+    if (a) {
+      const o = n(a.parentElement);
+      r(o);
+    }
+  }, [e, n]), t;
+}
+function se({
+  ref: e,
+  id: t,
+  size: r = 20,
+  color: n,
+  filled: a = !1,
+  rounded: o = !0,
+  checked: d = !1,
+  onCheckedChange: l,
+  disabled: u,
+  className: b = "",
+  ...m
+}) {
+  const s = A(), v = j(() => t || `checkbox-${s}`, [t, s]), f = T(v), [c, g] = L(d);
+  N(() => {
+    g(d);
+  }, [d]);
+  const w = () => {
+    u || (g(!c), l == null || l(!c));
+  }, h = (y) => {
+    y.key === " " && (y.preventDefault(), w());
+  }, p = C(
+    "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
+  );
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      id: v,
+      type: "button",
+      ref: e,
+      tabIndex: 0,
+      role: "checkbox",
+      onClick: w,
+      "aria-checked": c,
+      "aria-disabled": u,
+      onKeyDownCapture: h,
+      style: {
+        width: r,
+        height: r,
+        color: n,
+        backgroundColor: c && a ? "currentcolor" : "transparent"
+      },
+      className: p,
+      ...m,
+      children: c && /* @__PURE__ */ i(K, { size: r, color: a ? f : void 0 })
+    }
+  );
+}
+function U({ size: e = 15 }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M7.49991 0.877045C3.84222 0.877045 0.877075 3.84219 0.877075 7.49988C0.877075 11.1575 3.84222 14.1227 7.49991 14.1227C11.1576 14.1227 14.1227 11.1575 14.1227 7.49988C14.1227 3.84219 11.1576 0.877045 7.49991 0.877045ZM1.82708 7.49988C1.82708 4.36686 4.36689 1.82704 7.49991 1.82704C10.6329 1.82704 13.1727 4.36686 13.1727 7.49988C13.1727 10.6329 10.6329 13.1727 7.49991 13.1727C4.36689 13.1727 1.82708 10.6329 1.82708 7.49988ZM10.1589 5.53774C10.3178 5.31191 10.2636 5.00001 10.0378 4.84109C9.81194 4.68217 9.50004 4.73642 9.34112 4.96225L6.51977 8.97154L5.35681 7.78706C5.16334 7.59002 4.84677 7.58711 4.64973 7.78058C4.45268 7.97404 4.44978 8.29061 4.64325 8.48765L6.22658 10.1003C6.33054 10.2062 6.47617 10.2604 6.62407 10.2483C6.77197 10.2363 6.90686 10.1591 6.99226 10.0377L10.1589 5.53774Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function Q({ size: e = 15 }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function W({ size: e = 15 }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M14.7649 6.07596C14.9991 6.22231 15.0703 6.53079 14.9239 6.76495C14.4849 7.46743 13.9632 8.10645 13.3702 8.66305L14.5712 9.86406C14.7664 10.0593 14.7664 10.3759 14.5712 10.5712C14.3759 10.7664 14.0593 10.7664 13.8641 10.5712L12.6011 9.30817C11.805 9.90283 10.9089 10.3621 9.93375 10.651L10.383 12.3277C10.4544 12.5944 10.2961 12.8685 10.0294 12.94C9.76267 13.0115 9.4885 12.8532 9.41704 12.5865L8.95917 10.8775C8.48743 10.958 8.00036 10.9999 7.50001 10.9999C6.99965 10.9999 6.51257 10.958 6.04082 10.8775L5.58299 12.5864C5.51153 12.8532 5.23737 13.0115 4.97064 12.94C4.7039 12.8686 4.5456 12.5944 4.61706 12.3277L5.06625 10.651C4.09111 10.3621 3.19503 9.90282 2.3989 9.30815L1.1359 10.5712C0.940638 10.7664 0.624058 10.7664 0.428798 10.5712C0.233537 10.3759 0.233537 10.0593 0.428798 9.86405L1.62982 8.66303C1.03682 8.10643 0.515113 7.46742 0.0760677 6.76495C-0.0702867 6.53079 0.000898544 6.22231 0.235065 6.07596C0.469231 5.9296 0.777703 6.00079 0.924058 6.23496C1.40354 7.00213 1.989 7.68057 2.66233 8.2427C2.67315 8.25096 2.6837 8.25972 2.69397 8.26898C4.00897 9.35527 5.65537 9.99991 7.50001 9.99991C10.3078 9.99991 12.6564 8.5063 14.076 6.23495C14.2223 6.00079 14.5308 5.9296 14.7649 6.07596Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function _({ size: e = 15 }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",
+      fill: "currentColor",
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+function J({ size: e = 15, color: t = "currentColor" }) {
+  return /* @__PURE__ */ i("svg", { width: e, height: e, className: "inline", viewBox: "0 0 15 15", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M0.877075 7.49972C0.877075 3.84204 3.84222 0.876892 7.49991 0.876892C11.1576 0.876892 14.1227 3.84204 14.1227 7.49972C14.1227 11.1574 11.1576 14.1226 7.49991 14.1226C3.84222 14.1226 0.877075 11.1574 0.877075 7.49972ZM7.49991 1.82689C4.36689 1.82689 1.82708 4.36671 1.82708 7.49972C1.82708 10.6327 4.36689 13.1726 7.49991 13.1726C10.6329 13.1726 13.1727 10.6327 13.1727 7.49972C13.1727 4.36671 10.6329 1.82689 7.49991 1.82689ZM8.24993 10.5C8.24993 10.9142 7.91414 11.25 7.49993 11.25C7.08571 11.25 6.74993 10.9142 6.74993 10.5C6.74993 10.0858 7.08571 9.75 7.49993 9.75C7.91414 9.75 8.24993 10.0858 8.24993 10.5ZM6.05003 6.25C6.05003 5.57211 6.63511 4.925 7.50003 4.925C8.36496 4.925 8.95003 5.57211 8.95003 6.25C8.95003 6.74118 8.68002 6.99212 8.21447 7.27494C8.16251 7.30651 8.10258 7.34131 8.03847 7.37854L8.03841 7.37858C7.85521 7.48497 7.63788 7.61119 7.47449 7.73849C7.23214 7.92732 6.95003 8.23198 6.95003 8.7C6.95004 9.00376 7.19628 9.25 7.50004 9.25C7.8024 9.25 8.04778 9.00601 8.05002 8.70417L8.05056 8.7033C8.05924 8.6896 8.08493 8.65735 8.15058 8.6062C8.25207 8.52712 8.36508 8.46163 8.51567 8.37436L8.51571 8.37433C8.59422 8.32883 8.68296 8.27741 8.78559 8.21506C9.32004 7.89038 10.05 7.35382 10.05 6.25C10.05 4.92789 8.93511 3.825 7.50003 3.825C6.06496 3.825 4.95003 4.92789 4.95003 6.25C4.95003 6.55376 5.19628 6.8 5.50003 6.8C5.80379 6.8 6.05003 6.55376 6.05003 6.25Z",
+      fill: t,
+      fillRule: "evenodd",
+      clipRule: "evenodd"
+    }
+  ) });
+}
+const X = {
+  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 = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "px-3 rounded-full"
+}, I = {
+  variant: "default",
+  rounded: "none"
+};
+function $({ elementId: e, type: t, message: r }) {
+  return N(() => {
+    const n = document.getElementById(e);
+    if (n) {
+      if (!r && t === "error") {
+        n.removeAttribute("data-error");
+        return;
+      }
+      if (!r && t === "success") {
+        n.removeAttribute("data-success");
+        return;
+      }
+      return n.setAttribute("aria-describedby", `${e}-${t}-message`), n.setAttribute("aria-invalid", t === "error" ? "true" : "false"), t === "error" && n.setAttribute("data-error", "true"), t === "success" && n.setAttribute("data-success", "true"), () => {
+        n.removeAttribute("aria-describedby"), n.removeAttribute("aria-invalid"), n.removeAttribute("data-error"), n.removeAttribute("data-success");
+      };
+    }
+  }, [e, t, r]), r ? /* @__PURE__ */ x(
+    "small",
+    {
+      className: C(
+        "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",
+        t === "error" && "text-danger",
+        t === "success" && "text-success"
+      ),
+      role: "status",
+      children: [
+        t === "error" ? /* @__PURE__ */ i(Q, {}) : /* @__PURE__ */ i(U, {}),
+        /* @__PURE__ */ i("span", { id: `${e}-${t}-message`, children: r })
+      ]
+    }
+  ) : null;
+}
+function ie({
+  variant: e = I.variant,
+  rounded: t,
+  displayOnlyMode: r = !1,
+  errorMessage: n,
+  successMessage: a,
+  type: o = "text",
+  className: d,
+  ...l
+}) {
+  const u = A(), [b, m] = L(!1);
+  let s = t;
+  e === "outline" && !t && (s = "md"), s = s || I.rounded;
+  const c = C(
+    "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",
+    !r && X[e],
+    !r && Y[s],
+    o === "password" && "pr-10",
+    !r && "px-2 py-1",
+    r && "pointer-events-none",
+    d
+  );
+  return /* @__PURE__ */ x("div", { className: C(r && "cursor-text"), style: { height: l.height, width: l.width }, children: [
+    /* @__PURE__ */ x("div", { className: C(o === "password" && "relative"), children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          ...l,
+          id: u,
+          type: o === "password" && b ? "text" : o,
+          "aria-disabled": l.disabled,
+          readOnly: r,
+          "aria-readonly": r || l["aria-readonly"],
+          "data-error": n ? !0 : void 0,
+          "data-success": a ? !0 : void 0,
+          className: c
+        }
+      ),
+      o === "password" && /* @__PURE__ */ i(
+        "button",
+        {
+          onClick: () => m(!b),
+          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__ */ i(_, { size: 20 }) : /* @__PURE__ */ i(W, { size: 20 })
+        }
+      )
+    ] }),
+    !r && /* @__PURE__ */ i($, { elementId: u, type: "error", message: n }),
+    !r && /* @__PURE__ */ i($, { elementId: u, type: "success", message: a })
+  ] });
+}
+function de({
+  display: e = "inline",
+  width: t = "fit-content",
+  className: r = "",
+  required: n,
+  helpMessage: a,
+  suffix: o,
+  htmlFor: d,
+  children: l,
+  ...u
+}) {
+  const b = A(), m = C("font-medium", e, r), s = a ? `${d ?? b}-help` : void 0;
+  return /* @__PURE__ */ x("div", { style: { display: e === "inline" ? "inline-flex" : "flex", width: t }, className: "relative", children: [
+    /* @__PURE__ */ x("label", { className: m, htmlFor: d, ...u, children: [
+      l,
+      n && /* @__PURE__ */ i("span", { className: "text-red-500 font-medium ml-1", "aria-label": "required", children: "*" })
+    ] }),
+    a && /* @__PURE__ */ i(
+      "span",
+      {
+        className: "text-gray-500 ml-1 size-fit -translate-y-1/3",
+        "aria-describedby": s,
+        "aria-label": "Help information",
+        title: a,
+        children: /* @__PURE__ */ i(J, {})
+      }
+    ),
+    a && /* @__PURE__ */ i("div", { id: s, className: "sr-only", children: a }),
+    o && /* @__PURE__ */ i("span", { className: "ml-1", children: o })
+  ] });
+}
+function M({ itemId: e, checked: t, onChange: r, name: n, disabled: a = !1, className: o = "" }) {
+  const d = "relative inline-flex items-center justify-center rounded-full", l = () => {
+    a || r();
+  }, u = C(
+    d,
+    !t && "hover:border-current/60",
+    !a && "border-current cursor-pointer",
+    a && "border-muted/60 cursor-not-allowed",
+    o
+  );
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      id: e,
+      role: "radio",
+      tabIndex: -1,
+      "aria-checked": t,
+      "aria-disabled": a,
+      "aria-description": `Radio button for ${n}`,
+      "aria-labelledby": `${e}-label`,
+      onClick: l,
+      className: u,
+      style: {
+        width: "1em",
+        height: "1em",
+        padding: "0.1em",
+        borderWidth: "0.06em"
+      },
+      children: t && /* @__PURE__ */ i(
+        "div",
+        {
+          className: C("size-full aspect-square rounded-full", a && "bg-muted/60", !a && "bg-current")
+        }
+      )
+    }
+  );
+}
+function D({
+  value: e,
+  children: t,
+  className: r = "",
+  isSelected: n = !1,
+  onChange: a,
+  disabled: o = !1,
+  hideInput: d = !1,
+  description: l,
+  name: u
+}) {
+  const m = `radio-${A()}-${e}`, s = () => {
+    o || a == null || a(e);
+  };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      title: l,
+      className: C(
+        "relative flex items-center",
+        r,
+        // Uses text color for borders
+        d && `p-2 border-2 focus-within:border-dashed focus-within:${o ? "border-current/50" : "border-current/80"}`,
+        d && !n && `border-transparent ${o ? "" : "not-focus-within:hover:border-border/60"}`,
+        d && n && "border-border",
+        o && "opacity-60 cursor-not-allowed"
+      ),
+      style: {
+        gap: "0.5em"
+      },
+      children: [
+        !d && /* @__PURE__ */ i(
+          M,
+          {
+            itemId: m,
+            name: u || "",
+            checked: n,
+            onChange: s,
+            disabled: o,
+            className: C(d && "")
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            id: d ? m : void 0,
+            tabIndex: d ? -1 : void 0,
+            role: d ? "radio" : void 0,
+            onClick: d ? s : void 0,
+            "aria-checked": d ? n ? "true" : "false" : void 0,
+            "aria-disabled": d ? o : void 0,
+            "aria-description": d ? l || `Radio button for ${u}` : void 0,
+            "aria-labelledby": d ? `${m}-label` : void 0,
+            className: C(d && "size-full", typeof t == "object" && "grow focus:outline-none"),
+            children: /* @__PURE__ */ i(
+              "label",
+              {
+                id: `${m}-label`,
+                onClick: d ? void 0 : s,
+                className: C(o && "cursor-not-allowed", !o && "cursor-pointer"),
+                children: t
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function O(e, t) {
+  const [r, n] = L(t), [a, o] = L(-1), [d, l] = L(!1), u = E((f, c) => {
+    var h;
+    const g = f[c];
+    g.hasAttribute("disabled") || g.getAttribute("aria-disabled") === "true" || ((h = f[c]) == null || h.click(), o(c));
+  }, []), b = E(
+    (f, c) => {
+      var w;
+      if (f.preventDefault(), d || !c.length) return;
+      const g = t !== -1 ? t : 0;
+      (w = c[g]) == null || w.focus(), n(g), t !== -1 && u(c, g);
+    },
+    [t, d, u]
+  ), m = E(
+    (f) => {
+      var h;
+      if (!f.shiftKey)
+        return;
+      f.preventDefault();
+      const c = Array.from(
+        document.querySelectorAll(
+          'a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter((p) => !p.hasAttribute("disabled") && p.tabIndex >= 0), g = c.findIndex((p) => p.id === e), w = g > 0 ? g - 1 : c.length - 1;
+      (h = c[w]) == null || h.focus();
+    },
+    [e]
+  ), s = E(
+    (f, c) => {
+      var y;
+      if (!c.length) return;
+      const g = f.target;
+      if (!c.some((k) => k.id === g.id)) return;
+      const h = r !== -1 ? r : 0;
+      let p = h;
+      switch (f.key) {
+        case "ArrowUp":
+        case "ArrowLeft":
+          f.preventDefault(), p = h > 0 ? h - 1 : c.length - 1;
+          break;
+        case "ArrowDown":
+        case "ArrowRight":
+          f.preventDefault(), p = (h + 1) % c.length;
+          break;
+        // Select the option when the space key is pressed
+        case " ":
+          f.preventDefault(), u(c, h);
+          return;
+        case "Tab":
+          m(f);
+          return;
+        default:
+          return;
+      }
+      (y = c[p]) == null || y.focus(), n(p), a !== -1 && u(c, p);
+    },
+    [r, a, m, u]
+  ), v = E(() => {
+    const f = document.querySelector(`[id="${e}"][role="radiogroup"]`);
+    return f ? Array.from(f.querySelectorAll('[role="radio"]')) : [];
+  }, [e]);
+  N(() => {
+    const f = document.querySelector(`[id="${e}"][role="radiogroup"]`);
+    if (!f) return;
+    const c = v(), g = (y) => b(y, c), w = (y) => s(y, c), h = () => l(!0), p = () => l(!1);
+    return document.addEventListener("keydown", w), f.addEventListener("focus", g), f.addEventListener("mousedown", h), document.addEventListener("mouseup", p), () => {
+      document.removeEventListener("keydown", w), f.removeEventListener("focus", g), f.removeEventListener("mousedown", h), document.removeEventListener("mouseup", p);
+    };
+  }, [e, v, b, s]);
+}
+function le({
+  options: e = [],
+  value: t,
+  onChange: r,
+  name: n,
+  children: a,
+  className: o = "",
+  childrenClassName: d = "",
+  hideInputs: l = !1
+}) {
+  const u = A(), b = n || `radio-group-${u}`;
+  O(
+    b,
+    e.findIndex((s) => s === t)
+  );
+  const m = j(() => e.reduce((s, v) => (typeof v == "string" ? s.some((f) => f.value === v) || s.push({ label: v, value: v }) : s.push(v), s), []), [e]);
+  return /* @__PURE__ */ x("div", { id: b, role: "radiogroup", tabIndex: 0, className: C(o, "focus:outline-none"), children: [
+    m.length > 0 && m.map((s, v) => /* @__PURE__ */ i(
+      D,
+      {
+        value: s.value,
+        isSelected: t === s.value,
+        onChange: r,
+        name: b,
+        disabled: s.disabled,
+        description: s.description,
+        hideInput: l,
+        className: d,
+        children: s.label
+      },
+      `${s.value}-${v}`
+    )),
+    m.length === 0 && a && B.Children.map(a, (s) => B.isValidElement(s) && s.type === D ? /* @__PURE__ */ i(
+      D,
+      {
+        ...s.props,
+        className: C(d, s.props.className),
+        hideInput: s.props.hideInput || l,
+        isSelected: t === s.props.value,
+        onChange: r,
+        name: b,
+        children: s.props.children
+      }
+    ) : null)
+  ] });
+}
+function P(e, t) {
+  N(() => {
+    const r = document.getElementById(e);
+    if (!r)
+      return;
+    if (!t) {
+      r.style.height = "auto";
+      return;
+    }
+    const n = () => {
+      r.style.height = "auto", r.style.height = `${r.scrollHeight}px`;
+    };
+    return n(), r.addEventListener("input", n), r.addEventListener("resize", n), window.addEventListener("resize", n), () => {
+      r.removeEventListener("input", n), r.removeEventListener("resize", n), window.removeEventListener("resize", n);
+    };
+  }, [e, t]);
+}
+const ee = {
+  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"
+}, re = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "px-3 rounded-full"
+}, Z = {
+  variant: "outline",
+  rounded: "none"
+};
+function te({ elementId: e, maxLength: t }) {
+  const [r, n] = L(0);
+  return N(() => {
+    const a = document.getElementById(e);
+    if (!a)
+      return;
+    const o = () => {
+      const d = a.value.length;
+      n(d);
+      const l = d >= t;
+      a.setAttribute("aria-describedby", `${e}-character-count`), a.setAttribute("aria-invalid", l ? "true" : "false"), l ? a.setAttribute("data-error", "true") : a.removeAttribute("data-error");
+    };
+    return o(), a.addEventListener("input", o), a.setAttribute("maxlength", String(t)), () => {
+      a.removeEventListener("input", o), a.removeAttribute("maxlength"), a.removeAttribute("aria-describedby"), a.removeAttribute("aria-invalid"), a.removeAttribute("data-error");
+    };
+  }, [e, t]), /* @__PURE__ */ i(
+    "small",
+    {
+      className: C(
+        "mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",
+        r >= t && "text-danger",
+        r < t && "text-current"
+      ),
+      role: "status",
+      children: /* @__PURE__ */ x("span", { id: `${e}-character-count`, children: [
+        r,
+        " / ",
+        t,
+        " characters"
+      ] })
+    }
+  );
+}
+function ue({
+  variant: e = Z.variant,
+  rounded: t,
+  displayOnlyMode: r = !1,
+  errorMessage: n,
+  successMessage: a,
+  hideResizeHandle: o = !1,
+  autoExpand: d = !1,
+  characterLimit: l = 0,
+  className: u,
+  ...b
+}) {
+  const m = A();
+  P(m, d || r);
+  let s = t;
+  e === "outline" && !t && (s = "md"), s = s || Z.rounded;
+  let v = o;
+  (r || e === "left-line" && !o) && (v = !0);
+  const c = C(
+    "appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",
+    !r && ee[e],
+    !r && re[s],
+    !r && "px-2 py-1",
+    r && "pointer-events-none",
+    v && "no-resize-handle",
+    u
+  );
+  return /* @__PURE__ */ x("div", { className: C("-space-y-1.5", r && "cursor-text"), children: [
+    /* @__PURE__ */ i(
+      "textarea",
+      {
+        ...b,
+        id: m,
+        "aria-disabled": b.disabled,
+        readOnly: r,
+        "aria-readonly": r || b["aria-readonly"],
+        style: {
+          resize: d ? "none" : void 0
+        },
+        className: c
+      }
+    ),
+    l > 0 && /* @__PURE__ */ i(te, { elementId: m, maxLength: l }),
+    !r && /* @__PURE__ */ i($, { elementId: m, type: "error", message: n }),
+    !r && /* @__PURE__ */ i($, { elementId: m, type: "success", message: a })
+  ] });
+}
+function ce({ children: e, ref: t, ...r }) {
+  if (S(e)) {
+    let n = { ...r };
+    return e.props && (n = { ...n, ...e.props }), V(e, {
+      ...n,
+      ref: (a) => {
+        typeof t == "function" ? t(a) : t && (t.current = a);
+      }
+    });
+  }
+  return z("div", { ...r, ref: t }, e);
+}
+export {
+  oe as Button,
+  F as ButtonLoadingDots,
+  U as CheckCircled,
+  se as Checkbox,
+  Q as ExclamationTriangle,
+  W as EyeClosed,
+  _ as EyeOpened,
+  ie as Input,
+  de as Label,
+  J as QuestionMarkCircled,
+  le as RadioGroup,
+  D as RadioGroupItem,
+  M as RadioInput,
+  ce as Slot,
+  ue as Textarea,
+  C as join
+};
+//# sourceMappingURL=index.esm.js.map