componentables 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,4 +1,4 @@
-import E, { useMemo as Pe, useEffect as K, createContext as Se, useContext as De, useState as T, useCallback as he, useRef as ie } from "react";
+import I, { useMemo as Pe, useEffect as K, createContext as Se, useContext as De, useState as T, useCallback as he, useRef as ce } from "react";
 import { jsxs as k, jsx as l } from "react/jsx-runtime";
 function ye(e) {
   var r, t, o = "";
@@ -13,14 +13,14 @@ function Ae() {
   for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = ye(e)) && (o && (o += " "), o += r);
   return o;
 }
-const le = "-", je = (e) => {
-  const r = Ie(e), {
+const ie = "-", je = (e) => {
+  const r = Ee(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
-      const a = i.split(le);
+      const a = i.split(ie);
       return a[0] === "" && a.length !== 1 && a.shift(), xe(a, r) || Oe(i);
     },
     getConflictingClassGroupIds: (i, a) => {
@@ -36,17 +36,17 @@ const le = "-", je = (e) => {
     return n;
   if (r.validators.length === 0)
     return;
-  const s = e.join(le);
+  const s = e.join(ie);
   return r.validators.find(({
     validator: i
   }) => i(s))?.classGroupId;
-}, ce = /^\[(.+)\]$/, Oe = (e) => {
-  if (ce.test(e)) {
-    const r = ce.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
+}, de = /^\[(.+)\]$/, Oe = (e) => {
+  if (de.test(e)) {
+    const r = de.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, Ie = (e) => {
+}, Ee = (e) => {
   const {
     theme: r,
     prefix: t
@@ -60,12 +60,12 @@ const le = "-", je = (e) => {
 }, ae = (e, r, t, o) => {
   e.forEach((n) => {
     if (typeof n == "string") {
-      const s = n === "" ? r : de(r, n);
+      const s = n === "" ? r : ue(r, n);
       s.classGroupId = t;
       return;
     }
     if (typeof n == "function") {
-      if (Ee(n)) {
+      if (Ie(n)) {
         ae(n(o), r, t, o);
         return;
       }
@@ -76,18 +76,18 @@ const le = "-", je = (e) => {
       return;
     }
     Object.entries(n).forEach(([s, i]) => {
-      ae(i, de(r, s), t, o);
+      ae(i, ue(r, s), t, o);
     });
   });
-}, de = (e, r) => {
+}, ue = (e, r) => {
   let t = e;
-  return r.split(le).forEach((o) => {
+  return r.split(ie).forEach((o) => {
     t.nextPart.has(o) || t.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), t = t.nextPart.get(o);
   }), t;
-}, Ee = (e) => e.isThemeGetter, Te = (e, r) => r ? e.map(([t, o]) => {
+}, Ie = (e) => e.isThemeGetter, Te = (e, r) => r ? e.map(([t, o]) => {
   const n = o.map((s) => typeof s == "string" ? r + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([i, a]) => [r + i, a])) : s);
   return [t, n];
 }) : e, Re = (e) => {
@@ -120,12 +120,12 @@ const le = "-", je = (e) => {
     experimentalParseClassName: t
   } = e, o = r.length === 1, n = r[0], s = r.length, i = (a) => {
     const p = [];
-    let c = 0, b = 0, C;
+    let c = 0, m = 0, C;
     for (let d = 0; d < a.length; d++) {
       let y = a[d];
       if (c === 0) {
         if (y === n && (o || a.slice(d, d + s) === r)) {
-          p.push(a.slice(b, d)), b = d + s;
+          p.push(a.slice(m, d)), m = d + s;
           continue;
         }
         if (y === "/") {
@@ -135,12 +135,12 @@ const le = "-", je = (e) => {
       }
       y === "[" ? c++ : y === "]" && c--;
     }
-    const w = p.length === 0 ? a : a.substring(b), v = w.startsWith(ve), g = v ? w.substring(1) : w, m = C && C > b ? C - b : void 0;
+    const w = p.length === 0 ? a : a.substring(m), v = w.startsWith(ve), f = v ? w.substring(1) : w, g = C && C > m ? C - m : void 0;
     return {
       modifiers: p,
       hasImportantModifier: v,
-      baseClassName: g,
-      maybePostfixModifierPosition: m
+      baseClassName: f,
+      maybePostfixModifierPosition: g
     };
   };
   return t ? (a) => t({
@@ -168,30 +168,30 @@ const le = "-", je = (e) => {
   let a = "";
   for (let p = i.length - 1; p >= 0; p -= 1) {
     const c = i[p], {
-      modifiers: b,
+      modifiers: m,
       hasImportantModifier: C,
       baseClassName: w,
       maybePostfixModifierPosition: v
     } = t(c);
-    let g = !!v, m = o(g ? w.substring(0, v) : w);
-    if (!m) {
-      if (!g) {
+    let f = !!v, g = o(f ? w.substring(0, v) : w);
+    if (!g) {
+      if (!f) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
-      if (m = o(w), !m) {
+      if (g = o(w), !g) {
         a = c + (a.length > 0 ? " " + a : a);
         continue;
       }
-      g = !1;
+      f = !1;
     }
-    const d = Ge(b).join(":"), y = C ? d + ve : d, h = y + m;
-    if (s.includes(h))
+    const d = Ge(m).join(":"), y = C ? d + ve : d, b = y + g;
+    if (s.includes(b))
       continue;
-    s.push(h);
-    const S = n(m, g);
-    for (let M = 0; M < S.length; ++M) {
-      const j = S[M];
+    s.push(b);
+    const P = n(g, f);
+    for (let M = 0; M < P.length; ++M) {
+      const j = P[M];
       s.push(y + j);
     }
     a = c + (a.length > 0 ? " " + a : a);
@@ -215,15 +215,15 @@ const we = (e) => {
 function We(e, ...r) {
   let t, o, n, s = i;
   function i(p) {
-    const c = r.reduce((b, C) => C(b), e());
+    const c = r.reduce((m, C) => C(m), e());
     return t = Fe(c), o = t.cache.get, n = t.cache.set, s = a, a(p);
   }
   function a(p) {
     const c = o(p);
     if (c)
       return c;
-    const b = _e(p, t);
-    return n(p, b), b;
+    const m = _e(p, t);
+    return n(p, m), m;
   }
   return function() {
     return s($e.apply(null, arguments));
@@ -241,7 +241,7 @@ const D = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ke.test(e) && !Je.test(e)
 ), Ce = () => !1, ar = (e) => Xe.test(e), lr = (e) => Ze.test(e), ir = () => {
-  const e = D("colors"), r = D("spacing"), t = D("blur"), o = D("brightness"), n = D("borderColor"), s = D("borderRadius"), i = D("borderSpacing"), a = D("borderWidth"), p = D("contrast"), c = D("grayscale"), b = D("hueRotate"), C = D("invert"), w = D("gap"), v = D("gradientColorStops"), g = D("gradientColorStopPositions"), m = D("inset"), d = D("margin"), y = D("opacity"), h = D("padding"), S = D("saturate"), M = D("scale"), j = D("sepia"), N = D("skew"), z = D("space"), W = D("translate"), R = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", x, r], P = () => [x, r], U = () => ["", V, G], H = () => ["auto", J, x], ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], $ = () => ["solid", "dashed", "dotted", "double", "none"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], f = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], L = () => ["", "0", x], O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [J, x];
+  const e = D("colors"), r = D("spacing"), t = D("blur"), o = D("brightness"), n = D("borderColor"), s = D("borderRadius"), i = D("borderSpacing"), a = D("borderWidth"), p = D("contrast"), c = D("grayscale"), m = D("hueRotate"), C = D("invert"), w = D("gap"), v = D("gradientColorStops"), f = D("gradientColorStopPositions"), g = D("inset"), d = D("margin"), y = D("opacity"), b = D("padding"), P = D("saturate"), M = D("scale"), j = D("sepia"), N = D("skew"), z = D("space"), W = D("translate"), R = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], Z = () => ["auto", x, r], S = () => [x, r], U = () => ["", V, G], H = () => ["auto", J, x], ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], $ = () => ["solid", "dashed", "dotted", "double", "none"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], h = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], L = () => ["", "0", x], O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [J, x];
   return {
     cacheSize: 500,
     separator: ":",
@@ -249,28 +249,28 @@ const D = (e) => {
       colors: [Q],
       spacing: [V, G],
       blur: ["none", "", F, x],
-      brightness: I(),
+      brightness: E(),
       borderColor: [e],
       borderRadius: ["none", "", "full", F, x],
-      borderSpacing: P(),
+      borderSpacing: S(),
       borderWidth: U(),
-      contrast: I(),
+      contrast: E(),
       grayscale: L(),
-      hueRotate: I(),
+      hueRotate: E(),
       invert: L(),
-      gap: P(),
+      gap: S(),
       gradientColorStops: [e],
       gradientColorStopPositions: [qe, G],
       inset: Z(),
       margin: Z(),
-      opacity: I(),
-      padding: P(),
-      saturate: I(),
-      scale: I(),
+      opacity: E(),
+      padding: S(),
+      saturate: E(),
+      scale: E(),
       sepia: L(),
-      skew: I(),
-      space: P(),
-      translate: P()
+      skew: E(),
+      space: S(),
+      translate: S()
     },
     classGroups: {
       // Layout
@@ -418,63 +418,63 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [m]
+        inset: [g]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [m]
+        "inset-x": [g]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [m]
+        "inset-y": [g]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [m]
+        start: [g]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [m]
+        end: [g]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [m]
+        top: [g]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [m]
+        right: [g]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [m]
+        bottom: [g]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [m]
+        left: [g]
       }],
       /**
        * Visibility
@@ -645,7 +645,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...f()]
+        justify: ["normal", ...h()]
       }],
       /**
        * Justify Items
@@ -666,7 +666,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...f(), "baseline"]
+        content: ["normal", ...h(), "baseline"]
       }],
       /**
        * Align Items
@@ -687,7 +687,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...f(), "baseline"]
+        "place-content": [...h(), "baseline"]
       }],
       /**
        * Place Items
@@ -709,63 +709,63 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [h]
+        p: [b]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [h]
+        px: [b]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [h]
+        py: [b]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [h]
+        ps: [b]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [h]
+        pe: [b]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [h]
+        pt: [b]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [h]
+        pr: [b]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [h]
+        pb: [b]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [h]
+        pl: [b]
       }],
       /**
        * Margin
@@ -1101,7 +1101,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: P()
+        indent: S()
       }],
       /**
        * Vertical Alignment
@@ -1212,21 +1212,21 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [g]
+        from: [f]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [g]
+        via: [f]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [g]
+        to: [f]
       }],
       /**
        * Gradient Color Stops From
@@ -1693,7 +1693,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [b]
+        "hue-rotate": [m]
       }],
       /**
        * Invert
@@ -1707,7 +1707,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [S]
+        saturate: [P]
       }],
       /**
        * Sepia
@@ -1757,7 +1757,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [b]
+        "backdrop-hue-rotate": [m]
       }],
       /**
        * Backdrop Invert
@@ -1778,7 +1778,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [S]
+        "backdrop-saturate": [P]
       }],
       /**
        * Backdrop Sepia
@@ -1843,7 +1843,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: I()
+        duration: E()
       }],
       /**
        * Transition Timing Function
@@ -1857,7 +1857,7 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: I()
+        delay: E()
       }],
       /**
        * Animation
@@ -1992,126 +1992,126 @@ const D = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": P()
+        "scroll-m": S()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": P()
+        "scroll-mx": S()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": P()
+        "scroll-my": S()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": P()
+        "scroll-ms": S()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": P()
+        "scroll-me": S()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": P()
+        "scroll-mt": S()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": P()
+        "scroll-mr": S()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": P()
+        "scroll-mb": S()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": P()
+        "scroll-ml": S()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": P()
+        "scroll-p": S()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": P()
+        "scroll-px": S()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": P()
+        "scroll-py": S()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": P()
+        "scroll-ps": S()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": P()
+        "scroll-pe": S()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": P()
+        "scroll-pt": S()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": P()
+        "scroll-pr": S()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": P()
+        "scroll-pb": S()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": P()
+        "scroll-pl": S()
       }],
       /**
        * Scroll Snap Align
@@ -2293,7 +2293,7 @@ function dr(e) {
   }
   return [i * 360, a * 100, p * 100];
 }
-function ue(e, r, t) {
+function pe(e, r, t) {
   t /= 100;
   const o = r * Math.min(t, 1 - t) / 100, n = (s) => {
     const i = (s + e / 30) % 12, a = t - o * Math.max(Math.min(i - 3, 9 - i, 1), -1);
@@ -2305,8 +2305,8 @@ function se(e) {
   const [r, t, o] = dr(e);
   return {
     base: e,
-    light: ue(r, Math.max(0, t - 10), Math.min(100, o + 15)),
-    dark: ue(r, Math.min(100, t + 10), Math.max(0, o - 15))
+    light: pe(r, Math.max(0, t - 10), Math.min(100, o + 15)),
+    dark: pe(r, Math.min(100, t + 10), Math.max(0, o - 15))
   };
 }
 const A = {
@@ -2370,7 +2370,7 @@ function ur(e) {
     e.colors.backgroundLight
   ), r.style.setProperty("--componentables-disabled", e.colors.disabled), r.style.setProperty("--componentables-light", e.colors.light), r.style.setProperty("--componentables-active", e.colors.active);
 }
-function Ir({
+function Er({
   children: e,
   theme: r
 }) {
@@ -2403,7 +2403,7 @@ function Ir({
   }, [r]);
   return K(() => {
     ur(t);
-  }, [t]), E.createElement(Ne.Provider, { value: t }, e);
+  }, [t]), I.createElement(Ne.Provider, { value: t }, e);
 }
 const pr = {
   primary: "bg-primary text-white border-primary hover:bg-primary-dark hover:border-primary-dark active:bg-active",
@@ -2418,7 +2418,7 @@ const pr = {
   lg: "px-6 py-3 text-lg",
   xl: "px-8 py-4 text-xl"
 };
-function pe({
+function le({
   children: e,
   onClick: r,
   disabled: t = !1,
@@ -2480,7 +2480,7 @@ function pe({
     }
   );
 }
-function Er({
+function Ir({
   id: e,
   name: r,
   type: t = "text",
@@ -2491,37 +2491,37 @@ function Er({
   error: a,
   disabled: p = !1,
   required: c = !1,
-  colorScheme: b = "secondary",
+  colorScheme: m = "secondary",
   className: C = "",
   ...w
 }) {
   const v = () => {
-    const m = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+    const g = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
     if (a)
       return u(
-        m,
+        g,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
-    switch (b) {
+    switch (m) {
       case "primary":
         return u(
-          m,
+          g,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return u(
-          m,
+          g,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => b === "primary" ? "text-primary" : "text-secondary";
+  }, f = () => m === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ k("div", { className: u("mb-6", C), children: [
     i && /* @__PURE__ */ k(
       "label",
       {
         htmlFor: e,
-        className: u("block mb-2 text-sm font-medium", g()),
+        className: u("block mb-2 text-sm font-medium", f()),
         children: [
           i,
           c && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
@@ -2557,37 +2557,37 @@ function Tr({
   disabled: a = !1,
   required: p = !1,
   colorScheme: c = "secondary",
-  className: b = "",
+  className: m = "",
   rows: C = 4,
   ...w
 }) {
   const v = () => {
-    const m = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
+    const g = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted resize-none";
     if (i)
       return u(
-        m,
+        g,
         "border-danger focus:border-danger focus:shadow-danger-light"
       );
     switch (c) {
       case "primary":
         return u(
-          m,
+          g,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return u(
-          m,
+          g,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => c === "primary" ? "text-primary" : "text-secondary";
-  return /* @__PURE__ */ k("div", { className: u("mb-6", b), children: [
+  }, f = () => c === "primary" ? "text-primary" : "text-secondary";
+  return /* @__PURE__ */ k("div", { className: u("mb-6", m), children: [
     s && /* @__PURE__ */ k(
       "label",
       {
         htmlFor: e,
-        className: u("block mb-2 text-sm font-medium", g()),
+        className: u("block mb-2 text-sm font-medium", f()),
         children: [
           s,
           p && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
@@ -2624,9 +2624,9 @@ function Rr({
   className: p = "",
   ...c
 }) {
-  const [b, C] = T(t), w = (h) => {
-    const S = h.target.checked;
-    C(S), o?.(S);
+  const [m, C] = T(t), w = (b) => {
+    const P = b.target.checked;
+    C(P), o?.(P);
   }, v = () => ({
     primary: {
       bg: "bg-primary",
@@ -2638,7 +2638,7 @@ function Rr({
       border: "border-secondary",
       text: "text-secondary"
     }
-  })[i], g = () => {
+  })[i], f = () => {
     switch (a) {
       case "sm":
         return "w-10 h-6";
@@ -2648,7 +2648,7 @@ function Rr({
       default:
         return "w-13 h-7";
     }
-  }, m = () => {
+  }, g = () => {
     switch (a) {
       case "sm":
         return "w-5 h-5";
@@ -2659,7 +2659,7 @@ function Rr({
         return "w-6 h-6";
     }
   }, d = () => {
-    if (!b) return "translate-x-0";
+    if (!m) return "translate-x-0";
     switch (a) {
       case "sm":
         return "translate-x-5";
@@ -2678,7 +2678,7 @@ function Rr({
           type: "checkbox",
           id: e,
           name: r,
-          checked: b,
+          checked: m,
           onChange: w,
           disabled: n,
           className: "sr-only",
@@ -2691,8 +2691,8 @@ function Rr({
           htmlFor: e,
           className: u(
             "block cursor-pointer transition-all duration-300 rounded-full border-2",
-            g(),
-            b ? u(y.bg, y.border) : "bg-gray-200 border-gray-300",
+            f(),
+            m ? u(y.bg, y.border) : "bg-gray-200 border-gray-300",
             n ? "opacity-50 cursor-not-allowed" : "hover:shadow-md"
           ),
           children: /* @__PURE__ */ l(
@@ -2700,7 +2700,7 @@ function Rr({
             {
               className: u(
                 "absolute top-0.5 left-0.5 inline-block rounded-full bg-white transition-all duration-300 shadow-sm",
-                m(),
+                g(),
                 d()
               )
             }
@@ -2728,7 +2728,7 @@ var Me = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, be = E.createContext && /* @__PURE__ */ E.createContext(Me), mr = ["attr", "size", "title"];
+}, be = I.createContext && /* @__PURE__ */ I.createContext(Me), mr = ["attr", "size", "title"];
 function gr(e, r) {
   if (e == null) return {};
   var t = fr(e, r), o, n;
@@ -2798,12 +2798,12 @@ function xr(e, r) {
   return (r === "string" ? String : Number)(e);
 }
 function ze(e) {
-  return e && e.map((r, t) => /* @__PURE__ */ E.createElement(r.tag, oe({
+  return e && e.map((r, t) => /* @__PURE__ */ I.createElement(r.tag, oe({
     key: t
   }, r.attr), ze(r.child)));
 }
 function B(e) {
-  return (r) => /* @__PURE__ */ E.createElement(vr, te({
+  return (r) => /* @__PURE__ */ I.createElement(vr, te({
     attr: oe({}, e.attr)
   }, r), ze(e.child));
 }
@@ -2814,7 +2814,7 @@ function vr(e) {
       size: n,
       title: s
     } = e, i = gr(e, mr), a = n || t.size || "1em", p;
-    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ E.createElement("svg", te({
+    return t.className && (p = t.className), e.className && (p = (p ? p + " " : "") + e.className), /* @__PURE__ */ I.createElement("svg", te({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -2826,9 +2826,9 @@ function vr(e) {
       height: a,
       width: a,
       xmlns: "http://www.w3.org/2000/svg"
-    }), s && /* @__PURE__ */ E.createElement("title", null, s), e.children);
+    }), s && /* @__PURE__ */ I.createElement("title", null, s), e.children);
   };
-  return be !== void 0 ? /* @__PURE__ */ E.createElement(be.Consumer, null, (t) => r(t)) : r(Me);
+  return be !== void 0 ? /* @__PURE__ */ I.createElement(be.Consumer, null, (t) => r(t)) : r(Me);
 }
 function wr(e) {
   return B({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "circle", attr: { cx: "11", cy: "11", r: "8" }, child: [] }, { tag: "line", attr: { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }, child: [] }] })(e);
@@ -2855,12 +2855,12 @@ function Vr({
   debounceDelay: a = 500,
   ...p
 }) {
-  const [c, b] = T(e || ""), C = kr(c, a), w = he(r, [r]);
+  const [c, m] = T(e || ""), C = kr(c, a), w = he(r, [r]);
   K(() => {
     w(C);
   }, [C, w]);
   const v = () => {
-    const d = "w-full px-4 py-4 pl-10 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
+    const d = "w-full px-4 py-4 pl-10 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed placeholder:text-text-muted";
     switch (n) {
       case "primary":
         return u(
@@ -2874,12 +2874,12 @@ function Vr({
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, g = () => n === "primary" ? "text-primary" : "text-secondary", m = () => n === "primary" ? "text-primary" : "text-secondary";
+  }, f = () => n === "primary" ? "text-primary" : "text-secondary", g = () => n === "primary" ? "text-primary" : "text-secondary";
   return /* @__PURE__ */ k("div", { className: u("mb-0", i), children: [
     s && /* @__PURE__ */ l(
       "label",
       {
-        className: u("block mb-2 text-sm font-medium", m()),
+        className: u("block mb-2 text-sm font-medium", g()),
         children: s
       }
     ),
@@ -2889,7 +2889,7 @@ function Vr({
         {
           className: u(
             "absolute left-3 top-1/2 -translate-y-1/2 text-base pointer-events-none",
-            g()
+            f()
           )
         }
       ),
@@ -2898,7 +2898,7 @@ function Vr({
         {
           type: "text",
           value: c,
-          onChange: (d) => b(d.target.value),
+          onChange: (d) => m(d.target.value),
           placeholder: t,
           disabled: o,
           className: v(),
@@ -2925,7 +2925,7 @@ function Gr({
   isLoading: a = !1,
   fetchPage: p
 }) {
-  const c = parseInt(String(n)) === 1 || parseInt(String(o)) === 0 || a, b = parseInt(String(n)) === parseInt(String(o)) || parseInt(String(o)) === 0 || a, C = () => {
+  const c = parseInt(String(n)) === 1 || parseInt(String(o)) === 0 || a, m = parseInt(String(n)) === parseInt(String(o)) || parseInt(String(o)) === 0 || a, C = () => {
     a || (p ? p(n - 1) : t && t((v) => ({
       ...v,
       page: v.page - 1
@@ -2938,7 +2938,7 @@ function Gr({
   };
   return /* @__PURE__ */ k("div", { className: u("flex justify-center items-center mt-8", i), children: [
     /* @__PURE__ */ l(
-      pe,
+      le,
       {
         disabled: c,
         onClick: C,
@@ -2948,9 +2948,9 @@ function Gr({
     ),
     /* @__PURE__ */ l("h5", { className: "font-bold mx-2.5 text-text", children: `${s ? e : ""} ${n}${s ? ` ${r} ` : " / "}${o}` }),
     /* @__PURE__ */ l(
-      pe,
+      le,
       {
-        disabled: b,
+        disabled: m,
         onClick: w,
         variant: "primary",
         children: /* @__PURE__ */ l(Nr, { size: 14 })
@@ -2978,19 +2978,19 @@ function Fr({
   colorScheme: a = "primary",
   icon: p,
   disabled: c = !1,
-  headerExtra: b
+  headerExtra: m
 }) {
-  const [C, w] = T(o), v = n !== void 0 ? n : C, g = () => {
+  const [C, w] = T(o), v = n !== void 0 ? n : C, f = () => {
     if (c) return;
-    const h = !v;
-    n === void 0 && w(h), s?.(h);
-  }, m = () => a === "primary" ? "border-primary" : "border-secondary", d = () => a === "primary" ? "text-primary" : "text-secondary", y = () => a === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
+    const b = !v;
+    n === void 0 && w(b), s?.(b);
+  }, g = () => a === "primary" ? "border-primary" : "border-secondary", d = () => a === "primary" ? "text-primary" : "text-secondary", y = () => a === "primary" ? "hover:bg-primary/5" : "hover:bg-secondary/5";
   return /* @__PURE__ */ k(
     "div",
     {
       className: u(
         "w-full rounded-lg border-2 bg-background transition-all duration-300",
-        m(),
+        g(),
         v && "shadow-lg",
         i
       ),
@@ -2999,7 +2999,7 @@ function Fr({
           "button",
           {
             type: "button",
-            onClick: g,
+            onClick: f,
             disabled: c,
             className: u(
               "w-full flex cursor-pointer items-center justify-between p-4 text-left transition-all duration-300 rounded-lg",
@@ -3022,7 +3022,7 @@ function Fr({
                 ] })
               ] }),
               /* @__PURE__ */ k("div", { className: "flex items-center gap-3 shrink-0", children: [
-                b && /* @__PURE__ */ l("div", { onClick: (h) => h.stopPropagation(), children: b }),
+                m && /* @__PURE__ */ l("div", { onClick: (b) => b.stopPropagation(), children: m }),
                 /* @__PURE__ */ l(
                   "div",
                   {
@@ -3045,7 +3045,7 @@ function Fr({
               "overflow-hidden transition-all duration-300 ease-in-out",
               v ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"
             ),
-            children: /* @__PURE__ */ l("div", { className: u("p-4 pt-0 border-t-0", m()), children: /* @__PURE__ */ l("div", { className: "border-t border-border pt-4", children: t }) })
+            children: /* @__PURE__ */ l("div", { className: u("p-4 pt-0 border-t-0", g()), children: /* @__PURE__ */ l("div", { className: "border-t border-border pt-4", children: t }) })
           }
         )
       ]
@@ -3066,11 +3066,11 @@ function _r({
 }) {
   const [a, p] = T(
     r ?? e[0]?.value ?? ""
-  ), c = r !== void 0 ? r : a, b = (g) => {
-    r === void 0 && p(g), t?.(g);
-  }, C = (g, m) => {
-    const d = c === g, y = "px-4 py-3 cursor-pointer text-sm font-medium transition-all duration-300 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed";
-    if (m)
+  ), c = r !== void 0 ? r : a, m = (f) => {
+    r === void 0 && p(f), t?.(f);
+  }, C = (f, g) => {
+    const d = c === f, y = "px-4 py-3 cursor-pointer text-sm font-medium transition-all duration-300 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed";
+    if (g)
       return u(y, "text-text-muted");
     switch (i) {
       case "filled":
@@ -3103,21 +3103,21 @@ function _r({
       default:
         return "flex border-b-2 border-border";
     }
-  }, v = E.Children.toArray(o).find((g) => E.isValidElement(g) ? g.props.value === c : !1);
+  }, v = I.Children.toArray(o).find((f) => I.isValidElement(f) ? f.props.value === c : !1);
   return /* @__PURE__ */ k("div", { className: u("w-full", n), children: [
-    /* @__PURE__ */ l("div", { className: w(), role: "tablist", children: e.map((g) => /* @__PURE__ */ l(
+    /* @__PURE__ */ l("div", { className: w(), role: "tablist", children: e.map((f) => /* @__PURE__ */ l(
       "button",
       {
         type: "button",
         role: "tab",
-        "aria-selected": c === g.value,
-        "aria-controls": `tabpanel-${g.value}`,
-        disabled: g.disabled,
-        onClick: () => !g.disabled && b(g.value),
-        className: C(g.value, g.disabled),
-        children: g.label
+        "aria-selected": c === f.value,
+        "aria-controls": `tabpanel-${f.value}`,
+        disabled: f.disabled,
+        onClick: () => !f.disabled && m(f.value),
+        className: C(f.value, f.disabled),
+        children: f.label
       },
-      g.value
+      f.value
     )) }),
     /* @__PURE__ */ l("div", { role: "tabpanel", id: `tabpanel-${c}`, children: v })
   ] });
@@ -3160,7 +3160,7 @@ function $r({
   monthNames: a = Pr,
   ...p
 }) {
-  const [c, b] = T(e || /* @__PURE__ */ new Date()), C = Sr(c), w = Dr(c), v = [];
+  const [c, m] = T(e || /* @__PURE__ */ new Date()), C = Sr(c), w = Dr(c), v = [];
   for (let N = 0; N < w; N++)
     v.push(null);
   for (let N = 1; N <= C; N++) {
@@ -3174,8 +3174,8 @@ function $r({
     );
     v.push(z);
   }
-  const g = () => {
-    b(
+  const f = () => {
+    m(
       new Date(
         c.getFullYear(),
         c.getMonth() - 1,
@@ -3185,8 +3185,8 @@ function $r({
         0
       )
     );
-  }, m = () => {
-    b(
+  }, g = () => {
+    m(
       new Date(
         c.getFullYear(),
         c.getMonth() + 1,
@@ -3197,7 +3197,7 @@ function $r({
       )
     );
   }, d = () => {
-    b(
+    m(
       new Date(
         c.getFullYear() - 1,
         c.getMonth(),
@@ -3208,7 +3208,7 @@ function $r({
       )
     );
   }, y = () => {
-    b(
+    m(
       new Date(
         c.getFullYear() + 1,
         c.getMonth(),
@@ -3218,7 +3218,7 @@ function $r({
         0
       )
     );
-  }, h = (N) => {
+  }, b = (N) => {
     if (N && !t) {
       const z = new Date(
         N.getFullYear(),
@@ -3228,7 +3228,7 @@ function $r({
         0,
         0
       );
-      b(z), r?.(z);
+      m(z), r?.(z);
     }
   }, M = (() => {
     switch (n) {
@@ -3304,7 +3304,7 @@ function $r({
               "button",
               {
                 type: "button",
-                onClick: g,
+                onClick: f,
                 disabled: t,
                 className: u(
                   "p-2 rounded-lg border transition-all duration-300",
@@ -3319,7 +3319,7 @@ function $r({
               "button",
               {
                 type: "button",
-                onClick: m,
+                onClick: g,
                 disabled: t,
                 className: u(
                   "p-2 rounded-lg border transition-all duration-300",
@@ -3346,7 +3346,7 @@ function $r({
           "button",
           {
             type: "button",
-            onClick: () => h(N),
+            onClick: () => b(N),
             disabled: !N || t,
             className: u(
               "p-2 rounded-lg text-sm font-medium transition-all duration-300",
@@ -3390,38 +3390,38 @@ function Wr({
   className: a = "",
   rowClassName: p = "",
   cellClassName: c = "",
-  headerClassName: b = "",
+  headerClassName: m = "",
   emptyText: C = "No data available",
   showCount: w = !0,
-  countText: v = (m) => `Showing ${m} record${m !== 1 ? "s" : ""}`,
-  keyExtractor: g = (m, d) => m._id || m.id || d
+  countText: v = (g) => `Showing ${g} record${g !== 1 ? "s" : ""}`,
+  keyExtractor: f = (g, d) => g._id || g.id || d
 }) {
   if (t)
     return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-[400px]", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-light", children: o }) });
   if (r.length === 0)
     return /* @__PURE__ */ l("div", { className: "flex justify-center items-center min-h-[200px]", children: /* @__PURE__ */ l("div", { className: "text-lg text-text-muted", children: C }) });
-  const m = (d, y) => {
-    const h = y.toLowerCase().replace(/\s+/g, "_");
-    let S = d[h];
-    if (S === void 0) {
+  const g = (d, y) => {
+    const b = y.toLowerCase().replace(/\s+/g, "_");
+    let P = d[b];
+    if (P === void 0) {
       const M = [
-        h.replace(/_/g, ""),
+        b.replace(/_/g, ""),
         y.toLowerCase().replace(/\s+/g, ""),
-        h.replace(/_([a-z])/g, (j, N) => N.toUpperCase())
+        b.replace(/_([a-z])/g, (j, N) => N.toUpperCase())
       ];
       for (const j of M)
         if (d[j] !== void 0) {
-          S = d[j];
+          P = d[j];
           break;
         }
     }
-    if (S === void 0) {
+    if (P === void 0) {
       const M = y.toLowerCase().split(" "), j = Object.keys(d).find(
         (N) => M.some((z) => N.toLowerCase().includes(z))
       );
-      j && (S = d[j]);
+      j && (P = d[j]);
     }
-    return S != null ? String(S) : "N/A";
+    return P != null ? String(P) : "N/A";
   };
   return /* @__PURE__ */ k("div", { className: u("overflow-x-auto", a), children: [
     /* @__PURE__ */ k("table", { className: "w-full border-collapse", children: [
@@ -3431,7 +3431,7 @@ function Wr({
           {
             className: u(
               "text-left py-3 px-4 font-semibold text-text",
-              b
+              m
             ),
             children: d
           },
@@ -3442,7 +3442,7 @@ function Wr({
           {
             className: u(
               "text-center py-3 px-4 font-semibold text-text",
-              b
+              m
             ),
             children: s
           }
@@ -3458,28 +3458,44 @@ function Wr({
           ),
           onClick: () => i?.(d),
           children: [
-            e.map((h, S) => /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "text-text-light", children: m(d, h) }) }, S)),
-            n && /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "flex gap-2 justify-center", children: n.map((h, S) => {
-              const M = h.component || "button";
+            e.map((b, P) => /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "text-text-light", children: g(d, b) }) }, P)),
+            n && /* @__PURE__ */ l("td", { className: u("py-4 px-4", c), children: /* @__PURE__ */ l("div", { className: "flex gap-2 justify-center", children: n.map((b, P) => {
+              const M = (j) => {
+                j?.stopPropagation(), b.onClick?.(d);
+              };
+              if (b.component) {
+                const j = b.component;
+                return /* @__PURE__ */ k(
+                  j,
+                  {
+                    onClick: M,
+                    className: b.className || "",
+                    ...b.props || {},
+                    children: [
+                      b.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: I.createElement(b.icon) }),
+                      b.label && b.label
+                    ]
+                  },
+                  P
+                );
+              }
               return /* @__PURE__ */ k(
-                M,
+                le,
                 {
-                  onClick: (j) => {
-                    j.stopPropagation(), h.onClick?.(d);
-                  },
-                  className: h.className || "",
-                  ...h.props || {},
+                  onClick: M,
+                  className: b.className || "",
+                  ...b.props || {},
                   children: [
-                    h.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: E.createElement(h.icon) }),
-                    h.label && h.label
+                    b.icon && /* @__PURE__ */ l("span", { className: "inline-block", children: I.createElement(b.icon) }),
+                    b.label && b.label
                   ]
                 },
-                S
+                P
               );
             }) }) })
           ]
         },
-        g(d, y)
+        f(d, y)
       )) })
     ] }),
     w && r.length > 0 && /* @__PURE__ */ l("div", { className: "mt-6 text-center text-text-light text-sm", children: v(r.length) })
@@ -3496,79 +3512,79 @@ function Ur({
   onSearchInputCustom: a,
   placeholder: p = "Select...",
   disabled: c = !1,
-  error: b,
+  error: m,
   required: C = !1,
   colorScheme: w = "primary",
   noResultsText: v = "No results found",
-  searchPlaceholder: g = "Search...",
-  ...m
+  searchPlaceholder: f = "Search...",
+  ...g
 }) {
-  const [d, y] = T(!1), [h, S] = T(""), [M, j] = T({
+  const [d, y] = T(!1), [b, P] = T(""), [M, j] = T({
     top: 0,
     left: 0,
     openUpward: !1
   }), N = Array.isArray(t) ? t : t ? [t] : [], [z, W] = T(
-    N.map((f) => r.find((L) => L.value === f)).filter(Boolean)
-  ), R = ie(null), _ = ie(null), Z = () => {
-    const f = "w-full p-4 border-2 rounded-lg text-base bg-background transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed";
-    if (b)
-      return u(f, "border-danger focus:border-danger");
+    N.map((h) => r.find((L) => L.value === h)).filter(Boolean)
+  ), R = ce(null), _ = ce(null), Z = () => {
+    const h = "w-full p-4 border-2 rounded-lg text-base bg-white transition-all duration-300 focus:outline-none focus:ring-1 disabled:bg-light disabled:text-text-muted disabled:cursor-not-allowed";
+    if (m)
+      return u(h, "border-danger focus:border-danger");
     switch (w) {
       case "primary":
         return u(
-          f,
+          h,
           "text-primary border-primary focus:border-primary"
         );
       case "secondary":
       default:
         return u(
-          f,
+          h,
           "text-secondary border-secondary focus:border-secondary"
         );
     }
-  }, P = () => w === "primary" ? "text-primary" : "text-secondary";
+  }, S = () => w === "primary" ? "text-primary" : "text-secondary";
   K(() => {
-    const L = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((O) => r.find((I) => I.value === O)).filter(Boolean);
+    const L = (Array.isArray(t) ? t : t !== "" && t !== null && t !== void 0 ? [t] : []).map((O) => r.find((E) => E.value === O)).filter(Boolean);
     W(L);
   }, [t, r]), K(() => {
     d && i && _.current && _.current.focus();
   }, [d, i]);
   const U = he(() => {
     if (!R.current) return;
-    const f = R.current.getBoundingClientRect(), L = window.innerHeight, O = 250, Y = L - f.bottom < O && f.top > O;
+    const h = R.current.getBoundingClientRect(), L = window.innerHeight, O = 250, Y = L - h.bottom < O && h.top > O;
     j({
-      top: Y ? f.top : f.bottom,
-      left: f.left,
-      width: f.width,
+      top: Y ? h.top : h.bottom,
+      left: h.left,
+      width: h.width,
       openUpward: Y
     });
   }, []);
   K(() => {
-    function f(O) {
+    function h(O) {
       R.current && !R.current.contains(O.target) && y(!1);
     }
     function L() {
       d && U();
     }
-    return document.addEventListener("mousedown", f), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
-      document.removeEventListener("mousedown", f), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
+    return document.addEventListener("mousedown", h), window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
+      document.removeEventListener("mousedown", h), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
     };
   }, [d, U]);
-  const H = (f) => {
-    const L = r.find((I) => I.value === f);
+  const H = (h) => {
+    const L = r.find((E) => E.value === h);
     if (!L) return;
     let O;
-    n ? (O = z.some((Y) => Y.value === f) ? z.filter((Y) => Y.value !== f) : [...z, L], W(O), o(O)) : (O = [L], W(O), o(L), y(!1), S(""));
-  }, ee = (f) => {
-    S(f), a?.(f);
+    n ? (O = z.some((Y) => Y.value === h) ? z.filter((Y) => Y.value !== h) : [...z, L], W(O), o(O)) : (O = [L], W(O), o(L), y(!1), P(""));
+  }, ee = (h) => {
+    P(h), a?.(h);
   }, $ = i ? r.filter(
-    (f) => f.label.toLowerCase().includes(h.toLowerCase())
+    (h) => h.label.toLowerCase().includes(b.toLowerCase())
   ) : r, re = () => z.length === 0 ? p : n ? z.length === 1 ? z[0].label : `${z.length} selected` : z[0]?.label || p;
   return /* @__PURE__ */ k("div", { className: u("mb-6", s), children: [
     e && /* @__PURE__ */ k(
       "label",
       {
-        className: u("block mb-2 text-sm font-medium", P()),
+        className: u("block mb-2 text-sm font-medium", S()),
         children: [
           e,
           C && /* @__PURE__ */ l("span", { className: "text-danger ml-1", children: "*" })
@@ -3580,8 +3596,8 @@ function Ur({
         "button",
         {
           type: "button",
-          onClick: (f) => {
-            f.preventDefault(), f.stopPropagation(), d || U(), y(!d);
+          onClick: (h) => {
+            h.preventDefault(), h.stopPropagation(), d || U(), y(!d);
           },
           className: u(
             Z(),
@@ -3590,7 +3606,7 @@ function Ur({
             d && "ring-1"
           ),
           disabled: c,
-          ...m,
+          ...g,
           children: [
             /* @__PURE__ */ k("div", { className: "flex items-center gap-2 flex-1", children: [
               z.length > 0 && z[0].hex && /* @__PURE__ */ l(
@@ -3625,8 +3641,8 @@ function Ur({
         "div",
         {
           className: u(
-            "fixed z-[9999] rounded-lg border-2 bg-background shadow-xl",
-            b ? "border-danger" : w === "primary" ? "border-primary" : "border-secondary"
+            "fixed z-[9999] rounded-lg border-2 bg-white shadow-xl",
+            m ? "border-danger" : w === "primary" ? "border-primary" : "border-secondary"
           ),
           style: {
             top: `${M.top + (M.openUpward ? 0 : 8)}px`,
@@ -3642,34 +3658,34 @@ function Ur({
                 {
                   ref: _,
                   type: "text",
-                  value: h,
-                  onChange: (f) => ee(f.target.value),
-                  placeholder: g,
+                  value: b,
+                  onChange: (h) => ee(h.target.value),
+                  placeholder: f,
                   className: u(
                     "w-full rounded-lg border-2 py-2 pr-10 pl-10 text-sm transition-all duration-300 focus:outline-none focus:ring-1",
                     w === "primary" ? "border-primary text-primary" : "border-secondary text-secondary"
                   )
                 }
               ),
-              h && /* @__PURE__ */ l(
+              b && /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  onClick: () => S(""),
+                  onClick: () => P(""),
                   className: "absolute top-1/2 right-3 h-4 w-4 -translate-y-1/2 transform text-text-muted hover:text-text",
                   children: /* @__PURE__ */ l(Mr, { className: "h-4 w-4" })
                 }
               )
             ] }) }),
             /* @__PURE__ */ k("div", { className: "max-h-60 overflow-y-auto py-1", children: [
-              $.map((f) => /* @__PURE__ */ l(
+              $.map((h) => /* @__PURE__ */ l(
                 "button",
                 {
                   type: "button",
-                  onClick: () => H(f.value ?? ""),
+                  onClick: () => H(h.value ?? ""),
                   className: u(
                     "w-full px-4 py-3 text-left text-sm transition-colors",
-                    z.some((L) => L.value === f.value) ? w === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
+                    z.some((L) => L.value === h.value) ? w === "primary" ? "bg-primary/10 text-primary font-medium" : "bg-secondary/10 text-secondary font-medium" : "text-text hover:bg-background-light"
                   ),
                   children: /* @__PURE__ */ k("div", { className: "flex items-center gap-3", children: [
                     n && /* @__PURE__ */ l(
@@ -3677,10 +3693,10 @@ function Ur({
                       {
                         className: u(
                           "flex h-4 w-4 items-center justify-center rounded border-2 transition-colors",
-                          z.some((L) => L.value === f.value) ? w === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
+                          z.some((L) => L.value === h.value) ? w === "primary" ? "border-primary bg-primary" : "border-secondary bg-secondary" : "border-border"
                         ),
                         children: z.some(
-                          (L) => L.value === f.value
+                          (L) => L.value === h.value
                         ) && /* @__PURE__ */ l(
                           "svg",
                           {
@@ -3699,46 +3715,46 @@ function Ur({
                         )
                       }
                     ),
-                    f.hex && /* @__PURE__ */ l(
+                    h.hex && /* @__PURE__ */ l(
                       "div",
                       {
                         className: "h-4 w-4 rounded border border-border",
-                        style: { backgroundColor: f.hex }
+                        style: { backgroundColor: h.hex }
                       }
                     ),
-                    /* @__PURE__ */ l("span", { children: f.label })
+                    /* @__PURE__ */ l("span", { children: h.label })
                   ] })
                 },
-                f.value
+                h.value
               )),
-              $.length === 0 && h && r.length > 0 && /* @__PURE__ */ l("div", { className: "px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-sm text-text-muted", children: v }) })
+              $.length === 0 && b && r.length > 0 && /* @__PURE__ */ l("div", { className: "px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-sm text-text-muted", children: v }) })
             ] })
           ]
         }
       )
     ] }),
-    b && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: b })
+    m && /* @__PURE__ */ l("span", { className: "block mt-1 text-xs text-danger font-medium", children: m })
   ] });
 }
 export {
-  pe as Button,
+  le as Button,
   $r as Calendar,
   Ur as Dropdown,
   Fr as ExpandableCard,
-  Er as Input,
+  Ir as Input,
   Tr as InputArea,
   Gr as Pagination,
   Vr as SearchInput,
   Br as TabPanel,
   Wr as Table,
   _r as Tabs,
-  Ir as ThemeProvider,
+  Er as ThemeProvider,
   Rr as Toggle,
   u as cn,
   A as defaultTheme,
   se as generateColorVariants,
   dr as hexToHsl,
-  ue as hslToHex,
+  pe as hslToHex,
   Or as useTheme
 };
 //# sourceMappingURL=index.js.map