@mateosuarezdev/react-ui 1.0.5 → 1.0.7

package/dist/index.js

@@ -1,153 +1,486 @@
-import { clsx as B } from "clsx";
-import { twMerge as T } from "tailwind-merge";
-import { jsx as c, jsxs as k } from "react/jsx-runtime";
-import { useSyncExternalStore as I, useEffect as x, useRef as v, useCallback as O, forwardRef as $, useState as C, memo as X, useContext as P, createContext as N } from "react";
-import { createPortal as z } from "react-dom";
-import { atom as F } from "@mateosuarezdev/atoms";
-const f = (...e) => T(B(e));
-function U(e, r = 100) {
-  let t = null, o = null;
-  return function(...s) {
-    const a = Date.now();
-    t === null || a - t >= r ? (e.apply(this, s), t = a) : (o && clearTimeout(o), o = setTimeout(() => {
-      e.apply(this, s), t = Date.now();
-    }, r - (a - t)));
+import { jsx as f, jsxs as w, Fragment as Te } from "react/jsx-runtime";
+import { useRef as N, useEffect as j, useState as L, useSyncExternalStore as Ke, useCallback as K, useId as ve, forwardRef as H, memo as Be, useContext as xe, createContext as we } from "react";
+import { createPortal as ye } from "react-dom";
+import { clsx as Ve } from "clsx";
+import { twMerge as Xe } from "tailwind-merge";
+import { atom as Ue } from "@mateosuarezdev/atoms";
+import { appendErrors as ke, FormProvider as Ze, useForm as Pe, useFormContext as W, Controller as R } from "react-hook-form";
+import { validateFieldsNatively as me, toNestErrors as be } from "@hookform/resolvers";
+import { Check as Ne, Minus as Ye, DollarSign as qe, CheckIcon as J, EyeOffIcon as Ge, Eye as Je, XIcon as Qe, ChevronDownIcon as He, X as We, Plus as Re } from "lucide-react";
+import { AnimatePresence as et, motion as tt } from "framer-motion";
+const p = (...e) => Xe(Ve(e));
+function ae(e, n = 100) {
+  let r = null, t = null;
+  return function(...i) {
+    const l = Date.now();
+    r === null || l - r >= n ? (e.apply(this, i), r = l) : (t && clearTimeout(t), t = setTimeout(() => {
+      e.apply(this, i), r = Date.now();
+    }, n - (l - r)));
   };
 }
-function fe(e, r = 500) {
-  let t = null;
-  return function(...o) {
-    t && clearTimeout(t), t = setTimeout(() => {
-      e.apply(this, o), t = null;
-    }, r);
+function er(e, n = 500) {
+  let r = null;
+  return function(...t) {
+    r && clearTimeout(r), r = setTimeout(() => {
+      e.apply(this, t), r = null;
+    }, n);
   };
 }
-function Y(e) {
+function rt(e) {
   if (!e) return "";
-  const t = e.trim().replace(/\s+/g, " ").split(" ");
-  return t.length === 0 || t[0] === "" ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[1].charAt(0)).toUpperCase();
+  const r = e.trim().replace(/\s+/g, " ").split(" ");
+  return r.length === 0 || r[0] === "" ? "" : r.length === 1 ? r[0].charAt(0).toUpperCase() : (r[0].charAt(0) + r[1].charAt(0)).toUpperCase();
 }
-const w = {
+function nt(e) {
+  e.focus();
+  const n = e.value.length;
+  e.setSelectionRange(n, n);
+}
+function st(e) {
+  return e.replace(/\s/g, "");
+}
+function tr(e) {
+  return e.toLowerCase().split(" ").map((i) => {
+    if (i.length === 0) return i;
+    const l = [...i][0], s = i.slice(l.length);
+    return l.toUpperCase() + s;
+  }).join(" ");
+}
+function Ce(e) {
+  return e === null ? "" : e;
+}
+function oe(e) {
+  return st(e) === "" ? null : e;
+}
+function rr(e, n, r = {}) {
+  const t = { ...r };
+  return Object.keys(n).forEach((i) => {
+    if (n[i] === !0 && i in e) {
+      const l = i;
+      t[l] = e[l];
+    }
+  }), t;
+}
+class nr {
+  constructor() {
+    this.container = null, this.previouslyFocusedElement = null;
+  }
+  enable() {
+    this.container && (this.previouslyFocusedElement = document.activeElement, this.container.addEventListener("keydown", this.trapFocus.bind(this)), document.addEventListener("click", this.handleClickOutside.bind(this)));
+  }
+  disable() {
+    this.container && (this.container.removeEventListener("keydown", this.trapFocus.bind(this)), document.removeEventListener("click", this.handleClickOutside.bind(this)), this.previouslyFocusedElement && this.previouslyFocusedElement.focus && this.previouslyFocusedElement.focus());
+  }
+  setContainer(n) {
+    this.disable(), this.container = n, this.enable();
+  }
+  trapFocus(n) {
+    const r = this.container?.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (!r) return;
+    const t = r[0], i = r[r.length - 1];
+    n.key === "Tab" && (n.shiftKey && document.activeElement === t ? (n.preventDefault(), i.focus()) : !n.shiftKey && document.activeElement === i && (n.preventDefault(), t.focus()));
+  }
+  handleClickOutside(n) {
+    this.container && !this.container.contains(n.target) && (n.preventDefault(), this.previouslyFocusedElement && this.previouslyFocusedElement.focus && this.previouslyFocusedElement.focus());
+  }
+}
+const Q = (e) => {
+  const n = e.scrollWidth > e.clientWidth, r = e.scrollHeight > e.clientHeight, t = Math.max(0, e.scrollWidth - e.clientWidth), i = Math.max(0, e.scrollHeight - e.clientHeight);
+  return {
+    horizontal: n,
+    vertical: r,
+    scrollWidth: e.scrollWidth,
+    clientWidth: e.clientWidth,
+    scrollHeight: e.scrollHeight,
+    clientHeight: e.clientHeight,
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop,
+    // Scroll capabilities (require current scroll position)
+    canScrollLeft: e.scrollLeft > 10,
+    canScrollRight: e.scrollLeft < t - 10,
+    canScrollUp: e.scrollTop > 0,
+    canScrollDown: e.scrollTop < i,
+    // Scroll percentages
+    scrollPercentageX: n && t > 0 ? e.scrollLeft / t * 100 : 0,
+    scrollPercentageY: r && i > 0 ? e.scrollTop / i * 100 : 0
+  };
+}, sr = ({
+  onOverflow: e,
+  trackScroll: n = !1,
+  // New option to enable scroll tracking
+  withObserver: r = !1,
+  enabled: t = !0,
+  deps: i = []
+} = {}) => {
+  const l = N(null);
+  return j(() => {
+    if (!l.current || !t) return;
+    let s = !1;
+    const a = ae(() => {
+      if (l.current) {
+        const b = Q(l.current);
+        e?.(b);
+      }
+    }), c = Q(l.current);
+    s = c.horizontal || c.vertical, e?.(c), window.addEventListener("resize", a);
+    let u = null;
+    r && (u = new ResizeObserver(a), l.current && u.observe(l.current));
+    let d = null;
+    return n && s && (d = l.current, d.addEventListener("scroll", a)), () => {
+      window.removeEventListener("resize", a), u && u.disconnect(), d && s && d.removeEventListener("scroll", a);
+    };
+  }, [t, ...i]), { ref: l };
+}, or = ({
+  trackScroll: e = !1,
+  withObserver: n = !1,
+  enabled: r = !0,
+  deps: t = []
+} = {}) => {
+  const i = N(null), [l, s] = L(null);
+  return j(() => {
+    if (!i.current || !r) return;
+    let o = !1;
+    const c = ae(() => {
+      if (i.current) {
+        const m = Q(i.current);
+        s(m);
+      }
+    }), u = Q(i.current);
+    o = u.horizontal || u.vertical, s(u), window.addEventListener("resize", c);
+    let d = null;
+    n && (d = new ResizeObserver(c), i.current && d.observe(i.current));
+    let b = null;
+    return e && o && (b = i.current, b.addEventListener("scroll", c)), () => {
+      window.removeEventListener("resize", c), d && d.disconnect(), b && o && b.removeEventListener("scroll", c);
+    };
+  }, [r, ...t]), { ref: i, overflowInfo: l };
+}, ne = {
   xs: "w-8 h-8",
   sm: "w-10 h-10 text-lg",
   md: "w-14 h-14 text-xl",
   lg: "h-20 w-20 text-2xl",
   xl: "h-24 w-24 text-2xl"
-}, me = ({
+}, lr = ({
   src: e,
-  name: r,
-  size: t = "md",
-  className: o
-}) => e ? /* @__PURE__ */ c(
+  name: n,
+  size: r = "md",
+  className: t
+}) => e ? /* @__PURE__ */ f(
   "img",
   {
     alt: "avatar",
     src: e,
-    className: f("rounded-full bg-base-3", w[t])
+    className: p("rounded-full bg-base-3", ne[r])
   }
-) : r ? /* @__PURE__ */ c(
+) : n ? /* @__PURE__ */ f(
   "p",
   {
-    className: f(
+    className: p(
       "rounded-full font-medium dark-theme:bg-base-3 border border-base-6 dark-theme:border-base-4 flex items-center justify-center",
-      w[t],
-      o
+      ne[r],
+      t
     ),
-    children: Y(r)
+    children: rt(n)
   }
-) : /* @__PURE__ */ c(
+) : /* @__PURE__ */ f(
   "div",
   {
-    className: f(
+    className: p(
       "rounded-full text-2xl font-medium flex items-center justify-center",
       "bg-base-2 dark-theme:bg-base-3 border border-base-4",
       "lg:hover:bg-base-3 max-lg:active:bg-base-4 transition-colors",
-      w[t],
-      o
+      ne[r],
+      t
     ),
-    children: /* @__PURE__ */ k(
-      oe,
+    children: /* @__PURE__ */ w(
+      xt,
       {
-        size: t === "xs" ? 16 : t === "sm" ? 20 : 24,
+        size: r === "xs" ? 16 : r === "sm" ? 20 : 24,
         fill: "none",
         stroke: "currentColor",
         strokeWidth: 2,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         children: [
-          /* @__PURE__ */ c("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-          /* @__PURE__ */ c("circle", { cx: "12", cy: "7", r: "4" })
+          /* @__PURE__ */ f("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+          /* @__PURE__ */ f("circle", { cx: "12", cy: "7", r: "4" })
         ]
       }
     )
   }
 );
-function he({
+function ir({
   className: e,
-  children: r,
-  animate: t = !1,
-  ...o
+  children: n,
+  animate: r = !1,
+  ...t
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: f("flex -space-x-3 rtl:space-x-reverse", e),
-      ...o,
-      children: r
+      className: p("flex -space-x-3 rtl:space-x-reverse", e),
+      ...t,
+      children: n
     }
   );
 }
-function G(e) {
-  return I(
-    (r) => e.subscribe(r),
+function ot(e) {
+  return Ke(
+    (n) => e.subscribe(n),
     () => e.get(),
     () => e.get()
   );
 }
-const A = F(!0);
-let y = !1;
-const S = U(() => {
-  A.set(window.innerWidth > 1024);
+const le = Ue(!0);
+let se = !1;
+const pe = ae(() => {
+  le.set(window.innerWidth > 1024);
 });
-typeof window < "u" && (y && (window.removeEventListener("resize", S), y = !1), window.addEventListener("resize", S), y = !0);
-const H = () => (x(() => {
-  A.set(window.innerWidth > 1024);
-}, []), G(A));
-function _(...e) {
-  return (r) => {
-    e.forEach((t) => {
-      typeof t == "function" ? t(r) : t != null && (t.current = r);
+typeof window < "u" && (se && (window.removeEventListener("resize", pe), se = !1), window.addEventListener("resize", pe), se = !0);
+const lt = () => (j(() => {
+  le.set(window.innerWidth > 1024);
+}, []), ot(le));
+function it(...e) {
+  return (n) => {
+    e.forEach((r) => {
+      typeof r == "function" ? r(n) : r != null && (r.current = n);
     });
   };
 }
-const q = (e = !0, r) => {
-  const t = H(), o = v(null), s = O(
-    (a) => {
-      if (!e || t) return;
-      const b = o.current;
-      if (!b) return;
-      const n = b.getBoundingClientRect(), l = Math.max(n.width, n.height), i = a.clientX - n.left - l / 2, u = a.clientY - n.top - l / 2, d = document.createElement("span");
+const at = (e = !0, n) => {
+  const r = lt(), t = N(null), i = K(
+    (l) => {
+      if (!e || r) return;
+      const s = t.current;
+      if (!s) return;
+      const o = s.getBoundingClientRect(), a = Math.max(o.width, o.height), c = l.clientX - o.left - a / 2, u = l.clientY - o.top - a / 2, d = document.createElement("span");
       d.classList.add("ripple-wrapper");
-      const p = document.createElement("span");
-      p.classList.add("ripple"), p.style.backgroundColor = r ? "var(--ripple-contrast)" : "var(--ripple-main)", p.style.width = `${l}px`, p.style.height = `${l}px`, p.style.left = `${i}px`, p.style.top = `${u}px`, d.appendChild(p);
-      const g = b.getElementsByClassName("ripple-wrapper");
-      if (g?.length)
-        for (const m of g)
-          m.remove();
-      b.appendChild(d), setTimeout(() => {
+      const b = document.createElement("span");
+      b.classList.add("ripple"), b.style.backgroundColor = n ? "var(--ripple-contrast)" : "var(--ripple-main)", b.style.width = `${a}px`, b.style.height = `${a}px`, b.style.left = `${c}px`, b.style.top = `${u}px`, d.appendChild(b);
+      const m = s.getElementsByClassName("ripple-wrapper");
+      if (m?.length)
+        for (const g of m)
+          g.remove();
+      s.appendChild(d), setTimeout(() => {
         d.remove();
       }, 700);
     },
-    [e, t, r]
+    [e, r, n]
   );
   return {
-    ref: o,
-    ripple: s,
+    ref: t,
+    ripple: i,
     styles: {
       position: "relative"
     }
   };
-}, J = "relative shrink-0 select-none transition outline-none duration-200 ease-out focus:ring-border-brand-light flex items-center justify-center cursor-pointer", Q = {
+}, ct = ({
+  // routerMode = "outlet",
+  scrollerId: e,
+  // useScrollerSuffix,
+  align: n = "start",
+  side: r = "bottom",
+  offset: t = 8,
+  collisionPadding: i = 8,
+  avoidCollisions: l = !0,
+  closeOnScroll: s = !0,
+  // observeResize = false,
+  onOpen: o,
+  onClose: a
+} = {}) => {
+  const [c, u] = L(!1), [d, b] = L({
+    width: 192,
+    height: 300
+  }), m = N(null), g = N(null), v = N({
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0
+  }), x = N(null), A = ve(), F = K(
+    (E) => {
+      const z = E ?? v.current;
+      if (!z) return { x: 0, top: 0, bottom: void 0 };
+      const _ = d.width, B = d.height;
+      return ut({
+        triggerRect: z,
+        popoverWidth: _,
+        popoverHeight: B,
+        align: n,
+        side: r,
+        offset: t,
+        collisionPadding: i,
+        avoidCollisions: l
+      });
+    },
+    [v.current, d, n, r]
+  );
+  j(() => {
+    if (!c || !e || (x.current = document.getElementById(e), !x.current)) return;
+    c && O();
+    const E = () => {
+      x.current && (u(!1), o?.(), x.current.removeEventListener("scroll", E));
+    };
+    return s && x.current.addEventListener("scroll", E, {
+      passive: !0
+    }), () => {
+      x.current && x.current.removeEventListener("scroll", E);
+    };
+  }, [c, e]);
+  const O = () => {
+    g.current && b({
+      width: g.current.offsetWidth,
+      height: g.current.offsetHeight
+    });
+  }, S = K(() => {
+    if (!m.current) return;
+    const E = m.current.getBoundingClientRect();
+    v.current = {
+      left: E.left,
+      right: E.right,
+      top: E.top,
+      bottom: E.bottom,
+      x: E.x,
+      y: E.y,
+      width: E.width,
+      height: E.height
+    }, u((z) => (z ? a?.() : o?.(), !z));
+  }, []), $ = K(() => {
+    u(!1), a?.();
+  }, []);
+  return {
+    triggerRef: m,
+    triggerProps: {
+      id: A,
+      "aria-expanded": c,
+      "aria-haspopup": !0
+    },
+    popoverRef: g,
+    // popoverPosition,
+    /**
+     * Call this sync before rendering the popover
+     */
+    getPopoverPosition: F,
+    open: c,
+    toggle: S,
+    close: $
+  };
+}, ut = ({
+  triggerRect: e,
+  popoverWidth: n,
+  popoverHeight: r,
+  align: t = "start",
+  side: i = "bottom",
+  offset: l = 4,
+  collisionPadding: s = 8,
+  avoidCollisions: o = !0
+}) => {
+  const a = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  let c = 0, u = 0;
+  if (o) {
+    if (i === "right") {
+      const m = e.right + l, g = e.left - n - l, v = Math.max(
+        0,
+        m + n - (a.width - s)
+      ), x = Math.max(0, s - g);
+      v <= x ? (c = m, v > 0 && (c = a.width - n - s)) : (c = g, x > 0 && (c = s)), u = e.top, u + r > a.height - s && (u = a.height - r - s), u < s && (u = s);
+    } else if (i === "left") {
+      const m = e.left - n - l, g = e.right + l, v = Math.max(0, s - m), x = Math.max(
+        0,
+        g + n - (a.width - s)
+      );
+      v <= x ? (c = m, v > 0 && (c = s)) : (c = g, x > 0 && (c = a.width - n - s)), u = e.top, u + r > a.height - s && (u = a.height - r - s), u < s && (u = s);
+    } else if (i === "bottom") {
+      const m = a.height - e.bottom, g = e.top;
+      m >= r + l ? u = e.bottom + l : g >= r + l ? u = e.top - r - l : (u = e.bottom + l, u = Math.min(u, a.height - r - s));
+      const v = a.width - e.left, x = e.right;
+      if (t === "start")
+        c = e.left, c + n > a.width - s && (x >= n ? c = e.right - n : c = a.width - n - s);
+      else if (t === "end")
+        c = e.right - n, c < s && (v >= n ? c = e.left : c = s);
+      else {
+        const A = e.left + e.width / 2 - n / 2;
+        A >= s && A + n <= a.width - s ? c = A : A < s ? c = s : c = a.width - n - s;
+      }
+    } else {
+      const m = e.top, g = a.height - e.bottom;
+      m >= r + l ? u = e.top - r - l : g >= r + l ? u = e.bottom + l : (u = e.top - r - l, u = Math.max(s, u));
+      const v = a.width - e.left, x = e.right;
+      if (t === "start")
+        c = e.left, c + n > a.width - s && (x >= n ? c = e.right - n : c = a.width - n - s);
+      else if (t === "end")
+        c = e.right - n, c < s && (v >= n ? c = e.left : c = s);
+      else {
+        const A = e.left + e.width / 2 - n / 2;
+        A >= s && A + n <= a.width - s ? c = A : A < s ? c = s : c = a.width - n - s;
+      }
+    }
+    c = Math.max(
+      s,
+      Math.min(c, a.width - n - s)
+    ), u = Math.max(
+      s,
+      Math.min(u, a.height - r - s)
+    );
+  } else
+    i === "right" ? (c = e.right + l, u = e.top) : i === "left" ? (c = e.left - n - l, u = e.top) : i === "bottom" ? u = e.bottom + l : u = e.top - r - l, (i === "top" || i === "bottom") && (t === "start" ? c = e.left : t === "end" ? c = e.right - n : c = e.left + e.width / 2 - n / 2);
+  let d, b;
+  return u + r <= e.top ? b = window.innerHeight - (u + r) : d = u, { x: c, top: d, bottom: b };
+};
+function ar(e) {
+  const n = N(null);
+  return j(() => {
+    const r = (t) => {
+      n.current && !n.current.contains(t.target) && e();
+    };
+    return document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
+    };
+  }, [e]), n;
+}
+function cr(e, n = {}) {
+  const {
+    enabled: r = !0,
+    events: t = ["mousedown", "touchstart"],
+    excludeRefs: i = []
+  } = n, l = N(null);
+  return j(() => {
+    if (!r) return;
+    const s = (o) => {
+      const a = o.target;
+      l.current?.contains(a) || i.some(
+        (u) => u.current?.contains(a)
+      ) || e();
+    };
+    return t.forEach((o) => {
+      document.addEventListener(o, s);
+    }), () => {
+      t.forEach((o) => {
+        document.removeEventListener(o, s);
+      });
+    };
+  }, [e, r, t, i]), l;
+}
+function ft(e, n, r = !0) {
+  j(() => {
+    if (!r) return;
+    const t = (i) => {
+      e.current && !e.current.contains(i.target) && n(i);
+    };
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [e, n, r]);
+}
+const dt = "relative shrink-0 select-none transition outline-none duration-200 ease-out focus:ring-border-brand-light flex items-center justify-center cursor-pointer", ht = {
   xs: "text-xs px-1 gap-x-0.5 py-1",
   sm: "text-sm px-2.5 gap-x-1 py-1.5",
   mdsm: "text-sm px-3 gap-x-1.5 py-2.5",
@@ -158,18 +491,18 @@ const q = (e = !0, r) => {
   iconSm: "text-sm p-2",
   iconMd: "text-base p-3",
   iconLg: "text-base p-4"
-}, V = {
+}, mt = {
   all: "focus:ring-1",
   desktop: "lg:focus:ring-1",
   mobile: "focus:ring-1 lg:focus-ring-0",
   none: ""
-}, Z = {
+}, bt = {
   light: "font-light",
   normal: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold"
-}, ee = {
+}, pt = {
   none: "rounded-none",
   1: "rounded-1",
   2: "rounded-2",
@@ -184,7 +517,7 @@ const q = (e = !0, r) => {
   11: "rounded-11",
   12: "rounded-12",
   full: "rounded-full"
-}, te = {
+}, gt = {
   transparent: "text-base-12 lg:hover:bg-base-4 focus:ring-base-6",
   transparentinactive: "text-base-11 lg:hover:bg-base-4",
   brand: "bg-brand text-brand-text lg:hover:bg-brand-hover focus:ring-base-6 border border-transparent",
@@ -199,144 +532,1444 @@ const q = (e = !0, r) => {
   danger: "bg-red-4 text-red-9 lg:hover:bg-red-5 focus:ring-red-9 border border-transparent",
   dangersolid: "bg-red-9 text-base-1 dark-theme:text-base-12 lg:hover:bg-red-8 focus:ring-base-6 border border-transparent",
   disabled: "bg-base-3 text-base-11 border border-transparent"
-}, re = {
+}, vt = {
   enabled: "",
   disabled: "opacity-75",
   loading: ""
-}, ne = $(
+}, ie = H(
   ({
     color: e = "transparent",
-    size: r = "mdsm",
-    fontWeight: t = "normal",
-    rounded: o = "6",
-    state: s = "enabled",
-    onClick: a,
-    className: b,
-    children: n,
-    withRipple: l = !0,
-    contrastRipple: i,
+    size: n = "mdsm",
+    fontWeight: r = "normal",
+    rounded: t = "6",
+    state: i = "enabled",
+    onClick: l,
+    className: s,
+    children: o,
+    withRipple: a = !0,
+    contrastRipple: c,
     showFocus: u = "desktop",
     withDisabledDelay: d = !1,
-    type: p = "button",
-    ...g
-  }, m) => {
-    const [K, E] = C(!1), L = (h) => {
-      s === "enabled" && (d ? (E(!0), a && a(h), setTimeout(() => E(!1), 1e3)) : a && a(h));
-    }, { ref: j, ripple: D } = q(
-      l,
-      e === "contrast" || i
-    ), W = _(j, m);
-    return /* @__PURE__ */ c(
+    type: b = "button",
+    ...m
+  }, g) => {
+    const [v, x] = L(!1), A = ($) => {
+      i === "enabled" && (d ? (x(!0), l && l($), setTimeout(() => x(!1), 1e3)) : l && l($));
+    }, { ref: F, ripple: O } = at(
+      a,
+      e === "contrast" || c
+    ), S = it(F, g);
+    return /* @__PURE__ */ f(
       "button",
       {
-        ref: W,
-        type: p,
-        disabled: g.disabled ? g.disabled : s === "disabled" || s === "loading",
-        onMouseDown: D,
-        onClick: (h) => K ? null : L(h),
-        className: f(
-          J,
-          Q[r],
-          Z[t],
-          ee[o],
-          V[u],
-          te[e],
-          re[s],
-          g.disabled && "opacity-50",
-          b
+        ref: S,
+        type: b,
+        disabled: m.disabled ? m.disabled : i === "disabled" || i === "loading",
+        onMouseDown: O,
+        onClick: ($) => v ? null : A($),
+        className: p(
+          dt,
+          ht[n],
+          bt[r],
+          pt[t],
+          mt[u],
+          gt[e],
+          vt[i],
+          m.disabled && "opacity-50",
+          s
         ),
-        ...g,
-        children: n
+        ...m,
+        children: o
       }
     );
   }
 );
-ne.displayName = "Button";
-const xe = ({ className: e }) => /* @__PURE__ */ c("div", { className: f("w-full h-px bg-base-4", e) }), oe = ({
+ie.displayName = "Button";
+const ur = ({ className: e }) => /* @__PURE__ */ f("div", { className: p("w-full h-px bg-base-4", e) }), xt = ({
   children: e,
-  size: r = 24,
-  strokeWidth: t = 2,
-  viewBox: o = "0 0 24 24",
-  className: s,
-  ...a
-}) => /* @__PURE__ */ c(
+  size: n = 24,
+  strokeWidth: r = 2,
+  viewBox: t = "0 0 24 24",
+  className: i,
+  ...l
+}) => /* @__PURE__ */ f(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    width: r,
-    height: r,
-    viewBox: o,
-    className: s,
-    ...a,
+    width: n,
+    height: n,
+    viewBox: t,
+    className: i,
+    ...l,
     children: e
   }
-), M = N(null), se = ({
+), wt = ({
+  loading: e = !0,
+  wrapperClassName: n,
+  spinnerClassName: r
+}) => /* @__PURE__ */ f("div", { className: p("flex justify-center", n), children: /* @__PURE__ */ f(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    className: p({ "animate-spin": e }, r),
+    children: /* @__PURE__ */ f(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M10 3a7 7 0 0 0-7 7a.5.5 0 0 1-1 0a8 8 0 1 1 8 8a.5.5 0 0 1 0-1a7 7 0 1 0 0-14Z"
+      }
+    )
+  }
+) }), yt = ({ children: e, node: n }) => ye(e, n ?? document.body);
+function Ee(e, n, r) {
+  function t(o, a) {
+    var c;
+    Object.defineProperty(o, "_zod", {
+      value: o._zod ?? {},
+      enumerable: !1
+    }), (c = o._zod).traits ?? (c.traits = /* @__PURE__ */ new Set()), o._zod.traits.add(e), n(o, a);
+    for (const u in s.prototype)
+      u in o || Object.defineProperty(o, u, { value: s.prototype[u].bind(o) });
+    o._zod.constr = s, o._zod.def = a;
+  }
+  const i = r?.Parent ?? Object;
+  class l extends i {
+  }
+  Object.defineProperty(l, "name", { value: e });
+  function s(o) {
+    var a;
+    const c = r?.Parent ? new l() : this;
+    t(c, o), (a = c._zod).deferred ?? (a.deferred = []);
+    for (const u of c._zod.deferred)
+      u();
+    return c;
+  }
+  return Object.defineProperty(s, "init", { value: t }), Object.defineProperty(s, Symbol.hasInstance, {
+    value: (o) => r?.Parent && o instanceof r.Parent ? !0 : o?._zod?.traits?.has(e)
+  }), Object.defineProperty(s, "name", { value: e }), s;
+}
+class kt extends Error {
+  constructor() {
+    super("Encountered Promise during synchronous parse. Use .parseAsync() instead.");
+  }
+}
+const Nt = {};
+function Ae(e) {
+  return Nt;
+}
+function Ct(e, n) {
+  return typeof n == "bigint" ? n.toString() : n;
+}
+const Fe = Error.captureStackTrace ? Error.captureStackTrace : (...e) => {
+};
+function q(e) {
+  return typeof e == "string" ? e : e?.message;
+}
+function Se(e, n, r) {
+  const t = { ...e, path: e.path ?? [] };
+  if (!e.message) {
+    const i = q(e.inst?._zod.def?.error?.(e)) ?? q(n?.error?.(e)) ?? q(r.customError?.(e)) ?? q(r.localeError?.(e)) ?? "Invalid input";
+    t.message = i;
+  }
+  return delete t.inst, delete t.continue, n?.reportInput || delete t.input, t;
+}
+const $e = (e, n) => {
+  e.name = "$ZodError", Object.defineProperty(e, "_zod", {
+    value: e._zod,
+    enumerable: !1
+  }), Object.defineProperty(e, "issues", {
+    value: n,
+    enumerable: !1
+  }), Object.defineProperty(e, "message", {
+    get() {
+      return JSON.stringify(n, Ct, 2);
+    },
+    enumerable: !0
+    // configurable: false,
+  }), Object.defineProperty(e, "toString", {
+    value: () => e.message,
+    enumerable: !1
+  });
+}, Et = Ee("$ZodError", $e), Oe = Ee("$ZodError", $e, { Parent: Error }), At = (e) => (n, r, t, i) => {
+  const l = t ? Object.assign(t, { async: !1 }) : { async: !1 }, s = n._zod.run({ value: r, issues: [] }, l);
+  if (s instanceof Promise)
+    throw new kt();
+  if (s.issues.length) {
+    const o = new (i?.Err ?? e)(s.issues.map((a) => Se(a, l, Ae())));
+    throw Fe(o, i?.callee), o;
+  }
+  return s.value;
+}, Ft = /* @__PURE__ */ At(Oe), St = (e) => async (n, r, t, i) => {
+  const l = t ? Object.assign(t, { async: !0 }) : { async: !0 };
+  let s = n._zod.run({ value: r, issues: [] }, l);
+  if (s instanceof Promise && (s = await s), s.issues.length) {
+    const o = new (i?.Err ?? e)(s.issues.map((a) => Se(a, l, Ae())));
+    throw Fe(o, i?.callee), o;
+  }
+  return s.value;
+}, $t = /* @__PURE__ */ St(Oe);
+function ge(e, n) {
+  try {
+    var r = e();
+  } catch (t) {
+    return n(t);
+  }
+  return r && r.then ? r.then(void 0, n) : r;
+}
+function Ot(e, n) {
+  for (var r = {}; e.length; ) {
+    var t = e[0], i = t.code, l = t.message, s = t.path.join(".");
+    if (!r[s]) if ("unionErrors" in t) {
+      var o = t.unionErrors[0].errors[0];
+      r[s] = { message: o.message, type: o.code };
+    } else r[s] = { message: l, type: i };
+    if ("unionErrors" in t && t.unionErrors.forEach(function(u) {
+      return u.errors.forEach(function(d) {
+        return e.push(d);
+      });
+    }), n) {
+      var a = r[s].types, c = a && a[t.code];
+      r[s] = ke(s, n, r, i, c ? [].concat(c, t.message) : t.message);
+    }
+    e.shift();
+  }
+  return r;
+}
+function zt(e, n) {
+  for (var r = {}; e.length; ) {
+    var t = e[0], i = t.code, l = t.message, s = t.path.join(".");
+    if (!r[s]) if (t.code === "invalid_union" && t.errors.length > 0) {
+      var o = t.errors[0][0];
+      r[s] = { message: o.message, type: o.code };
+    } else r[s] = { message: l, type: i };
+    if (t.code === "invalid_union" && t.errors.forEach(function(u) {
+      return u.forEach(function(d) {
+        return e.push(d);
+      });
+    }), n) {
+      var a = r[s].types, c = a && a[t.code];
+      r[s] = ke(s, n, r, i, c ? [].concat(c, t.message) : t.message);
+    }
+    e.shift();
+  }
+  return r;
+}
+function Dt(e, n, r) {
+  if (r === void 0 && (r = {}), (function(t) {
+    return "_def" in t && typeof t._def == "object" && "typeName" in t._def;
+  })(e)) return function(t, i, l) {
+    try {
+      return Promise.resolve(ge(function() {
+        return Promise.resolve(e[r.mode === "sync" ? "parse" : "parseAsync"](t, n)).then(function(s) {
+          return l.shouldUseNativeValidation && me({}, l), { errors: {}, values: r.raw ? Object.assign({}, t) : s };
+        });
+      }, function(s) {
+        if ((function(o) {
+          return Array.isArray(o?.issues);
+        })(s)) return { values: {}, errors: be(Ot(s.errors, !l.shouldUseNativeValidation && l.criteriaMode === "all"), l) };
+        throw s;
+      }));
+    } catch (s) {
+      return Promise.reject(s);
+    }
+  };
+  if ((function(t) {
+    return "_zod" in t && typeof t._zod == "object";
+  })(e)) return function(t, i, l) {
+    try {
+      return Promise.resolve(ge(function() {
+        return Promise.resolve((r.mode === "sync" ? Ft : $t)(e, t, n)).then(function(s) {
+          return l.shouldUseNativeValidation && me({}, l), { errors: {}, values: r.raw ? Object.assign({}, t) : s };
+        });
+      }, function(s) {
+        if ((function(o) {
+          return o instanceof Et;
+        })(s)) return { values: {}, errors: be(zt(s.issues, !l.shouldUseNativeValidation && l.criteriaMode === "all"), l) };
+        throw s;
+      }));
+    } catch (s) {
+      return Promise.reject(s);
+    }
+  };
+  throw new Error("Invalid input: not a Zod schema");
+}
+function fr({
+  methods: e,
+  onSubmit: n,
+  onError: r,
+  children: t,
+  logErrors: i,
+  className: l
+}) {
+  return /* @__PURE__ */ f(Ze, { ...e, children: /* @__PURE__ */ f(
+    "form",
+    {
+      className: p(
+        "mt-4 lg:mt-8 grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8 relative",
+        l
+      ),
+      onSubmit: e.handleSubmit(
+        (s) => n(s),
+        (s) => {
+          i && console.log(s), r?.(s);
+        }
+      ),
+      children: t
+    }
+  ) });
+}
+function dr(e, n) {
+  return Pe({
+    resolver: Dt(e),
+    defaultValues: n
+  });
+}
+const G = {
+  unchecked: "bg-base-3 lg:hover:bg-base-4",
+  checked: "bg-brand lg:hover:bg-brand-hover text-brand-text",
+  uncheckedDisabled: "bg-base-3 border-base-4",
+  checkedDisabled: "bg-base-3 border-base-4 text-base-10"
+}, Lt = H(
+  ({
+    checked: e = !1,
+    onCheckedChange: n,
+    disabled: r = !1,
+    required: t = !1,
+    name: i,
+    value: l,
+    id: s,
+    className: o = "",
+    size: a = "sm",
+    ...c
+  }, u) => {
+    const d = () => {
+      r || n?.(e === "indeterminate" ? !0 : !e);
+    }, b = (v) => {
+      (v.key === " " || v.key === "Enter") && (v.preventDefault(), d());
+    }, m = {
+      xs: "h-3.5 w-3.5",
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    }, g = {
+      xs: 24,
+      sm: 12,
+      md: 14,
+      lg: 16
+    };
+    return /* @__PURE__ */ w(Te, { children: [
+      /* @__PURE__ */ w(
+        "button",
+        {
+          ref: u,
+          type: "button",
+          role: "checkbox",
+          "aria-checked": e === "indeterminate" ? "mixed" : e,
+          "aria-required": t,
+          disabled: r,
+          onClick: d,
+          onKeyDown: b,
+          className: p(
+            // Base styles
+            "inline-flex items-center justify-center rounded-2 border border-base-4 transition-all duration-200 ease-in-out",
+            "focus:outline-none focus:ring-2 focus:ring-base-5",
+            // Size
+            m[a],
+            // Disabled state
+            r && "cursor-not-allowed opacity-75",
+            !r && "cursor-pointer",
+            // Checked states
+            e ? r ? G.checkedDisabled : G.checked : r ? G.uncheckedDisabled : G.unchecked,
+            // Custom classes
+            typeof o == "function" ? o(e) : o
+          ),
+          ...c,
+          children: [
+            e === !0 && /* @__PURE__ */ f(
+              Ne,
+              {
+                size: g[a],
+                className: "stroke-current"
+              }
+            ),
+            e === "indeterminate" && /* @__PURE__ */ f(
+              Ye,
+              {
+                size: g[a],
+                className: "stroke-current"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ f(
+        "input",
+        {
+          type: "checkbox",
+          name: i,
+          value: l,
+          checked: e === !0,
+          onChange: () => {
+          },
+          disabled: r,
+          required: t,
+          id: s,
+          className: "sr-only",
+          tabIndex: -1
+        }
+      )
+    ] });
+  }
+);
+Lt.displayName = "Checkbox";
+const Mt = {
+  solid: "bg-base-3 border border-base-4 drop-shadow-sm dark-theme:drop-shadow-none",
+  outline: "border border-base-6"
+}, It = {
+  brand: "ring-1 ring-brand",
+  solid: "ring-1 ring-base-6"
+}, ze = H(
+  ({
+    label: e,
+    description: n,
+    labelPosition: r = "default",
+    color: t = "solid",
+    focusColor: i = "brand",
+    placeholder: l,
+    valid: s,
+    error: o,
+    errorMessage: a,
+    isPrice: c,
+    prefix: u,
+    wrapperClassName: d,
+    containerClassName: b,
+    className: m,
+    type: g = "text",
+    value: v,
+    ...x
+  }, A) => {
+    const F = N(null), O = N(!1), [S, $] = L(!1), [E, z] = L(!1), _ = g === "password", B = _ && S ? "text" : c ? "number" : g, U = v !== "" && v !== null && v !== void 0;
+    return j(() => {
+      if (!O.current) {
+        O.current = !0;
+        return;
+      }
+      F.current && nt(F.current);
+    }, [S, F]), /* @__PURE__ */ w("div", { className: p("relative", d), children: [
+      e && r === "default" && /* @__PURE__ */ f(
+        "label",
+        {
+          className: p("font-medium ml-0.5 text-xs", o && "text-red-9"),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ w(
+        "div",
+        {
+          className: p(
+            "rounded-6 transition cursor-text relative",
+            Mt[t],
+            {
+              "pt-[22px] pb-1.5": r === "floating",
+              [It[i]]: !o && E,
+              "bg-red-4 text-red-9": !!o,
+              "ring-1 ring-red-9": !!o && E
+            },
+            b
+          ),
+          children: [
+            e && r === "floating" && /* @__PURE__ */ f(
+              "label",
+              {
+                className: p(
+                  "absolute transition-all duration-200 pointer-events-none",
+                  "text-sm top-[18px] font-semibold left-3",
+                  {
+                    "text-xs top-2.5": E || U || l,
+                    "text-red-9": !!o
+                  }
+                ),
+                children: e
+              }
+            ),
+            c && /* @__PURE__ */ f(
+              qe,
+              {
+                size: 16,
+                className: p(
+                  "absolute top-1/2 -translate-y-1/2 left-3",
+                  o ? "text-red-9" : "text-base-11"
+                )
+              }
+            ),
+            u && /* @__PURE__ */ f("p", { className: "text-sm text-base-11 absolute top-1/2 -translate-y-1/2 left-3", children: u }),
+            /* @__PURE__ */ f(
+              "input",
+              {
+                ref: (V) => {
+                  A && (typeof A == "function" ? A(V) : A.current = V), F.current = V;
+                },
+                type: B,
+                className: p(
+                  "w-full bg-transparent focus:outline-none",
+                  "placeholder:text-sm text-sm placeholder:text-base-11",
+                  c || u ? "pl-9" : "pl-3",
+                  {
+                    "py-2.5": r === "default",
+                    "mt-1.5": r === "floating",
+                    "pr-10": s,
+                    "text-red-9 placeholder:text-red-9": !!o
+                  },
+                  m
+                ),
+                value: v,
+                placeholder: l,
+                onFocus: () => z(!0),
+                onBlur: () => z(!1),
+                ...x
+              }
+            )
+          ]
+        }
+      ),
+      s ? /* @__PURE__ */ f(
+        J,
+        {
+          size: 20,
+          className: `absolute top-1/2 -translate-y-1/2 text-green-500 ${_ ? "right-10" : "right-3"}`
+        }
+      ) : null,
+      _ && /* @__PURE__ */ f(
+        "button",
+        {
+          type: "button",
+          className: p(
+            r === "floating" ? "absolute right-3 top-1/2 -translate-y-1/2" : "absolute right-3 top-10"
+          ),
+          onClick: () => {
+            $(!S);
+          },
+          children: S ? /* @__PURE__ */ f(
+            Ge,
+            {
+              size: 20,
+              className: p(o ? "text-red-9" : "text-base-11")
+            }
+          ) : /* @__PURE__ */ f(
+            Je,
+            {
+              size: 20,
+              className: p(o ? "text-red-9" : "text-base-11")
+            }
+          )
+        }
+      ),
+      a ? /* @__PURE__ */ f("span", { role: "alert", className: "text-red-9 text-sm mt-1 ml-0.5", children: a }) : n ? /* @__PURE__ */ f("p", { className: "text-xs text-base-11 mt-1 ml-0.5", children: n }) : null
+    ] });
+  }
+);
+ze.displayName = "Input";
+const hr = ({
+  name: e,
+  customRead: n,
+  customSet: r,
+  withNullSet: t = !0,
+  ...i
+}) => {
+  const { control: l } = W(), s = K(
+    (a) => n ? n(a) : a === null ? Ce(a) : a,
+    [n]
+  ), o = K(
+    (a) => r ? t && a === null ? oe(a) : r(a) : a === null ? oe(a) : a,
+    [r]
+  );
+  return l ? /* @__PURE__ */ f(
+    R,
+    {
+      name: e,
+      control: l,
+      render: ({ field: a, fieldState: c }) => /* @__PURE__ */ f(
+        ze,
+        {
+          value: s(a.value),
+          onChange: (u) => a.onChange(o(u.target.value)),
+          error: !!c.error,
+          errorMessage: c.error?.message,
+          ref: a.ref,
+          ...i
+        }
+      )
+    }
+  ) : (console.error(`Form control is missing for field: ${e}`), /* @__PURE__ */ w("p", { children: [
+    "Form control missing for field: ",
+    e
+  ] }));
+}, jt = {
+  brand: "ring-1 ring-brand",
+  solid: "ring-1 ring-base-6"
+}, De = H(
+  ({
+    label: e,
+    labelPosition: n = "default",
+    placeholder: r,
+    error: t,
+    focusColor: i = "brand",
+    className: l,
+    value: s,
+    rows: o = 3,
+    ...a
+  }, c) => {
+    const [u, d] = L(!1), b = s !== "" && s !== null && s !== void 0;
+    return /* @__PURE__ */ w("div", { className: "relative", children: [
+      n === "default" ? /* @__PURE__ */ f(
+        "label",
+        {
+          className: p(
+            "top-[18px] font-medium ml-0.5 text-xs",
+            t && "text-red-9"
+          ),
+          children: e
+        }
+      ) : null,
+      /* @__PURE__ */ w(
+        "div",
+        {
+          className: p(n === "default" ? "p-0" : "pt-5 pb-2", {
+            "bg-red-4 text-red-9": !!t
+          }),
+          children: [
+            n === "floating" && /* @__PURE__ */ f(
+              "label",
+              {
+                className: p(
+                  "absolute transition-all duration-200 pointer-events-none",
+                  "text-sm top-2.5 font-semibold left-2.5",
+                  {
+                    "text-xs top-2.5": u || b || r,
+                    "text-red-9": !!t
+                  }
+                ),
+                children: e
+              }
+            ),
+            /* @__PURE__ */ f(
+              "textarea",
+              {
+                ref: c,
+                className: p(
+                  !t && u && jt[i],
+                  "bg-base-3 border border-base-4 light-theme:drop-shadow-sm rounded-6 w-full focus:outline-none customscrollbarnohide",
+                  "placeholder:text-base-11 text-sm",
+                  "resize-none",
+                  // Prevent manual resizing since we're auto-resizing
+                  n === "default" ? "p-3" : "mt-1",
+                  {
+                    // "pr-10": valid,
+                    "text-red-9 placeholder:text-red-9": !!t
+                  },
+                  l
+                ),
+                value: s,
+                placeholder: r,
+                onFocus: () => d(!0),
+                onBlur: () => d(!1),
+                rows: o,
+                ...a
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+De.displayName = "TextArea";
+const mr = ({
+  name: e,
+  customRead: n,
+  customSet: r,
+  ...t
+}) => {
+  const { control: i } = W(), l = K(
+    (o) => n ? n(o) : o === null ? Ce(o) : o,
+    [n]
+  ), s = K(
+    (o) => r ? r(o) : o === null ? oe(o) : o,
+    [r]
+  );
+  return i ? /* @__PURE__ */ f(
+    R,
+    {
+      name: e,
+      control: i,
+      render: ({ field: o, fieldState: a }) => /* @__PURE__ */ w("div", { children: [
+        /* @__PURE__ */ f(
+          De,
+          {
+            value: l(o.value),
+            onChange: (c) => o.onChange(s(c.target.value)),
+            error: !!a.error,
+            ref: o.ref,
+            ...t
+          }
+        ),
+        a.error ? /* @__PURE__ */ f("span", { role: "alert", className: "text-red-9 text-sm mt-1 ml-0.5", children: a.error.message }) : null
+      ] })
+    }
+  ) : (console.error(`Form control is missing for field: ${e}`), /* @__PURE__ */ w("p", { children: [
+    "Form control missing for field: ",
+    e
+  ] }));
+}, _t = ({
+  label: e,
+  variant: n = "default",
+  color: r = "solid",
+  tags: t,
+  onChange: i,
+  valid: l,
+  error: s,
+  placeholder: o = "Add a tag...",
+  maxTags: a,
+  validateTag: c
+}) => {
+  const [u, d] = L(""), [b, m] = L(!1), [g, v] = L(null), x = N(null), A = N(null), F = N([]), O = t.length > 0, S = N(
+    `taginput-${Math.random().toString(36).substr(2, 9)}`
+  ).current, $ = N(
+    `label-${Math.random().toString(36).substr(2, 9)}`
+  ).current, E = N(
+    `error-${Math.random().toString(36).substr(2, 9)}`
+  ).current;
+  j(() => {
+    F.current = F.current.slice(0, t.length);
+  }, [t.length]);
+  const z = (k) => {
+    if (k.key === "Enter" && u.trim()) {
+      k.preventDefault();
+      const C = u.trim();
+      if (a && t.length >= a) {
+        v(`Maximum of ${a} tags allowed`);
+        return;
+      }
+      if (t.includes(C)) {
+        v("Tag already exists");
+        return;
+      }
+      if (c) {
+        const I = c(C);
+        if (typeof I == "string") {
+          v(I);
+          return;
+        } else if (I === !1) {
+          v("Invalid tag");
+          return;
+        }
+      }
+      i([...t, C]), d(""), v(null), M(`Added tag ${C}`);
+    } else if (k.key === "Backspace" && !u && t.length > 0) {
+      const C = t[t.length - 1];
+      i(t.slice(0, -1)), M(`Removed tag ${C}`);
+    } else k.key === "ArrowLeft" && u === "" && t.length > 0 && F.current[t.length - 1] && F.current[t.length - 1]?.focus();
+  }, _ = (k, C) => {
+    if (k.key === "Backspace" || k.key === "Delete") {
+      k.preventDefault();
+      const I = t[C], Z = [...t];
+      Z.splice(C, 1), i(Z), setTimeout(() => {
+        x.current && x.current.focus();
+      }, 0), M(`Removed tag ${I}`);
+    } else k.key === "ArrowRight" ? (k.preventDefault(), C < t.length - 1 ? F.current[C + 1]?.focus() : x.current?.focus()) : k.key === "ArrowLeft" && (k.preventDefault(), C > 0 && F.current[C - 1]?.focus());
+  }, B = (k, C) => {
+    i(t.filter((I) => I !== k)), setTimeout(() => {
+      C < t.length - 1 ? F.current[C]?.focus() : C > 0 ? F.current[C - 1]?.focus() : x.current?.focus();
+    }, 0), M(`Removed tag ${k}`);
+  }, U = (k) => {
+    d(k.target.value), v(null);
+  }, V = () => {
+    x.current && x.current.focus();
+  }, M = (k) => {
+    console.log(`Accessibility announcement: ${k}`);
+  };
+  return /* @__PURE__ */ w("div", { children: [
+    /* @__PURE__ */ w("div", { className: "relative", ref: A, children: [
+      n === "default" ? /* @__PURE__ */ w(
+        "label",
+        {
+          id: $,
+          htmlFor: S,
+          className: p("text-base top-4 font-semibold left-3", {
+            "text-sm top-2 left-2": b || O || o,
+            "text-red-9": !!s
+          }),
+          children: [
+            e,
+            " ",
+            a && `(${t.length}/${a})`
+          ]
+        }
+      ) : null,
+      /* @__PURE__ */ w(
+        "div",
+        {
+          className: p("rounded-6 px-2 transition cursor-text pr-10", {
+            "bg-base-3": r === "solid",
+            "border border-uielborder focus:border-transparent": r === "outline",
+            "py-3": n === "default",
+            "pt-5 pb-2": n === "floating",
+            "ring-2 ring-branduielborder": b,
+            "text-red-9": s || g,
+            "ring-2 ring-red-6": (s || g) && b
+          }),
+          onClick: V,
+          role: "group",
+          "aria-labelledby": $,
+          "aria-describedby": s || g ? E : void 0,
+          children: [
+            n === "floating" ? /* @__PURE__ */ w(
+              "label",
+              {
+                id: $,
+                htmlFor: S,
+                className: p(
+                  "absolute transition-all duration-200 pointer-events-none",
+                  "text-base top-4 font-semibold left-3",
+                  {
+                    "text-sm top-2 left-2": b || O || o,
+                    "text-red-9": !!s
+                  }
+                ),
+                children: [
+                  e,
+                  " ",
+                  a && `(${t.length}/${a})`
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ w(
+              "div",
+              {
+                className: p("flex flex-wrap gap-1 items-center", {
+                  "mt-2.5": n === "floating"
+                }),
+                children: [
+                  t.map((k, C) => /* @__PURE__ */ w(
+                    "div",
+                    {
+                      ref: (I) => {
+                        F.current[C] = I;
+                      },
+                      className: p(
+                        "line-clamp-1 text-brand rounded-full px-2 text-sm flex items-center",
+                        {
+                          "bg-brandfadedbg text-brand": !s && !g,
+                          "bg-red-4 text-red-9": s || g
+                        }
+                      ),
+                      tabIndex: 0,
+                      role: "button",
+                      "aria-label": `${k}, press delete or backspace to remove`,
+                      onKeyDown: (I) => _(I, C),
+                      children: [
+                        k,
+                        /* @__PURE__ */ f(
+                          "button",
+                          {
+                            type: "button",
+                            className: "ml-1 text-brand hover:text-brandhover shrink-0",
+                            onClick: () => B(k, C),
+                            "aria-label": `Remove ${k} tag`,
+                            children: "x"
+                          }
+                        )
+                      ]
+                    },
+                    `${k}-${C}`
+                  )),
+                  /* @__PURE__ */ f(
+                    "input",
+                    {
+                      id: S,
+                      ref: x,
+                      type: "text",
+                      className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm placeholder:text-secondarytext",
+                      value: u,
+                      onChange: U,
+                      onKeyDown: z,
+                      onFocus: () => m(!0),
+                      onBlur: () => m(!1),
+                      enterKeyHint: "enter",
+                      autoComplete: "off",
+                      placeholder: t.length > 0 ? "" : o,
+                      style: { width: `${Math.max(60, u.length * 8)}px` },
+                      "aria-describedby": s || g ? E : void 0,
+                      "aria-invalid": !!(s || g)
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      l && /* @__PURE__ */ f("span", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ f(J, {}) })
+    ] }),
+    (s || g) && /* @__PURE__ */ f(
+      "p",
+      {
+        id: E,
+        className: "text-red-500 text-xs mt-1",
+        "aria-live": "assertive",
+        children: s || g
+      }
+    ),
+    /* @__PURE__ */ f("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: t.length > 0 ? `Current tags: ${t.join(", ")}` : "No tags added yet" })
+  ] });
+}, br = ({ name: e, ...n }) => {
+  const { control: r } = W();
+  return r ? /* @__PURE__ */ f(
+    R,
+    {
+      name: e,
+      control: r,
+      render: ({ field: t, fieldState: i }) => /* @__PURE__ */ f(
+        _t,
+        {
+          tags: t.value,
+          onChange: (l) => t.onChange(l),
+          error: i.error?.message,
+          ...n
+        }
+      )
+    }
+  ) : (console.error(`Form control is missing for field: ${e}`), /* @__PURE__ */ w("p", { children: [
+    "Form control missing for field: ",
+    e
+  ] }));
+}, Tt = ({
+  label: e,
+  labelPosition: n = "default",
+  options: r,
+  selectedValues: t,
+  onChange: i,
+  idExtractor: l,
+  labelExtractor: s,
+  customSetter: o,
+  valid: a,
+  error: c,
+  placeholder: u = "Select options...",
+  maxSelections: d,
+  searchable: b = !1,
+  disabled: m = !1,
+  className: g
+}) => {
+  const [v, x] = L(""), [A, F] = L(!1), [O, S] = L(-1), $ = N(null), E = N(null), z = N([]), {
+    triggerRef: _,
+    triggerProps: B,
+    popoverRef: U,
+    getPopoverPosition: V,
+    open: M,
+    toggle: k,
+    close: C
+  } = ct({
+    align: "start",
+    side: "top",
+    avoidCollisions: !1,
+    onOpen: () => {
+      F(!0), b && $.current && setTimeout(() => $.current?.focus(), 10);
+    },
+    onClose: () => {
+      F(!1), x(""), S(-1);
+    }
+  }), I = N(
+    `multiselect-${Math.random().toString(36).substr(2, 9)}`
+  ).current, Z = N(
+    `label-${Math.random().toString(36).substr(2, 9)}`
+  ).current, ce = N(
+    `error-${Math.random().toString(36).substr(2, 9)}`
+  ).current, ee = N(
+    `listbox-${Math.random().toString(36).substr(2, 9)}`
+  ).current, T = o ? t.map((h) => r.find(
+    (D) => l(D) === h || l(D) === l(h)
+  )).filter(Boolean) : t, te = T.length > 0, X = b ? r.filter(
+    (h) => s(h).toLowerCase().includes(v.toLowerCase())
+  ) : r;
+  j(() => {
+    z.current = z.current.slice(0, X.length);
+  }, [X.length]);
+  const ue = (h) => o ? t.some(
+    (y) => y === l(h) || l(y) === l(h)
+  ) : t.some(
+    (y) => l(y) === l(h)
+  ), fe = (h) => {
+    if (!m)
+      if (ue(h)) {
+        let y;
+        if (o) {
+          const D = l(h);
+          y = t.filter(
+            (P) => P !== D && l(P) !== D
+          );
+        } else
+          y = t.filter(
+            (D) => l(D) !== l(h)
+          );
+        i(y), Y(`Removed ${s(h)}`);
+      } else {
+        if (d && T.length >= d) {
+          Y(`Maximum of ${d} selections allowed`);
+          return;
+        }
+        let y;
+        o ? y = [...t, o(h)] : y = [...t, h], i(y), Y(`Added ${s(h)}`);
+      }
+  }, de = (h) => {
+    if (m) return;
+    let y;
+    if (o) {
+      const D = l(h);
+      y = t.filter(
+        (P) => P !== D && l(P) !== D
+      );
+    } else
+      y = t.filter(
+        (D) => l(D) !== l(h)
+      );
+    i(y), Y(`Removed ${s(h)}`);
+  }, he = (h) => {
+    if (!m)
+      switch (h.key) {
+        case "Enter":
+          h.preventDefault(), M ? O >= 0 && fe(X[O]) : k();
+          break;
+        case "Escape":
+          h.preventDefault(), C();
+          break;
+        case "ArrowDown":
+          if (h.preventDefault(), !M)
+            k();
+          else {
+            const y = O >= X.length - 1 ? 0 : O + 1;
+            S(y), z.current[y]?.scrollIntoView({ block: "nearest" });
+          }
+          break;
+        case "ArrowUp":
+          if (h.preventDefault(), M) {
+            const y = O <= 0 ? X.length - 1 : O - 1;
+            S(y), z.current[y]?.scrollIntoView({ block: "nearest" });
+          }
+          break;
+        case "Backspace":
+          if (b && v === "" && T.length > 0) {
+            const y = T[T.length - 1];
+            de(y);
+          }
+          break;
+      }
+  }, Ie = (h) => {
+    x(h.target.value), S(-1);
+  }, je = () => {
+    m || (b && $.current && $.current.focus(), k());
+  }, Y = (h) => {
+    console.log(`Accessibility announcement: ${h}`);
+  };
+  ft(U, (h) => {
+    !_.current || !M || !h.target || _.current.contains(h.target) || C();
+  });
+  const re = V();
+  return /* @__PURE__ */ w("div", { className: p("relative", g), children: [
+    /* @__PURE__ */ w("div", { className: "relative", ref: E, children: [
+      n === "default" && /* @__PURE__ */ f(
+        "label",
+        {
+          className: p(
+            "top-[18px] font-medium ml-0.5 text-xs",
+            c && "text-red-9"
+          ),
+          children: e
+        }
+      ),
+      /* @__PURE__ */ w(
+        "div",
+        {
+          ref: _,
+          ...B,
+          className: p(
+            "relative rounded-6 px-2 transition cursor-pointer pr-10 min-h-[48px]",
+            "border border-base-4 light-theme:drop-shadow-sm dark-theme:bg-base-3",
+            {
+              "py-3": n === "default",
+              "pt-5 pb-2": n === "floating",
+              "ring-1 ring-brand": M || A,
+              "text-red-9": c,
+              "ring-2 ring-red-6": c && (M || A),
+              "opacity-60 cursor-not-allowed": m
+            }
+          ),
+          onClick: je,
+          role: "combobox",
+          "aria-expanded": M,
+          "aria-haspopup": "listbox",
+          "aria-owns": ee,
+          "aria-labelledby": Z,
+          "aria-describedby": c ? ce : void 0,
+          onKeyDown: he,
+          tabIndex: m ? -1 : 0,
+          children: [
+            n === "floating" && /* @__PURE__ */ w(
+              "label",
+              {
+                id: Z,
+                htmlFor: I,
+                className: p(
+                  "absolute transition-all duration-200 pointer-events-none",
+                  "text-base top-4 font-semibold left-3",
+                  {
+                    "text-sm top-2 left-2": A || te,
+                    "text-red-9": !!c
+                  }
+                ),
+                children: [
+                  e,
+                  " ",
+                  d && `(${t.length}/${d})`
+                ]
+              }
+            ),
+            /* @__PURE__ */ w(
+              "div",
+              {
+                className: p("flex flex-wrap gap-2 items-center", {
+                  "mt-2.5": n === "floating"
+                }),
+                children: [
+                  T.map((h) => /* @__PURE__ */ w(
+                    "div",
+                    {
+                      className: p(
+                        "border border-base-4 dark-theme:border-base-5 dark-theme:bg-base-4 rounded-full px-2 py-1 text-sm flex items-center gap-1",
+                        {
+                          "bg-red-4 text-red-9": c
+                        }
+                      ),
+                      children: [
+                        /* @__PURE__ */ f("span", { className: "line-clamp-1", children: s(h) }),
+                        !m && /* @__PURE__ */ f(
+                          "button",
+                          {
+                            type: "button",
+                            className: "hover:bg-brand/20 rounded-full p-0.5 transition-colors",
+                            onClick: (y) => {
+                              y.stopPropagation(), de(h);
+                            },
+                            "aria-label": `Remove ${s(h)}`,
+                            children: /* @__PURE__ */ f(Qe, { size: 12 })
+                          }
+                        )
+                      ]
+                    },
+                    l(h)
+                  )),
+                  b && /* @__PURE__ */ f(
+                    "input",
+                    {
+                      ref: $,
+                      id: I,
+                      type: "text",
+                      className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm",
+                      value: v,
+                      onChange: Ie,
+                      onKeyDown: he,
+                      placeholder: te ? "" : u,
+                      disabled: m,
+                      "aria-autocomplete": "list",
+                      "aria-controls": ee,
+                      autoComplete: "off"
+                    }
+                  ),
+                  !b && !te && /* @__PURE__ */ f("span", { className: "text-secondarytext text-sm flex-grow", children: u })
+                ]
+              }
+            ),
+            /* @__PURE__ */ w("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-2", children: [
+              a && /* @__PURE__ */ f(J, { size: 16, className: "text-green-600" }),
+              /* @__PURE__ */ f(
+                He,
+                {
+                  size: 16,
+                  className: p("transition-transform text-base-11", {
+                    "rotate-180": M
+                  })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ f(et, { children: M && /* @__PURE__ */ f(yt, { children: /* @__PURE__ */ f(
+      tt.div,
+      {
+        initial: { opacity: 0, y: -10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: { duration: 0.15 },
+        ref: U,
+        style: {
+          position: "fixed",
+          left: re.x,
+          top: re.top,
+          bottom: re.bottom,
+          width: E.current?.offsetWidth ?? 200
+        },
+        className: p(
+          "bg-base-1 dark-theme:bg-base-3 border border-base-4",
+          "rounded-6 shadow-lg max-h-[300px] overflow-y-auto z-50",
+          "customscrollbarnohide"
+        ),
+        role: "listbox",
+        id: ee,
+        "aria-labelledby": Z,
+        children: X.length === 0 ? /* @__PURE__ */ f("div", { className: "px-3 py-2 text-sm text-secondarytext", children: v ? "No results found" : "No options available" }) : X.map((h, y) => {
+          const D = ue(h);
+          return /* @__PURE__ */ w(
+            "div",
+            {
+              ref: (_e) => {
+                z.current[y] = _e;
+              },
+              className: p(
+                "px-3 py-2 text-sm cursor-pointer flex items-center justify-between",
+                // gap-x-2
+                "first:rounded-t-6 last:rounded-b-6",
+                // !selected && "pl-9",
+                {
+                  "bg-base-3 dark-theme:bg-base-4": y === O,
+                  "bg-brandfadedbg text-brand": D
+                }
+              ),
+              onClick: () => fe(h),
+              role: "option",
+              "aria-selected": D,
+              onMouseEnter: () => S(y),
+              children: [
+                /* @__PURE__ */ f("span", { children: s(h) }),
+                D && /* @__PURE__ */ f(J, { size: 16 })
+              ]
+            },
+            l(h)
+          );
+        })
+      }
+    ) }) }),
+    c && /* @__PURE__ */ f(
+      "p",
+      {
+        id: ce,
+        className: "text-red-9 text-xs mt-1",
+        "aria-live": "assertive",
+        children: c
+      }
+    ),
+    /* @__PURE__ */ f("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: T.length > 0 ? `Selected: ${T.map(s).join(", ")}` : "No selections" })
+  ] });
+}, pr = ({
+  name: e,
+  ...n
+}) => {
+  const { control: r } = W();
+  return r ? /* @__PURE__ */ f(
+    R,
+    {
+      name: e,
+      control: r,
+      render: ({ field: t, fieldState: i }) => /* @__PURE__ */ f(
+        Tt,
+        {
+          selectedValues: t.value || [],
+          onChange: (l) => t.onChange(l),
+          error: i.error?.message,
+          ...n
+        }
+      )
+    }
+  ) : (console.error(`Form control is missing for field: ${e}`), /* @__PURE__ */ w("p", { children: [
+    "Form control missing for field: ",
+    e
+  ] }));
+}, gr = ({
+  isEditable: e,
+  isDeletable: n = !0,
+  createUpdateLoading: r,
+  deleteLoading: t,
+  onDelete: i,
+  onDeleteConfirm: l,
+  addText: s = "Añadir",
+  updateText: o = "Actualizar",
+  deleteText: a = "Eliminar",
+  className: c
+}) => {
+  const [u, d] = L(!1);
+  return /* @__PURE__ */ w("div", { className: `w-full grid grid-cols-2 gap-4 col-span-full ${c}`, children: [
+    e && n ? /* @__PURE__ */ w(
+      ie,
+      {
+        color: "dangersolid",
+        state: t ? "loading" : r ? "disabled" : "enabled",
+        onClick: () => {
+          l ? u ? i?.() : d(!0) : i?.();
+        },
+        children: [
+          /* @__PURE__ */ f(We, { size: 18 }),
+          l && u ? "Confirmar" : a
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ w(
+      ie,
+      {
+        color: "brand",
+        className: p(e && n ? "" : "col-span-2"),
+        state: r ? "loading" : t ? "disabled" : "enabled",
+        type: "submit",
+        children: [
+          r ? /* @__PURE__ */ f(wt, {}) : e ? /* @__PURE__ */ f(Ne, { size: 18 }) : /* @__PURE__ */ f(Re, { size: 18 }),
+          e ? o : s
+        ]
+      }
+    )
+  ] });
+};
+function vr({
+  checked: e,
+  onCheckedChange: n,
+  disabled: r = !1,
+  name: t,
+  required: i,
+  className: l = ""
+}) {
+  const s = ve();
+  return /* @__PURE__ */ w(
+    "button",
+    {
+      id: s,
+      type: "button",
+      role: "switch",
+      "aria-checked": e,
+      "aria-required": i,
+      "data-state": e ? "checked" : "unchecked",
+      disabled: r,
+      onClick: () => {
+        r || n(!e);
+      },
+      className: p(
+        `
+        relative inline-flex h-6 w-11 items-center rounded-full
+        transition-colors duration-200 ease-in-out
+        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2
+        focus-visible:ring-blue-500`,
+        e ? "bg-blue-600" : "bg-gray-200",
+        r ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+        l
+      ),
+      children: [
+        /* @__PURE__ */ f(
+          "span",
+          {
+            className: p(
+              `inline-block h-5 w-5 transform rounded-full bg-white
+          transition-transform duration-200 ease-in-out
+          shadow-lg`,
+              e ? "translate-x-6" : "translate-x-0.5"
+            )
+          }
+        ),
+        t && /* @__PURE__ */ f(
+          "input",
+          {
+            type: "checkbox",
+            name: t,
+            checked: e,
+            required: i,
+            disabled: r,
+            onChange: () => {
+            },
+            tabIndex: -1,
+            "aria-hidden": "true",
+            className: "sr-only"
+          }
+        )
+      ]
+    }
+  );
+}
+const Le = we(null), Kt = ({
   children: e,
-  value: r
-}) => /* @__PURE__ */ c(M.Provider, { value: r, children: e }), le = () => {
-  const e = P(M);
+  value: n
+}) => /* @__PURE__ */ f(Le.Provider, { value: n, children: e }), Bt = () => {
+  const e = xe(Le);
   if (!e)
     throw new Error("useAliveScope must be wrapped within AliveScopeProvider");
   return e;
-}, ve = ({ children: e }) => {
-  const [r, t] = C({}), o = v(
+}, xr = ({ children: e }) => {
+  const [n, r] = L({}), t = N(
     {}
-  ), s = v(
+  ), i = N(
     {}
   );
-  return /* @__PURE__ */ k(
-    se,
+  return /* @__PURE__ */ w(
+    Kt,
     {
       value: {
-        getPortalElement: (n, l, i) => {
-          if (!r[n]) {
+        getPortalElement: (o, a, c) => {
+          if (!n[o]) {
             const u = document.createElement("div");
-            return n && (u.id = n), i && (u.className = i), t((d) => ({
+            return o && (u.id = o), c && (u.className = c), r((d) => ({
               ...d,
-              [n]: { children: l, element: u }
-            })), o.current[n] = [], s.current[n] = [], o.current && o.current[n] && o.current[n].forEach((d) => d(n)), u;
+              [o]: { children: a, element: u }
+            })), t.current[o] = [], i.current[o] = [], t.current && t.current[o] && t.current[o].forEach((d) => d(o)), u;
           }
-          return o.current && o.current[n] && o.current[n].forEach((u) => u(n)), r[n].element;
+          return t.current && t.current[o] && t.current[o].forEach((u) => u(o)), n[o].element;
         },
-        dropPortalElement: (n) => {
-          t((l) => {
-            const i = { ...l };
-            return delete i[n], i;
-          }), s.current && s.current[n] && s.current[n].forEach((l) => l(n));
+        dropPortalElement: (o) => {
+          r((a) => {
+            const c = { ...a };
+            return delete c[o], c;
+          }), i.current && i.current[o] && i.current[o].forEach((a) => a(o));
         }
       },
       children: [
         e,
-        Object.entries(r).map(([n, { children: l, element: i }]) => /* @__PURE__ */ c(
-          ie,
+        Object.entries(n).map(([o, { children: a, element: c }]) => /* @__PURE__ */ f(
+          Xt,
           {
-            id: n,
-            onMountCallbacks: o,
-            onDropCallbacks: s,
-            children: l,
-            element: i
+            id: o,
+            onMountCallbacks: t,
+            onDropCallbacks: i,
+            children: a,
+            element: c
           },
-          n
+          o
         ))
       ]
     }
   );
-}, R = N(
+}, Me = we(
   null
-), ae = ({
+), Vt = ({
   children: e,
-  value: r
-}) => /* @__PURE__ */ c(R.Provider, { value: r, children: e }), ie = X(({ id: e, onMountCallbacks: r, onDropCallbacks: t, children: o, element: s }) => /* @__PURE__ */ c(
-  ae,
+  value: n
+}) => /* @__PURE__ */ f(Me.Provider, { value: n, children: e }), Xt = Be(({ id: e, onMountCallbacks: n, onDropCallbacks: r, children: t, element: i }) => /* @__PURE__ */ f(
+  Vt,
   {
-    value: { keepAliveId: e, onKeepAliveMount: (n, l = { runOnFirstMount: !1 }) => {
-      x(() => {
-        const i = () => {
+    value: { keepAliveId: e, onKeepAliveMount: (o, a = { runOnFirstMount: !1 }) => {
+      j(() => {
+        const c = () => {
           if (document.getElementById(e))
-            n(e);
+            o(e);
           else {
-            const d = new MutationObserver((p, g) => {
-              document.getElementById(e) && (n(e), g.disconnect());
+            const d = new MutationObserver((b, m) => {
+              document.getElementById(e) && (o(e), m.disconnect());
             });
             return d.observe(document.body, {
               childList: !0,
@@ -344,54 +1977,84 @@ const xe = ({ className: e }) => /* @__PURE__ */ c("div", { className: f("w-full
             }), () => d.disconnect();
           }
         };
-        return l?.runOnFirstMount && i(), r.current[e].push(i), () => {
-          r.current[e] = r.current[e].filter(
-            (u) => u !== i
+        return a?.runOnFirstMount && c(), n.current[e].push(c), () => {
+          n.current[e] = n.current[e].filter(
+            (u) => u !== c
           );
         };
       }, []);
-    }, onKeepAliveDrop: (n) => {
-      x(() => (t.current[e].push(n), () => {
-        t.current[e] = t.current[e].filter(
-          (l) => l !== n
+    }, onKeepAliveDrop: (o) => {
+      j(() => (r.current[e].push(o), () => {
+        r.current[e] = r.current[e].filter(
+          (a) => a !== o
         );
       }), []);
     } },
-    children: z(o, s, e)
+    children: ye(t, i, e)
   }
-)), we = () => {
-  const e = P(R);
+)), wr = () => {
+  const e = xe(Me);
   if (!e)
     throw new Error("useKeepAlive must be used within KeepAliveProvider");
   return e;
-}, ye = ({
+}, yr = ({
   aliveKey: e,
-  children: r,
-  enabled: t = !0,
-  ...o
+  children: n,
+  enabled: r = !0,
+  ...t
 }) => {
-  const s = v(null), { getPortalElement: a } = le();
-  return x(() => {
-    const b = a(e, r, o.className);
-    return t && s.current && s.current.replaceWith(b), () => {
+  const i = N(null), { getPortalElement: l } = Bt();
+  return j(() => {
+    const s = l(e, n, t.className);
+    return r && i.current && i.current.replaceWith(s), () => {
     };
-  }, [e, r, t, o]), /* @__PURE__ */ c("div", { ...o, ref: s });
+  }, [e, n, r, t]), /* @__PURE__ */ f("div", { ...t, ref: i, children: n });
 };
 export {
-  ve as AliveScope,
-  me as Avatar,
-  he as AvatarsGroup,
-  ne as Button,
-  oe as Icon,
-  ye as KeepAlive,
-  xe as Separator,
-  f as cn,
-  fe as debounce,
-  Y as generateInitials,
-  U as throttle,
-  we as useKeepAlive,
-  H as useLargeScreen,
-  _ as useMergedRef,
-  q as useRipple
+  xr as AliveScope,
+  lr as Avatar,
+  ir as AvatarsGroup,
+  ie as Button,
+  Lt as Checkbox,
+  nr as FocusTrap,
+  fr as Form,
+  hr as FormInput,
+  pr as FormMultiSelect,
+  gr as FormSubmit,
+  br as FormTags,
+  mr as FormTextArea,
+  xt as Icon,
+  ze as Input,
+  yr as KeepAlive,
+  Tt as MultiSelect,
+  yt as Portal,
+  ur as Separator,
+  wt as Spinner,
+  vr as Switch,
+  _t as Tags,
+  De as TextArea,
+  ut as calculatePopoverPosition,
+  Q as checkOverflow,
+  p as cn,
+  er as debounce,
+  rr as extractDirtyData,
+  rt as generateInitials,
+  Ce as nullRead,
+  oe as nullSet,
+  st as removeWhitespaces,
+  nt as setFocusEnd,
+  ae as throttle,
+  tr as toTitleCase,
+  ar as useClickAway,
+  cr as useClickAwayAdvanced,
+  ft as useClickAwayWithRef,
+  wr as useKeepAlive,
+  lt as useLargeScreen,
+  it as useMergedRef,
+  dr as useMethods,
+  sr as useOverflow,
+  or as useOverflowState,
+  ct as usePopover,
+  at as useRipple
 };
 //# sourceMappingURL=index.js.map