@rishabh_7775/react-component-library 0.1.0 → 0.1.1

package/dist/index.js

@@ -1,17 +1,17 @@
 import { jsxs as L, jsx as g } from "react/jsx-runtime";
-import Dt, { forwardRef as B, useId as re, useContext as ge, createContext as Me, useState as ce, useRef as ve, useEffect as ne, isValidElement as jt, cloneElement as zt, useCallback as Lt } from "react";
+import nt, { forwardRef as B, useId as re, useContext as ge, useState as se, createContext as Me, useRef as ve, useEffect as ne, isValidElement as jt, cloneElement as zt, useCallback as Lt } from "react";
 import { createPortal as _t } from "react-dom";
-function nt(t) {
+function st(t) {
   var e, r, a = "";
   if (typeof t == "string" || typeof t == "number") a += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var n = t.length;
-    for (e = 0; e < n; e++) t[e] && (r = nt(t[e])) && (a && (a += " "), a += r);
+    for (e = 0; e < n; e++) t[e] && (r = st(t[e])) && (a && (a += " "), a += r);
   } else for (r in t) t[r] && (a && (a += " "), a += r);
   return a;
 }
-function st() {
-  for (var t, e, r = 0, a = "", n = arguments.length; r < n; r++) (t = arguments[r]) && (e = nt(t)) && (a && (a += " "), a += e);
+function it() {
+  for (var t, e, r = 0, a = "", n = arguments.length; r < n; r++) (t = arguments[r]) && (e = st(t)) && (a && (a += " "), a += e);
   return a;
 }
 const Mt = (t, e) => {
@@ -24,7 +24,7 @@ const Mt = (t, e) => {
 }, Bt = (t, e) => ({
   classGroupId: t,
   validator: e
-}), it = (t = /* @__PURE__ */ new Map(), e = null, r) => ({
+}), lt = (t = /* @__PURE__ */ new Map(), e = null, r) => ({
   nextPart: t,
   validators: e,
   classGroupId: r
@@ -38,7 +38,7 @@ const Mt = (t, e) => {
       if (o.startsWith("[") && o.endsWith("]"))
         return $t(o);
       const i = o.split(Ee), f = i[0] === "" && i.length > 1 ? 1 : 0;
-      return lt(i, f, e);
+      return ct(i, f, e);
     },
     getConflictingClassGroupIds: (o, i) => {
       if (i) {
@@ -48,12 +48,12 @@ const Mt = (t, e) => {
       return r[o] || $e;
     }
   };
-}, lt = (t, e, r) => {
+}, ct = (t, e, r) => {
   if (t.length - e === 0)
     return r.classGroupId;
   const n = t[e], s = r.nextPart.get(n);
   if (s) {
-    const u = lt(t, e + 1, s);
+    const u = ct(t, e + 1, s);
     if (u) return u;
   }
   const o = r.validators;
@@ -61,9 +61,9 @@ const Mt = (t, e) => {
     return;
   const i = e === 0 ? t.join(Ee) : t.slice(e).join(Ee), f = o.length;
   for (let u = 0; u < f; u++) {
-    const m = o[u];
-    if (m.validator(i))
-      return m.classGroupId;
+    const p = o[u];
+    if (p.validator(i))
+      return p.classGroupId;
   }
 }, $t = (t) => t.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const e = t.slice(1, -1), r = e.indexOf(":"), a = e.slice(0, r);
@@ -75,7 +75,7 @@ const Mt = (t, e) => {
   } = t;
   return Wt(r, e);
 }, Wt = (t, e) => {
-  const r = it();
+  const r = lt();
   for (const a in t) {
     const n = t[a];
     Be(n, r, a, e);
@@ -98,7 +98,7 @@ const Mt = (t, e) => {
   }
   Yt(t, e, r, a);
 }, qt = (t, e, r) => {
-  const a = t === "" ? e : ct(e, t);
+  const a = t === "" ? e : dt(e, t);
   a.classGroupId = r;
 }, Ht = (t, e, r, a) => {
   if (Xt(t)) {
@@ -110,15 +110,15 @@ const Mt = (t, e) => {
   const n = Object.entries(t), s = n.length;
   for (let o = 0; o < s; o++) {
     const [i, f] = n[o];
-    Be(f, ct(e, i), r, a);
+    Be(f, dt(e, i), r, a);
   }
-}, ct = (t, e) => {
+}, dt = (t, e) => {
   let r = t;
   const a = e.split(Ee), n = a.length;
   for (let s = 0; s < n; s++) {
     const o = a[s];
     let i = r.nextPart.get(o);
-    i || (i = it(), r.nextPart.set(o, i)), r = i;
+    i || (i = lt(), r.nextPart.set(o, i)), r = i;
   }
   return r;
 }, Xt = (t) => "isThemeGetter" in t && t.isThemeGetter === !0, Zt = (t) => {
@@ -159,32 +159,32 @@ const Mt = (t, e) => {
   let a = (n) => {
     const s = [];
     let o = 0, i = 0, f = 0, u;
-    const m = n.length;
-    for (let F = 0; F < m; F++) {
-      const A = n[F];
+    const p = n.length;
+    for (let O = 0; O < p; O++) {
+      const A = n[O];
       if (o === 0 && i === 0) {
         if (A === Ke) {
-          s.push(n.slice(f, F)), f = F + 1;
+          s.push(n.slice(f, O)), f = O + 1;
           continue;
         }
         if (A === "/") {
-          u = F;
+          u = O;
           continue;
         }
       }
       A === "[" ? o++ : A === "]" ? o-- : A === "(" ? i++ : A === ")" && i--;
     }
-    const p = s.length === 0 ? n : n.slice(f);
-    let h = p, T = !1;
-    p.endsWith(ze) ? (h = p.slice(0, -1), T = !0) : (
+    const m = s.length === 0 ? n : n.slice(f);
+    let v = m, T = !1;
+    m.endsWith(ze) ? (v = m.slice(0, -1), T = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      p.startsWith(ze) && (h = p.slice(1), T = !0)
+      m.startsWith(ze) && (v = m.slice(1), T = !0)
     );
-    const O = u && u > f ? u - f : void 0;
-    return We(s, T, h, O);
+    const F = u && u > f ? u - f : void 0;
+    return We(s, T, v, F);
   };
   if (e) {
     const n = e + Ke, s = a;
@@ -232,38 +232,38 @@ const Mt = (t, e) => {
     postfixLookupClassGroupIds: o
   } = e, i = [], f = t.trim().split(ar);
   let u = "";
-  for (let m = f.length - 1; m >= 0; m -= 1) {
-    const p = f[m], {
-      isExternal: h,
+  for (let p = f.length - 1; p >= 0; p -= 1) {
+    const m = f[p], {
+      isExternal: v,
       modifiers: T,
-      hasImportantModifier: O,
-      baseClassName: F,
+      hasImportantModifier: F,
+      baseClassName: O,
       maybePostfixModifierPosition: A
-    } = r(p);
-    if (h) {
-      u = p + (u.length > 0 ? " " + u : u);
+    } = r(m);
+    if (v) {
+      u = m + (u.length > 0 ? " " + u : u);
       continue;
     }
     let W = !!A, V;
     if (W) {
-      const w = F.substring(0, A);
+      const w = O.substring(0, A);
       V = a(w);
-      const d = V && o[V] ? a(F) : void 0;
+      const d = V && o[V] ? a(O) : void 0;
       d && d !== V && (V = d, W = !1);
     } else
-      V = a(F);
+      V = a(O);
     if (!V) {
       if (!W) {
-        u = p + (u.length > 0 ? " " + u : u);
+        u = m + (u.length > 0 ? " " + u : u);
         continue;
       }
-      if (V = a(F), !V) {
-        u = p + (u.length > 0 ? " " + u : u);
+      if (V = a(O), !V) {
+        u = m + (u.length > 0 ? " " + u : u);
         continue;
       }
       W = !1;
     }
-    const Q = T.length === 0 ? "" : T.length === 1 ? T[0] : s(T).join(":"), X = O ? Q + ze : Q, Z = X + V;
+    const Q = T.length === 0 ? "" : T.length === 1 ? T[0] : s(T).join(":"), X = F ? Q + ze : Q, Z = X + V;
     if (i.indexOf(Z) > -1)
       continue;
     i.push(Z);
@@ -272,50 +272,50 @@ const Mt = (t, e) => {
       const d = H[w];
       i.push(X + d);
     }
-    u = p + (u.length > 0 ? " " + u : u);
+    u = m + (u.length > 0 ? " " + u : u);
   }
   return u;
 }, nr = (...t) => {
   let e = 0, r, a, n = "";
   for (; e < t.length; )
-    (r = t[e++]) && (a = dt(r)) && (n && (n += " "), n += a);
+    (r = t[e++]) && (a = ut(r)) && (n && (n += " "), n += a);
   return n;
-}, dt = (t) => {
+}, ut = (t) => {
   if (typeof t == "string")
     return t;
   let e, r = "";
   for (let a = 0; a < t.length; a++)
-    t[a] && (e = dt(t[a])) && (r && (r += " "), r += e);
+    t[a] && (e = ut(t[a])) && (r && (r += " "), r += e);
   return r;
 }, sr = (t, ...e) => {
   let r, a, n, s;
   const o = (f) => {
-    const u = e.reduce((m, p) => p(m), t());
+    const u = e.reduce((p, m) => m(p), t());
     return r = tr(u), a = r.cache.get, n = r.cache.set, s = i, i(f);
   }, i = (f) => {
     const u = a(f);
     if (u)
       return u;
-    const m = or(f, r);
-    return n(f, m), m;
+    const p = or(f, r);
+    return n(f, p), p;
   };
   return s = o, (...f) => s(nr(...f));
 }, ir = [], U = (t) => {
   const e = (r) => r[t] || ir;
   return e.isThemeGetter = !0, e;
-}, ut = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ft = /^\((?:(\w[\w-]*):)?(.+)\)$/i, lr = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, cr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, dr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ur = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, fr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, br = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ae = (t) => lr.test(t), P = (t) => !!t && !Number.isNaN(Number(t)), J = (t) => !!t && Number.isInteger(Number(t)), je = (t) => t.endsWith("%") && P(t.slice(0, -1)), ee = (t) => cr.test(t), bt = () => !0, mr = (t) => (
+}, ft = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, lr = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, cr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, dr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ur = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, fr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, br = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ae = (t) => lr.test(t), P = (t) => !!t && !Number.isNaN(Number(t)), J = (t) => !!t && Number.isInteger(Number(t)), je = (t) => t.endsWith("%") && P(t.slice(0, -1)), ee = (t) => cr.test(t), mt = () => !0, mr = (t) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   dr.test(t) && !ur.test(t)
-), Ge = () => !1, pr = (t) => fr.test(t), vr = (t) => br.test(t), hr = (t) => !k(t) && !x(t), gr = (t) => t.startsWith("@container") && (t[10] === "/" && t[11] !== void 0 || t[11] === "s" && t[16] !== void 0 && t.startsWith("-size/", 10) || t[11] === "n" && t[18] !== void 0 && t.startsWith("-normal/", 10)), yr = (t) => se(t, vt, Ge), k = (t) => ut.test(t), ie = (t) => se(t, ht, mr), Ue = (t) => se(t, Er, P), kr = (t) => se(t, yt, bt), xr = (t) => se(t, gt, Ge), qe = (t) => se(t, mt, Ge), wr = (t) => se(t, pt, vr), we = (t) => se(t, kt, pr), x = (t) => ft.test(t), me = (t) => ue(t, ht), Tr = (t) => ue(t, gt), He = (t) => ue(t, mt), Nr = (t) => ue(t, vt), Sr = (t) => ue(t, pt), Te = (t) => ue(t, kt, !0), Cr = (t) => ue(t, yt, !0), se = (t, e, r) => {
-  const a = ut.exec(t);
+), Ge = () => !1, pr = (t) => fr.test(t), vr = (t) => br.test(t), hr = (t) => !k(t) && !x(t), gr = (t) => t.startsWith("@container") && (t[10] === "/" && t[11] !== void 0 || t[11] === "s" && t[16] !== void 0 && t.startsWith("-size/", 10) || t[11] === "n" && t[18] !== void 0 && t.startsWith("-normal/", 10)), yr = (t) => ie(t, ht, Ge), k = (t) => ft.test(t), le = (t) => ie(t, gt, mr), Ue = (t) => ie(t, Er, P), kr = (t) => ie(t, kt, mt), xr = (t) => ie(t, yt, Ge), qe = (t) => ie(t, pt, Ge), wr = (t) => ie(t, vt, vr), we = (t) => ie(t, xt, pr), x = (t) => bt.test(t), me = (t) => ue(t, gt), Tr = (t) => ue(t, yt), He = (t) => ue(t, pt), Nr = (t) => ue(t, ht), Sr = (t) => ue(t, vt), Te = (t) => ue(t, xt, !0), Cr = (t) => ue(t, kt, !0), ie = (t, e, r) => {
+  const a = ft.exec(t);
   return a ? a[1] ? e(a[1]) : r(a[2]) : !1;
 }, ue = (t, e, r = !1) => {
-  const a = ft.exec(t);
+  const a = bt.exec(t);
   return a ? a[1] ? e(a[1]) : r : !1;
-}, mt = (t) => t === "position" || t === "percentage", pt = (t) => t === "image" || t === "url", vt = (t) => t === "length" || t === "size" || t === "bg-size", ht = (t) => t === "length", Er = (t) => t === "number", gt = (t) => t === "family-name", yt = (t) => t === "number" || t === "weight", kt = (t) => t === "shadow", Or = () => {
-  const t = U("color"), e = U("font"), r = U("text"), a = U("font-weight"), n = U("tracking"), s = U("leading"), o = U("breakpoint"), i = U("container"), f = U("spacing"), u = U("radius"), m = U("shadow"), p = U("inset-shadow"), h = U("text-shadow"), T = U("drop-shadow"), O = U("blur"), F = U("perspective"), A = U("aspect"), W = U("ease"), V = U("animate"), Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [
+}, pt = (t) => t === "position" || t === "percentage", vt = (t) => t === "image" || t === "url", ht = (t) => t === "length" || t === "size" || t === "bg-size", gt = (t) => t === "length", Er = (t) => t === "number", yt = (t) => t === "family-name", kt = (t) => t === "number" || t === "weight", xt = (t) => t === "shadow", Or = () => {
+  const t = U("color"), e = U("font"), r = U("text"), a = U("font-weight"), n = U("tracking"), s = U("leading"), o = U("breakpoint"), i = U("container"), f = U("spacing"), u = U("radius"), p = U("shadow"), m = U("inset-shadow"), v = U("text-shadow"), T = U("drop-shadow"), F = U("blur"), O = U("perspective"), A = U("aspect"), W = U("ease"), V = U("animate"), Q = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], X = () => [
     "center",
     "top",
     "bottom",
@@ -335,13 +335,13 @@ const Mt = (t, e) => {
     "left-bottom"
   ], Z = () => [...X(), x, k], H = () => ["auto", "hidden", "clip", "visible", "scroll"], w = () => ["auto", "contain", "none"], d = () => [x, k, f], N = () => [ae, "full", "auto", ...d()], y = () => [J, "none", "subgrid", x, k], z = () => ["auto", {
     span: ["full", J, x, k]
-  }, J, x, k], M = () => [J, "auto", x, k], E = () => ["auto", "min", "max", "fr", x, k], c = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], l = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], v = () => ["auto", ...d()], C = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], S = () => [ae, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...d()], R = () => [ae, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...d()], b = () => [t, x, k], j = () => [...X(), He, qe, {
+  }, J, x, k], M = () => [J, "auto", x, k], E = () => ["auto", "min", "max", "fr", x, k], c = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], l = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], h = () => ["auto", ...d()], C = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...d()], S = () => [ae, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...d()], R = () => [ae, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...d()], b = () => [t, x, k], j = () => [...X(), He, qe, {
     position: [x, k]
   }], I = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], $ = () => ["auto", "cover", "contain", Nr, yr, {
     size: [x, k]
-  }], q = () => [je, me, ie], _ = () => [
+  }], q = () => [je, me, le], _ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -349,11 +349,11 @@ const Mt = (t, e) => {
     u,
     x,
     k
-  ], G = () => ["", P, me, ie], Y = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => [P, je, He, qe], Ve = () => [
+  ], G = () => ["", P, me, le], Y = () => ["solid", "dashed", "dotted", "double"], fe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => [P, je, He, qe], Ve = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    O,
+    F,
     x,
     k
   ], ye = () => ["none", P, x, k], ke = () => ["none", P, x, k], De = () => [P, x, k], xe = () => [ae, "full", ...d()];
@@ -364,7 +364,7 @@ const Mt = (t, e) => {
       aspect: ["video"],
       blur: [ee],
       breakpoint: [ee],
-      color: [bt],
+      color: [mt],
       container: [ee],
       "drop-shadow": [ee],
       ease: ["in", "out", "in-out"],
@@ -942,77 +942,77 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: v()
+        m: h()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: v()
+        mx: h()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: v()
+        my: h()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: v()
+        ms: h()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: v()
+        me: h()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: v()
+        mbs: h()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: v()
+        mbe: h()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: v()
+        mt: h()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: v()
+        mr: h()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: v()
+        mb: h()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: v()
+        ml: h()
       }],
       /**
        * Space Between X
@@ -1157,7 +1157,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, me, ie]
+        text: ["base", r, me, le]
       }],
       /**
        * Font Smoothing
@@ -1312,7 +1312,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [P, "from-font", "auto", x, ie]
+        decoration: [P, "from-font", "auto", x, le]
       }],
       /**
        * Text Decoration Color
@@ -1834,7 +1834,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", P, me, ie]
+        outline: ["", P, me, le]
       }],
       /**
        * Outline Color
@@ -1855,7 +1855,7 @@ const Mt = (t, e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          m,
+          p,
           Te,
           we
         ]
@@ -1872,7 +1872,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", p, Te, we]
+        "inset-shadow": ["none", m, Te, we]
       }],
       /**
        * Inset Box Shadow Color
@@ -1909,7 +1909,7 @@ const Mt = (t, e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [P, ie]
+        "ring-offset": [P, le]
       }],
       /**
        * Ring Offset Color
@@ -1939,7 +1939,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", h, Te, we]
+        "text-shadow": ["none", v, Te, we]
       }],
       /**
        * Text Shadow Color
@@ -2439,7 +2439,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [F, x, k]
+        perspective: [O, x, k]
       }],
       /**
        * Perspective Origin
@@ -2922,7 +2922,7 @@ const Mt = (t, e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [P, me, ie, Ue]
+        stroke: [P, me, le, Ue]
       }],
       /**
        * Stroke
@@ -3001,10 +3001,10 @@ const Mt = (t, e) => {
   };
 }, Fr = /* @__PURE__ */ sr(Or);
 function D(...t) {
-  return Fr(st(t));
+  return Fr(it(t));
 }
 const Ua = ({
-  title: t = "@rishabh/ui Component Library",
+  title: t = "React Component Library",
   description: e = "Phase 0 setup complete. Ready for Phase 1 & Phase 2 components.",
   className: r,
   ...a
@@ -3042,32 +3042,32 @@ const Ua = ({
     ),
     o && e && /* @__PURE__ */ g("span", { className: "sr-only", children: e })
   ] });
-}, Ye = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Xe = st, be = (t, e) => (r) => {
+}, Ye = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, Xe = it, be = (t, e) => (r) => {
   var a;
   if ((e == null ? void 0 : e.variants) == null) return Xe(t, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
   const { variants: n, defaultVariants: s } = e, o = Object.keys(n).map((u) => {
-    const m = r == null ? void 0 : r[u], p = s == null ? void 0 : s[u];
-    if (m === null) return null;
-    const h = Ye(m) || Ye(p);
-    return n[u][h];
-  }), i = r && Object.entries(r).reduce((u, m) => {
-    let [p, h] = m;
-    return h === void 0 || (u[p] = h), u;
-  }, {}), f = e == null || (a = e.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((u, m) => {
-    let { class: p, className: h, ...T } = m;
-    return Object.entries(T).every((O) => {
-      let [F, A] = O;
+    const p = r == null ? void 0 : r[u], m = s == null ? void 0 : s[u];
+    if (p === null) return null;
+    const v = Ye(p) || Ye(m);
+    return n[u][v];
+  }), i = r && Object.entries(r).reduce((u, p) => {
+    let [m, v] = p;
+    return v === void 0 || (u[m] = v), u;
+  }, {}), f = e == null || (a = e.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((u, p) => {
+    let { class: m, className: v, ...T } = p;
+    return Object.entries(T).every((F) => {
+      let [O, A] = F;
       return Array.isArray(A) ? A.includes({
         ...s,
         ...i
-      }[F]) : {
+      }[O]) : {
         ...s,
         ...i
-      }[F] === A;
+      }[O] === A;
     }) ? [
       ...u,
-      p,
-      h
+      m,
+      v
     ] : u;
   }, []);
   return Xe(t, o, f, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
@@ -3130,12 +3130,12 @@ const Ar = be(
   }
 ), Dr = B(
   ({ className: t, size: e, label: r, error: a, helperText: n, id: s, disabled: o, required: i, ...f }, u) => {
-    const m = re(), p = s || m, h = `${p}-error`, T = `${p}-helper`, O = !!a, F = typeof a == "string" ? a : void 0, A = [
-      O && F ? h : null,
+    const p = re(), m = s || p, v = `${m}-error`, T = `${m}-helper`, F = !!a, O = typeof a == "string" ? a : void 0, A = [
+      F && O ? v : null,
       n ? T : null
     ].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ L("div", { className: "flex flex-col gap-1.5 w-full font-sans", children: [
-      r && /* @__PURE__ */ L("label", { htmlFor: p, className: "text-label-caps text-text font-medium dark:text-text-dark", children: [
+      r && /* @__PURE__ */ L("label", { htmlFor: m, className: "text-label-caps text-text font-medium dark:text-text-dark", children: [
         r,
         i && /* @__PURE__ */ g("span", { className: "text-danger dark:text-danger-dark ml-1", children: "*" })
       ] }),
@@ -3143,17 +3143,17 @@ const Ar = be(
         "input",
         {
           ref: u,
-          id: p,
+          id: m,
           disabled: o,
           required: i,
-          "aria-invalid": O || void 0,
+          "aria-invalid": F || void 0,
           "aria-describedby": A,
-          className: D(Ar({ size: e, error: O }), t),
+          className: D(Ar({ size: e, error: F }), t),
           ...f
         }
       ),
-      O && F && /* @__PURE__ */ g("p", { id: h, className: "text-body-md text-danger dark:text-danger-dark", children: F }),
-      !O && n && /* @__PURE__ */ g("p", { id: T, className: "text-body-md text-text-muted dark:text-text-dark-muted", children: n })
+      F && O && /* @__PURE__ */ g("p", { id: v, className: "text-body-md text-danger dark:text-danger-dark", children: O }),
+      !F && n && /* @__PURE__ */ g("p", { id: T, className: "text-body-md text-text-muted dark:text-text-dark-muted", children: n })
     ] });
   }
 );
@@ -3188,7 +3188,7 @@ const jr = B(
               "div",
               {
                 className: D(
-                  "w-4 h-4 rounded border transition-colors focus-ring flex items-center justify-center border-border bg-surface-lowest text-white peer-checked:bg-accent peer-checked:border-accent peer-focus-visible:ring-2 peer-focus-visible:ring-accent peer-focus-visible:ring-offset-2 dark:border-border-dark dark:bg-surface-dark-lowest dark:peer-checked:bg-accent-dark dark:peer-checked:border-accent-dark",
+                  "w-4 h-4 rounded border transition-colors focus-ring flex items-center justify-center border-border bg-surface-lowest text-white peer-checked:bg-accent peer-checked:border-accent peer-checked:[&_svg]:opacity-100 peer-focus-visible:ring-2 peer-focus-visible:ring-accent peer-focus-visible:ring-offset-2 dark:border-border-dark dark:bg-surface-dark-lowest dark:peer-checked:bg-accent-dark dark:peer-checked:border-accent-dark",
                   a && "border-danger dark:border-danger-dark"
                 ),
                 children: /* @__PURE__ */ g(
@@ -3212,33 +3212,36 @@ const jr = B(
   }
 );
 jr.displayName = "Checkbox";
-const xt = Me(null);
+const wt = Me(null);
 function qa({
   className: t,
   legend: e,
   name: r,
   value: a,
-  onChange: n,
-  disabled: s,
-  children: o,
-  ...i
+  defaultValue: n,
+  onChange: s,
+  disabled: o,
+  children: i,
+  ...f
 }) {
-  const f = re(), u = r || f;
-  return /* @__PURE__ */ g(xt.Provider, { value: { name: u, value: a, onChange: n, disabled: s }, children: /* @__PURE__ */ L("fieldset", { className: D("flex flex-col gap-2 font-sans border-none p-0 m-0", t), ...i, children: [
+  const u = re(), p = r || u, [m, v] = se(n || ""), T = a !== void 0 ? a : m, F = (O) => {
+    a === void 0 && v(O.target.value), s == null || s(O);
+  };
+  return /* @__PURE__ */ g(wt.Provider, { value: { name: p, value: T, onChange: F, disabled: o }, children: /* @__PURE__ */ L("fieldset", { className: D("flex flex-col gap-2 font-sans border-none p-0 m-0", t), ...f, children: [
     e && /* @__PURE__ */ g("legend", { className: "text-label-caps font-semibold text-text dark:text-text-dark mb-1", children: e }),
-    o
+    i
   ] }) });
 }
 const zr = B(
   ({ className: t, label: e, description: r, value: a, id: n, disabled: s, checked: o, onChange: i, ...f }, u) => {
-    const m = ge(xt), p = re(), h = n || p, T = f.name || (m == null ? void 0 : m.name), O = o !== void 0 ? o : (m == null ? void 0 : m.value) !== void 0 ? m.value === a : f.defaultChecked, F = s || (m == null ? void 0 : m.disabled), A = i || (m == null ? void 0 : m.onChange);
+    const p = ge(wt), m = re(), v = n || m, T = f.name || (p == null ? void 0 : p.name), F = o !== void 0 ? o : (p == null ? void 0 : p.value) !== void 0 ? p.value === a : f.defaultChecked, O = s || (p == null ? void 0 : p.disabled), A = i || (p == null ? void 0 : p.onChange);
     return /* @__PURE__ */ L(
       "label",
       {
-        htmlFor: h,
+        htmlFor: v,
         className: D(
           "inline-flex items-start gap-3 cursor-pointer select-none font-sans",
-          F && "opacity-50 cursor-not-allowed",
+          O && "opacity-50 cursor-not-allowed",
           t
         ),
         children: [
@@ -3248,11 +3251,11 @@ const zr = B(
               {
                 ref: u,
                 type: "radio",
-                id: h,
+                id: v,
                 name: T,
                 value: a,
-                checked: O,
-                disabled: F,
+                checked: F,
+                disabled: O,
                 onChange: A || (() => {
                 }),
                 className: "peer sr-only",
@@ -3270,7 +3273,7 @@ const zr = B(
                   {
                     className: D(
                       "w-2 h-2 rounded-full bg-accent dark:bg-accent-dark scale-0 peer-checked:scale-100 transition-transform",
-                      O && "scale-100"
+                      F && "scale-100"
                     )
                   }
                 )
@@ -3307,13 +3310,13 @@ const Lr = be(
     }
   }
 ), _r = B(
-  ({ className: t, size: e, label: r, error: a, helperText: n, id: s, disabled: o, required: i, children: f, ...u }, m) => {
-    const p = re(), h = s || p, T = `${h}-error`, O = `${h}-helper`, F = !!a, A = typeof a == "string" ? a : void 0, W = [
-      F && A ? T : null,
-      n ? O : null
+  ({ className: t, size: e, label: r, error: a, helperText: n, id: s, disabled: o, required: i, children: f, ...u }, p) => {
+    const m = re(), v = s || m, T = `${v}-error`, F = `${v}-helper`, O = !!a, A = typeof a == "string" ? a : void 0, W = [
+      O && A ? T : null,
+      n ? F : null
     ].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ L("div", { className: "flex flex-col gap-1.5 w-full font-sans", children: [
-      r && /* @__PURE__ */ L("label", { htmlFor: h, className: "text-label-caps text-text font-medium dark:text-text-dark", children: [
+      r && /* @__PURE__ */ L("label", { htmlFor: v, className: "text-label-caps text-text font-medium dark:text-text-dark", children: [
         r,
         i && /* @__PURE__ */ g("span", { className: "text-danger dark:text-danger-dark ml-1", children: "*" })
       ] }),
@@ -3321,21 +3324,21 @@ const Lr = be(
         /* @__PURE__ */ g(
           "select",
           {
-            ref: m,
-            id: h,
+            ref: p,
+            id: v,
             disabled: o,
             required: i,
-            "aria-invalid": F || void 0,
+            "aria-invalid": O || void 0,
             "aria-describedby": W,
-            className: D(Lr({ size: e, error: F }), t),
+            className: D(Lr({ size: e, error: O }), t),
             ...u,
             children: f
           }
         ),
         /* @__PURE__ */ g("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-text-muted dark:text-text-dark-muted", children: /* @__PURE__ */ g("svg", { className: "w-4 h-4 fill-none stroke-current stroke-2", viewBox: "0 0 24 24", children: /* @__PURE__ */ g("polyline", { points: "6 9 12 15 18 9" }) }) })
       ] }),
-      F && A && /* @__PURE__ */ g("p", { id: T, className: "text-body-md text-danger dark:text-danger-dark", children: A }),
-      !F && n && /* @__PURE__ */ g("p", { id: O, className: "text-body-md text-text-muted dark:text-text-dark-muted", children: n })
+      O && A && /* @__PURE__ */ g("p", { id: T, className: "text-body-md text-danger dark:text-danger-dark", children: A }),
+      !O && n && /* @__PURE__ */ g("p", { id: F, className: "text-body-md text-text-muted dark:text-text-dark-muted", children: n })
     ] });
   }
 );
@@ -3352,11 +3355,11 @@ const Mr = B(
     id: i,
     "aria-labelledby": f,
     ...u
-  }, m) => {
-    const p = re(), h = i || p, T = `${h}-label`, [O, F] = ce(n), A = a !== void 0 ? a : O, W = () => {
+  }, p) => {
+    const m = re(), v = i || m, T = `${v}-label`, [F, O] = se(n), A = a !== void 0 ? a : F, W = () => {
       if (o) return;
       const V = !A;
-      a === void 0 && F(V), s == null || s(V);
+      a === void 0 && O(V), s == null || s(V);
     };
     return /* @__PURE__ */ L(
       "div",
@@ -3371,10 +3374,10 @@ const Mr = B(
           /* @__PURE__ */ g(
             "button",
             {
-              ref: m,
+              ref: p,
               type: "button",
               role: "switch",
-              id: h,
+              id: v,
               "aria-checked": A,
               "aria-labelledby": e ? T : f,
               disabled: o,
@@ -3494,24 +3497,24 @@ const Kr = be(
   }
 ), Wr = B(
   ({ className: t, variant: e, title: r, duration: a = 5e3, onDismiss: n, children: s, ...o }, i) => {
-    const f = ve(null), u = ve(Date.now()), m = ve(a), p = () => {
-      !n || m.current <= 0 || (u.current = Date.now(), f.current = setTimeout(() => {
+    const f = ve(null), u = ve(Date.now()), p = ve(a), m = () => {
+      !n || p.current <= 0 || (u.current = Date.now(), f.current = setTimeout(() => {
         n();
-      }, m.current));
-    }, h = () => {
-      f.current && (clearTimeout(f.current), f.current = null, m.current -= Date.now() - u.current);
+      }, p.current));
+    }, v = () => {
+      f.current && (clearTimeout(f.current), f.current = null, p.current -= Date.now() - u.current);
     };
-    return ne(() => (p(), () => {
+    return ne(() => (m(), () => {
       f.current && clearTimeout(f.current);
     }), []), /* @__PURE__ */ L(
       "div",
       {
         ref: i,
         role: "status",
-        onMouseEnter: h,
-        onMouseLeave: p,
-        onFocus: h,
-        onBlur: p,
+        onMouseEnter: v,
+        onMouseLeave: m,
+        onFocus: v,
+        onBlur: m,
         className: D(Kr({ variant: e }), t),
         ...o,
         children: [
@@ -3541,7 +3544,7 @@ Wr.displayName = "Toast";
 function Ur(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-function wt(t) {
+function Tt(t) {
   if (Object.prototype.hasOwnProperty.call(t, "__esModule")) return t;
   var e = t.default;
   if (typeof e == "function") {
@@ -3565,8 +3568,8 @@ var Ne = { exports: {} };
 * tabbable 6.5.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
-var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "area[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], Oe = /* @__PURE__ */ Tt.join(","), Nt = typeof Element > "u", de = Nt ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Fe = !Nt && Element.prototype.getRootNode ? function(t) {
+var Nt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert] *)", "textarea:not([inert]):not([inert] *)", "a[href]:not([inert]):not([inert] *)", "area[href]:not([inert]):not([inert] *)", "button:not([inert]):not([inert] *)", "[tabindex]:not(slot):not([inert]):not([inert] *)", "audio[controls]:not([inert]):not([inert] *)", "video[controls]:not([inert]):not([inert] *)", '[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)', "details>summary:first-of-type:not([inert]):not([inert] *)", "details:not([inert]):not([inert] *)"], Oe = /* @__PURE__ */ Nt.join(","), St = typeof Element > "u", de = St ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Fe = !St && Element.prototype.getRootNode ? function(t) {
   var e;
   return t == null || (e = t.getRootNode) === null || e === void 0 ? void 0 : e.call(t);
 } : function(t) {
@@ -3581,7 +3584,7 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
 }, qr = function(e) {
   var r, a = e == null || (r = e.getAttribute) === null || r === void 0 ? void 0 : r.call(e, "contenteditable");
   return a === "" || a === "true";
-}, St = function(e, r, a) {
+}, Ct = function(e, r, a) {
   if (Re(e))
     return [];
   var n = Array.prototype.slice.apply(e.querySelectorAll(Oe));
@@ -3597,12 +3600,12 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
           candidates: u
         });
       } else {
-        var m = de.call(o, Oe);
-        m && a.filter(o) && (r || !e.includes(o)) && n.push(o);
-        var p = o.shadowRoot || // check for an undisclosed shadow
-        typeof a.getShadowRoot == "function" && a.getShadowRoot(o), h = !Re(p, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
-        if (p && h) {
-          var T = Ie(p === !0 ? o.children : p.children, !0, a);
+        var p = de.call(o, Oe);
+        p && a.filter(o) && (r || !e.includes(o)) && n.push(o);
+        var m = o.shadowRoot || // check for an undisclosed shadow
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(o), v = !Re(m, !1) && (!a.shadowRootFilter || a.shadowRootFilter(o));
+        if (m && v) {
+          var T = Ie(m === !0 ? o.children : m.children, !0, a);
           a.flatten ? n.push.apply(n, T) : n.push({
             scopeParent: o,
             candidates: T
@@ -3612,21 +3615,21 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
       }
   }
   return n;
-}, Ct = function(e) {
+}, Et = function(e) {
   return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
 }, oe = function(e) {
   if (!e)
     throw new Error("No node provided");
-  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || qr(e)) && !Ct(e) ? 0 : e.tabIndex;
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || qr(e)) && !Et(e) ? 0 : e.tabIndex;
 }, Hr = function(e, r) {
   var a = oe(e);
-  return a < 0 && r && !Ct(e) ? 0 : a;
+  return a < 0 && r && !Et(e) ? 0 : a;
 }, Yr = function(e, r) {
   return e.tabIndex === r.tabIndex ? e.documentOrder - r.documentOrder : e.tabIndex - r.tabIndex;
-}, Et = function(e) {
+}, Ot = function(e) {
   return e.tagName === "INPUT";
 }, Xr = function(e) {
-  return Et(e) && e.type === "hidden";
+  return Ot(e) && e.type === "hidden";
 }, Zr = function(e) {
   var r = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
     return a.tagName === "SUMMARY";
@@ -3653,7 +3656,7 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   var s = Jr(n, e.form);
   return !s || s === e;
 }, ea = function(e) {
-  return Et(e) && e.type === "radio";
+  return Ot(e) && e.type === "radio";
 }, ta = function(e) {
   return ea(e) && !Qr(e);
 }, ra = function(e) {
@@ -3661,8 +3664,8 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   if (a && a !== e) {
     var o, i, f;
     for (s = !!((o = n) !== null && o !== void 0 && (i = o.ownerDocument) !== null && i !== void 0 && i.contains(n) || e != null && (f = e.ownerDocument) !== null && f !== void 0 && f.contains(e)); !s && n; ) {
-      var u, m, p;
-      a = Fe(n), n = (u = a) === null || u === void 0 ? void 0 : u.host, s = !!((m = n) !== null && m !== void 0 && (p = m.ownerDocument) !== null && p !== void 0 && p.contains(n));
+      var u, p, m;
+      a = Fe(n), n = (u = a) === null || u === void 0 ? void 0 : u.host, s = !!((p = n) !== null && p !== void 0 && (m = p.ownerDocument) !== null && m !== void 0 && m.contains(n));
     }
   }
   return s;
@@ -3697,13 +3700,13 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   // Element#checkVisibility is unsupported
   a === "full-native" || a === "legacy-full") {
     if (typeof n == "function") {
-      for (var m = e; e; ) {
-        var p = e.parentElement, h = Fe(e);
-        if (p && !p.shadowRoot && n(p) === !0)
+      for (var p = e; e; ) {
+        var m = e.parentElement, v = Fe(e);
+        if (m && !m.shadowRoot && n(m) === !0)
           return Ze(e);
-        e.assignedSlot ? e = e.assignedSlot : !p && h !== e.ownerDocument ? e = h.host : e = p;
+        e.assignedSlot ? e = e.assignedSlot : !m && v !== e.ownerDocument ? e = v.host : e = m;
       }
-      e = m;
+      e = p;
     }
     if (ra(e))
       return !e.getClientRects().length;
@@ -3734,10 +3737,10 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
 }, na = function(e) {
   var r = parseInt(e.getAttribute("tabindex"), 10);
   return !!(isNaN(r) || r >= 0);
-}, Ot = function(e) {
+}, Ft = function(e) {
   var r = [], a = [];
   return e.forEach(function(n, s) {
-    var o = !!n.scopeParent, i = o ? n.scopeParent : n, f = Hr(i, o), u = o ? Ot(n.candidates) : i;
+    var o = !!n.scopeParent, i = o ? n.scopeParent : n, f = Hr(i, o), u = o ? Ft(n.candidates) : i;
     f === 0 ? o ? r.push.apply(r, u) : r.push(i) : a.push({
       documentOrder: s,
       tabIndex: f,
@@ -3748,7 +3751,7 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
   }), a.sort(Yr).reduce(function(n, s) {
     return s.isScope ? n.push.apply(n, s.content) : n.push(s.content), n;
   }, []).concat(r);
-}, Ft = function(e, r) {
+}, Rt = function(e, r) {
   r = r || {};
   var a;
   return r.getShadowRoot ? a = Ie([e], r.includeContainer, {
@@ -3756,31 +3759,31 @@ var Tt = ["input:not([inert]):not([inert] *)", "select:not([inert]):not([inert]
     flatten: !1,
     getShadowRoot: r.getShadowRoot,
     shadowRootFilter: na
-  }) : a = St(e, r.includeContainer, Le.bind(null, r)), Ot(a);
-}, Rt = function(e, r) {
+  }) : a = Ct(e, r.includeContainer, Le.bind(null, r)), Ft(a);
+}, It = function(e, r) {
   r = r || {};
   var a;
   return r.getShadowRoot ? a = Ie([e], r.includeContainer, {
     filter: Pe.bind(null, r),
     flatten: !0,
     getShadowRoot: r.getShadowRoot
-  }) : a = St(e, r.includeContainer, Pe.bind(null, r)), a;
-}, le = function(e, r) {
+  }) : a = Ct(e, r.includeContainer, Pe.bind(null, r)), a;
+}, ce = function(e, r) {
   if (r = r || {}, !e)
     throw new Error("No node provided");
   return de.call(e, Oe) === !1 ? !1 : Le(r, e);
-}, sa = /* @__PURE__ */ Tt.concat("iframe:not([inert]):not([inert] *)").join(","), Ce = function(e, r) {
+}, sa = /* @__PURE__ */ Nt.concat("iframe:not([inert]):not([inert] *)").join(","), Ce = function(e, r) {
   if (r = r || {}, !e)
     throw new Error("No node provided");
   return de.call(e, sa) === !1 ? !1 : Pe(r, e);
 };
 const ia = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  focusable: Rt,
+  focusable: It,
   getTabIndex: oe,
   isFocusable: Ce,
-  isTabbable: le,
-  tabbable: Ft
+  isTabbable: ce,
+  tabbable: Rt
 }, Symbol.toStringTag, { value: "Module" }));
 /*!
 * focus-trap 8.2.2
@@ -3797,7 +3800,7 @@ function la(t) {
 function Je(t, e) {
   var r = typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
   if (!r) {
-    if (Array.isArray(t) || (r = It(t)) || e) {
+    if (Array.isArray(t) || (r = Pt(t)) || e) {
       r && (t = r);
       var a = 0, n = function() {
       };
@@ -3878,7 +3881,7 @@ function et(t) {
   return t;
 }
 function fa(t) {
-  return la(t) || da(t) || It(t) || ua();
+  return la(t) || da(t) || Pt(t) || ua();
 }
 function ba(t, e) {
   if (typeof t != "object" || !t) return t;
@@ -3894,7 +3897,7 @@ function ma(t) {
   var e = ba(t, "string");
   return typeof e == "symbol" ? e : e + "";
 }
-function It(t, e) {
+function Pt(t, e) {
   if (t) {
     if (typeof t == "string") return _e(t, e);
     var r = {}.toString.call(t).slice(8, -1);
@@ -3999,22 +4002,22 @@ var te = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, i, f = function(c, l, v) {
-    return c && c[l] !== void 0 ? c[l] : s[v || l];
+  }, i, f = function(c, l, h) {
+    return c && c[l] !== void 0 ? c[l] : s[h || l];
   }, u = function(c, l) {
-    var v = typeof (l == null ? void 0 : l.composedPath) == "function" ? l.composedPath() : void 0;
+    var h = typeof (l == null ? void 0 : l.composedPath) == "function" ? l.composedPath() : void 0;
     return o.containerGroups.findIndex(function(C) {
       var S = C.container, R = C.tabbableNodes;
       return S.contains(c) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      (v == null ? void 0 : v.includes(S)) || R.find(function(b) {
+      (h == null ? void 0 : h.includes(S)) || R.find(function(b) {
         return b === c;
       });
     });
-  }, m = function(c) {
-    var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, v = l.hasFallback, C = v === void 0 ? !1 : v, S = l.params, R = S === void 0 ? [] : S, b = s[c];
+  }, p = function(c) {
+    var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, h = l.hasFallback, C = h === void 0 ? !1 : h, S = l.params, R = S === void 0 ? [] : S, b = s[c];
     if (typeof b == "function" && (b = b.apply(void 0, fa(R))), b === !0 && (b = void 0), !b) {
       if (b === void 0 || b === !1)
         return b;
@@ -4031,40 +4034,40 @@ var te = {
         throw new Error("`".concat(c, "` as selector refers to no known node"));
     }
     return j;
-  }, p = function(c) {
+  }, m = function(c) {
     var l = c.activeElement;
-    return l ? l.shadowRoot && l.shadowRoot.activeElement !== null ? p(l.shadowRoot) : l : null;
-  }, h = function() {
-    var c = m("initialFocus", {
+    return l ? l.shadowRoot && l.shadowRoot.activeElement !== null ? m(l.shadowRoot) : l : null;
+  }, v = function() {
+    var c = p("initialFocus", {
       hasFallback: !0
     });
     if (c === !1)
       return !1;
     if (c === void 0 || c && !Ce(c, s.tabbableOptions)) {
-      var l = p(a);
+      var l = m(a);
       if (u(l) >= 0)
         c = l;
       else {
-        var v = o.tabbableGroups[0], C = v && v.firstTabbableNode;
-        c = C || m("fallbackFocus");
+        var h = o.tabbableGroups[0], C = h && h.firstTabbableNode;
+        c = C || p("fallbackFocus");
       }
-    } else c === null && (c = m("fallbackFocus"));
+    } else c === null && (c = p("fallbackFocus"));
     if (!c)
       throw new Error("Your focus-trap needs to have at least one focusable element");
     return c;
   }, T = function() {
     if (o.containerGroups = o.containers.map(function(c) {
-      var l = Ft(c, s.tabbableOptions), v = Rt(c, s.tabbableOptions), C = l.length > 0 ? l[0] : void 0, S = l.length > 0 ? l[l.length - 1] : void 0, R = v.find(function(I) {
-        return le(I);
-      }), b = v.slice().reverse().find(function(I) {
-        return le(I);
+      var l = Rt(c, s.tabbableOptions), h = It(c, s.tabbableOptions), C = l.length > 0 ? l[0] : void 0, S = l.length > 0 ? l[l.length - 1] : void 0, R = h.find(function(I) {
+        return ce(I);
+      }), b = h.slice().reverse().find(function(I) {
+        return ce(I);
       }), j = !!l.find(function(I) {
         return oe(I) > 0;
       });
       return {
         container: c,
         tabbableNodes: l,
-        focusableNodes: v,
+        focusableNodes: h,
         /** True if at least one node with positive `tabindex` was found in this container. */
         posTabIndexesFound: j,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
@@ -4092,42 +4095,42 @@ var te = {
          */
         nextTabbableNode: function($) {
           var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, _ = l.indexOf($);
-          return _ < 0 ? q ? v.slice(v.indexOf($) + 1).find(function(G) {
-            return le(G);
-          }) : v.slice(0, v.indexOf($)).reverse().find(function(G) {
-            return le(G);
+          return _ < 0 ? q ? h.slice(h.indexOf($) + 1).find(function(G) {
+            return ce(G);
+          }) : h.slice(0, h.indexOf($)).reverse().find(function(G) {
+            return ce(G);
           }) : l[_ + (q ? 1 : -1)];
         }
       };
     }), o.tabbableGroups = o.containerGroups.filter(function(c) {
       return c.tabbableNodes.length > 0;
-    }), o.tabbableGroups.length <= 0 && !m("fallbackFocus"))
+    }), o.tabbableGroups.length <= 0 && !p("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
     if (o.containerGroups.find(function(c) {
       return c.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, O = function(c) {
-    if (c !== !1 && c !== p(document)) {
+  }, F = function(c) {
+    if (c !== !1 && c !== m(document)) {
       if (!c || !c.focus) {
-        O(h());
+        F(v());
         return;
       }
       c.focus({
         preventScroll: !!s.preventScroll
       }), o.mostRecentlyFocusedNode = c, pa(c) && c.select();
     }
-  }, F = function(c) {
-    var l = m("setReturnFocus", {
+  }, O = function(c) {
+    var l = p("setReturnFocus", {
       params: [c]
     });
     return l || (l === !1 ? !1 : c);
   }, A = function(c) {
-    var l = c.target, v = c.event, C = c.isBackward, S = C === void 0 ? !1 : C;
-    l = l || Se(v), T();
+    var l = c.target, h = c.event, C = c.isBackward, S = C === void 0 ? !1 : C;
+    l = l || Se(h), T();
     var R = null;
     if (o.tabbableGroups.length > 0) {
-      var b = u(l, v), j = b >= 0 ? o.containerGroups[b] : void 0;
+      var b = u(l, h), j = b >= 0 ? o.containerGroups[b] : void 0;
       if (b < 0)
         S ? R = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : R = o.tabbableGroups[0].firstTabbableNode;
       else if (S) {
@@ -4135,22 +4138,22 @@ var te = {
           var K = fe.firstTabbableNode;
           return l === K;
         });
-        if (I < 0 && (j.container === l || Ce(l, s.tabbableOptions) && !le(l, s.tabbableOptions) && !j.nextTabbableNode(l, !1)) && (I = b), I >= 0) {
+        if (I < 0 && (j.container === l || Ce(l, s.tabbableOptions) && !ce(l, s.tabbableOptions) && !j.nextTabbableNode(l, !1)) && (I = b), I >= 0) {
           var $ = I === 0 ? o.tabbableGroups.length - 1 : I - 1, q = o.tabbableGroups[$];
           R = oe(l) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
-        } else he(v) || (R = j.nextTabbableNode(l, !1));
+        } else he(h) || (R = j.nextTabbableNode(l, !1));
       } else {
         var _ = o.tabbableGroups.findIndex(function(fe) {
           var K = fe.lastTabbableNode;
           return l === K;
         });
-        if (_ < 0 && (j.container === l || Ce(l, s.tabbableOptions) && !le(l, s.tabbableOptions) && !j.nextTabbableNode(l)) && (_ = b), _ >= 0) {
+        if (_ < 0 && (j.container === l || Ce(l, s.tabbableOptions) && !ce(l, s.tabbableOptions) && !j.nextTabbableNode(l)) && (_ = b), _ >= 0) {
           var G = _ === o.tabbableGroups.length - 1 ? 0 : _ + 1, Y = o.tabbableGroups[G];
           R = oe(l) >= 0 ? Y.firstTabbableNode : Y.firstDomTabbableNode;
-        } else he(v) || (R = j.nextTabbableNode(l));
+        } else he(h) || (R = j.nextTabbableNode(l));
       }
     } else
-      R = m("fallbackFocus");
+      R = p("fallbackFocus");
     return R;
   }, W = function(c) {
     var l = Se(c);
@@ -4170,9 +4173,9 @@ var te = {
       pe(s.allowOutsideClick, c) || c.preventDefault();
     }
   }, V = function(c) {
-    var l = Se(c), v = u(l, c) >= 0;
-    if (v || l instanceof Document)
-      v && (o.mostRecentlyFocusedNode = l);
+    var l = Se(c), h = u(l, c) >= 0;
+    if (h || l instanceof Document)
+      h && (o.mostRecentlyFocusedNode = l);
     else {
       c.stopImmediatePropagation();
       var C, S = !0;
@@ -4198,17 +4201,17 @@ var te = {
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: s.isKeyBackward(o.recentNavEvent)
-      })), O(C || o.mostRecentlyFocusedNode || h());
+      })), F(C || o.mostRecentlyFocusedNode || v());
     }
     o.recentNavEvent = void 0;
   }, Q = function(c) {
     var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
     o.recentNavEvent = c;
-    var v = A({
+    var h = A({
       event: c,
       isBackward: l
     });
-    v && (he(c) && c.preventDefault(), O(v));
+    h && (he(c) && c.preventDefault(), F(h));
   }, X = function(c) {
     (s.isKeyForward(c) || s.isKeyBackward(c)) && Q(c, s.isKeyBackward(c));
   }, Z = function(c) {
@@ -4222,9 +4225,9 @@ var te = {
       var c;
       return s.delayInitialFocus ? c = new Promise(function(l) {
         o.delayInitialFocusTimer = tt(function() {
-          O(h()), l();
+          F(v()), l();
         });
-      }) : O(h()), a.addEventListener("focusin", V, !0), a.addEventListener("mousedown", W, {
+      }) : F(v()), a.addEventListener("focusin", V, !0), a.addEventListener("mousedown", W, {
         capture: !0,
         passive: !1
       }), a.addEventListener("touchstart", W, {
@@ -4240,7 +4243,7 @@ var te = {
     }
   }, d = function(c) {
     o.active && !o.paused && i._setSubtreeIsolation(!1), o.adjacentElements.clear(), o.alreadySilent.clear();
-    var l = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Set(), C = Je(c), S;
+    var l = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set(), C = Je(c), S;
     try {
       for (C.s(); !(S = C.n()).done; ) {
         var R = S.value;
@@ -4253,7 +4256,7 @@ var te = {
           try {
             for (q.s(); !(_ = q.n()).done; ) {
               var G = _.value;
-              v.add(G);
+              h.add(G);
             }
           } catch (Y) {
             q.e(Y);
@@ -4269,26 +4272,26 @@ var te = {
       C.f();
     }
     l.forEach(function(Y) {
-      v.delete(Y);
-    }), o.adjacentElements = v;
+      h.delete(Y);
+    }), o.adjacentElements = h;
   }, N = function() {
     if (o.active)
       return a.removeEventListener("focusin", V, !0), a.removeEventListener("mousedown", W, !0), a.removeEventListener("touchstart", W, !0), a.removeEventListener("click", H, !0), a.removeEventListener("keydown", X, !0), a.removeEventListener("keydown", Z), i;
   }, y = function(c) {
     var l = o.mostRecentlyFocusedNode;
     if (l) {
-      var v = c.some(function(S) {
+      var h = c.some(function(S) {
         var R = Array.from(S.removedNodes);
         return R.some(function(b) {
           return b === l || typeof b.contains == "function" && b.contains(l);
         });
       });
-      if (v && o.containers.some(function(S) {
+      if (h && o.containers.some(function(S) {
         return S == null ? void 0 : S.isConnected;
       })) {
         T();
-        var C = h();
-        O(C);
+        var C = v();
+        F(C);
       }
     }
   }, z = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(y) : void 0, M = function() {
@@ -4309,19 +4312,19 @@ var te = {
     activate: function(c) {
       if (o.active)
         return this;
-      var l = f(c, "onActivate"), v = f(c, "onPostActivate"), C = f(c, "checkCanFocusTrap"), S = te.getActiveTrap(n), R = !1;
+      var l = f(c, "onActivate"), h = f(c, "onPostActivate"), C = f(c, "checkCanFocusTrap"), S = te.getActiveTrap(n), R = !1;
       if (S && !S.paused) {
         var b;
         (b = S._setSubtreeIsolation) === null || b === void 0 || b.call(S, !1), R = !0;
       }
       try {
-        C || T(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = p(a), l == null || l({
+        C || T(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = m(a), l == null || l({
           trap: i
         });
         var j = function() {
           C && T();
           var q = function() {
-            i._setSubtreeIsolation(!0), M(), v == null || v({
+            i._setSubtreeIsolation(!0), M(), h == null || h({
               trap: i
             });
           }, _ = w();
@@ -4348,18 +4351,18 @@ var te = {
         checkCanReturnFocus: s.checkCanReturnFocus
       }, c);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, o.paused || i._setSubtreeIsolation(!1), o.alreadySilent.clear(), N(), o.active = !1, o.paused = !1, M(), te.deactivateTrap(n, i);
-      var v = f(l, "onDeactivate"), C = f(l, "onPostDeactivate"), S = f(l, "checkCanReturnFocus"), R = f(l, "delayReturnFocus"), b = f(l, "returnFocus", "returnFocusOnDeactivate");
-      v == null || v({
+      var h = f(l, "onDeactivate"), C = f(l, "onPostDeactivate"), S = f(l, "checkCanReturnFocus"), R = f(l, "delayReturnFocus"), b = f(l, "returnFocus", "returnFocusOnDeactivate");
+      h == null || h({
         trap: i
       });
       var j = function() {
-        b && O(F(o.nodeFocusedBeforeActivation)), C == null || C({
+        b && F(O(o.nodeFocusedBeforeActivation)), C == null || C({
           trap: i
         });
       }, I = function() {
         R && b ? tt(j) : j();
       };
-      return b && S ? (S(F(o.nodeFocusedBeforeActivation)).then(I, I), this) : (I(), this);
+      return b && S ? (S(O(o.nodeFocusedBeforeActivation)).then(I, I), this) : (I(), this);
     },
     pause: function(c) {
       return o.active ? (o.manuallyPaused = !0, this._setPausedState(!0, c)) : this;
@@ -4369,8 +4372,8 @@ var te = {
     },
     updateContainerElements: function(c) {
       var l = [].concat(c).filter(Boolean);
-      return o.containers = l.map(function(v) {
-        return typeof v == "string" ? a.querySelector(v) : v;
+      return o.containers = l.map(function(h) {
+        return typeof h == "string" ? a.querySelector(h) : h;
       }), s.isolateSubtrees && d(o.containers), o.active && (T(), o.paused || i._setSubtreeIsolation(!0)), M(), this;
     }
   }, Object.defineProperties(i, {
@@ -4384,8 +4387,8 @@ var te = {
         if (o.paused === c)
           return this;
         if (o.paused = c, c) {
-          var v = f(l, "onPause"), C = f(l, "onPostPause");
-          v == null || v({
+          var h = f(l, "onPause"), C = f(l, "onPostPause");
+          h == null || h({
             trap: i
           }), N(), i._setSubtreeIsolation(!1), M(), C == null || C({
             trap: i
@@ -4412,11 +4415,11 @@ var te = {
     _setSubtreeIsolation: {
       value: function(c) {
         s.isolateSubtrees && o.adjacentElements.forEach(function(l) {
-          var v;
+          var h;
           if (c)
             switch (s.isolateSubtrees) {
               case "aria-hidden":
-                (l.ariaHidden === "true" || ((v = l.getAttribute("aria-hidden")) === null || v === void 0 ? void 0 : v.toLowerCase()) === "true") && o.alreadySilent.add(l), l.setAttribute("aria-hidden", "true");
+                (l.ariaHidden === "true" || ((h = l.getAttribute("aria-hidden")) === null || h === void 0 ? void 0 : h.toLowerCase()) === "true") && o.alreadySilent.add(l), l.setAttribute("aria-hidden", "true");
                 break;
               default:
                 (l.inert || l.hasAttribute("inert")) && o.alreadySilent.add(l), l.setAttribute("inert", !0);
@@ -4438,7 +4441,7 @@ var te = {
 const xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   createFocusTrap: ka
-}, Symbol.toStringTag, { value: "Module" })), wa = /* @__PURE__ */ wt(xa), Ta = /* @__PURE__ */ wt(ia);
+}, Symbol.toStringTag, { value: "Module" })), wa = /* @__PURE__ */ Tt(xa), Ta = /* @__PURE__ */ Tt(ia);
 var rt;
 function Na() {
   if (rt) return Ne.exports;
@@ -4458,14 +4461,14 @@ function Na() {
   function n(w, d) {
     for (var N = 0; N < d.length; N++) {
       var y = d[N];
-      y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(w, O(y.key), y);
+      y.enumerable = y.enumerable || !1, y.configurable = !0, "value" in y && (y.writable = !0), Object.defineProperty(w, F(y.key), y);
     }
   }
   function s(w, d, N) {
     return d && n(w.prototype, d), Object.defineProperty(w, "prototype", { writable: !1 }), w;
   }
   function o(w, d, N) {
-    return d = m(d), i(w, u() ? Reflect.construct(d, N || [], m(w).constructor) : d.apply(w, N));
+    return d = p(d), i(w, u() ? Reflect.construct(d, N || [], p(w).constructor) : d.apply(w, N));
   }
   function i(w, d) {
     if (d && (t(d) == "object" || typeof d == "function")) return d;
@@ -4486,28 +4489,28 @@ function Na() {
       return !!w;
     })();
   }
-  function m(w) {
-    return m = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(d) {
+  function p(w) {
+    return p = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(d) {
       return d.__proto__ || Object.getPrototypeOf(d);
-    }, m(w);
+    }, p(w);
   }
-  function p(w, d) {
+  function m(w, d) {
     if (typeof d != "function" && d !== null) throw new TypeError("Super expression must either be null or a function");
-    w.prototype = Object.create(d && d.prototype, { constructor: { value: w, writable: !0, configurable: !0 } }), Object.defineProperty(w, "prototype", { writable: !1 }), d && h(w, d);
+    w.prototype = Object.create(d && d.prototype, { constructor: { value: w, writable: !0, configurable: !0 } }), Object.defineProperty(w, "prototype", { writable: !1 }), d && v(w, d);
   }
-  function h(w, d) {
-    return h = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(N, y) {
+  function v(w, d) {
+    return v = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(N, y) {
       return N.__proto__ = y, N;
-    }, h(w, d);
+    }, v(w, d);
   }
   function T(w, d, N) {
-    return (d = O(d)) in w ? Object.defineProperty(w, d, { value: N, enumerable: !0, configurable: !0, writable: !0 }) : w[d] = N, w;
+    return (d = F(d)) in w ? Object.defineProperty(w, d, { value: N, enumerable: !0, configurable: !0, writable: !0 }) : w[d] = N, w;
   }
-  function O(w) {
-    var d = F(w, "string");
+  function F(w) {
+    var d = O(w, "string");
     return t(d) == "symbol" ? d : d + "";
   }
-  function F(w, d) {
+  function O(w, d) {
     if (t(w) != "object" || !w) return w;
     var N = w[Symbol.toPrimitive];
     if (N !== void 0) {
@@ -4517,13 +4520,13 @@ function Na() {
     }
     return (d === "string" ? String : Number)(w);
   }
-  var A = Dt, W = wa, V = W.createFocusTrap, Q = Ta, X = Q.isFocusable, Z = parseInt((e = (r = /^(\d+)\./.exec(A.version)) === null || r === void 0 ? void 0 : r[1]) !== null && e !== void 0 ? e : 0, 10), H = /* @__PURE__ */ (function(w) {
+  var A = nt, W = wa, V = W.createFocusTrap, Q = Ta, X = Q.isFocusable, Z = parseInt((e = (r = /^(\d+)\./.exec(A.version)) === null || r === void 0 ? void 0 : r[1]) !== null && e !== void 0 ? e : 0, 10), H = /* @__PURE__ */ (function(w) {
     function d(N) {
       var y;
       a(this, d), y = o(this, d, [N]), T(y, "getNodeForOption", function(E) {
         var c, l = (c = this.internalOptions[E]) !== null && c !== void 0 ? c : this.originalOptions[E];
         if (typeof l == "function") {
-          for (var v = arguments.length, C = new Array(v > 1 ? v - 1 : 0), S = 1; S < v; S++)
+          for (var h = arguments.length, C = new Array(h > 1 ? h - 1 : 0), S = 1; S < h; S++)
             C[S - 1] = arguments[S];
           l = l.apply(void 0, C);
         }
@@ -4580,7 +4583,7 @@ function Na() {
         }
       return y.outsideClick = null, y.focusTrapElements = N.containerElements || [], y.updatePreviousElement(), y;
     }
-    return p(d, w), s(d, [{
+    return m(d, w), s(d, [{
       key: "getDocument",
       value: function() {
         return this.props.focusTrapOptions.document || (typeof document < "u" ? document : void 0);
@@ -4643,9 +4646,9 @@ function Na() {
           y.outsideClick.allowDeactivation && // is the outside node NOT focusable (implying that it did NOT receive focus
           //  as a result of the click-through) -- in which case do NOT restore focus
           //  to `returnFocusNode` because focus should remain on the outside node
-          !X(y.outsideClick.target, y.internalOptions.tabbableOptions))), l = y.internalOptions.preventScroll, v = l === void 0 ? !1 : l;
+          !X(y.outsideClick.target, y.internalOptions.tabbableOptions))), l = y.internalOptions.preventScroll, h = l === void 0 ? !1 : l;
           c && E.focus({
-            preventScroll: v
+            preventScroll: h
           }), y.originalOptions.onPostDeactivate && y.originalOptions.onPostDeactivate.call(null), y.outsideClick = null;
         };
         this.originalOptions.checkCanReturnFocus ? this.originalOptions.checkCanReturnFocus.call(null, this.getReturnFocusNode()).then(z, z) : z();
@@ -4692,8 +4695,8 @@ function Na() {
           if (z.type && z.type === A.Fragment)
             throw new Error("A focus-trap cannot use a Fragment as its child container. Try replacing it with a <div> element.");
           var M = function(l) {
-            var v = y.props.containerElements;
-            z && (Z >= 19 ? typeof z.props.ref == "function" ? z.props.ref(l) : z.props.ref && (z.props.ref.current = l) : typeof z.ref == "function" ? z.ref(l) : z.ref && (z.ref.current = l)), y.focusTrapElements = v || [l];
+            var h = y.props.containerElements;
+            z && (Z >= 19 ? typeof z.props.ref == "function" ? z.props.ref(l) : z.props.ref && (z.props.ref.current = l) : typeof z.ref == "function" ? z.ref(l) : z.ref && (z.ref.current = l)), y.focusTrapElements = h || [l];
           }, E = A.cloneElement(z, {
             ref: M
           });
@@ -4717,10 +4720,10 @@ function Ha({ open: t, onClose: e, title: r, description: a, children: n, classN
   return ne(() => (t ? (u.current = document.activeElement, document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u.current && typeof u.current.focus == "function" && u.current.focus()), () => {
     document.body.style.overflow = "";
   }), [t]), ne(() => {
-    const m = (p) => {
-      p.key === "Escape" && t && e();
+    const p = (m) => {
+      m.key === "Escape" && t && e();
     };
-    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [t, e]), !t || typeof document > "u" ? null : _t(
     /* @__PURE__ */ g(Ca, { focusTrapOptions: { allowOutsideClick: !0, fallbackFocus: "div" }, children: /* @__PURE__ */ L("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
       /* @__PURE__ */ g(
@@ -4771,32 +4774,40 @@ function Ha({ open: t, onClose: e, title: r, description: a, children: n, classN
   );
 }
 function Ya({ content: t, children: e, className: r, position: a = "top" }) {
-  const [n, s] = ce(!1), o = re(), i = () => s(!0), f = () => s(!1), u = {
+  const [n, s] = se(!1), o = re(), i = () => s(!0), f = () => s(!1);
+  nt.useEffect(() => {
+    if (!n) return;
+    const m = (v) => {
+      v.key === "Escape" && s(!1);
+    };
+    return window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m);
+  }, [n]);
+  const u = {
     top: "bottom-full mb-2 left-1/2 -translate-x-1/2",
     bottom: "top-full mt-2 left-1/2 -translate-x-1/2",
     left: "right-full mr-2 top-1/2 -translate-y-1/2",
     right: "left-full ml-2 top-1/2 -translate-y-1/2"
-  }, m = jt(e) ? zt(e, {
+  }, p = jt(e) ? zt(e, {
     "aria-describedby": n ? o : void 0,
-    onMouseEnter: (p) => {
-      var h, T;
-      (T = (h = e.props) == null ? void 0 : h.onMouseEnter) == null || T.call(h, p), i();
+    onMouseEnter: (m) => {
+      var v, T;
+      (T = (v = e.props) == null ? void 0 : v.onMouseEnter) == null || T.call(v, m), i();
     },
-    onMouseLeave: (p) => {
-      var h, T;
-      (T = (h = e.props) == null ? void 0 : h.onMouseLeave) == null || T.call(h, p), f();
+    onMouseLeave: (m) => {
+      var v, T;
+      (T = (v = e.props) == null ? void 0 : v.onMouseLeave) == null || T.call(v, m), f();
     },
-    onFocus: (p) => {
-      var h, T;
-      (T = (h = e.props) == null ? void 0 : h.onFocus) == null || T.call(h, p), i();
+    onFocus: (m) => {
+      var v, T;
+      (T = (v = e.props) == null ? void 0 : v.onFocus) == null || T.call(v, m), i();
     },
-    onBlur: (p) => {
-      var h, T;
-      (T = (h = e.props) == null ? void 0 : h.onBlur) == null || T.call(h, p), f();
+    onBlur: (m) => {
+      var v, T;
+      (T = (v = e.props) == null ? void 0 : v.onBlur) == null || T.call(v, m), f();
     }
   }) : e;
   return /* @__PURE__ */ L("div", { className: "relative inline-block", children: [
-    m,
+    p,
     n && /* @__PURE__ */ g(
       "div",
       {
@@ -4813,7 +4824,7 @@ function Ya({ content: t, children: e, className: r, position: a = "top" }) {
   ] });
 }
 function Xa({ content: t, children: e, className: r }) {
-  const [a, n] = ce(!1), s = ve(null), o = () => n((i) => !i);
+  const [a, n] = se(!1), s = ve(null), o = () => n((i) => !i);
   return ne(() => {
     const i = (u) => {
       u.key === "Escape" && a && n(!1);
@@ -4927,12 +4938,12 @@ const Ma = B(
 Ma.displayName = "TableCell";
 const Ae = Me(null);
 function Za({ className: t, value: e, defaultValue: r, onValueChange: a, children: n, ...s }) {
-  const [o, i] = ce(r || ""), [f, u] = ce([]), m = re(), p = e !== void 0 ? e : o, h = (O) => {
-    e === void 0 && i(O), a == null || a(O);
-  }, T = (O) => {
-    u((F) => F.includes(O) ? F : [...F, O]), !p && !r && h(O);
+  const [o, i] = se(r || ""), [f, u] = se([]), p = re(), m = e !== void 0 ? e : o, v = (F) => {
+    e === void 0 && i(F), a == null || a(F);
+  }, T = (F) => {
+    u((O) => O.includes(F) ? O : [...O, F]), !m && !r && v(F);
   };
-  return /* @__PURE__ */ g(Ae.Provider, { value: { activeTab: p, setActiveTab: h, baseId: m, tabs: f, registerTab: T }, children: /* @__PURE__ */ g("div", { className: D("flex flex-col gap-4 font-sans", t), ...s, children: n }) });
+  return /* @__PURE__ */ g(Ae.Provider, { value: { activeTab: m, setActiveTab: v, baseId: p, tabs: f, registerTab: T }, children: /* @__PURE__ */ g("div", { className: D("flex flex-col gap-4 font-sans", t), ...s, children: n }) });
 }
 const Ba = B(
   ({ className: t, children: e, ...r }, a) => {
@@ -4944,12 +4955,12 @@ const Ba = B(
         role: "tablist",
         onKeyDown: (o) => {
           if (!n || !n.tabs.length) return;
-          const { tabs: i, activeTab: f, setActiveTab: u } = n, m = i.indexOf(f);
-          let p = m;
-          if (o.key === "ArrowRight" ? (o.preventDefault(), p = (m + 1) % i.length) : o.key === "ArrowLeft" ? (o.preventDefault(), p = (m - 1 + i.length) % i.length) : o.key === "Home" ? (o.preventDefault(), p = 0) : o.key === "End" && (o.preventDefault(), p = i.length - 1), p !== m && i[p]) {
-            u(i[p]);
-            const h = document.getElementById(`${n.baseId}-tab-${i[p]}`);
-            h == null || h.focus();
+          const { tabs: i, activeTab: f, setActiveTab: u } = n, p = i.indexOf(f);
+          let m = p;
+          if (o.key === "ArrowRight" ? (o.preventDefault(), m = (p + 1) % i.length) : o.key === "ArrowLeft" ? (o.preventDefault(), m = (p - 1 + i.length) % i.length) : o.key === "Home" ? (o.preventDefault(), m = 0) : o.key === "End" && (o.preventDefault(), m = i.length - 1), m !== p && i[m]) {
+            u(i[m]);
+            const v = document.getElementById(`${n.baseId}-tab-${i[m]}`);
+            v == null || v.focus();
           }
         },
         className: D(
@@ -4971,21 +4982,21 @@ const Ga = B(
     ne(() => {
       u(e);
     }, [e, u]);
-    const m = o === e, p = `${f}-tab-${e}`, h = `${f}-panel-${e}`;
+    const p = o === e, m = `${f}-tab-${e}`, v = `${f}-panel-${e}`;
     return /* @__PURE__ */ g(
       "button",
       {
         ref: n,
         type: "button",
         role: "tab",
-        id: p,
-        "aria-selected": m,
-        "aria-controls": h,
-        tabIndex: m ? 0 : -1,
+        id: m,
+        "aria-selected": p,
+        "aria-controls": v,
+        tabIndex: p ? 0 : -1,
         onClick: () => i(e),
         className: D(
           "inline-flex items-center justify-center whitespace-nowrap rounded px-3 py-1.5 text-body-md font-medium transition-colors focus-ring",
-          m ? "bg-surface-lowest text-text shadow-sm dark:bg-surface-dark-lowest dark:text-text-dark font-semibold" : "text-text-muted hover:text-text dark:text-text-dark-muted dark:hover:text-text-dark",
+          p ? "bg-surface-lowest text-text shadow-sm dark:bg-surface-dark-lowest dark:text-text-dark font-semibold" : "text-text-muted hover:text-text dark:text-text-dark-muted dark:hover:text-text-dark",
           t
         ),
         ...a,
@@ -4999,13 +5010,13 @@ const Va = B(
   ({ className: t, value: e, children: r, ...a }, n) => {
     const s = ge(Ae);
     if (!s) throw new Error("TabsContent must be used inside Tabs");
-    const { activeTab: o, baseId: i } = s, f = o === e, u = `${i}-tab-${e}`, m = `${i}-panel-${e}`;
+    const { activeTab: o, baseId: i } = s, f = o === e, u = `${i}-tab-${e}`, p = `${i}-panel-${e}`;
     return f ? /* @__PURE__ */ g(
       "div",
       {
         ref: n,
         role: "tabpanel",
-        id: m,
+        id: p,
         "aria-labelledby": u,
         className: D("focus-ring rounded p-1 text-text dark:text-text-dark", t),
         ...a,
@@ -5015,31 +5026,31 @@ const Va = B(
   }
 );
 Va.displayName = "TabsContent";
-const Pt = Me(null), at = "ui-theme-preference";
-function At() {
+const At = Me(null), at = "ui-theme-preference";
+function Dt() {
   return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 function ot(t) {
-  return t === "system" ? At() : t;
+  return t === "system" ? Dt() : t;
 }
 function Ja({ children: t, defaultPreference: e = "system" }) {
-  const [r, a] = ce(() => typeof window > "u" ? e : window.localStorage.getItem(at) ?? e), [n, s] = ce(() => ot(r)), o = Lt((i) => {
+  const [r, a] = se(() => typeof window > "u" ? e : window.localStorage.getItem(at) ?? e), [n, s] = se(() => ot(r)), o = Lt((i) => {
     a(i), typeof window < "u" && window.localStorage.setItem(at, i);
   }, []);
   return ne(() => {
     s(ot(r));
   }, [r]), ne(() => {
     if (r !== "system" || typeof window > "u") return;
-    const i = window.matchMedia("(prefers-color-scheme: dark)"), f = () => s(At());
+    const i = window.matchMedia("(prefers-color-scheme: dark)"), f = () => s(Dt());
     return i.addEventListener("change", f), () => i.removeEventListener("change", f);
   }, [r]), ne(() => {
     if (typeof document > "u") return;
     const i = document.documentElement;
     i.classList.toggle("dark", n === "dark"), i.setAttribute("data-theme", n);
-  }, [n]), /* @__PURE__ */ g(Pt.Provider, { value: { theme: n, preference: r, setPreference: o }, children: t });
+  }, [n]), /* @__PURE__ */ g(At.Provider, { value: { theme: n, preference: r, setPreference: o }, children: t });
 }
 function Qa() {
-  const t = ge(Pt);
+  const t = ge(At);
   if (!t)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;