@map2usdnbhd/md_components 1.0.20 → 1.0.21

package/dist/{index-K3m4k4B8.js → index-cfWZFemn.js}

@@ -1,5 +1,5 @@
 import * as j from "react";
-import le, { useState as be, useRef as ut, createContext as Kt, useContext as Je, useLayoutEffect as ls, useEffect as Ge, useCallback as kl, useMemo as dn, forwardRef as ss, createElement as G1, cloneElement as za, Children as Cb, isValidElement as Ha } from "react";
+import le, { useState as be, useRef as ut, createContext as Kt, useContext as Je, useLayoutEffect as ls, useEffect as $e, useCallback as kl, useMemo as dn, forwardRef as ss, createElement as G1, cloneElement as za, Children as Cb, isValidElement as Ha } from "react";
 import * as jc from "react-dom";
 import Ki, { createPortal as op, flushSync as ai } from "react-dom";
 function Pi(e) {
@@ -49,14 +49,14 @@ function q1() {
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function d(D) {
       {
-        for (var re = arguments.length, ae = new Array(re > 1 ? re - 1 : 0), de = 1; de < re; de++)
-          ae[de - 1] = arguments[de];
+        for (var re = arguments.length, ae = new Array(re > 1 ? re - 1 : 0), ce = 1; ce < re; ce++)
+          ae[ce - 1] = arguments[ce];
         v("error", D, ae);
       }
     }
     function v(D, re, ae) {
       {
-        var de = b.ReactDebugCurrentFrame, Ce = de.getStackAddendum();
+        var ce = b.ReactDebugCurrentFrame, Ce = ce.getStackAddendum();
         Ce !== "" && (re += "%s", ae = ae.concat([Ce]));
         var xe = ae.map(function(he) {
           return String(he);
@@ -74,9 +74,9 @@ function q1() {
       D.$$typeof === P || D.getModuleId !== void 0));
     }
     function S(D, re, ae) {
-      var de = D.displayName;
-      if (de)
-        return de;
+      var ce = D.displayName;
+      if (ce)
+        return ce;
       var Ce = re.displayName || re.name || "";
       return Ce !== "" ? ae + "(" + Ce + ")" : ae;
     }
@@ -115,8 +115,8 @@ function q1() {
           case s:
             return S(D, D.render, "ForwardRef");
           case h:
-            var de = D.displayName || null;
-            return de !== null ? de : M(D.type) || "Memo";
+            var ce = D.displayName || null;
+            return ce !== null ? ce : M(D.type) || "Memo";
           case w: {
             var Ce = D, xe = Ce._payload, he = Ce._init;
             try {
@@ -197,8 +197,8 @@ function q1() {
           try {
             throw Error();
           } catch (Ce) {
-            var de = Ce.stack.trim().match(/\n( *(at )?)/);
-            Q = de && de[1] || "";
+            var ce = Ce.stack.trim().match(/\n( *(at )?)/);
+            Q = ce && ce[1] || "";
           }
         return `
 ` + Q + D;
@@ -217,7 +217,7 @@ function q1() {
         if (ae !== void 0)
           return ae;
       }
-      var de;
+      var ce;
       K = !0;
       var Ce = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -236,14 +236,14 @@ function q1() {
             try {
               Reflect.construct(he, []);
             } catch (wt) {
-              de = wt;
+              ce = wt;
             }
             Reflect.construct(D, [], he);
           } else {
             try {
               he.call();
             } catch (wt) {
-              de = wt;
+              ce = wt;
             }
             D.call(he.prototype);
           }
@@ -251,14 +251,14 @@ function q1() {
           try {
             throw Error();
           } catch (wt) {
-            de = wt;
+            ce = wt;
           }
           D();
         }
       } catch (wt) {
-        if (wt && de && typeof wt.stack == "string") {
+        if (wt && ce && typeof wt.stack == "string") {
           for (var ge = wt.stack.split(`
-`), Ze = de.stack.split(`
+`), Ze = ce.stack.split(`
 `), Ve = ge.length - 1, We = Ze.length - 1; Ve >= 1 && We >= 0 && ge[Ve] !== Ze[We]; )
             We--;
           for (; Ve >= 1 && We >= 0; Ve--, We--)
@@ -307,7 +307,7 @@ function q1() {
           case h:
             return te(D.type, re, ae);
           case w: {
-            var de = D, Ce = de._payload, xe = de._init;
+            var ce = D, Ce = ce._payload, xe = ce._init;
             try {
               return te(xe(Ce), re, ae);
             } catch {
@@ -316,15 +316,15 @@ function q1() {
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, ue = {}, fe = b.ReactDebugCurrentFrame;
-    function ve(D) {
+    var ie = Object.prototype.hasOwnProperty, ue = {}, de = b.ReactDebugCurrentFrame;
+    function pe(D) {
       if (D) {
         var re = D._owner, ae = te(D.type, D._source, re ? re.type : null);
-        fe.setExtraStackFrame(ae);
+        de.setExtraStackFrame(ae);
       } else
-        fe.setExtraStackFrame(null);
+        de.setExtraStackFrame(null);
     }
-    function pe(D, re, ae, de, Ce) {
+    function fe(D, re, ae, ce, Ce) {
       {
         var xe = Function.call.bind(ie);
         for (var he in D)
@@ -332,14 +332,14 @@ function q1() {
             var ge = void 0;
             try {
               if (typeof D[he] != "function") {
-                var Ze = Error((de || "React class") + ": " + ae + " type `" + he + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof D[he] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Ze = Error((ce || "React class") + ": " + ae + " type `" + he + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof D[he] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ze.name = "Invariant Violation", Ze;
               }
-              ge = D[he](re, he, de, ae, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              ge = D[he](re, he, ce, ae, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Ve) {
               ge = Ve;
             }
-            ge && !(ge instanceof Error) && (ve(Ce), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", de || "React class", ae, he, typeof ge), ve(null)), ge instanceof Error && !(ge.message in ue) && (ue[ge.message] = !0, ve(Ce), d("Failed %s type: %s", ae, ge.message), ve(null));
+            ge && !(ge instanceof Error) && (pe(Ce), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ce || "React class", ae, he, typeof ge), pe(null)), ge instanceof Error && !(ge.message in ue) && (ue[ge.message] = !0, pe(Ce), d("Failed %s type: %s", ae, ge.message), pe(null));
           }
       }
     }
@@ -418,7 +418,7 @@ function q1() {
         });
       }
     }
-    var cr = function(D, re, ae, de, Ce, xe, he) {
+    var cr = function(D, re, ae, ce, Ce, xe, he) {
       var ge = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -439,7 +439,7 @@ function q1() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: de
+        value: ce
       }), Object.defineProperty(ge, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -447,7 +447,7 @@ function q1() {
         value: Ce
       }), Object.freeze && (Object.freeze(ge.props), Object.freeze(ge)), ge;
     };
-    function gt(D, re, ae, de, Ce) {
+    function gt(D, re, ae, ce, Ce) {
       {
         var xe, he = {}, ge = null, Ze = null;
         ae !== void 0 && (Xe(ae), ge = "" + ae), Oe(re) && (Xe(re.key), ge = "" + re.key), me(re) && (Ze = re.ref, Ue(re, Ce));
@@ -462,7 +462,7 @@ function q1() {
           var We = typeof D == "function" ? D.displayName || D.name || "Unknown" : D;
           ge && bt(he, We), Ze && Ot(he, We);
         }
-        return cr(D, ge, Ze, Ce, de, He.current, he);
+        return cr(D, ge, Ze, Ce, ce, He.current, he);
       }
     }
     var or = b.ReactCurrentOwner, kr = b.ReactDebugCurrentFrame;
@@ -523,8 +523,8 @@ Check the top-level render call using <` + ae + ">.");
         if (Zt[ae])
           return;
         Zt[ae] = !0;
-        var de = "";
-        D && D._owner && D._owner !== or.current && (de = " It was passed a child from " + M(D._owner.type) + "."), lt(D), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ae, de), lt(null);
+        var ce = "";
+        D && D._owner && D._owner !== or.current && (ce = " It was passed a child from " + M(D._owner.type) + "."), lt(D), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ae, ce), lt(null);
       }
     }
     function Zr(D, re) {
@@ -533,8 +533,8 @@ Check the top-level render call using <` + ae + ">.");
           return;
         if (Ne(D))
           for (var ae = 0; ae < D.length; ae++) {
-            var de = D[ae];
-            Ht(de) && mt(de, re);
+            var ce = D[ae];
+            Ht(ce) && mt(ce, re);
           }
         else if (Ht(D))
           D._store && (D._store.validated = !0);
@@ -561,8 +561,8 @@ Check the top-level render call using <` + ae + ">.");
         else
           return;
         if (ae) {
-          var de = M(re);
-          pe(ae, D.props, "prop", de, D);
+          var ce = M(re);
+          fe(ae, D.props, "prop", ce, D);
         } else if (re.PropTypes !== void 0 && !Xt) {
           Xt = !0;
           var Ce = M(re);
@@ -574,16 +574,16 @@ Check the top-level render call using <` + ae + ">.");
     function Yn(D) {
       {
         for (var re = Object.keys(D.props), ae = 0; ae < re.length; ae++) {
-          var de = re[ae];
-          if (de !== "children" && de !== "key") {
-            lt(D), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", de), lt(null);
+          var ce = re[ae];
+          if (ce !== "children" && ce !== "key") {
+            lt(D), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ce), lt(null);
             break;
           }
         }
         D.ref !== null && (lt(D), d("Invalid attribute `ref` supplied to `React.Fragment`."), lt(null));
       }
     }
-    function Qr(D, re, ae, de, Ce, xe) {
+    function Qr(D, re, ae, ce, Ce, xe) {
       {
         var he = _(D);
         if (!he) {
@@ -600,7 +600,7 @@ Check the top-level render call using <` + ae + ">.");
         if (he) {
           var it = re.children;
           if (it !== void 0)
-            if (de)
+            if (ce)
               if (Ne(it)) {
                 for (var Ut = 0; Ut < it.length; Ut++)
                   Zr(it[Ut], D);
@@ -918,7 +918,7 @@ function _a(e) {
 function p5(e) {
   return e.endsWith("%") && no(e.slice(0, -1));
 }
-function $e(e) {
+function Ge(e) {
   return _b.test(e);
 }
 function On(e) {
@@ -958,17 +958,17 @@ function C5(e) {
   return f5.test(e);
 }
 function T5() {
-  const e = ft("colors"), r = ft("spacing"), t = ft("blur"), n = ft("brightness"), o = ft("borderColor"), a = ft("borderRadius"), i = ft("borderSpacing"), l = ft("borderWidth"), s = ft("contrast"), u = ft("grayscale"), f = ft("hueRotate"), h = ft("invert"), w = ft("gap"), y = ft("gradientColorStops"), x = ft("gradientColorStopPositions"), m = ft("inset"), g = ft("margin"), b = ft("opacity"), d = ft("padding"), v = ft("saturate"), c = ft("scale"), p = ft("sepia"), C = ft("skew"), T = ft("space"), E = ft("translate"), P = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", $e, r], R = () => [$e, r], M = () => ["", en, Tn], A = () => ["auto", no, $e], L = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], W = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], G = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], V = () => ["", "0", $e], I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [no, Xi], q = () => [no, $e];
+  const e = ft("colors"), r = ft("spacing"), t = ft("blur"), n = ft("brightness"), o = ft("borderColor"), a = ft("borderRadius"), i = ft("borderSpacing"), l = ft("borderWidth"), s = ft("contrast"), u = ft("grayscale"), f = ft("hueRotate"), h = ft("invert"), w = ft("gap"), y = ft("gradientColorStops"), x = ft("gradientColorStopPositions"), m = ft("inset"), g = ft("margin"), b = ft("opacity"), d = ft("padding"), v = ft("saturate"), c = ft("scale"), p = ft("sepia"), C = ft("skew"), T = ft("space"), E = ft("translate"), P = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], S = () => ["auto", Ge, r], R = () => [Ge, r], M = () => ["", en, Tn], A = () => ["auto", no, Ge], L = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], U = () => ["solid", "dashed", "dotted", "double", "none"], W = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], G = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], V = () => ["", "0", Ge], I = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [no, Xi], q = () => [no, Ge];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [Ea],
       spacing: [en, Tn],
-      blur: ["none", "", On, $e],
+      blur: ["none", "", On, Ge],
       brightness: $(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", On, $e],
+      borderRadius: ["none", "", "full", On, Ge],
       borderSpacing: R(),
       borderWidth: M(),
       contrast: $(),
@@ -996,7 +996,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", $e]
+        aspect: ["auto", "square", "video", Ge]
       }],
       /**
        * Container
@@ -1081,7 +1081,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...L(), $e]
+        object: [...L(), Ge]
       }],
       /**
        * Overflow
@@ -1203,7 +1203,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", _a, $e]
+        z: ["auto", _a, Ge]
       }],
       // Flexbox and Grid
       /**
@@ -1232,7 +1232,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", $e]
+        flex: ["1", "auto", "initial", "none", Ge]
       }],
       /**
        * Flex Grow
@@ -1253,7 +1253,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", _a, $e]
+        order: ["first", "last", "none", _a, Ge]
       }],
       /**
        * Grid Template Columns
@@ -1268,8 +1268,8 @@ function T5() {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", _a, $e]
-        }, $e]
+          span: ["full", _a, Ge]
+        }, Ge]
       }],
       /**
        * Grid Column Start
@@ -1298,8 +1298,8 @@ function T5() {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [_a, $e]
-        }, $e]
+          span: [_a, Ge]
+        }, Ge]
       }],
       /**
        * Grid Row Start
@@ -1327,14 +1327,14 @@ function T5() {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", $e]
+        "auto-cols": ["auto", "min", "max", "fr", Ge]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", $e]
+        "auto-rows": ["auto", "min", "max", "fr", Ge]
       }],
       /**
        * Gap
@@ -1577,21 +1577,21 @@ function T5() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", $e, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", Ge, r]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [$e, r, "min", "max", "fit"]
+        "min-w": [Ge, r, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [$e, r, "none", "full", "min", "max", "fit", "prose", {
+        "max-w": [Ge, r, "none", "full", "min", "max", "fit", "prose", {
           screen: [On]
         }, On]
       }],
@@ -1600,28 +1600,28 @@ function T5() {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [$e, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [Ge, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [$e, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [Ge, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [$e, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [Ge, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [$e, r, "auto", "min", "max", "fit"]
+        size: [Ge, r, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -1690,7 +1690,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", $e]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", Ge]
       }],
       /**
        * Line Clamp
@@ -1704,21 +1704,21 @@ function T5() {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", en, $e]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", en, Ge]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", $e]
+        "list-image": ["none", Ge]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", $e]
+        list: ["none", "disc", "decimal", Ge]
       }],
       /**
        * List Style Position
@@ -1787,7 +1787,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", en, $e]
+        "underline-offset": ["auto", en, Ge]
       }],
       /**
        * Text Decoration Color
@@ -1825,7 +1825,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", $e]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", Ge]
       }],
       /**
        * Whitespace
@@ -1853,7 +1853,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", $e]
+        content: ["none", Ge]
       }],
       // Backgrounds
       /**
@@ -2255,7 +2255,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [en, $e]
+        "outline-offset": [en, Ge]
       }],
       /**
        * Outline Width
@@ -2382,7 +2382,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", On, $e]
+        "drop-shadow": ["", "none", On, Ge]
       }],
       /**
        * Grayscale
@@ -2539,7 +2539,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", $e]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", Ge]
       }],
       /**
        * Transition Duration
@@ -2553,7 +2553,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", $e]
+        ease: ["linear", "in", "out", "in-out", Ge]
       }],
       /**
        * Transition Delay
@@ -2567,7 +2567,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", $e]
+        animate: ["none", "spin", "ping", "pulse", "bounce", Ge]
       }],
       // Transforms
       /**
@@ -2603,7 +2603,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [_a, $e]
+        rotate: [_a, Ge]
       }],
       /**
        * Translate X
@@ -2638,7 +2638,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", $e]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", Ge]
       }],
       // Interactivity
       /**
@@ -2660,7 +2660,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", $e]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", Ge]
       }],
       /**
        * Caret Color
@@ -2882,7 +2882,7 @@ function T5() {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", $e]
+        "will-change": ["auto", "scroll", "contents", "transform", Ge]
       }],
       // SVG
       /**
@@ -2973,8 +2973,15 @@ function T5() {
     }
   };
 }
-const Tt = /* @__PURE__ */ i5(T5), z7 = ({ pill: e, outlineBtn: r, text: t, variant: n, outline: o }) => {
-  const a = {
+const Tt = /* @__PURE__ */ i5(T5), z7 = ({
+  pill: e,
+  outlineBtn: r,
+  text: t,
+  variant: n,
+  outline: o,
+  type: a
+}) => {
+  const i = {
     success: {
       success: "bg-green-500 hover:bg-green-700 text-white font-bold"
     },
@@ -2989,7 +2996,7 @@ const Tt = /* @__PURE__ */ i5(T5), z7 = ({ pill: e, outlineBtn: r, text: t, vari
     light: {
       light: "bg-gray-800 hover:bg-gray-400 text-white font-bold"
     }
-  }, i = {
+  }, l = {
     primary: {
       primary: `bg-transparent hover:bg-blue-500 
       text-blue-700 
@@ -3026,12 +3033,13 @@ const Tt = /* @__PURE__ */ i5(T5), z7 = ({ pill: e, outlineBtn: r, text: t, vari
       border-yellow-500 
       hover:border-transparent `
     }
-  }, l = a[n] || {}, s = i[o] || {}, u = Tt(...Object.values(l)), f = Tt(...Object.values(s));
+  }, s = i[n] || {}, u = l[o] || {}, f = Tt(...Object.values(s)), h = Tt(...Object.values(u));
   return /* @__PURE__ */ O.jsx(
     "button",
     {
+      type: a,
       className: `      
-        ${r ? f : u}
+        ${r ? h : f}
         py-2 px-4 
         ${e ? "rounded-full" : "rounded"}`,
       style: { fontWeight: "normal" },
@@ -3294,7 +3302,7 @@ const U7 = ({
     )
   ] }) });
 };
-var ce = {}, Mb = {}, jb = { exports: {} };
+var ve = {}, Mb = {}, jb = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -3361,8 +3369,8 @@ function A5() {
   function o(J) {
     var X = s(J);
     function te(ue) {
-      var fe = ue.split(n);
-      return fe[0] === "" && fe.length !== 1 && fe.shift(), a(fe, X) || l(ue);
+      var de = ue.split(n);
+      return de[0] === "" && de.length !== 1 && de.shift(), a(de, X) || l(ue);
     }
     function ie(ue) {
       return J.conflictingClassGroups[ue] || [];
@@ -3376,14 +3384,14 @@ function A5() {
     var te;
     if (J.length === 0)
       return X.classGroupId;
-    var ie = J[0], ue = X.nextPart.get(ie), fe = ue ? a(J.slice(1), ue) : void 0;
-    if (fe)
-      return fe;
+    var ie = J[0], ue = X.nextPart.get(ie), de = ue ? a(J.slice(1), ue) : void 0;
+    if (de)
+      return de;
     if (X.validators.length !== 0) {
-      var ve = J.join(n);
-      return (te = X.validators.find(function(pe) {
-        var we = pe.validator;
-        return we(ve);
+      var pe = J.join(n);
+      return (te = X.validators.find(function(fe) {
+        var we = fe.validator;
+        return we(pe);
       })) == null ? void 0 : te.classGroupId;
     }
   }
@@ -3400,16 +3408,16 @@ function A5() {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }, ue = w(Object.entries(J.classGroups), te);
-    return ue.forEach(function(fe) {
-      var ve = fe[0], pe = fe[1];
-      u(pe, ie, ve, X);
+    return ue.forEach(function(de) {
+      var pe = de[0], fe = de[1];
+      u(fe, ie, pe, X);
     }), ie;
   }
   function u(J, X, te, ie) {
     J.forEach(function(ue) {
       if (typeof ue == "string") {
-        var fe = ue === "" ? X : f(X, ue);
-        fe.classGroupId = te;
+        var de = ue === "" ? X : f(X, ue);
+        de.classGroupId = te;
         return;
       }
       if (typeof ue == "function") {
@@ -3423,9 +3431,9 @@ function A5() {
         });
         return;
       }
-      Object.entries(ue).forEach(function(ve) {
-        var pe = ve[0], we = ve[1];
-        u(we, f(X, pe), te, ie);
+      Object.entries(ue).forEach(function(pe) {
+        var fe = pe[0], we = pe[1];
+        u(we, f(X, fe), te, ie);
       });
     });
   }
@@ -3443,13 +3451,13 @@ function A5() {
   }
   function w(J, X) {
     return X ? J.map(function(te) {
-      var ie = te[0], ue = te[1], fe = ue.map(function(ve) {
-        return typeof ve == "string" ? X + ve : typeof ve == "object" ? Object.fromEntries(Object.entries(ve).map(function(pe) {
-          var we = pe[0], Ne = pe[1];
+      var ie = te[0], ue = te[1], de = ue.map(function(pe) {
+        return typeof pe == "string" ? X + pe : typeof pe == "object" ? Object.fromEntries(Object.entries(pe).map(function(fe) {
+          var we = fe[0], Ne = fe[1];
           return [X + we, Ne];
-        })) : ve;
+        })) : pe;
       });
-      return [ie, fe];
+      return [ie, de];
     }) : J;
   }
   function y(J) {
@@ -3461,19 +3469,19 @@ function A5() {
         }
       };
     var X = 0, te = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Map();
-    function ue(fe, ve) {
-      te.set(fe, ve), X++, X > J && (X = 0, ie = te, te = /* @__PURE__ */ new Map());
+    function ue(de, pe) {
+      te.set(de, pe), X++, X > J && (X = 0, ie = te, te = /* @__PURE__ */ new Map());
     }
     return {
-      get: function(ve) {
-        var pe = te.get(ve);
-        if (pe !== void 0)
-          return pe;
-        if ((pe = ie.get(ve)) !== void 0)
-          return ue(ve, pe), pe;
+      get: function(pe) {
+        var fe = te.get(pe);
+        if (fe !== void 0)
+          return fe;
+        if ((fe = ie.get(pe)) !== void 0)
+          return ue(pe, fe), fe;
       },
-      set: function(ve, pe) {
-        te.has(ve) ? te.set(ve, pe) : ue(ve, pe);
+      set: function(pe, fe) {
+        te.has(pe) ? te.set(pe, fe) : ue(pe, fe);
       }
     };
   }
@@ -3481,13 +3489,13 @@ function A5() {
   function m(J) {
     var X = J.separator || ":";
     return function(ie) {
-      for (var ue = 0, fe = [], ve = 0, pe = 0; pe < ie.length; pe++) {
-        var we = ie[pe];
-        ue === 0 && we === X[0] && (X.length === 1 || ie.slice(pe, pe + X.length) === X) && (fe.push(ie.slice(ve, pe)), ve = pe + X.length), we === "[" ? ue++ : we === "]" && ue--;
+      for (var ue = 0, de = [], pe = 0, fe = 0; fe < ie.length; fe++) {
+        var we = ie[fe];
+        ue === 0 && we === X[0] && (X.length === 1 || ie.slice(fe, fe + X.length) === X) && (de.push(ie.slice(pe, fe)), pe = fe + X.length), we === "[" ? ue++ : we === "]" && ue--;
       }
-      var Ne = fe.length === 0 ? ie : ie.substring(ve), ze = Ne.startsWith(x), Ae = ze ? Ne.substring(1) : Ne;
+      var Ne = de.length === 0 ? ie : ie.substring(pe), ze = Ne.startsWith(x), Ae = ze ? Ne.substring(1) : Ne;
       return {
-        modifiers: fe,
+        modifiers: de,
         hasImportantModifier: ze,
         baseClassName: Ae
       };
@@ -3510,51 +3518,51 @@ function A5() {
   }
   var d = /\s+/;
   function v(J, X) {
-    var te = X.splitModifiers, ie = X.getClassGroupId, ue = X.getConflictingClassGroupIds, fe = /* @__PURE__ */ new Set();
-    return J.trim().split(d).map(function(ve) {
-      var pe = te(ve), we = pe.modifiers, Ne = pe.hasImportantModifier, ze = pe.baseClassName, Ae = ie(ze);
+    var te = X.splitModifiers, ie = X.getClassGroupId, ue = X.getConflictingClassGroupIds, de = /* @__PURE__ */ new Set();
+    return J.trim().split(d).map(function(pe) {
+      var fe = te(pe), we = fe.modifiers, Ne = fe.hasImportantModifier, ze = fe.baseClassName, Ae = ie(ze);
       if (!Ae)
         return {
           isTailwindClass: !1,
-          originalClassName: ve
+          originalClassName: pe
         };
       var Re = g(we).join(":"), Xe = Ne ? Re + x : Re;
       return {
         isTailwindClass: !0,
         modifierId: Xe,
         classGroupId: Ae,
-        originalClassName: ve
+        originalClassName: pe
       };
-    }).reverse().filter(function(ve) {
-      if (!ve.isTailwindClass)
+    }).reverse().filter(function(pe) {
+      if (!pe.isTailwindClass)
         return !0;
-      var pe = ve.modifierId, we = ve.classGroupId, Ne = pe + we;
-      return fe.has(Ne) ? !1 : (fe.add(Ne), ue(we).forEach(function(ze) {
-        return fe.add(pe + ze);
+      var fe = pe.modifierId, we = pe.classGroupId, Ne = fe + we;
+      return de.has(Ne) ? !1 : (de.add(Ne), ue(we).forEach(function(ze) {
+        return de.add(fe + ze);
       }), !0);
-    }).reverse().map(function(ve) {
-      return ve.originalClassName;
+    }).reverse().map(function(pe) {
+      return pe.originalClassName;
     }).join(" ");
   }
   function c() {
     for (var J = arguments.length, X = new Array(J), te = 0; te < J; te++)
       X[te] = arguments[te];
-    var ie, ue, fe, ve = pe;
-    function pe(Ne) {
+    var ie, ue, de, pe = fe;
+    function fe(Ne) {
       var ze = X[0], Ae = X.slice(1), Re = Ae.reduce(function(Xe, He) {
         return He(Xe);
       }, ze());
-      return ie = b(Re), ue = ie.cache.get, fe = ie.cache.set, ve = we, we(Ne);
+      return ie = b(Re), ue = ie.cache.get, de = ie.cache.set, pe = we, we(Ne);
     }
     function we(Ne) {
       var ze = ue(Ne);
       if (ze)
         return ze;
       var Ae = v(Ne, ie);
-      return fe(Ne, Ae), Ae;
+      return de(Ne, Ae), Ae;
     }
     return function() {
-      return ve(e.apply(null, arguments));
+      return pe(e.apply(null, arguments));
     };
   }
   function p(J) {
@@ -3621,7 +3629,7 @@ function A5() {
     isArbitraryShadow: Y
   };
   function F() {
-    var J = p("colors"), X = p("spacing"), te = p("blur"), ie = p("brightness"), ue = p("borderColor"), fe = p("borderRadius"), ve = p("borderSpacing"), pe = p("borderWidth"), we = p("contrast"), Ne = p("grayscale"), ze = p("hueRotate"), Ae = p("invert"), Re = p("gap"), Xe = p("gradientColorStops"), He = p("inset"), Qe = p("margin"), dt = p("opacity"), nt = p("padding"), et = p("saturate"), me = p("scale"), Oe = p("sepia"), Ue = p("skew"), bt = p("space"), Ot = p("translate"), cr = function() {
+    var J = p("colors"), X = p("spacing"), te = p("blur"), ie = p("brightness"), ue = p("borderColor"), de = p("borderRadius"), pe = p("borderSpacing"), fe = p("borderWidth"), we = p("contrast"), Ne = p("grayscale"), ze = p("hueRotate"), Ae = p("invert"), Re = p("gap"), Xe = p("gradientColorStops"), He = p("inset"), Qe = p("margin"), dt = p("opacity"), nt = p("padding"), et = p("saturate"), me = p("scale"), Oe = p("sepia"), Ue = p("skew"), bt = p("space"), Ot = p("translate"), cr = function() {
       return ["auto", "contain", "none"];
     }, gt = function() {
       return ["auto", "hidden", "clip", "visible", "scroll"];
@@ -4557,112 +4565,112 @@ function A5() {
          * @see https://tailwindcss.com/docs/border-radius
          */
         rounded: [{
-          rounded: [fe]
+          rounded: [de]
         }],
         /**
          * Border Radius Top
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-t": [{
-          "rounded-t": [fe]
+          "rounded-t": [de]
         }],
         /**
          * Border Radius Right
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-r": [{
-          "rounded-r": [fe]
+          "rounded-r": [de]
         }],
         /**
          * Border Radius Bottom
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-b": [{
-          "rounded-b": [fe]
+          "rounded-b": [de]
         }],
         /**
          * Border Radius Left
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-l": [{
-          "rounded-l": [fe]
+          "rounded-l": [de]
         }],
         /**
          * Border Radius Top Left
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-tl": [{
-          "rounded-tl": [fe]
+          "rounded-tl": [de]
         }],
         /**
          * Border Radius Top Right
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-tr": [{
-          "rounded-tr": [fe]
+          "rounded-tr": [de]
         }],
         /**
          * Border Radius Bottom Right
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-br": [{
-          "rounded-br": [fe]
+          "rounded-br": [de]
         }],
         /**
          * Border Radius Bottom Left
          * @see https://tailwindcss.com/docs/border-radius
          */
         "rounded-bl": [{
-          "rounded-bl": [fe]
+          "rounded-bl": [de]
         }],
         /**
          * Border Width
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w": [{
-          border: [pe]
+          border: [fe]
         }],
         /**
          * Border Width X
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-x": [{
-          "border-x": [pe]
+          "border-x": [fe]
         }],
         /**
          * Border Width Y
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-y": [{
-          "border-y": [pe]
+          "border-y": [fe]
         }],
         /**
          * Border Width Top
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-t": [{
-          "border-t": [pe]
+          "border-t": [fe]
         }],
         /**
          * Border Width Right
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-r": [{
-          "border-r": [pe]
+          "border-r": [fe]
         }],
         /**
          * Border Width Bottom
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-b": [{
-          "border-b": [pe]
+          "border-b": [fe]
         }],
         /**
          * Border Width Left
          * @see https://tailwindcss.com/docs/border-width
          */
         "border-w-l": [{
-          "border-l": [pe]
+          "border-l": [fe]
         }],
         /**
          * Border Opacity
@@ -4683,7 +4691,7 @@ function A5() {
          * @see https://tailwindcss.com/docs/divide-width
          */
         "divide-x": [{
-          "divide-x": [pe]
+          "divide-x": [fe]
         }],
         /**
          * Divide Width X Reverse
@@ -4695,7 +4703,7 @@ function A5() {
          * @see https://tailwindcss.com/docs/divide-width
          */
         "divide-y": [{
-          "divide-y": [pe]
+          "divide-y": [fe]
         }],
         /**
          * Divide Width Y Reverse
@@ -5032,21 +5040,21 @@ function A5() {
          * @see https://tailwindcss.com/docs/border-spacing
          */
         "border-spacing": [{
-          "border-spacing": [ve]
+          "border-spacing": [pe]
         }],
         /**
          * Border Spacing X
          * @see https://tailwindcss.com/docs/border-spacing
          */
         "border-spacing-x": [{
-          "border-spacing-x": [ve]
+          "border-spacing-x": [pe]
         }],
         /**
          * Border Spacing Y
          * @see https://tailwindcss.com/docs/border-spacing
          */
         "border-spacing-y": [{
-          "border-spacing-y": [ve]
+          "border-spacing-y": [pe]
         }],
         /**
          * Table Layout
@@ -5594,10 +5602,10 @@ function D5() {
       var te = function(ie) {
         if (ie.length <= 1)
           return ie;
-        var ue = [], fe = [];
-        return ie.forEach(function(ve) {
-          ve[0] === "[" ? (ue.push.apply(ue, fe.sort().concat([ve])), fe = []) : fe.push(ve);
-        }), ue.push.apply(ue, fe.sort()), ue;
+        var ue = [], de = [];
+        return ie.forEach(function(pe) {
+          pe[0] === "[" ? (ue.push.apply(ue, de.sort().concat([pe])), de = []) : de.push(pe);
+        }), ue.push.apply(ue, de.sort()), ue;
       }(ne).join(":");
       return { isTailwindClass: !0, modifierId: J ? te + "!" : te, classGroupId: X, originalClassName: ee };
     }).reverse().filter(function(ee) {
@@ -5681,7 +5689,7 @@ function D5() {
   }
   var U = { __proto__: null, isLength: p, isArbitraryLength: C, isArbitrarySize: T, isArbitraryPosition: E, isArbitraryUrl: P, isArbitraryNumber: _, isArbitraryWeight: _, isInteger: S, isArbitraryValue: R, isAny: M, isTshirtSize: A, isArbitraryShadow: L };
   function W() {
-    var z = x("colors"), F = x("spacing"), H = x("blur"), Q = x("brightness"), Z = x("borderColor"), K = x("borderRadius"), ee = x("borderSpacing"), oe = x("borderWidth"), ne = x("contrast"), J = x("grayscale"), X = x("hueRotate"), te = x("invert"), ie = x("gap"), ue = x("gradientColorStops"), fe = x("inset"), ve = x("margin"), pe = x("opacity"), we = x("padding"), Ne = x("saturate"), ze = x("scale"), Ae = x("sepia"), Re = x("skew"), Xe = x("space"), He = x("translate"), Qe = function() {
+    var z = x("colors"), F = x("spacing"), H = x("blur"), Q = x("brightness"), Z = x("borderColor"), K = x("borderRadius"), ee = x("borderSpacing"), oe = x("borderWidth"), ne = x("contrast"), J = x("grayscale"), X = x("hueRotate"), te = x("invert"), ie = x("gap"), ue = x("gradientColorStops"), de = x("inset"), pe = x("margin"), fe = x("opacity"), we = x("padding"), Ne = x("saturate"), ze = x("scale"), Ae = x("sepia"), Re = x("skew"), Xe = x("space"), He = x("translate"), Qe = function() {
       return ["auto", F];
     }, dt = function() {
       return ["", p];
@@ -5690,7 +5698,7 @@ function D5() {
     }, et = function() {
       return ["", "0", R];
     };
-    return { cacheSize: 500, theme: { colors: [M], spacing: [p], blur: ["none", "", A, C], brightness: [S], borderColor: [z], borderRadius: ["none", "", "full", A, C], borderSpacing: [F], borderWidth: dt(), contrast: [S], grayscale: et(), hueRotate: [S], invert: et(), gap: [F], gradientColorStops: [z], inset: Qe(), margin: Qe(), opacity: [S], padding: [F], saturate: [S], scale: [S], sepia: et(), skew: [S, R], space: [F], translate: [F] }, classGroups: { aspect: [{ aspect: ["auto", "square", "video", R] }], container: ["container"], columns: [{ columns: [A] }], "break-after": [{ "break-after": ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"] }], "break-before": [{ "break-before": ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"] }], "break-inside": [{ "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"] }], "box-decoration": [{ "box-decoration": ["slice", "clone"] }], box: [{ box: ["border", "content"] }], display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"], float: [{ float: ["right", "left", "none"] }], clear: [{ clear: ["left", "right", "both", "none"] }], isolation: ["isolate", "isolation-auto"], "object-fit": [{ object: ["contain", "cover", "fill", "none", "scale-down"] }], "object-position": [{ object: [].concat(["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], [R]) }], overflow: [{ overflow: ["auto", "hidden", "clip", "visible", "scroll"] }], "overflow-x": [{ "overflow-x": ["auto", "hidden", "clip", "visible", "scroll"] }], "overflow-y": [{ "overflow-y": ["auto", "hidden", "clip", "visible", "scroll"] }], overscroll: [{ overscroll: ["auto", "contain", "none"] }], "overscroll-x": [{ "overscroll-x": ["auto", "contain", "none"] }], "overscroll-y": [{ "overscroll-y": ["auto", "contain", "none"] }], position: ["static", "fixed", "absolute", "relative", "sticky"], inset: [{ inset: [fe] }], "inset-x": [{ "inset-x": [fe] }], "inset-y": [{ "inset-y": [fe] }], top: [{ top: [fe] }], right: [{ right: [fe] }], bottom: [{ bottom: [fe] }], left: [{ left: [fe] }], visibility: ["visible", "invisible", "collapse"], z: [{ z: [S] }], basis: [{ basis: [F] }], "flex-direction": [{ flex: ["row", "row-reverse", "col", "col-reverse"] }], "flex-wrap": [{ flex: ["wrap", "wrap-reverse", "nowrap"] }], flex: [{ flex: ["1", "auto", "initial", "none", R] }], grow: [{ grow: et() }], shrink: [{ shrink: et() }], order: [{ order: ["first", "last", "none", S] }], "grid-cols": [{ "grid-cols": [M] }], "col-start-end": [{ col: ["auto", { span: [S] }] }], "col-start": [{ "col-start": nt() }], "col-end": [{ "col-end": nt() }], "grid-rows": [{ "grid-rows": [M] }], "row-start-end": [{ row: ["auto", { span: [S] }] }], "row-start": [{ "row-start": nt() }], "row-end": [{ "row-end": nt() }], "grid-flow": [{ "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"] }], "auto-cols": [{ "auto-cols": ["auto", "min", "max", "fr", R] }], "auto-rows": [{ "auto-rows": ["auto", "min", "max", "fr", R] }], gap: [{ gap: [ie] }], "gap-x": [{ "gap-x": [ie] }], "gap-y": [{ "gap-y": [ie] }], "justify-content": [{ justify: ["start", "end", "center", "between", "around", "evenly"] }], "justify-items": [{ "justify-items": ["start", "end", "center", "stretch"] }], "justify-self": [{ "justify-self": ["auto", "start", "end", "center", "stretch"] }], "align-content": [{ content: [].concat(["start", "end", "center", "between", "around", "evenly"], ["baseline"]) }], "align-items": [{ items: ["start", "end", "center", "baseline", "stretch"] }], "align-self": [{ self: ["auto", "start", "end", "center", "stretch", "baseline"] }], "place-content": [{ "place-content": [].concat(["start", "end", "center", "between", "around", "evenly"], ["baseline", "stretch"]) }], "place-items": [{ "place-items": ["start", "end", "center", "baseline", "stretch"] }], "place-self": [{ "place-self": ["auto", "start", "end", "center", "stretch"] }], p: [{ p: [we] }], px: [{ px: [we] }], py: [{ py: [we] }], pt: [{ pt: [we] }], pr: [{ pr: [we] }], pb: [{ pb: [we] }], pl: [{ pl: [we] }], m: [{ m: [ve] }], mx: [{ mx: [ve] }], my: [{ my: [ve] }], mt: [{ mt: [ve] }], mr: [{ mr: [ve] }], mb: [{ mb: [ve] }], ml: [{ ml: [ve] }], "space-x": [{ "space-x": [Xe] }], "space-x-reverse": ["space-x-reverse"], "space-y": [{ "space-y": [Xe] }], "space-y-reverse": ["space-y-reverse"], w: [{ w: ["auto", "min", "max", "fit", F] }], "min-w": [{ "min-w": ["min", "max", "fit", p] }], "max-w": [{ "max-w": ["0", "none", "full", "min", "max", "fit", "prose", { screen: [A] }, A, C] }], h: [{ h: [F, "auto", "min", "max", "fit"] }], "min-h": [{ "min-h": ["min", "max", "fit", p] }], "max-h": [{ "max-h": [F, "min", "max", "fit"] }], "font-size": [{ text: ["base", A, C] }], "font-smoothing": ["antialiased", "subpixel-antialiased"], "font-style": ["italic", "not-italic"], "font-weight": [{ font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", _] }], "font-family": [{ font: [M] }], "fvn-normal": ["normal-nums"], "fvn-ordinal": ["ordinal"], "fvn-slashed-zero": ["slashed-zero"], "fvn-figure": ["lining-nums", "oldstyle-nums"], "fvn-spacing": ["proportional-nums", "tabular-nums"], "fvn-fraction": ["diagonal-fractions", "stacked-fractons"], tracking: [{ tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", C] }], leading: [{ leading: ["none", "tight", "snug", "normal", "relaxed", "loose", p] }], "list-style-type": [{ list: ["none", "disc", "decimal", R] }], "list-style-position": [{ list: ["inside", "outside"] }], "placeholder-color": [{ placeholder: [z] }], "placeholder-opacity": [{ "placeholder-opacity": [pe] }], "text-alignment": [{ text: ["left", "center", "right", "justify", "start", "end"] }], "text-color": [{ text: [z] }], "text-opacity": [{ "text-opacity": [pe] }], "text-decoration": ["underline", "overline", "line-through", "no-underline"], "text-decoration-style": [{ decoration: [].concat(["solid", "dashed", "dotted", "double", "none"], ["wavy"]) }], "text-decoration-thickness": [{ decoration: ["auto", "from-font", p] }], "underline-offset": [{ "underline-offset": ["auto", p] }], "text-decoration-color": [{ decoration: [z] }], "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"], "text-overflow": ["truncate", "text-ellipsis", "text-clip"], indent: [{ indent: [F] }], "vertical-align": [{ align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", C] }], whitespace: [{ whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap"] }], break: [{ break: ["normal", "words", "all", "keep"] }], content: [{ content: ["none", R] }], "bg-attachment": [{ bg: ["fixed", "local", "scroll"] }], "bg-clip": [{ "bg-clip": ["border", "padding", "content", "text"] }], "bg-opacity": [{ "bg-opacity": [pe] }], "bg-origin": [{ "bg-origin": ["border", "padding", "content"] }], "bg-position": [{ bg: [].concat(["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], [E]) }], "bg-repeat": [{ bg: ["no-repeat", { repeat: ["", "x", "y", "round", "space"] }] }], "bg-size": [{ bg: ["auto", "cover", "contain", T] }], "bg-image": [{ bg: ["none", { "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"] }, P] }], "bg-color": [{ bg: [z] }], "gradient-from": [{ from: [ue] }], "gradient-via": [{ via: [ue] }], "gradient-to": [{ to: [ue] }], rounded: [{ rounded: [K] }], "rounded-t": [{ "rounded-t": [K] }], "rounded-r": [{ "rounded-r": [K] }], "rounded-b": [{ "rounded-b": [K] }], "rounded-l": [{ "rounded-l": [K] }], "rounded-tl": [{ "rounded-tl": [K] }], "rounded-tr": [{ "rounded-tr": [K] }], "rounded-br": [{ "rounded-br": [K] }], "rounded-bl": [{ "rounded-bl": [K] }], "border-w": [{ border: [oe] }], "border-w-x": [{ "border-x": [oe] }], "border-w-y": [{ "border-y": [oe] }], "border-w-t": [{ "border-t": [oe] }], "border-w-r": [{ "border-r": [oe] }], "border-w-b": [{ "border-b": [oe] }], "border-w-l": [{ "border-l": [oe] }], "border-opacity": [{ "border-opacity": [pe] }], "border-style": [{ border: [].concat(["solid", "dashed", "dotted", "double", "none"], ["hidden"]) }], "divide-x": [{ "divide-x": [oe] }], "divide-x-reverse": ["divide-x-reverse"], "divide-y": [{ "divide-y": [oe] }], "divide-y-reverse": ["divide-y-reverse"], "divide-opacity": [{ "divide-opacity": [pe] }], "divide-style": [{ divide: ["solid", "dashed", "dotted", "double", "none"] }], "border-color": [{ border: [Z] }], "border-color-x": [{ "border-x": [Z] }], "border-color-y": [{ "border-y": [Z] }], "border-color-t": [{ "border-t": [Z] }], "border-color-r": [{ "border-r": [Z] }], "border-color-b": [{ "border-b": [Z] }], "border-color-l": [{ "border-l": [Z] }], "divide-color": [{ divide: [Z] }], "outline-style": [{ outline: [""].concat(["solid", "dashed", "dotted", "double", "none"]) }], "outline-offset": [{ "outline-offset": [p] }], "outline-w": [{ outline: [p] }], "outline-color": [{ outline: [z] }], "ring-w": [{ ring: dt() }], "ring-w-inset": ["ring-inset"], "ring-color": [{ ring: [z] }], "ring-opacity": [{ "ring-opacity": [pe] }], "ring-offset-w": [{ "ring-offset": [p] }], "ring-offset-color": [{ "ring-offset": [z] }], shadow: [{ shadow: ["", "inner", "none", A, L] }], "shadow-color": [{ shadow: [M] }], opacity: [{ opacity: [pe] }], "mix-blend": [{ "mix-blend": ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"] }], "bg-blend": [{ "bg-blend": ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"] }], filter: [{ filter: ["", "none"] }], blur: [{ blur: [H] }], brightness: [{ brightness: [Q] }], contrast: [{ contrast: [ne] }], "drop-shadow": [{ "drop-shadow": ["", "none", A, R] }], grayscale: [{ grayscale: [J] }], "hue-rotate": [{ "hue-rotate": [X] }], invert: [{ invert: [te] }], saturate: [{ saturate: [Ne] }], sepia: [{ sepia: [Ae] }], "backdrop-filter": [{ "backdrop-filter": ["", "none"] }], "backdrop-blur": [{ "backdrop-blur": [H] }], "backdrop-brightness": [{ "backdrop-brightness": [Q] }], "backdrop-contrast": [{ "backdrop-contrast": [ne] }], "backdrop-grayscale": [{ "backdrop-grayscale": [J] }], "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [X] }], "backdrop-invert": [{ "backdrop-invert": [te] }], "backdrop-opacity": [{ "backdrop-opacity": [pe] }], "backdrop-saturate": [{ "backdrop-saturate": [Ne] }], "backdrop-sepia": [{ "backdrop-sepia": [Ae] }], "border-collapse": [{ border: ["collapse", "separate"] }], "border-spacing": [{ "border-spacing": [ee] }], "border-spacing-x": [{ "border-spacing-x": [ee] }], "border-spacing-y": [{ "border-spacing-y": [ee] }], "table-layout": [{ table: ["auto", "fixed"] }], transition: [{ transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", R] }], duration: [{ duration: [S] }], ease: [{ ease: ["linear", "in", "out", "in-out", R] }], delay: [{ delay: [S] }], animate: [{ animate: ["none", "spin", "ping", "pulse", "bounce", R] }], transform: [{ transform: ["", "gpu", "none"] }], scale: [{ scale: [ze] }], "scale-x": [{ "scale-x": [ze] }], "scale-y": [{ "scale-y": [ze] }], rotate: [{ rotate: [S, R] }], "translate-x": [{ "translate-x": [He] }], "translate-y": [{ "translate-y": [He] }], "skew-x": [{ "skew-x": [Re] }], "skew-y": [{ "skew-y": [Re] }], "transform-origin": [{ origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", R] }], accent: [{ accent: ["auto", z] }], appearance: ["appearance-none"], cursor: [{ cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", R] }], "caret-color": [{ caret: [z] }], "pointer-events": [{ "pointer-events": ["none", "auto"] }], resize: [{ resize: ["none", "y", "x", ""] }], "scroll-behavior": [{ scroll: ["auto", "smooth"] }], "scroll-m": [{ "scroll-m": [F] }], "scroll-mx": [{ "scroll-mx": [F] }], "scroll-my": [{ "scroll-my": [F] }], "scroll-mt": [{ "scroll-mt": [F] }], "scroll-mr": [{ "scroll-mr": [F] }], "scroll-mb": [{ "scroll-mb": [F] }], "scroll-ml": [{ "scroll-ml": [F] }], "scroll-p": [{ "scroll-p": [F] }], "scroll-px": [{ "scroll-px": [F] }], "scroll-py": [{ "scroll-py": [F] }], "scroll-pt": [{ "scroll-pt": [F] }], "scroll-pr": [{ "scroll-pr": [F] }], "scroll-pb": [{ "scroll-pb": [F] }], "scroll-pl": [{ "scroll-pl": [F] }], "snap-align": [{ snap: ["start", "end", "center", "align-none"] }], "snap-stop": [{ snap: ["normal", "always"] }], "snap-type": [{ snap: ["none", "x", "y", "both"] }], "snap-strictness": [{ snap: ["mandatory", "proximity"] }], touch: [{ touch: ["auto", "none", "pinch-zoom", "manipulation", { pan: ["x", "left", "right", "y", "up", "down"] }] }], select: [{ select: ["none", "text", "all", "auto"] }], "will-change": [{ "will-change": ["auto", "scroll", "contents", "transform", R] }], fill: [{ fill: [z, "none"] }], "stroke-w": [{ stroke: [p, _] }], stroke: [{ stroke: [z, "none"] }], sr: ["sr-only", "not-sr-only"] }, conflictingClassGroups: { overflow: ["overflow-x", "overflow-y"], overscroll: ["overscroll-x", "overscroll-y"], inset: ["inset-x", "inset-y", "top", "right", "bottom", "left"], "inset-x": ["right", "left"], "inset-y": ["top", "bottom"], flex: ["basis", "grow", "shrink"], gap: ["gap-x", "gap-y"], p: ["px", "py", "pt", "pr", "pb", "pl"], px: ["pr", "pl"], py: ["pt", "pb"], m: ["mx", "my", "mt", "mr", "mb", "ml"], mx: ["mr", "ml"], my: ["mt", "mb"], "font-size": ["leading"], "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"], "fvn-ordinal": ["fvn-normal"], "fvn-slashed-zero": ["fvn-normal"], "fvn-figure": ["fvn-normal"], "fvn-spacing": ["fvn-normal"], "fvn-fraction": ["fvn-normal"], rounded: ["rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"], "rounded-t": ["rounded-tl", "rounded-tr"], "rounded-r": ["rounded-tr", "rounded-br"], "rounded-b": ["rounded-br", "rounded-bl"], "rounded-l": ["rounded-tl", "rounded-bl"], "border-spacing": ["border-spacing-x", "border-spacing-y"], "border-w": ["border-w-t", "border-w-r", "border-w-b", "border-w-l"], "border-w-x": ["border-w-r", "border-w-l"], "border-w-y": ["border-w-t", "border-w-b"], "border-color": ["border-color-t", "border-color-r", "border-color-b", "border-color-l"], "border-color-x": ["border-color-r", "border-color-l"], "border-color-y": ["border-color-t", "border-color-b"], "scroll-m": ["scroll-mx", "scroll-my", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"], "scroll-mx": ["scroll-mr", "scroll-ml"], "scroll-my": ["scroll-mt", "scroll-mb"], "scroll-p": ["scroll-px", "scroll-py", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"], "scroll-px": ["scroll-pr", "scroll-pl"], "scroll-py": ["scroll-pt", "scroll-pb"] } };
+    return { cacheSize: 500, theme: { colors: [M], spacing: [p], blur: ["none", "", A, C], brightness: [S], borderColor: [z], borderRadius: ["none", "", "full", A, C], borderSpacing: [F], borderWidth: dt(), contrast: [S], grayscale: et(), hueRotate: [S], invert: et(), gap: [F], gradientColorStops: [z], inset: Qe(), margin: Qe(), opacity: [S], padding: [F], saturate: [S], scale: [S], sepia: et(), skew: [S, R], space: [F], translate: [F] }, classGroups: { aspect: [{ aspect: ["auto", "square", "video", R] }], container: ["container"], columns: [{ columns: [A] }], "break-after": [{ "break-after": ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"] }], "break-before": [{ "break-before": ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"] }], "break-inside": [{ "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"] }], "box-decoration": [{ "box-decoration": ["slice", "clone"] }], box: [{ box: ["border", "content"] }], display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"], float: [{ float: ["right", "left", "none"] }], clear: [{ clear: ["left", "right", "both", "none"] }], isolation: ["isolate", "isolation-auto"], "object-fit": [{ object: ["contain", "cover", "fill", "none", "scale-down"] }], "object-position": [{ object: [].concat(["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], [R]) }], overflow: [{ overflow: ["auto", "hidden", "clip", "visible", "scroll"] }], "overflow-x": [{ "overflow-x": ["auto", "hidden", "clip", "visible", "scroll"] }], "overflow-y": [{ "overflow-y": ["auto", "hidden", "clip", "visible", "scroll"] }], overscroll: [{ overscroll: ["auto", "contain", "none"] }], "overscroll-x": [{ "overscroll-x": ["auto", "contain", "none"] }], "overscroll-y": [{ "overscroll-y": ["auto", "contain", "none"] }], position: ["static", "fixed", "absolute", "relative", "sticky"], inset: [{ inset: [de] }], "inset-x": [{ "inset-x": [de] }], "inset-y": [{ "inset-y": [de] }], top: [{ top: [de] }], right: [{ right: [de] }], bottom: [{ bottom: [de] }], left: [{ left: [de] }], visibility: ["visible", "invisible", "collapse"], z: [{ z: [S] }], basis: [{ basis: [F] }], "flex-direction": [{ flex: ["row", "row-reverse", "col", "col-reverse"] }], "flex-wrap": [{ flex: ["wrap", "wrap-reverse", "nowrap"] }], flex: [{ flex: ["1", "auto", "initial", "none", R] }], grow: [{ grow: et() }], shrink: [{ shrink: et() }], order: [{ order: ["first", "last", "none", S] }], "grid-cols": [{ "grid-cols": [M] }], "col-start-end": [{ col: ["auto", { span: [S] }] }], "col-start": [{ "col-start": nt() }], "col-end": [{ "col-end": nt() }], "grid-rows": [{ "grid-rows": [M] }], "row-start-end": [{ row: ["auto", { span: [S] }] }], "row-start": [{ "row-start": nt() }], "row-end": [{ "row-end": nt() }], "grid-flow": [{ "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"] }], "auto-cols": [{ "auto-cols": ["auto", "min", "max", "fr", R] }], "auto-rows": [{ "auto-rows": ["auto", "min", "max", "fr", R] }], gap: [{ gap: [ie] }], "gap-x": [{ "gap-x": [ie] }], "gap-y": [{ "gap-y": [ie] }], "justify-content": [{ justify: ["start", "end", "center", "between", "around", "evenly"] }], "justify-items": [{ "justify-items": ["start", "end", "center", "stretch"] }], "justify-self": [{ "justify-self": ["auto", "start", "end", "center", "stretch"] }], "align-content": [{ content: [].concat(["start", "end", "center", "between", "around", "evenly"], ["baseline"]) }], "align-items": [{ items: ["start", "end", "center", "baseline", "stretch"] }], "align-self": [{ self: ["auto", "start", "end", "center", "stretch", "baseline"] }], "place-content": [{ "place-content": [].concat(["start", "end", "center", "between", "around", "evenly"], ["baseline", "stretch"]) }], "place-items": [{ "place-items": ["start", "end", "center", "baseline", "stretch"] }], "place-self": [{ "place-self": ["auto", "start", "end", "center", "stretch"] }], p: [{ p: [we] }], px: [{ px: [we] }], py: [{ py: [we] }], pt: [{ pt: [we] }], pr: [{ pr: [we] }], pb: [{ pb: [we] }], pl: [{ pl: [we] }], m: [{ m: [pe] }], mx: [{ mx: [pe] }], my: [{ my: [pe] }], mt: [{ mt: [pe] }], mr: [{ mr: [pe] }], mb: [{ mb: [pe] }], ml: [{ ml: [pe] }], "space-x": [{ "space-x": [Xe] }], "space-x-reverse": ["space-x-reverse"], "space-y": [{ "space-y": [Xe] }], "space-y-reverse": ["space-y-reverse"], w: [{ w: ["auto", "min", "max", "fit", F] }], "min-w": [{ "min-w": ["min", "max", "fit", p] }], "max-w": [{ "max-w": ["0", "none", "full", "min", "max", "fit", "prose", { screen: [A] }, A, C] }], h: [{ h: [F, "auto", "min", "max", "fit"] }], "min-h": [{ "min-h": ["min", "max", "fit", p] }], "max-h": [{ "max-h": [F, "min", "max", "fit"] }], "font-size": [{ text: ["base", A, C] }], "font-smoothing": ["antialiased", "subpixel-antialiased"], "font-style": ["italic", "not-italic"], "font-weight": [{ font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", _] }], "font-family": [{ font: [M] }], "fvn-normal": ["normal-nums"], "fvn-ordinal": ["ordinal"], "fvn-slashed-zero": ["slashed-zero"], "fvn-figure": ["lining-nums", "oldstyle-nums"], "fvn-spacing": ["proportional-nums", "tabular-nums"], "fvn-fraction": ["diagonal-fractions", "stacked-fractons"], tracking: [{ tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", C] }], leading: [{ leading: ["none", "tight", "snug", "normal", "relaxed", "loose", p] }], "list-style-type": [{ list: ["none", "disc", "decimal", R] }], "list-style-position": [{ list: ["inside", "outside"] }], "placeholder-color": [{ placeholder: [z] }], "placeholder-opacity": [{ "placeholder-opacity": [fe] }], "text-alignment": [{ text: ["left", "center", "right", "justify", "start", "end"] }], "text-color": [{ text: [z] }], "text-opacity": [{ "text-opacity": [fe] }], "text-decoration": ["underline", "overline", "line-through", "no-underline"], "text-decoration-style": [{ decoration: [].concat(["solid", "dashed", "dotted", "double", "none"], ["wavy"]) }], "text-decoration-thickness": [{ decoration: ["auto", "from-font", p] }], "underline-offset": [{ "underline-offset": ["auto", p] }], "text-decoration-color": [{ decoration: [z] }], "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"], "text-overflow": ["truncate", "text-ellipsis", "text-clip"], indent: [{ indent: [F] }], "vertical-align": [{ align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", C] }], whitespace: [{ whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap"] }], break: [{ break: ["normal", "words", "all", "keep"] }], content: [{ content: ["none", R] }], "bg-attachment": [{ bg: ["fixed", "local", "scroll"] }], "bg-clip": [{ "bg-clip": ["border", "padding", "content", "text"] }], "bg-opacity": [{ "bg-opacity": [fe] }], "bg-origin": [{ "bg-origin": ["border", "padding", "content"] }], "bg-position": [{ bg: [].concat(["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], [E]) }], "bg-repeat": [{ bg: ["no-repeat", { repeat: ["", "x", "y", "round", "space"] }] }], "bg-size": [{ bg: ["auto", "cover", "contain", T] }], "bg-image": [{ bg: ["none", { "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"] }, P] }], "bg-color": [{ bg: [z] }], "gradient-from": [{ from: [ue] }], "gradient-via": [{ via: [ue] }], "gradient-to": [{ to: [ue] }], rounded: [{ rounded: [K] }], "rounded-t": [{ "rounded-t": [K] }], "rounded-r": [{ "rounded-r": [K] }], "rounded-b": [{ "rounded-b": [K] }], "rounded-l": [{ "rounded-l": [K] }], "rounded-tl": [{ "rounded-tl": [K] }], "rounded-tr": [{ "rounded-tr": [K] }], "rounded-br": [{ "rounded-br": [K] }], "rounded-bl": [{ "rounded-bl": [K] }], "border-w": [{ border: [oe] }], "border-w-x": [{ "border-x": [oe] }], "border-w-y": [{ "border-y": [oe] }], "border-w-t": [{ "border-t": [oe] }], "border-w-r": [{ "border-r": [oe] }], "border-w-b": [{ "border-b": [oe] }], "border-w-l": [{ "border-l": [oe] }], "border-opacity": [{ "border-opacity": [fe] }], "border-style": [{ border: [].concat(["solid", "dashed", "dotted", "double", "none"], ["hidden"]) }], "divide-x": [{ "divide-x": [oe] }], "divide-x-reverse": ["divide-x-reverse"], "divide-y": [{ "divide-y": [oe] }], "divide-y-reverse": ["divide-y-reverse"], "divide-opacity": [{ "divide-opacity": [fe] }], "divide-style": [{ divide: ["solid", "dashed", "dotted", "double", "none"] }], "border-color": [{ border: [Z] }], "border-color-x": [{ "border-x": [Z] }], "border-color-y": [{ "border-y": [Z] }], "border-color-t": [{ "border-t": [Z] }], "border-color-r": [{ "border-r": [Z] }], "border-color-b": [{ "border-b": [Z] }], "border-color-l": [{ "border-l": [Z] }], "divide-color": [{ divide: [Z] }], "outline-style": [{ outline: [""].concat(["solid", "dashed", "dotted", "double", "none"]) }], "outline-offset": [{ "outline-offset": [p] }], "outline-w": [{ outline: [p] }], "outline-color": [{ outline: [z] }], "ring-w": [{ ring: dt() }], "ring-w-inset": ["ring-inset"], "ring-color": [{ ring: [z] }], "ring-opacity": [{ "ring-opacity": [fe] }], "ring-offset-w": [{ "ring-offset": [p] }], "ring-offset-color": [{ "ring-offset": [z] }], shadow: [{ shadow: ["", "inner", "none", A, L] }], "shadow-color": [{ shadow: [M] }], opacity: [{ opacity: [fe] }], "mix-blend": [{ "mix-blend": ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"] }], "bg-blend": [{ "bg-blend": ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"] }], filter: [{ filter: ["", "none"] }], blur: [{ blur: [H] }], brightness: [{ brightness: [Q] }], contrast: [{ contrast: [ne] }], "drop-shadow": [{ "drop-shadow": ["", "none", A, R] }], grayscale: [{ grayscale: [J] }], "hue-rotate": [{ "hue-rotate": [X] }], invert: [{ invert: [te] }], saturate: [{ saturate: [Ne] }], sepia: [{ sepia: [Ae] }], "backdrop-filter": [{ "backdrop-filter": ["", "none"] }], "backdrop-blur": [{ "backdrop-blur": [H] }], "backdrop-brightness": [{ "backdrop-brightness": [Q] }], "backdrop-contrast": [{ "backdrop-contrast": [ne] }], "backdrop-grayscale": [{ "backdrop-grayscale": [J] }], "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [X] }], "backdrop-invert": [{ "backdrop-invert": [te] }], "backdrop-opacity": [{ "backdrop-opacity": [fe] }], "backdrop-saturate": [{ "backdrop-saturate": [Ne] }], "backdrop-sepia": [{ "backdrop-sepia": [Ae] }], "border-collapse": [{ border: ["collapse", "separate"] }], "border-spacing": [{ "border-spacing": [ee] }], "border-spacing-x": [{ "border-spacing-x": [ee] }], "border-spacing-y": [{ "border-spacing-y": [ee] }], "table-layout": [{ table: ["auto", "fixed"] }], transition: [{ transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", R] }], duration: [{ duration: [S] }], ease: [{ ease: ["linear", "in", "out", "in-out", R] }], delay: [{ delay: [S] }], animate: [{ animate: ["none", "spin", "ping", "pulse", "bounce", R] }], transform: [{ transform: ["", "gpu", "none"] }], scale: [{ scale: [ze] }], "scale-x": [{ "scale-x": [ze] }], "scale-y": [{ "scale-y": [ze] }], rotate: [{ rotate: [S, R] }], "translate-x": [{ "translate-x": [He] }], "translate-y": [{ "translate-y": [He] }], "skew-x": [{ "skew-x": [Re] }], "skew-y": [{ "skew-y": [Re] }], "transform-origin": [{ origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", R] }], accent: [{ accent: ["auto", z] }], appearance: ["appearance-none"], cursor: [{ cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", R] }], "caret-color": [{ caret: [z] }], "pointer-events": [{ "pointer-events": ["none", "auto"] }], resize: [{ resize: ["none", "y", "x", ""] }], "scroll-behavior": [{ scroll: ["auto", "smooth"] }], "scroll-m": [{ "scroll-m": [F] }], "scroll-mx": [{ "scroll-mx": [F] }], "scroll-my": [{ "scroll-my": [F] }], "scroll-mt": [{ "scroll-mt": [F] }], "scroll-mr": [{ "scroll-mr": [F] }], "scroll-mb": [{ "scroll-mb": [F] }], "scroll-ml": [{ "scroll-ml": [F] }], "scroll-p": [{ "scroll-p": [F] }], "scroll-px": [{ "scroll-px": [F] }], "scroll-py": [{ "scroll-py": [F] }], "scroll-pt": [{ "scroll-pt": [F] }], "scroll-pr": [{ "scroll-pr": [F] }], "scroll-pb": [{ "scroll-pb": [F] }], "scroll-pl": [{ "scroll-pl": [F] }], "snap-align": [{ snap: ["start", "end", "center", "align-none"] }], "snap-stop": [{ snap: ["normal", "always"] }], "snap-type": [{ snap: ["none", "x", "y", "both"] }], "snap-strictness": [{ snap: ["mandatory", "proximity"] }], touch: [{ touch: ["auto", "none", "pinch-zoom", "manipulation", { pan: ["x", "left", "right", "y", "up", "down"] }] }], select: [{ select: ["none", "text", "all", "auto"] }], "will-change": [{ "will-change": ["auto", "scroll", "contents", "transform", R] }], fill: [{ fill: [z, "none"] }], "stroke-w": [{ stroke: [p, _] }], stroke: [{ stroke: [z, "none"] }], sr: ["sr-only", "not-sr-only"] }, conflictingClassGroups: { overflow: ["overflow-x", "overflow-y"], overscroll: ["overscroll-x", "overscroll-y"], inset: ["inset-x", "inset-y", "top", "right", "bottom", "left"], "inset-x": ["right", "left"], "inset-y": ["top", "bottom"], flex: ["basis", "grow", "shrink"], gap: ["gap-x", "gap-y"], p: ["px", "py", "pt", "pr", "pb", "pl"], px: ["pr", "pl"], py: ["pt", "pb"], m: ["mx", "my", "mt", "mr", "mb", "ml"], mx: ["mr", "ml"], my: ["mt", "mb"], "font-size": ["leading"], "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"], "fvn-ordinal": ["fvn-normal"], "fvn-slashed-zero": ["fvn-normal"], "fvn-figure": ["fvn-normal"], "fvn-spacing": ["fvn-normal"], "fvn-fraction": ["fvn-normal"], rounded: ["rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"], "rounded-t": ["rounded-tl", "rounded-tr"], "rounded-r": ["rounded-tr", "rounded-br"], "rounded-b": ["rounded-br", "rounded-bl"], "rounded-l": ["rounded-tl", "rounded-bl"], "border-spacing": ["border-spacing-x", "border-spacing-y"], "border-w": ["border-w-t", "border-w-r", "border-w-b", "border-w-l"], "border-w-x": ["border-w-r", "border-w-l"], "border-w-y": ["border-w-t", "border-w-b"], "border-color": ["border-color-t", "border-color-r", "border-color-b", "border-color-l"], "border-color-x": ["border-color-r", "border-color-l"], "border-color-y": ["border-color-t", "border-color-b"], "scroll-m": ["scroll-mx", "scroll-my", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"], "scroll-mx": ["scroll-mr", "scroll-ml"], "scroll-my": ["scroll-mt", "scroll-mb"], "scroll-p": ["scroll-px", "scroll-py", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"], "scroll-px": ["scroll-pr", "scroll-pl"], "scroll-py": ["scroll-pt", "scroll-pb"] } };
   }
   var G = y(W);
   function V(z, F) {
@@ -9150,7 +9158,7 @@ var fn = Kt({
 function td() {
   return Je(ki).visualElement;
 }
-var _o = Kt(null), Eo = typeof document < "u", Vn = Eo ? ls : Ge, Uu = { current: null }, Zh = !1;
+var _o = Kt(null), Eo = typeof document < "u", Vn = Eo ? ls : $e, Uu = { current: null }, Zh = !1;
 function iC() {
   if (Zh = !0, !!Eo)
     if (window.matchMedia) {
@@ -9183,7 +9191,7 @@ function lC(e, r, t, n) {
   var u = s.current;
   return Vn(function() {
     u == null || u.syncRender();
-  }), Ge(function() {
+  }), $e(function() {
     var f;
     (f = u == null ? void 0 : u.animationState) === null || f === void 0 || f.animateChanges();
   }), Vn(function() {
@@ -9952,7 +9960,7 @@ function vs(e, r, t, n) {
   };
 }
 function Rl(e, r, t, n) {
-  Ge(function() {
+  $e(function() {
     var o = e.current;
     if (t && o)
       return vs(o, r, t, n);
@@ -10079,7 +10087,7 @@ var Mm = function(e, r) {
   return r ? e === r ? !0 : Mm(e, r.parentElement) : !1;
 };
 function bs(e) {
-  return Ge(function() {
+  return $e(function() {
     return function() {
       return e();
     };
@@ -10605,7 +10613,7 @@ var mO = {
 };
 function yO(e, r, t, n) {
   var o = n.root, a = n.margin, i = n.amount, l = i === void 0 ? "some" : i, s = n.once;
-  Ge(function() {
+  $e(function() {
     if (e) {
       var u = {
         root: o == null ? void 0 : o.current,
@@ -10625,7 +10633,7 @@ function yO(e, r, t, n) {
 }
 function xO(e, r, t, n) {
   var o = n.fallback, a = o === void 0 ? !0 : o;
-  Ge(function() {
+  $e(function() {
     !e || !a || (Qc !== "production" && ys(!1, "IntersectionObserver not available on this device. whileInView animations will trigger on mount."), requestAnimationFrame(function() {
       var i;
       r.hasEnteredView = !0;
@@ -10653,7 +10661,7 @@ function Td() {
   if (e === null)
     return [!0, null];
   var r = e.isPresent, t = e.onExitComplete, n = e.register, o = Jm();
-  Ge(function() {
+  $e(function() {
     return n(o);
   }, []);
   var a = function() {
@@ -11215,13 +11223,13 @@ function eP() {
 var jd = {
   animation: In(function(e) {
     var r = e.visualElement, t = e.animate;
-    r.animationState || (r.animationState = JO(r)), cd(t) && Ge(function() {
+    r.animationState || (r.animationState = JO(r)), cd(t) && $e(function() {
       return t.subscribe(r);
     }, [t]);
   }),
   exit: In(function(e) {
     var r = e.custom, t = e.visualElement, n = Ke(Td(), 2), o = n[0], a = n[1], i = Je(_o);
-    Ge(function() {
+    $e(function() {
       var l, s;
       t.isPresent = o;
       var u = (l = t.animationState) === null || l === void 0 ? void 0 : l.setActive(st.Exit, !o, { custom: (s = i == null ? void 0 : i.custom) !== null && s !== void 0 ? s : r });
@@ -11659,9 +11667,9 @@ function yP(e) {
   var r = e.dragControls, t = e.visualElement, n = Dt(function() {
     return new hP(t);
   });
-  Ge(function() {
+  $e(function() {
     return r && r.subscribe(n);
-  }, [n, r]), Ge(function() {
+  }, [n, r]), $e(function() {
     return n.addListeners();
   }, [n]);
 }
@@ -11674,7 +11682,7 @@ function xP(e) {
       l.current = null, n && n(h, w);
     }
   };
-  Ge(function() {
+  $e(function() {
     l.current !== null && l.current.updateHandlers(u);
   });
   function f(h) {
@@ -13178,7 +13186,7 @@ function O_(e) {
     var s = t.renderer, u = qe(t, ["renderer"]);
     l.current = s, Hu(u);
   }
-  return Ge(function() {
+  return $e(function() {
     lu(t) && t().then(function(f) {
       var h = f.renderer, w = qe(f, ["renderer"]);
       Hu(w), l.current = h, i(!0);
@@ -13224,7 +13232,7 @@ function __(e, r) {
       }
     }
   };
-  return Ge(function() {
+  return $e(function() {
     w.current = !1;
   }), j.createElement(
     f,
@@ -13245,7 +13253,7 @@ function Wn(e) {
   }), t = Je(fn).isStatic;
   if (t) {
     var n = Ke(be(e), 2), o = n[1];
-    Ge(function() {
+    $e(function() {
       return r.onChange(o);
     }, []);
   }
@@ -13321,7 +13329,7 @@ function A_(e, r) {
   }), m = ut(null);
   zt(!!w, "Reorder.Item must be a child of Reorder.Group");
   var g = w, b = g.axis, d = g.registerItem, v = g.updateOrder;
-  return Ge(function() {
+  return $e(function() {
     d(o, m.current);
   }, [w]), j.createElement(h, B({ drag: b }, f, { dragSnapToOrigin: !0, style: B(B({}, n), { x: y.x, y: y.y, zIndex: x }), layout: u, onDrag: function(c, p) {
     var C = p.velocity;
@@ -13361,7 +13369,7 @@ function V_(e, r) {
 }
 function W_(e) {
   var r = Wn(e.getVelocity());
-  return Ge(function() {
+  return $e(function() {
     return e.velocityUpdateSubscribers.add(function(t) {
       r.set(t);
     });
@@ -13683,7 +13691,7 @@ var x4 = typeof performance < "u" ? function() {
 };
 function Wy(e) {
   var r = Dt(x4), t = Je(fn).isStatic;
-  Ge(function() {
+  $e(function() {
     if (!t) {
       var n = function(o) {
         var a = o.timestamp;
@@ -13747,7 +13755,7 @@ function zy() {
 }
 function Hy() {
   var e = Dt(zy);
-  return Ge(e.mount, []), e;
+  return $e(e.mount, []), e;
 }
 var C4 = Hy;
 function T4() {
@@ -13760,7 +13768,7 @@ function T4() {
 }
 function O4(e, r) {
   var t = r === void 0 ? {} : r, n = t.root, o = t.margin, a = t.amount, i = t.once, l = i === void 0 ? !1 : i, s = Ke(be(!1), 2), u = s[0], f = s[1];
-  return Ge(function() {
+  return $e(function() {
     var h;
     if (!(!e.current || l && u)) {
       var w = function() {
@@ -13807,7 +13815,7 @@ function E4(e) {
 }
 function S4() {
   var e = Ke(Cs(), 2), r = e[0], t = e[1], n = $y();
-  return Ge(function() {
+  return $e(function() {
     Yt.postRender(function() {
       return Yt.postRender(function() {
         return ec.current = !1;
@@ -13856,9 +13864,9 @@ function M4(e) {
   var r = Ke(be(e), 2), t = r[0], n = r[1], o = R4({}, !1), a = Dt(function() {
     return N4({ props: {}, visualState: o }, { initialState: e });
   });
-  Ge(function() {
+  $e(function() {
     return a.mount({}), a.unmount;
-  }, [a]), Ge(function() {
+  }, [a]), $e(function() {
     a.setProps({
       onUpdate: function(l) {
         n(B({}, l));
@@ -16326,7 +16334,7 @@ const VE = pE, WE = yE, zE = vE, HE = wE, UE = bE, K0 = dE, $E = hE, GE = xE, xx
     }
   };
 };
-var wl = typeof document < "u" ? ls : Ge;
+var wl = typeof document < "u" ? ls : $e;
 function ql(e, r) {
   if (e === r)
     return !0;
@@ -16438,7 +16446,7 @@ function YE(e) {
     floating: p
   }), [l, C, E, P, c, p]);
 }
-var xt = typeof document < "u" ? ls : Ge;
+var xt = typeof document < "u" ? ls : $e;
 let cu = !1, BE = 0;
 const Z0 = () => "floating-ui-" + BE++;
 function KE() {
@@ -17791,8 +17799,8 @@ const TS = function(e, r) {
             decrement: !0,
             disabledIndices: H
           }), w && (te - p < J || S.current < 0)) {
-            const ie = te % p, ue = X % p, fe = X - (ue - ie);
-            ue === ie ? S.current = X : S.current = ue > ie ? fe : fe - p;
+            const ie = te % p, ue = X % p, de = X - (ue - ie);
+            ue === ie ? S.current = X : S.current = ue > ie ? de : de - p;
           }
           Ra(i, S.current) && (S.current = te), P(S.current);
         }
@@ -18682,8 +18690,8 @@ var Wx = {};
   var E = t.default.forwardRef(function(_, S) {
     var R = _.open, M = _.handler, A = _.size, L = _.dismiss, U = _.animate, W = _.className, G = _.children, V = C(_, ["open", "handler", "size", "dismiss", "animate", "className", "children"]), I = (0, h.useTheme)().dialog, $ = I.defaultProps, q = I.valid, Y = I.styles, z = Y.base, F = Y.sizes;
     M = M ?? void 0, A = A ?? $.size, L = L ?? $.dismiss, U = U ?? $.animate, W = W ?? $.className;
-    var H = (0, i.default)((0, f.default)(z.backdrop)), Q = (0, s.twMerge)((0, i.default)((0, f.default)(z.container), (0, f.default)(F[(0, u.default)(q.sizes, A, "md")])), W), Z = { unmount: { opacity: 0, y: -50, transition: { duration: 0.3 } }, mount: { opacity: 1, y: 0, transition: { duration: 0.3 } } }, K = { unmount: { opacity: 0, transition: { delay: 0.2 } }, mount: { opacity: 1 } }, ee = (0, l.default)(Z, U), oe = (0, o.useFloating)({ open: R, onOpenChange: M }), ne = oe.floating, J = oe.context, X = (0, o.useId)(), te = "".concat(X, "-label"), ie = "".concat(X, "-description"), ue = (0, o.useInteractions)([(0, o.useClick)(J), (0, o.useRole)(J), (0, o.useDismiss)(J, L)]).getFloatingProps, fe = (0, o.useMergeRefs)([S, ne]), ve = a.AnimatePresence;
-    return t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement(o.FloatingPortal, null, t.default.createElement(ve, null, R && t.default.createElement(o.FloatingOverlay, { style: { zIndex: 9999 }, lockScroll: !0 }, t.default.createElement(o.FloatingFocusManager, { context: J }, t.default.createElement(a.m.div, { className: A === "xxl" ? "" : H, initial: "unmount", exit: "unmount", animate: R ? "mount" : "unmount", variants: K, transition: { duration: 0.2 } }, t.default.createElement(a.m.div, b({}, ue(p(v({}, V), { ref: fe, className: Q, "aria-labelledby": te, "aria-describedby": ie })), { initial: "unmount", exit: "unmount", animate: R ? "mount" : "unmount", variants: ee }), G)))))));
+    var H = (0, i.default)((0, f.default)(z.backdrop)), Q = (0, s.twMerge)((0, i.default)((0, f.default)(z.container), (0, f.default)(F[(0, u.default)(q.sizes, A, "md")])), W), Z = { unmount: { opacity: 0, y: -50, transition: { duration: 0.3 } }, mount: { opacity: 1, y: 0, transition: { duration: 0.3 } } }, K = { unmount: { opacity: 0, transition: { delay: 0.2 } }, mount: { opacity: 1 } }, ee = (0, l.default)(Z, U), oe = (0, o.useFloating)({ open: R, onOpenChange: M }), ne = oe.floating, J = oe.context, X = (0, o.useId)(), te = "".concat(X, "-label"), ie = "".concat(X, "-description"), ue = (0, o.useInteractions)([(0, o.useClick)(J), (0, o.useRole)(J), (0, o.useDismiss)(J, L)]).getFloatingProps, de = (0, o.useMergeRefs)([S, ne]), pe = a.AnimatePresence;
+    return t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement(o.FloatingPortal, null, t.default.createElement(pe, null, R && t.default.createElement(o.FloatingOverlay, { style: { zIndex: 9999 }, lockScroll: !0 }, t.default.createElement(o.FloatingFocusManager, { context: J }, t.default.createElement(a.m.div, { className: A === "xxl" ? "" : H, initial: "unmount", exit: "unmount", animate: R ? "mount" : "unmount", variants: K, transition: { duration: 0.2 } }, t.default.createElement(a.m.div, b({}, ue(p(v({}, V), { ref: de, className: Q, "aria-labelledby": te, "aria-describedby": ie })), { initial: "unmount", exit: "unmount", animate: R ? "mount" : "unmount", variants: ee }), G)))))));
   });
   E.propTypes = { open: w.propTypesOpen, handler: w.propTypesHandler, size: n.default.oneOf(w.propTypesSize), dismiss: w.propTypesDismiss, animate: w.propTypesAnimate, className: w.propTypesClassName, children: w.propTypesChildren }, E.displayName = "MaterialTailwind.Dialog";
   var P = Object.assign(E, { Header: y.DialogHeader, Body: x.DialogBody, Footer: m.DialogFooter });
@@ -18909,7 +18917,7 @@ var Hx = {};
     c = c ?? U, p = p ?? W, C = C ?? A.placement, T = T ?? A.offset, E = E ?? A.dismiss, P = P ?? A.animate, _ = _ ?? A.lockScroll;
     var $ = { unmount: { opacity: 0, transformOrigin: "top", transform: "scale(0.95)", transition: { duration: 0.2, times: [0.4, 0, 0.2, 1] } }, mount: { opacity: 1, transformOrigin: "top", transform: "scale(1)", transition: { duration: 0.2, times: [0.4, 0, 0.2, 1] } } }, q = (0, a.default)($, P), Y = x(t.default.useState(null), 2), z = Y[0], F = Y[1], H = t.default.useRef([]), Q = t.default.useRef(t.default.Children.map(R, function(Ae) {
       return t.default.isValidElement(Ae) ? Ae.props.label : null;
-    })), Z = (0, o.useFloatingTree)(), K = (0, o.useFloatingNodeId)(), ee = (0, o.useFloatingParentNodeId)(), oe = ee != null, ne = (0, o.useFloating)({ open: c, nodeId: K, placement: C, onOpenChange: p, middleware: [(0, o.offset)(T), (0, o.flip)(), (0, o.shift)()], whileElementsMounted: o.autoUpdate }), J = ne.x, X = ne.y, te = ne.strategy, ie = ne.refs, ue = ne.context, fe = (0, o.useInteractions)([(0, o.useHover)(ue, { handleClose: (0, o.safePolygon)({ restMs: 25, blockPointerEvents: !0 }), enabled: S || oe && V, delay: { open: 75 } }), (0, o.useClick)(ue, { toggle: !oe || !V, event: "mousedown", ignoreMouse: oe }), (0, o.useRole)(ue, { role: "menu" }), (0, o.useDismiss)(ue, E), (0, o.useListNavigation)(ue, { listRef: H, activeIndex: z, nested: oe, onNavigate: F }), (0, o.useTypeahead)(ue, { listRef: Q, onMatch: c ? F : void 0, activeIndex: z })]), ve = fe.getReferenceProps, pe = fe.getFloatingProps, we = fe.getItemProps;
+    })), Z = (0, o.useFloatingTree)(), K = (0, o.useFloatingNodeId)(), ee = (0, o.useFloatingParentNodeId)(), oe = ee != null, ne = (0, o.useFloating)({ open: c, nodeId: K, placement: C, onOpenChange: p, middleware: [(0, o.offset)(T), (0, o.flip)(), (0, o.shift)()], whileElementsMounted: o.autoUpdate }), J = ne.x, X = ne.y, te = ne.strategy, ie = ne.refs, ue = ne.context, de = (0, o.useInteractions)([(0, o.useHover)(ue, { handleClose: (0, o.safePolygon)({ restMs: 25, blockPointerEvents: !0 }), enabled: S || oe && V, delay: { open: 75 } }), (0, o.useClick)(ue, { toggle: !oe || !V, event: "mousedown", ignoreMouse: oe }), (0, o.useRole)(ue, { role: "menu" }), (0, o.useDismiss)(ue, E), (0, o.useListNavigation)(ue, { listRef: H, activeIndex: z, nested: oe, onNavigate: F }), (0, o.useTypeahead)(ue, { listRef: Q, onMatch: c ? F : void 0, activeIndex: z })]), pe = de.getReferenceProps, fe = de.getFloatingProps, we = de.getItemProps;
     t.default.useEffect(function() {
       var Ae = function() {
         E.itemPress && p(!1);
@@ -18933,8 +18941,8 @@ var Hx = {};
       };
     }, [V]);
     var Ne = (0, o.useMergeRefs)([ie.setReference, v]), ze = t.default.useMemo(function() {
-      return { open: c, handler: p, setInternalOpen: W, strategy: te, x: J, y: X, reference: Ne, floating: ie.setFloating, listItemsRef: H, getReferenceProps: ve, getFloatingProps: pe, getItemProps: we, appliedAnimation: q, lockScroll: _, context: ue, activeIndex: z, tree: Z, allowHover: S, internalAllowHover: V, nested: oe, setActiveIndex: F };
-    }, [c, p, W, te, J, X, Ne, ie, ve, pe, we, q, _, ue, z, Z, S, V, oe, F]);
+      return { open: c, handler: p, setInternalOpen: W, strategy: te, x: J, y: X, reference: Ne, floating: ie.setFloating, listItemsRef: H, getReferenceProps: pe, getFloatingProps: fe, getItemProps: we, appliedAnimation: q, lockScroll: _, context: ue, activeIndex: z, tree: Z, allowHover: S, internalAllowHover: V, nested: oe, setActiveIndex: F };
+    }, [c, p, W, te, J, X, Ne, ie, pe, fe, we, q, _, ue, z, Z, S, V, oe, F]);
     return t.default.createElement(l.MenuContextProvider, { value: ze }, t.default.createElement(o.FloatingNode, { id: K }, R));
   });
   g.propTypes = { open: s.propTypesOpen, handler: s.propTypesHandler, placement: n.default.oneOf(s.propTypesPlacement), offset: s.propTypesOffset, dismiss: s.propTypesDismiss, animate: s.propTypesAnimate, lockScroll: s.propTypesLockScroll, children: s.propTypesChildren }, g.displayName = "MaterialTailwind.MenuCore";
@@ -19963,11 +19971,11 @@ var ew = {};
     }
   }
   var W = t.default.forwardRef(function(V, I) {
-    var $ = V.variant, q = V.color, Y = V.size, z = V.label, F = V.error, H = V.success, Q = V.arrow, Z = V.value, K = V.onChange, ee = V.selected, oe = V.offset, ne = V.dismiss, J = V.animate, X = V.lockScroll, te = V.labelProps, ie = V.menuProps, ue = V.className, fe = V.disabled, ve = V.name, pe = V.children, we = V.containerProps, Ne = R(V, ["variant", "color", "size", "label", "error", "success", "arrow", "value", "onChange", "selected", "offset", "dismiss", "animate", "lockScroll", "labelProps", "menuProps", "className", "disabled", "name", "children", "containerProps"]), ze, Ae = (0, h.useTheme)().select, Re = Ae.defaultProps, Xe = Ae.valid, He = Ae.styles, Qe = He.base, dt = He.variants, nt = A(t.default.useState("close"), 2), et = nt[0], me = nt[1];
+    var $ = V.variant, q = V.color, Y = V.size, z = V.label, F = V.error, H = V.success, Q = V.arrow, Z = V.value, K = V.onChange, ee = V.selected, oe = V.offset, ne = V.dismiss, J = V.animate, X = V.lockScroll, te = V.labelProps, ie = V.menuProps, ue = V.className, de = V.disabled, pe = V.name, fe = V.children, we = V.containerProps, Ne = R(V, ["variant", "color", "size", "label", "error", "success", "arrow", "value", "onChange", "selected", "offset", "dismiss", "animate", "lockScroll", "labelProps", "menuProps", "className", "disabled", "name", "children", "containerProps"]), ze, Ae = (0, h.useTheme)().select, Re = Ae.defaultProps, Xe = Ae.valid, He = Ae.styles, Qe = He.base, dt = He.variants, nt = A(t.default.useState("close"), 2), et = nt[0], me = nt[1];
     $ = $ ?? Re.variant, q = q ?? Re.color, Y = Y ?? Re.size, z = z ?? Re.label, F = F ?? Re.error, H = H ?? Re.success, Q = Q ?? Re.arrow, Z = Z ?? Re.value, K = K ?? Re.onChange, ee = ee ?? Re.selected, oe = oe ?? Re.offset, ne = ne ?? Re.dismiss, J = J ?? Re.animate, te = te ?? Re.labelProps, ie = ie ?? Re.menuProps;
     var Oe;
     we = (Oe = (0, s.default)(we, (Re == null ? void 0 : Re.containerProps) || {})) !== null && Oe !== void 0 ? Oe : Re.containerProps, ue = ue ?? Re.className;
-    var Ue = t.default.useRef([]), bt, Ot = t.default.useRef(L((bt = t.default.Children.map(pe, function(Et) {
+    var Ue = t.default.useRef([]), bt, Ot = t.default.useRef(L((bt = t.default.Children.map(fe, function(Et) {
       var Nt = Et.props;
       return Nt == null ? void 0 : Nt.value;
     })) !== null && bt !== void 0 ? bt : [])), cr = A(t.default.useState(!1), 2), gt = cr[0], or = cr[1], kr = A(t.default.useState(null), 2), lt = kr[0], Xt = kr[1], Ht = A(t.default.useState(0), 2), Pt = Ht[0], Nr = Ht[1], Zt = A(t.default.useState(!1), 2), Xr = Zt[0], mt = Zt[1], Zr = (0, w.usePrevious)(lt), Jr = (0, o.useFloating)({ placement: "bottom-start", open: gt, onOpenChange: or, whileElementsMounted: o.autoUpdate, middleware: [(0, o.offset)(5), (0, o.flip)({ padding: 10 }), (0, o.size)({ apply: function(Nt) {
@@ -19977,7 +19985,7 @@ var ew = {};
     t.default.useEffect(function() {
       Nr(Math.max(0, Ot.current.indexOf(Z) + 1));
     }, [Z]);
-    var Ca = Bn.floating, D = (0, o.useInteractions)([(0, o.useClick)(dr), (0, o.useRole)(dr, { role: "listbox" }), (0, o.useDismiss)(dr, P({}, ne)), (0, o.useListNavigation)(dr, { listRef: Ue, activeIndex: lt, selectedIndex: Pt, onNavigate: Xt, loop: !0 }), (0, o.useTypeahead)(dr, { listRef: Ot, activeIndex: lt, selectedIndex: Pt, onMatch: gt ? Xt : Nr })]), re = D.getReferenceProps, ae = D.getFloatingProps, de = D.getItemProps;
+    var Ca = Bn.floating, D = (0, o.useInteractions)([(0, o.useClick)(dr), (0, o.useRole)(dr, { role: "listbox" }), (0, o.useDismiss)(dr, P({}, ne)), (0, o.useListNavigation)(dr, { listRef: Ue, activeIndex: lt, selectedIndex: Pt, onNavigate: Xt, loop: !0 }), (0, o.useTypeahead)(dr, { listRef: Ot, activeIndex: lt, selectedIndex: Pt, onMatch: gt ? Xt : Nr })]), re = D.getReferenceProps, ae = D.getFloatingProps, ce = D.getItemProps;
     (0, a.useIsomorphicLayoutEffect)(function() {
       var Et = Ca.current;
       if (gt && Xr && Et) {
@@ -19990,8 +19998,8 @@ var ew = {};
     }, [gt, Xr, Zr, lt]);
     var Ce = t.default.useMemo(function() {
       return { selectedIndex: Pt, setSelectedIndex: Nr, listRef: Ue, setOpen: or, onChange: K || function() {
-      }, activeIndex: lt, setActiveIndex: Xt, getItemProps: de, dataRef: dr.dataRef };
-    }, [Pt, K, lt, de, dr.dataRef]);
+      }, activeIndex: lt, setActiveIndex: Xt, getItemProps: ce, dataRef: dr.dataRef };
+    }, [Pt, K, lt, ce, dr.dataRef]);
     t.default.useEffect(function() {
       me(gt ? "open" : !gt && Pt || !gt && Z ? "withValue" : "close");
     }, [gt, Z, Pt, ee]);
@@ -20008,11 +20016,11 @@ var ew = {};
     }, onKeyDown: function(Nt) {
       var _t = ie == null ? void 0 : ie.onKeyDown;
       typeof _t == "function" && (_t(Nt), mt(!0)), mt(!0);
-    } })), { initial: "unmount", exit: "unmount", animate: gt ? "mount" : "unmount", variants: U1 }), t.default.Children.map(pe, function(Et, Nt) {
+    } })), { initial: "unmount", exit: "unmount", animate: gt ? "mount" : "unmount", variants: U1 }), t.default.Children.map(fe, function(Et, Nt) {
       var _t;
       return t.default.isValidElement(Et) && t.default.cloneElement(Et, S(P({}, Et.props), { index: ((_t = Et.props) === null || _t === void 0 ? void 0 : _t.index) || Nt + 1, id: "material-tailwind-select-".concat(Nt) }));
     })));
-    return t.default.createElement(w.SelectContextProvider, { value: Ce }, t.default.createElement("div", v({}, we, { ref: I, className: wt }), t.default.createElement("button", v({ type: "button" }, re(S(P({}, Ne), { ref: Bn.setReference, className: F1, disabled: fe, name: ve }))), typeof ee == "function" ? t.default.createElement("span", { className: Us }, ee(pe[Pt - 1], Pt - 1)) : Z && !K ? t.default.createElement("span", { className: Us }, Z) : t.default.createElement("span", v({}, (ze = pe[Pt - 1]) === null || ze === void 0 ? void 0 : ze.props, { className: Us })), t.default.createElement("div", { className: W1 }, Q ?? t.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" }, t.default.createElement("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" })))), t.default.createElement("label", v({}, te, { className: V1 }), z), t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement($1, null, gt && t.default.createElement(t.default.Fragment, null, X ? t.default.createElement(o.FloatingOverlay, { lockScroll: !0 }, rp) : rp)))));
+    return t.default.createElement(w.SelectContextProvider, { value: Ce }, t.default.createElement("div", v({}, we, { ref: I, className: wt }), t.default.createElement("button", v({ type: "button" }, re(S(P({}, Ne), { ref: Bn.setReference, className: F1, disabled: de, name: pe }))), typeof ee == "function" ? t.default.createElement("span", { className: Us }, ee(fe[Pt - 1], Pt - 1)) : Z && !K ? t.default.createElement("span", { className: Us }, Z) : t.default.createElement("span", v({}, (ze = fe[Pt - 1]) === null || ze === void 0 ? void 0 : ze.props, { className: Us })), t.default.createElement("div", { className: W1 }, Q ?? t.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" }, t.default.createElement("path", { fillRule: "evenodd", d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z", clipRule: "evenodd" })))), t.default.createElement("label", v({}, te, { className: V1 }), z), t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement($1, null, gt && t.default.createElement(t.default.Fragment, null, X ? t.default.createElement(o.FloatingOverlay, { lockScroll: !0 }, rp) : rp)))));
   });
   W.propTypes = { variant: n.default.oneOf(y.propTypesVariant), color: n.default.oneOf(y.propTypesColor), size: n.default.oneOf(y.propTypesSize), label: y.propTypesLabel, error: y.propTypesError, success: y.propTypesSuccess, arrow: y.propTypesArrow, value: y.propTypesValue, onChange: y.propTypesOnChange, selected: y.propTypesSelected, offset: y.propTypesOffset, dismiss: y.propTypesDismiss, animate: y.propTypesAnimate, lockScroll: y.propTypesLockScroll, labelProps: y.propTypesLabelProps, menuProps: y.propTypesMenuProps, className: y.propTypesClassName, disabled: y.propTypesDisabled, name: y.propTypesName, children: y.propTypesChildren, containerProps: y.propTypesContainerProps }, W.displayName = "MaterialTailwind.Select";
   var G = Object.assign(W, { Option: x.SelectOption });
@@ -20740,13 +20748,13 @@ var sw = {};
   var _ = t.default.forwardRef(function(R, M) {
     var A = R.open, L = R.handler, U = R.content, W = R.interactive, G = R.placement, V = R.offset, I = R.dismiss, $ = R.animate, q = R.className, Y = R.children, z = C(R, ["open", "handler", "content", "interactive", "placement", "offset", "dismiss", "animate", "className", "children"]), F = (0, f.useTheme)().tooltip, H = F.defaultProps, Q = F.styles.base, Z = E(t.default.useState(!1), 2), K = Z[0], ee = Z[1];
     A = A ?? K, L = L ?? ee, W = W ?? H.interactive, G = G ?? H.placement, V = V ?? H.offset, I = I ?? H.dismiss, $ = $ ?? H.animate, q = q ?? H.className;
-    var oe = (0, l.twMerge)((0, i.default)((0, u.default)(Q)), q), ne = { unmount: { opacity: 0 }, mount: { opacity: 1 } }, J = (0, s.default)(ne, $), X = (0, o.useFloating)({ open: A, onOpenChange: L, middleware: [(0, o.offset)(V), (0, o.flip)(), (0, o.shift)()], placement: G }), te = X.x, ie = X.y, ue = X.reference, fe = X.floating, ve = X.strategy, pe = X.refs, we = X.update, Ne = X.context, ze = (0, o.useInteractions)([(0, o.useClick)(Ne, { enabled: W }), (0, o.useFocus)(Ne), (0, o.useHover)(Ne), (0, o.useRole)(Ne, { role: "tooltip" }), (0, o.useDismiss)(Ne, I)]), Ae = ze.getReferenceProps, Re = ze.getFloatingProps;
+    var oe = (0, l.twMerge)((0, i.default)((0, u.default)(Q)), q), ne = { unmount: { opacity: 0 }, mount: { opacity: 1 } }, J = (0, s.default)(ne, $), X = (0, o.useFloating)({ open: A, onOpenChange: L, middleware: [(0, o.offset)(V), (0, o.flip)(), (0, o.shift)()], placement: G }), te = X.x, ie = X.y, ue = X.reference, de = X.floating, pe = X.strategy, fe = X.refs, we = X.update, Ne = X.context, ze = (0, o.useInteractions)([(0, o.useClick)(Ne, { enabled: W }), (0, o.useFocus)(Ne), (0, o.useHover)(Ne), (0, o.useRole)(Ne, { role: "tooltip" }), (0, o.useDismiss)(Ne, I)]), Ae = ze.getReferenceProps, Re = ze.getFloatingProps;
     t.default.useEffect(function() {
-      if (pe.reference.current && pe.floating.current && A)
-        return (0, o.autoUpdate)(pe.reference.current, pe.floating.current, we);
-    }, [A, we, pe.reference, pe.floating]);
-    var Xe = (0, o.useMergeRefs)([M, fe]), He = (0, o.useMergeRefs)([M, ue]), Qe = a.AnimatePresence;
-    return t.default.createElement(t.default.Fragment, null, typeof Y == "string" ? t.default.createElement("span", m({}, Ae({ ref: He })), Y) : t.default.cloneElement(Y, v({}, Ae(p(v({}, Y == null ? void 0 : Y.props), { ref: He })))), t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement(o.FloatingPortal, null, t.default.createElement(Qe, null, A && t.default.createElement(a.m.div, m({}, Re(p(v({}, z), { ref: Xe, className: oe, style: { position: ve, top: ie ?? "", left: te ?? "" } })), { initial: "unmount", exit: "unmount", animate: A ? "mount" : "unmount", variants: J }), U)))));
+      if (fe.reference.current && fe.floating.current && A)
+        return (0, o.autoUpdate)(fe.reference.current, fe.floating.current, we);
+    }, [A, we, fe.reference, fe.floating]);
+    var Xe = (0, o.useMergeRefs)([M, de]), He = (0, o.useMergeRefs)([M, ue]), Qe = a.AnimatePresence;
+    return t.default.createElement(t.default.Fragment, null, typeof Y == "string" ? t.default.createElement("span", m({}, Ae({ ref: He })), Y) : t.default.cloneElement(Y, v({}, Ae(p(v({}, Y == null ? void 0 : Y.props), { ref: He })))), t.default.createElement(a.LazyMotion, { features: a.domAnimation }, t.default.createElement(o.FloatingPortal, null, t.default.createElement(Qe, null, A && t.default.createElement(a.m.div, m({}, Re(p(v({}, z), { ref: Xe, className: oe, style: { position: pe, top: ie ?? "", left: te ?? "" } })), { initial: "unmount", exit: "unmount", animate: A ? "mount" : "unmount", variants: J }), U)))));
   });
   _.propTypes = { open: h.propTypesOpen, handler: h.propTypesHandler, content: h.propTypesContent, interactive: h.propTypesInteractive, placement: n.default.oneOf(h.propTypesPlacement), offset: h.propTypesOffset, dismiss: h.propTypesDismiss, animate: h.propTypesAnimate, className: h.propTypesClassName, children: h.propTypesChildren }, _.displayName = "MaterialTailwind.Tooltip";
   var S = _;
@@ -21688,7 +21696,7 @@ var yw = {};
       return C(Array(M).fill("rated")).concat(C(Array(R - M).fill("un_rated")));
     }), 2), oe = ee[0], ne = ee[1], J = p(t.default.useState(function() {
       return C(Array(R).fill("un_rated"));
-    }), 2), X = J[0], te = J[1], ie = p(t.default.useState(!1), 2), ue = ie[0], fe = ie[1], ve = (0, l.default)(K[(0, i.default)(F.colors, U, "yellow")]), pe = (0, l.default)(K[(0, i.default)(F.colors, W, "blue-gray")]), we = (0, a.twMerge)((0, o.default)((0, l.default)(Z.rating), G)), Ne = (0, l.default)(Z.icon), ze = A, Ae = L, Re = t.default.isValidElement(A) && t.default.cloneElement(ze, { className: (0, a.twMerge)((0, o.default)(Ne, ve, ze == null || (q = ze.props) === null || q === void 0 ? void 0 : q.className)) }), Xe = t.default.isValidElement(A) && t.default.cloneElement(Ae, { className: (0, a.twMerge)((0, o.default)(Ne, pe, Ae == null || (Y = Ae.props) === null || Y === void 0 ? void 0 : Y.className)) }), He = !t.default.isValidElement(A) && t.default.createElement(A, { className: (0, a.twMerge)((0, o.default)(Ne, ve)) }), Qe = !t.default.isValidElement(A) && t.default.createElement(L, { className: (0, a.twMerge)((0, o.default)(Ne, pe)) }), dt = function(nt) {
+    }), 2), X = J[0], te = J[1], ie = p(t.default.useState(!1), 2), ue = ie[0], de = ie[1], pe = (0, l.default)(K[(0, i.default)(F.colors, U, "yellow")]), fe = (0, l.default)(K[(0, i.default)(F.colors, W, "blue-gray")]), we = (0, a.twMerge)((0, o.default)((0, l.default)(Z.rating), G)), Ne = (0, l.default)(Z.icon), ze = A, Ae = L, Re = t.default.isValidElement(A) && t.default.cloneElement(ze, { className: (0, a.twMerge)((0, o.default)(Ne, pe, ze == null || (q = ze.props) === null || q === void 0 ? void 0 : q.className)) }), Xe = t.default.isValidElement(A) && t.default.cloneElement(Ae, { className: (0, a.twMerge)((0, o.default)(Ne, fe, Ae == null || (Y = Ae.props) === null || Y === void 0 ? void 0 : Y.className)) }), He = !t.default.isValidElement(A) && t.default.createElement(A, { className: (0, a.twMerge)((0, o.default)(Ne, pe)) }), Qe = !t.default.isValidElement(A) && t.default.createElement(L, { className: (0, a.twMerge)((0, o.default)(Ne, fe)) }), dt = function(nt) {
       return nt.map(function(et, me) {
         return t.default.createElement("span", { key: me, onClick: function() {
           if (!I) {
@@ -21704,10 +21712,10 @@ var yw = {};
             var Oe = X.map(function(Ue, bt) {
               return bt <= me ? "rated" : "un_rated";
             });
-            fe(!0), te(Oe);
+            de(!0), te(Oe);
           }
         }, onMouseLeave: function() {
-          return !I && fe(!1);
+          return !I && de(!1);
         } }, t.default.isValidElement(et === "rated" ? A : L) ? et === "rated" ? Re : Xe : et === "rated" ? He : Qe);
       });
     };
@@ -21821,10 +21829,10 @@ var xw = {};
     R = (ie = (0, a.default)(H.trackClassName, R)) !== null && ie !== void 0 ? ie : H.trackClassName;
     var ue;
     A = (ue = (0, a.default)(H.barClassName, A)) !== null && ue !== void 0 ? ue : H.barClassName;
-    var fe;
-    q = (fe = (0, o.default)(q, (H == null ? void 0 : H.inputProps) || {})) !== null && fe !== void 0 ? fe : H.inputProps;
-    var ve = (0, i.twMerge)((0, a.default)((0, s.default)(Z.container), (0, s.default)(ee[(0, l.default)(F.colors, P, "gray")]), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].container), S)), pe = (0, i.twMerge)((0, a.default)((0, s.default)(Z.bar), A)), we = (0, a.default)((0, s.default)(Z.track), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].track)), Ne = (0, a.default)((0, s.default)(Z.thumb), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].thumb)), ze = (0, a.default)((0, s.default)(Z.slider), (0, i.twMerge)(we, R), (0, i.twMerge)(Ne, M));
-    return t.default.createElement("div", y({}, Y, { ref: E, className: ve }), t.default.createElement("label", { className: pe, style: { width: "".concat(L || ne, "%") } }), t.default.createElement("input", y({ ref: $, type: "range", max: V, min: G, step: I, className: ze }, L ? { value: L } : null, { defaultValue: U, onChange: function(Ae) {
+    var de;
+    q = (de = (0, o.default)(q, (H == null ? void 0 : H.inputProps) || {})) !== null && de !== void 0 ? de : H.inputProps;
+    var pe = (0, i.twMerge)((0, a.default)((0, s.default)(Z.container), (0, s.default)(ee[(0, l.default)(F.colors, P, "gray")]), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].container), S)), fe = (0, i.twMerge)((0, a.default)((0, s.default)(Z.bar), A)), we = (0, a.default)((0, s.default)(Z.track), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].track)), Ne = (0, a.default)((0, s.default)(Z.thumb), (0, s.default)(K[(0, l.default)(F.sizes, _, "md")].thumb)), ze = (0, a.default)((0, s.default)(Z.slider), (0, i.twMerge)(we, R), (0, i.twMerge)(Ne, M));
+    return t.default.createElement("div", y({}, Y, { ref: E, className: pe }), t.default.createElement("label", { className: fe, style: { width: "".concat(L || ne, "%") } }), t.default.createElement("input", y({ ref: $, type: "range", max: V, min: G, step: I, className: ze }, L ? { value: L } : null, { defaultValue: U, onChange: function(Ae) {
       return W ? W(Ae) : J(Number(Ae.target.value));
     } })));
   });
@@ -22565,8 +22573,8 @@ var _w = {}, Ew = {}, nf = {};
     var S = P.activeStep, R = P.isFirstStep, M = P.isLastStep, A = P.className, L = P.lineClassName, U = P.activeLineClassName, W = P.children, G = v(P, ["activeStep", "isFirstStep", "isLastStep", "className", "lineClassName", "activeLineClassName", "children"]), V = (0, i.useTheme)(), I = V.stepper, $ = V.step, q = I.styles.base, Y = $.styles, z = Y.base, F = t.default.useRef(null), H = p(t.default.useState(0), 2), Q = H[0], Z = H[1], K = S === 0, ee = Array.isArray(W) && S === W.length - 1, oe = Array.isArray(W) && S > W.length - 1;
     t.default.useEffect(function() {
       if (F.current) {
-        var fe = W, ve = F.current.getBoundingClientRect().width, pe = ve / (fe.length - 1);
-        Z(pe);
+        var de = W, pe = F.current.getBoundingClientRect().width, fe = pe / (de.length - 1);
+        Z(fe);
       }
     }, [W]);
     var ne = t.default.useMemo(function() {
@@ -22577,9 +22585,9 @@ var _w = {}, Ew = {}, nf = {};
     var J = (0, o.twMerge)((0, a.default)(q.stepper), A), X = (0, o.twMerge)((0, a.default)(q.line.initial), L), te = (0, o.twMerge)(X, (0, a.default)(q.line.active), U), ie = (0, a.default)(z.active), ue = (0, a.default)(z.completed);
     return t.default.useEffect(function() {
       M && typeof M == "function" && M(ee), R && typeof R == "function" && R(K);
-    }, [R, K, M, ee]), t.default.createElement("div", w({}, G, { ref: F, className: J }), t.default.createElement("div", { className: X }), t.default.createElement("div", { className: te, style: { width: "".concat(ne, "px") } }), Array.isArray(W) ? W.map(function(fe, ve) {
-      var pe, we;
-      return t.default.cloneElement(fe, d(g({ key: ve }, fe.props), { className: (0, o.twMerge)(fe.props.className, ve === S ? (0, o.twMerge)(ie, (pe = fe.props) === null || pe === void 0 ? void 0 : pe.activeClassName) : ve < S ? (0, o.twMerge)(ue, (we = fe.props) === null || we === void 0 ? void 0 : we.completedClassName) : "") }));
+    }, [R, K, M, ee]), t.default.createElement("div", w({}, G, { ref: F, className: J }), t.default.createElement("div", { className: X }), t.default.createElement("div", { className: te, style: { width: "".concat(ne, "px") } }), Array.isArray(W) ? W.map(function(de, pe) {
+      var fe, we;
+      return t.default.cloneElement(de, d(g({ key: pe }, de.props), { className: (0, o.twMerge)(de.props.className, pe === S ? (0, o.twMerge)(ie, (fe = de.props) === null || fe === void 0 ? void 0 : fe.activeClassName) : pe < S ? (0, o.twMerge)(ue, (we = de.props) === null || we === void 0 ? void 0 : we.completedClassName) : "") }));
     }) : W);
   });
   T.propTypes = { activeStep: s.propTypesActiveStep, isFirstStep: s.propTypesIsFirstStep, isLastStep: s.propTypesIsLastStep, className: s.propTypesClassName, lineClassName: s.propTypesClassName, activeLineClassName: s.propTypesClassName, children: s.propTypesChildren }, T.displayName = "MaterialTailwind.Stepper";
@@ -22898,7 +22906,7 @@ function of() {
       } });
     }), t;
   }
-})(ce);
+})(ve);
 function kw(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M864 144H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm0 400H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zM464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm0 400H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16z" } }] })(e);
 }
@@ -22939,9 +22947,10 @@ const G7 = ({
   size: e = 30,
   disable: r,
   iconType: t = "AiOutlineSetting",
-  variant: n
+  variant: n,
+  type: o
 }) => {
-  const o = () => {
+  const a = () => {
     switch (t) {
       case "Setting":
         return /* @__PURE__ */ O.jsx(Xl, { size: e });
@@ -22960,7 +22969,7 @@ const G7 = ({
       default:
         return /* @__PURE__ */ O.jsx(Xl, { size: e });
     }
-  }, i = {
+  }, l = {
     success: {
       success: "bg-green-500 hover:bg-green-700 text-white font-bold"
     },
@@ -22975,23 +22984,25 @@ const G7 = ({
     light: {
       light: "bg-gray-800 hover:bg-gray-400 text-white font-bold"
     }
-  }[n] || {}, l = Tt(...Object.values(i));
+  }[n] || {}, s = Tt(...Object.values(l));
   return /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsx(
-    ce.IconButton,
+    ve.IconButton,
     {
-      className: `${l}`,
+      className: `${s}`,
       placeholder: void 0,
+      type: o,
       disabled: r,
-      children: o()
+      children: a()
     }
   ) });
 }, q7 = ({
   pill: e,
   text: r = "button",
   outline: t = "primary",
-  iconType: n = "Setting"
+  iconType: n = "Setting",
+  type: o
 }) => {
-  const o = {
+  const a = {
     primary: {
       primary: `bg-transparent hover:bg-blue-500 
       text-blue-700 
@@ -23028,7 +23039,7 @@ const G7 = ({
       border-yellow-500 
       hover:border-transparent `
     }
-  }, a = () => {
+  }, i = () => {
     switch (n) {
       case "Setting":
         return /* @__PURE__ */ O.jsx(Xl, {});
@@ -23047,13 +23058,14 @@ const G7 = ({
       default:
         return /* @__PURE__ */ O.jsx(Xl, {});
     }
-  }, i = o[t] || {}, l = Tt(...Object.values(i));
+  }, l = a[t] || {}, s = Tt(...Object.values(l));
   return /* @__PURE__ */ O.jsx(
     "button",
     {
-      className: `${l}py-2 px-4 ${e ? "rounded-full" : "rounded"}`,
+      className: `${s}py-2 px-4 ${e ? "rounded-full" : "rounded"}`,
+      type: o,
       children: /* @__PURE__ */ O.jsxs("div", { className: "flex items-center", children: [
-        a(),
+        i(),
         /* @__PURE__ */ O.jsx("span", { className: "ml-2", children: r })
       ] })
     }
@@ -24659,14 +24671,14 @@ function CN() {
     var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function d(D) {
       {
-        for (var re = arguments.length, ae = new Array(re > 1 ? re - 1 : 0), de = 1; de < re; de++)
-          ae[de - 1] = arguments[de];
+        for (var re = arguments.length, ae = new Array(re > 1 ? re - 1 : 0), ce = 1; ce < re; ce++)
+          ae[ce - 1] = arguments[ce];
         v("error", D, ae);
       }
     }
     function v(D, re, ae) {
       {
-        var de = b.ReactDebugCurrentFrame, Ce = de.getStackAddendum();
+        var ce = b.ReactDebugCurrentFrame, Ce = ce.getStackAddendum();
         Ce !== "" && (re += "%s", ae = ae.concat([Ce]));
         var xe = ae.map(function(he) {
           return String(he);
@@ -24684,9 +24696,9 @@ function CN() {
       D.$$typeof === P || D.getModuleId !== void 0));
     }
     function S(D, re, ae) {
-      var de = D.displayName;
-      if (de)
-        return de;
+      var ce = D.displayName;
+      if (ce)
+        return ce;
       var Ce = re.displayName || re.name || "";
       return Ce !== "" ? ae + "(" + Ce + ")" : ae;
     }
@@ -24725,8 +24737,8 @@ function CN() {
           case s:
             return S(D, D.render, "ForwardRef");
           case h:
-            var de = D.displayName || null;
-            return de !== null ? de : M(D.type) || "Memo";
+            var ce = D.displayName || null;
+            return ce !== null ? ce : M(D.type) || "Memo";
           case w: {
             var Ce = D, xe = Ce._payload, he = Ce._init;
             try {
@@ -24807,8 +24819,8 @@ function CN() {
           try {
             throw Error();
           } catch (Ce) {
-            var de = Ce.stack.trim().match(/\n( *(at )?)/);
-            Q = de && de[1] || "";
+            var ce = Ce.stack.trim().match(/\n( *(at )?)/);
+            Q = ce && ce[1] || "";
           }
         return `
 ` + Q + D;
@@ -24827,7 +24839,7 @@ function CN() {
         if (ae !== void 0)
           return ae;
       }
-      var de;
+      var ce;
       K = !0;
       var Ce = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -24846,14 +24858,14 @@ function CN() {
             try {
               Reflect.construct(he, []);
             } catch (wt) {
-              de = wt;
+              ce = wt;
             }
             Reflect.construct(D, [], he);
           } else {
             try {
               he.call();
             } catch (wt) {
-              de = wt;
+              ce = wt;
             }
             D.call(he.prototype);
           }
@@ -24861,14 +24873,14 @@ function CN() {
           try {
             throw Error();
           } catch (wt) {
-            de = wt;
+            ce = wt;
           }
           D();
         }
       } catch (wt) {
-        if (wt && de && typeof wt.stack == "string") {
+        if (wt && ce && typeof wt.stack == "string") {
           for (var ge = wt.stack.split(`
-`), Ze = de.stack.split(`
+`), Ze = ce.stack.split(`
 `), Ve = ge.length - 1, We = Ze.length - 1; Ve >= 1 && We >= 0 && ge[Ve] !== Ze[We]; )
             We--;
           for (; Ve >= 1 && We >= 0; Ve--, We--)
@@ -24917,7 +24929,7 @@ function CN() {
           case h:
             return te(D.type, re, ae);
           case w: {
-            var de = D, Ce = de._payload, xe = de._init;
+            var ce = D, Ce = ce._payload, xe = ce._init;
             try {
               return te(xe(Ce), re, ae);
             } catch {
@@ -24926,15 +24938,15 @@ function CN() {
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, ue = {}, fe = b.ReactDebugCurrentFrame;
-    function ve(D) {
+    var ie = Object.prototype.hasOwnProperty, ue = {}, de = b.ReactDebugCurrentFrame;
+    function pe(D) {
       if (D) {
         var re = D._owner, ae = te(D.type, D._source, re ? re.type : null);
-        fe.setExtraStackFrame(ae);
+        de.setExtraStackFrame(ae);
       } else
-        fe.setExtraStackFrame(null);
+        de.setExtraStackFrame(null);
     }
-    function pe(D, re, ae, de, Ce) {
+    function fe(D, re, ae, ce, Ce) {
       {
         var xe = Function.call.bind(ie);
         for (var he in D)
@@ -24942,14 +24954,14 @@ function CN() {
             var ge = void 0;
             try {
               if (typeof D[he] != "function") {
-                var Ze = Error((de || "React class") + ": " + ae + " type `" + he + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof D[he] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var Ze = Error((ce || "React class") + ": " + ae + " type `" + he + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof D[he] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ze.name = "Invariant Violation", Ze;
               }
-              ge = D[he](re, he, de, ae, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              ge = D[he](re, he, ce, ae, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Ve) {
               ge = Ve;
             }
-            ge && !(ge instanceof Error) && (ve(Ce), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", de || "React class", ae, he, typeof ge), ve(null)), ge instanceof Error && !(ge.message in ue) && (ue[ge.message] = !0, ve(Ce), d("Failed %s type: %s", ae, ge.message), ve(null));
+            ge && !(ge instanceof Error) && (pe(Ce), d("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ce || "React class", ae, he, typeof ge), pe(null)), ge instanceof Error && !(ge.message in ue) && (ue[ge.message] = !0, pe(Ce), d("Failed %s type: %s", ae, ge.message), pe(null));
           }
       }
     }
@@ -25028,7 +25040,7 @@ function CN() {
         });
       }
     }
-    var cr = function(D, re, ae, de, Ce, xe, he) {
+    var cr = function(D, re, ae, ce, Ce, xe, he) {
       var ge = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: r,
@@ -25049,7 +25061,7 @@ function CN() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: de
+        value: ce
       }), Object.defineProperty(ge, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -25057,7 +25069,7 @@ function CN() {
         value: Ce
       }), Object.freeze && (Object.freeze(ge.props), Object.freeze(ge)), ge;
     };
-    function gt(D, re, ae, de, Ce) {
+    function gt(D, re, ae, ce, Ce) {
       {
         var xe, he = {}, ge = null, Ze = null;
         ae !== void 0 && (Xe(ae), ge = "" + ae), Oe(re) && (Xe(re.key), ge = "" + re.key), me(re) && (Ze = re.ref, Ue(re, Ce));
@@ -25072,7 +25084,7 @@ function CN() {
           var We = typeof D == "function" ? D.displayName || D.name || "Unknown" : D;
           ge && bt(he, We), Ze && Ot(he, We);
         }
-        return cr(D, ge, Ze, Ce, de, He.current, he);
+        return cr(D, ge, Ze, Ce, ce, He.current, he);
       }
     }
     var or = b.ReactCurrentOwner, kr = b.ReactDebugCurrentFrame;
@@ -25133,8 +25145,8 @@ Check the top-level render call using <` + ae + ">.");
         if (Zt[ae])
           return;
         Zt[ae] = !0;
-        var de = "";
-        D && D._owner && D._owner !== or.current && (de = " It was passed a child from " + M(D._owner.type) + "."), lt(D), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ae, de), lt(null);
+        var ce = "";
+        D && D._owner && D._owner !== or.current && (ce = " It was passed a child from " + M(D._owner.type) + "."), lt(D), d('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ae, ce), lt(null);
       }
     }
     function Zr(D, re) {
@@ -25143,8 +25155,8 @@ Check the top-level render call using <` + ae + ">.");
           return;
         if (Ne(D))
           for (var ae = 0; ae < D.length; ae++) {
-            var de = D[ae];
-            Ht(de) && mt(de, re);
+            var ce = D[ae];
+            Ht(ce) && mt(ce, re);
           }
         else if (Ht(D))
           D._store && (D._store.validated = !0);
@@ -25171,8 +25183,8 @@ Check the top-level render call using <` + ae + ">.");
         else
           return;
         if (ae) {
-          var de = M(re);
-          pe(ae, D.props, "prop", de, D);
+          var ce = M(re);
+          fe(ae, D.props, "prop", ce, D);
         } else if (re.PropTypes !== void 0 && !Xt) {
           Xt = !0;
           var Ce = M(re);
@@ -25184,16 +25196,16 @@ Check the top-level render call using <` + ae + ">.");
     function Yn(D) {
       {
         for (var re = Object.keys(D.props), ae = 0; ae < re.length; ae++) {
-          var de = re[ae];
-          if (de !== "children" && de !== "key") {
-            lt(D), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", de), lt(null);
+          var ce = re[ae];
+          if (ce !== "children" && ce !== "key") {
+            lt(D), d("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ce), lt(null);
             break;
           }
         }
         D.ref !== null && (lt(D), d("Invalid attribute `ref` supplied to `React.Fragment`."), lt(null));
       }
     }
-    function Qr(D, re, ae, de, Ce, xe) {
+    function Qr(D, re, ae, ce, Ce, xe) {
       {
         var he = _(D);
         if (!he) {
@@ -25210,7 +25222,7 @@ Check the top-level render call using <` + ae + ">.");
         if (he) {
           var it = re.children;
           if (it !== void 0)
-            if (de)
+            if (ce)
               if (Ne(it)) {
                 for (var Ut = 0; Ut < it.length; Ut++)
                   Zr(it[Ut], D);
@@ -26057,7 +26069,7 @@ function V3(e, r) {
 }
 function W3(e, r, t) {
   var n, o, a, i = ct(), l = gf(), s = M3(e, r), u = D3(e, s), f = I3(), h = !!(i.onDayClick || i.mode !== "default");
-  Ge(function() {
+  $e(function() {
     var C;
     s.outside || l.focusedDay && h && St(l.focusedDay, e) && ((C = t.current) === null || C === void 0 || C.focus());
   }, [
@@ -26141,7 +26153,7 @@ function G3(e) {
 function q3() {
   return !!(typeof window < "u" && window.document && window.document.createElement);
 }
-var Y3 = q3() ? ls : Ge, Tu = !1, B3 = 0;
+var Y3 = q3() ? ls : $e, Tu = !1, B3 = 0;
 function Cv() {
   return "react-day-picker-".concat(++B3);
 }
@@ -26149,7 +26161,7 @@ function K3(e) {
   var r, t = e ?? (Tu ? Cv() : null), n = be(t), o = n[0], a = n[1];
   return Y3(function() {
     o === null && a(Cv());
-  }, []), Ge(function() {
+  }, []), $e(function() {
     Tu === !1 && (Tu = !0);
   }, []), (r = e ?? o) !== null && r !== void 0 ? r : void 0;
 }
@@ -26165,7 +26177,7 @@ function Z3(e) {
 }
 function J3(e) {
   var r, t, n = e.initialProps, o = ct(), a = gf(), i = Hi(), l = be(!1), s = l[0], u = l[1];
-  Ge(function() {
+  $e(function() {
     o.initialFocus && a.focusTarget && (s || (a.focus(a.focusTarget), u(!0)));
   }, [
     o.initialFocus,
@@ -26528,14 +26540,14 @@ function H6(e) {
         case 1:
           return t !== "all" ? [3, 3] : [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-0ZWfZs30.js"
+            "./allPathsLoader-Y9u5yipK.js"
           )];
         case 2:
           return [2, n.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-RVWRULi_.js"
+            "./splitPathsBySizeLoader-eeSWEeFB.js"
           )];
         case 4:
           return [2, n.sent().splitPathsBySizeLoader];
@@ -28055,7 +28067,7 @@ var js = j.forwardRef(function(e, r) {
     J,
     m,
     W
-  ]), fe = j.useCallback(function() {
+  ]), de = j.useCallback(function() {
     var me;
     document.removeEventListener(
       "focus",
@@ -28070,15 +28082,15 @@ var js = j.forwardRef(function(e, r) {
       /* useCapture */
       !0
     ));
-  }, [A, L, J, X, oe]), ve = (n = OM(g)) !== null && n !== void 0 ? n : !1;
+  }, [A, L, J, X, oe]), pe = (n = OM(g)) !== null && n !== void 0 ? n : !1;
   j.useEffect(function() {
-    g && Y(!0), !ve && g && ue(), ve && !g && fe();
-  }, [g, ue, fe, ve]), j.useEffect(function() {
+    g && Y(!0), !pe && g && ue(), pe && !g && de();
+  }, [g, ue, de, pe]), j.useEffect(function() {
     return function() {
-      g && fe();
+      g && de();
     };
   }, []);
-  var pe = j.useCallback(function(me) {
+  var fe = j.useCallback(function(me) {
     var Oe = br(z);
     P && Oe instanceof HTMLElement && Oe.focus(), v == null || v(me);
   }, [v, P]), we = j.useCallback(function() {
@@ -28112,7 +28124,7 @@ var js = j.forwardRef(function(e, r) {
       nodeRef: Ot,
       onEntered: fl(p, Ot),
       onEntering: fl(C, Ot),
-      onExited: fl(pe, Ot),
+      onExited: fl(fe, Ot),
       onExiting: fl(c, Ot),
       timeout: _
     }, bt);
@@ -28121,7 +28133,7 @@ var js = j.forwardRef(function(e, r) {
     x,
     Ne,
     we,
-    pe,
+    fe,
     c,
     p,
     C,
@@ -28966,8 +28978,8 @@ function Oj(e) {
       C[c] = ie, R[c] = ie - W;
     }
     if (l) {
-      var ue, fe = c === "x" ? tr : rr, ve = c === "x" ? Pr : _r, pe = C[p], we = p === "y" ? "height" : "width", Ne = pe + g[fe], ze = pe - g[ve], Ae = [tr, rr].indexOf(b) !== -1, Re = (ue = S == null ? void 0 : S[p]) != null ? ue : 0, Xe = Ae ? Ne : pe - T[we] - E[we] - Re + _.altAxis, He = Ae ? pe + T[we] + E[we] - Re - _.altAxis : ze, Qe = y && Ae ? BM(Xe, pe, He) : ti(y ? Xe : Ne, pe, y ? He : ze);
-      C[p] = Qe, R[p] = Qe - pe;
+      var ue, de = c === "x" ? tr : rr, pe = c === "x" ? Pr : _r, fe = C[p], we = p === "y" ? "height" : "width", Ne = fe + g[de], ze = fe - g[pe], Ae = [tr, rr].indexOf(b) !== -1, Re = (ue = S == null ? void 0 : S[p]) != null ? ue : 0, Xe = Ae ? Ne : fe - T[we] - E[we] - Re + _.altAxis, He = Ae ? fe + T[we] + E[we] - Re - _.altAxis : ze, Qe = y && Ae ? BM(Xe, fe, He) : ti(y ? Xe : Ne, fe, y ? He : ze);
+      C[p] = Qe, R[p] = Qe - fe;
     }
     r.modifiersData[n] = R;
   }
@@ -31691,7 +31703,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
   setPercentage: o
 }) => {
   const [a, i] = be(0), [l, s] = be(null);
-  Ge(() => {
+  $e(() => {
     s(n - a), i(n);
   }, [n, a]);
   const u = (y) => {
@@ -31814,7 +31826,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
   // WidthProps = "100%",
   // HeightProps = "500px",
 }) => /* @__PURE__ */ O.jsxs(
-  ce.Carousel,
+  ve.Carousel,
   {
     className: "rounded-xl h-full",
     navigation: ({ setActiveIndex: r, activeIndex: t, length: n }) => /* @__PURE__ */ O.jsx("div", { className: "absolute bottom-4 left-2/4 z-50 flex -translate-x-2/4 gap-2", children: new Array(n).fill("").map((o, a) => /* @__PURE__ */ O.jsx(
@@ -31863,7 +31875,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       style: { backgroundColor: e },
       children: [
         /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
+          ve.Checkbox,
           {
             color: "green",
             id: "static-checkbox-1",
@@ -31873,7 +31885,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
               className: "p-0 "
             },
             label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 color: "blue-gray",
                 className: "flex font-medium  md:text-sm  text-xs  pl-2",
@@ -31891,7 +31903,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
           }
         ) }),
         /* @__PURE__ */ O.jsx("div", { className: "pb-2", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
+          ve.Checkbox,
           {
             color: "green",
             id: "static-checkbox-2",
@@ -31901,7 +31913,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
               className: "p-0"
             },
             label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 color: "blue-gray",
                 className: "flex font-medium  md:text-sm text-xs pl-2",
@@ -31919,7 +31931,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
           }
         ) }),
         /* @__PURE__ */ O.jsx("div", { className: "pb-2", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
+          ve.Checkbox,
           {
             color: "green",
             id: "static-checkbox-3",
@@ -31929,7 +31941,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
               className: "p-0"
             },
             label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 color: "blue-gray",
                 className: "flex font-medium  md:text-sm text-xs pl-2",
@@ -31947,7 +31959,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
           }
         ) }),
         /* @__PURE__ */ O.jsx("div", { className: "pb-2", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
+          ve.Checkbox,
           {
             color: "green",
             id: "static-checkbox-4",
@@ -31957,7 +31969,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
               className: "p-0"
             },
             label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 color: "blue-gray",
                 className: "flex font-medium  md:text-sm text-xs pl-2",
@@ -31979,154 +31991,62 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
 }, e9 = ({
   backgroundColor: e,
   borderRadius: r = 0,
-  text3: t,
-  text4: n,
-  text5: o,
-  text6: a,
-  text2: i
-}) => /* @__PURE__ */ O.jsxs("div", { className: "grid md:grid-cols-10  md:gap-4 grid-cols-1 lg:grid-cols-12 border items-center border-round border-gray-300", style: { backgroundColor: e }, children: [
-  /* @__PURE__ */ O.jsx("div", { className: " md:col-span-2 lg:grid-span-2 lg:cols-start-1 md:col-start-1 grid-span- col-start-1  p-4 pb-0 text-lg  items-center lg:pb-6 lg:ml-4 lg:text-2xl md:text-lg ", children: /* @__PURE__ */ O.jsx("h1", { children: "List of Checkbox" }) }),
-  /* @__PURE__ */ O.jsxs(
-    "div",
-    {
-      className: " grid md:grid-cols-4 grid-col-6  lg:grid-cols-8 md:col-span-8  lg:gap-4  items-center   p-4",
-      style: { backgroundColor: e },
-      children: [
-        /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
-          {
-            color: "green",
-            id: "static-checkbox-1",
-            ripple: !1,
-            className: "hover:before:opacity-0",
-            containerProps: {
-              className: "p-0"
-            },
-            label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
-              {
-                color: "blue-gray",
-                className: "flex font-medium md:text-sm text-xs pl-2",
-                placeholder: void 0,
-                children: n
-              }
-            ),
-            crossOrigin: void 0,
-            style: {
-              fontSize: "0.75rem",
-              borderRadius: `${r}px`
-            }
-          }
-        ) }),
-        /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
-          {
-            color: "green",
-            id: "static-checkbox-2",
-            ripple: !1,
-            className: "hover:before:opacity-0",
-            containerProps: {
-              className: "p-0"
-            },
-            label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
-              {
-                color: "blue-gray",
-                className: "flex font-medium md:text-sm text-xs pl-2",
-                placeholder: void 0,
-                children: o
-              }
-            ),
-            crossOrigin: void 0,
-            style: {
-              fontSize: "0.75rem",
-              borderRadius: `${r}px`
-            }
-          }
-        ) }),
-        /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
-          {
-            color: "green",
-            id: "static-checkbox-3",
-            ripple: !1,
-            className: "hover:before:opacity-0",
-            containerProps: {
-              className: "p-0"
-            },
-            label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
-              {
-                color: "blue-gray",
-                className: "flex font-medium md:text-sm text-xs pl-2",
-                placeholder: void 0,
-                children: a
-              }
-            ),
-            crossOrigin: void 0,
-            style: {
-              fontSize: "0.75rem",
-              borderRadius: `${r}px`
-            }
-          }
-        ) }),
-        /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
-          {
-            color: "green",
-            id: "static-checkbox-4",
-            ripple: !1,
-            className: "hover:before:opacity-0",
-            containerProps: {
-              className: "p-0"
-            },
-            label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
-              {
-                color: "blue-gray",
-                className: "flex font-medium md:text-sm text-xs pl-2",
-                placeholder: void 0,
-                children: t
-              }
-            ),
-            crossOrigin: void 0,
-            style: {
-              fontSize: "0.75rem",
-              borderRadius: `${r}px`
-            }
-          }
-        ) }),
-        /* @__PURE__ */ O.jsx("div", { className: "pb-2 ", children: /* @__PURE__ */ O.jsx(
-          ce.Checkbox,
+  filteredData: t,
+  text3: n,
+  hideText: o
+  // Leave as is
+}) => {
+  const [a, i] = be(new Array((t == null ? void 0 : t.length) || 0).fill(!1));
+  $e(() => {
+    const s = document.getElementById("checkbox-container");
+    if (s) {
+      const u = (t == null ? void 0 : t.length) || 0, f = `${Math.ceil(u / 4) * 100}px`;
+      s.style.height = f;
+    }
+  }, [t]);
+  const l = (s) => {
+    const u = [...a];
+    u[s] = !u[s], i(u);
+  };
+  return /* @__PURE__ */ O.jsxs("div", { id: "checkbox-container", className: "grid md:flex md:flex-wrap md:justify-start md:gap-4 grid-cols-1 lg:grid-cols-12  items-center border-round border-gray-300", style: { backgroundColor: e }, children: [
+    /* @__PURE__ */ O.jsx(
+      "span",
+      {
+        className: "p-2 pb-0 text-lg items-center justify-center lg:pb-6 lg:ml-4 lg:text-2xl md:text-lg ",
+        style: { display: o ? "none" : "" },
+        children: n
+      }
+    ),
+    /* @__PURE__ */ O.jsx("div", { className: "md:flex flex-wrap justify-start gap-6 p-4", style: { backgroundColor: e }, children: t == null ? void 0 : t.map((s, u) => /* @__PURE__ */ O.jsx("div", { className: "pb-2", children: /* @__PURE__ */ O.jsx(
+      ve.Checkbox,
+      {
+        color: "green",
+        id: `static-checkbox-${u + 1}`,
+        ripple: !1,
+        className: "hover:before:opacity-0",
+        containerProps: {
+          className: "p-0"
+        },
+        checked: a[u],
+        onChange: () => l(u),
+        label: /* @__PURE__ */ O.jsx(
+          ve.Typography,
           {
-            color: "green",
-            id: "static-checkbox-4",
-            ripple: !1,
-            className: "hover:before:opacity-0",
-            containerProps: {
-              className: "p-0"
-            },
-            label: /* @__PURE__ */ O.jsx(
-              ce.Typography,
-              {
-                color: "blue-gray",
-                className: "flex font-medium md:text-sm text-xs pl-2",
-                placeholder: void 0,
-                children: i
-              }
-            ),
-            crossOrigin: void 0,
-            style: {
-              fontSize: "0.75rem",
-              borderRadius: `${r}px`
-            }
+            color: "blue-gray",
+            className: "flex font-medium md:text-sm text-xs pl-2",
+            placeholder: void 0,
+            children: s
           }
-        ) })
-      ]
-    }
-  ),
-  /* @__PURE__ */ O.jsx("div", {})
-] }), t9 = ({
+        ),
+        crossOrigin: void 0,
+        style: {
+          fontSize: "0.75rem",
+          borderRadius: `${r}px`
+        }
+      }
+    ) }, u)) })
+  ] });
+}, t9 = ({
   backgroundColor: e,
   menuItems: r,
   buttonText: t
@@ -32308,12 +32228,12 @@ const r9 = ({
   }, w = dn(() => n.filter(
     (y) => y.label.toLowerCase().includes(o.toLowerCase())
   ), [o, n]);
-  return /* @__PURE__ */ O.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ O.jsxs("div", { className: "relative inline-block justify-center text-center", children: [
+  return /* @__PURE__ */ O.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ O.jsxs("div", { className: "relative inline-block justify-center w-full text-center", children: [
     /* @__PURE__ */ O.jsxs(
       "button",
       {
         onClick: f,
-        className: "p-3 flex items-center w-auto gap-4 justify-center rounded cursor-pointer",
+        className: "p-3 flex items-center w-full gap-4 justify-between rounded cursor-pointer",
         style: { backgroundColor: e },
         children: [
           /* @__PURE__ */ O.jsxs("span", { className: "text-sm", children: [
@@ -32347,7 +32267,7 @@ const r9 = ({
             "div",
             {
               onClick: () => h(y.label),
-              className: "cursor-pointer text-start hover:bg-gray-200 p-1 w-full rounded block",
+              className: "cursor-pointer text-start hover:bg-gray-200 p-1 w-auto rounded block",
               children: y.label
             },
             y.label
@@ -32459,7 +32379,7 @@ const Vs = /* @__PURE__ */ new Date(), aD = Vs.toLocaleDateString("en-MY"), iD =
         ] })
       ] }) })
     ] }) }),
-    /* @__PURE__ */ O.jsx("div", { id: "small", className: "flex w-full flex-col items-center border-blue-gray-50 py-4 gap-x-1 md:flex-row md:justify px-3", style: { display: C, justifyContent: i, backgroundColor: n }, children: /* @__PURE__ */ O.jsxs(ce.Typography, { variant: "small", className: "mb-4 text-center font-normal text-black md:mb-0", style: { color: o }, placeholder: void 0, children: [
+    /* @__PURE__ */ O.jsx("div", { id: "small", className: "flex w-full flex-col items-center border-blue-gray-50 py-4 gap-x-1 md:flex-row md:justify px-3", style: { display: C, justifyContent: i, backgroundColor: n }, children: /* @__PURE__ */ O.jsxs(ve.Typography, { variant: "small", className: "mb-4 text-center font-normal text-black md:mb-0", style: { color: o }, placeholder: void 0, children: [
       "© Hak Cipta Terpelihara ",
       /* @__PURE__ */ O.jsxs("span", { style: { fontWeight: E }, children: [
         " ",
@@ -32607,7 +32527,7 @@ const a9 = ({
 }) => {
   const V = f ? "block" : "none", I = w ? "block" : "none", $ = d ? "block" : "none", q = v ? "block" : "none", Y = p ? "block" : "none", z = T ? "block" : "none", F = P ? "block" : "none", H = S ? "block" : "none", Q = M ? "block" : "none", Z = L ? "block" : "none", K = W ? "block" : "none";
   return /* @__PURE__ */ O.jsx("footer", { className: "relative w-full", children: /* @__PURE__ */ O.jsx("div", { className: "mx-auto w-full max-w-7xl px-8", children: /* @__PURE__ */ O.jsxs("div", { className: "grid grid-cols-1 justify-between gap-4 md:grid-cols-2", children: [
-    /* @__PURE__ */ O.jsxs(ce.Typography, { variant: "h5", className: "mb-6", placeholder: void 0, children: [
+    /* @__PURE__ */ O.jsxs(ve.Typography, { variant: "h5", className: "mb-6", placeholder: void 0, children: [
       e,
       /* @__PURE__ */ O.jsx("br", {}),
       r
@@ -32649,7 +32569,7 @@ const a9 = ({
     /* @__PURE__ */ O.jsxs("div", { className: "grid grid-cols-3 justify-between gap-4", children: [
       /* @__PURE__ */ O.jsxs("ul", { style: { display: V }, children: [
         /* @__PURE__ */ O.jsx(
-          ce.Typography,
+          ve.Typography,
           {
             variant: "h6",
             color: "blue-gray",
@@ -32659,7 +32579,7 @@ const a9 = ({
           }
         ),
         h.map((ee) => /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsx(
-          ce.Typography,
+          ve.Typography,
           {
             as: "a",
             href: ee.url,
@@ -32672,7 +32592,7 @@ const a9 = ({
       ] }),
       /* @__PURE__ */ O.jsxs("ul", { style: { display: I }, children: [
         /* @__PURE__ */ O.jsx(
-          ce.Typography,
+          ve.Typography,
           {
             variant: "h6",
             color: "blue-gray",
@@ -32681,23 +32601,23 @@ const a9 = ({
             children: "Penggunaan Portal"
           }
         ),
-        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ce.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
+        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ve.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
           "Dalam Talian : ",
           y
         ] }) }),
-        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ce.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
+        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ve.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
           "Hari Ini : ",
           x
         ] }) }),
-        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ce.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
+        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ve.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
           "Semalam : ",
           m
         ] }) }),
-        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ce.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
+        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ve.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
           "Jumlah : ",
           g
         ] }) }),
-        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ce.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
+        /* @__PURE__ */ O.jsx("li", { children: /* @__PURE__ */ O.jsxs(ve.Typography, { color: "gray", className: "py-1.5 font-small transition-colors hover:text-blue-gray-900", placeholder: void 0, children: [
           "Maksimum : ",
           b
         ] }) })
@@ -32724,12 +32644,12 @@ const a9 = ({
           ) }) })
         ] }) }),
         /* @__PURE__ */ O.jsxs("div", { className: "flex gap-4 text-blue-gray-900 sm:justify-center mb-4", children: [
-          /* @__PURE__ */ O.jsx("span", { style: { display: z }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: E, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(YA, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
-          /* @__PURE__ */ O.jsx("span", { style: { display: F }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: _, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(_5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
-          /* @__PURE__ */ O.jsx("span", { style: { display: H }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: R, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(E5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
-          /* @__PURE__ */ O.jsx("span", { style: { display: Q }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: A, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(S5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
-          /* @__PURE__ */ O.jsx("span", { style: { display: Z }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: U, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(k5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
-          /* @__PURE__ */ O.jsx("span", { style: { display: K }, children: /* @__PURE__ */ O.jsx(ce.Typography, { as: "a", href: G, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(qA, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) })
+          /* @__PURE__ */ O.jsx("span", { style: { display: z }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: E, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(YA, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
+          /* @__PURE__ */ O.jsx("span", { style: { display: F }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: _, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(_5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
+          /* @__PURE__ */ O.jsx("span", { style: { display: H }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: R, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(E5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
+          /* @__PURE__ */ O.jsx("span", { style: { display: Q }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: A, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(S5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
+          /* @__PURE__ */ O.jsx("span", { style: { display: Z }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: U, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(k5, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) }),
+          /* @__PURE__ */ O.jsx("span", { style: { display: K }, children: /* @__PURE__ */ O.jsx(ve.Typography, { as: "a", href: G, target: "_blank", className: "opacity-80 transition-opacity hover:opacity-100", placeholder: void 0, children: /* @__PURE__ */ O.jsx(qA, { className: "h-4 w-4", fill: "currentColor", "aria-hidden": "true" }) }) })
         ] }),
         /* @__PURE__ */ O.jsx("div", { className: "flex text-left gap-4 text-blue-gray-900 sm:justify-left opacity-40", children: "Paparan terbaik menggunakan Mozilla Firefox versi 50 dan ke atas pada resolusi skrin minimum 1366×768" })
       ] })
@@ -32948,7 +32868,7 @@ const i9 = ({
   let h = !1, w = !1;
   return r === "Error" ? (w = !0, h = !1) : r === "Success" ? (w = !1, h = !0) : (w = !1, h = !1), /* @__PURE__ */ O.jsxs("div", { className: "w-[32rem]", children: [
     /* @__PURE__ */ O.jsx(
-      ce.Input,
+      ve.Input,
       {
         type: "email",
         label: a,
@@ -33005,7 +32925,7 @@ const yD = ({
   };
   let a = !1, i = !1;
   return r === "Error" ? (i = !0, a = !1) : r === "Success" ? (i = !1, a = !0) : (i = !1, a = !1), /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsx("div", { className: "w-[32rem]", children: /* @__PURE__ */ O.jsx(
-    ce.Input,
+    ve.Input,
     {
       type: "text",
       label: `${e}`,
@@ -33048,9 +32968,9 @@ const TD = ({
     "Day/month/year": "dd/MM/yyyy",
     Default: "PPP"
   }[t] || "PPP";
-  return /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsx("div", { className: "p-24", children: /* @__PURE__ */ O.jsxs(ce.Popover, { placement: "bottom", children: [
-    /* @__PURE__ */ O.jsx(ce.PopoverHandler, { children: /* @__PURE__ */ O.jsx(
-      ce.Input,
+  return /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsx("div", { className: "p-24", children: /* @__PURE__ */ O.jsxs(ve.Popover, { placement: "bottom", children: [
+    /* @__PURE__ */ O.jsx(ve.PopoverHandler, { children: /* @__PURE__ */ O.jsx(
+      ve.Input,
       {
         label: "Select a Date",
         onChange: () => null,
@@ -33062,7 +32982,7 @@ const TD = ({
         required: !0
       }
     ) }),
-    /* @__PURE__ */ O.jsx(ce.PopoverContent, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(
+    /* @__PURE__ */ O.jsx(ve.PopoverContent, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(
       Qw,
       {
         mode: "single",
@@ -33117,7 +33037,7 @@ const OD = ({
   return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsxs("div", { className: "relative flex items-center", children: [
       /* @__PURE__ */ O.jsx(
-        ce.Input,
+        ve.Input,
         {
           icon: /* @__PURE__ */ O.jsx(CD, { className: "h-5 w-5 text-gray-500" }),
           type: "text",
@@ -33169,7 +33089,7 @@ const PD = ({
   let f = !1, h = !1;
   return r === "Error" ? (h = !0, f = !1) : r === "Success" ? (h = !1, f = !0) : (h = !1, f = !1), /* @__PURE__ */ O.jsxs("div", { className: "w-[32rem]", children: [
     /* @__PURE__ */ O.jsx(
-      ce.Input,
+      ve.Input,
       {
         type: "url",
         label: o,
@@ -33185,7 +33105,7 @@ const PD = ({
     ),
     !l && // Render error message if URL is not valid
     /* @__PURE__ */ O.jsxs(
-      ce.Typography,
+      ve.Typography,
       {
         variant: "small",
         color: "red",
@@ -33229,7 +33149,7 @@ const _D = ({
 }) => {
   let n = !1, o = !1;
   return e === "Error" ? (o = !0, n = !1) : e === "Success" ? (o = !1, n = !0) : (o = !1, n = !1), /* @__PURE__ */ O.jsx("div", { className: "w-96", children: /* @__PURE__ */ O.jsx(
-    ce.Textarea,
+    ve.Textarea,
     {
       label: t,
       disabled: r,
@@ -33253,12 +33173,12 @@ const ED = ({
     medium: "md",
     large: "lg"
   };
-  return /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsxs(ce.Card, { color: "transparent", shadow: !1, placeholder: void 0, children: [
-    /* @__PURE__ */ O.jsx(ce.Typography, { variant: "h4", color: "blue-gray", placeholder: void 0, children: r }),
-    /* @__PURE__ */ O.jsx(ce.Typography, { color: "gray", className: "mt-1 font-normal", placeholder: void 0, children: t }),
+  return /* @__PURE__ */ O.jsx(O.Fragment, { children: /* @__PURE__ */ O.jsxs(ve.Card, { color: "transparent", shadow: !1, placeholder: void 0, children: [
+    /* @__PURE__ */ O.jsx(ve.Typography, { variant: "h4", color: "blue-gray", placeholder: void 0, children: r }),
+    /* @__PURE__ */ O.jsx(ve.Typography, { color: "gray", className: "mt-1 font-normal", placeholder: void 0, children: t }),
     /* @__PURE__ */ O.jsxs("form", { className: "mt-8 mb-2 w-80 max-w-screen-lg sm:w-96", children: [
       /* @__PURE__ */ O.jsx("div", { className: "mb-1 flex flex-col gap-6", children: e.map((a, i) => /* @__PURE__ */ O.jsx(
-        ce.Input,
+        ve.Input,
         {
           size: `${o[a.size]}`,
           label: a.label,
@@ -33268,7 +33188,7 @@ const ED = ({
         },
         i
       )) }),
-      /* @__PURE__ */ O.jsx(ce.Button, { className: "mt-6", fullWidth: !0, placeholder: void 0, children: n })
+      /* @__PURE__ */ O.jsx(ve.Button, { className: "mt-6", fullWidth: !0, placeholder: void 0, children: n })
     ] })
   ] }) });
 };
@@ -33294,7 +33214,7 @@ const SD = ({
 }) => {
   let a = !1, i = !1;
   return r === "Error" ? (i = !0, a = !1) : r === "Success" ? (i = !1, a = !0) : (i = !1, a = !1), /* @__PURE__ */ O.jsx("div", { className: "w-[32rem]", children: /* @__PURE__ */ O.jsx(
-    ce.Input,
+    ve.Input,
     {
       type: "number",
       label: o,
@@ -33389,7 +33309,7 @@ const u9 = ({
     light: "bg-gray-800 hover:bg-gray-400 shadow-md text-white font-bold",
     White: "bg-white hover:bg-gray-400 shadow-md text-black font-bold"
   }[e], [s, u] = be(n);
-  return Ge(() => {
+  return $e(() => {
     const f = (r - n) / t, h = setInterval(() => {
       s < r ? u((w) => w + f) : (clearInterval(h), u(r));
     }, 1);
@@ -33547,7 +33467,7 @@ const u9 = ({
   ] });
 }, b9 = ({ color: e }) => {
   const [r, t] = be(e);
-  Ge(() => {
+  $e(() => {
     t(e);
   }, [e]);
   const n = (o) => {
@@ -33614,7 +33534,7 @@ const u9 = ({
   }, f = r === "Error", h = r === "Success";
   return /* @__PURE__ */ O.jsxs("div", { className: "w-[32rem]", children: [
     /* @__PURE__ */ O.jsx(
-      ce.Input,
+      ve.Input,
       {
         type: "text",
         label: a,
@@ -33834,7 +33754,7 @@ const h9 = ({
   hideIcon: o
 }) => {
   const [a, i] = be(""), [l, s] = be(""), [u, f] = be(!1), [h, w] = be(!1), [y, x] = be(!1), [m, g] = be(""), [b, d] = be(""), [v, c] = be("");
-  Ge(() => {
+  $e(() => {
     const A = localStorage.getItem("rememberedEmail"), L = localStorage.getItem("rememberedPassword");
     A && L && (i(A), s(L), f(!0));
   }, []);
@@ -34038,7 +33958,7 @@ const h9 = ({
   hideIcon: i
 }) => {
   const [l, s] = be(""), [u, f] = be(""), [h, w] = be(!1), [y, x] = be(!1), [m, g] = be(!1), [b, d] = be(""), [v, c] = be(""), [p, C] = be("");
-  Ge(() => {
+  $e(() => {
     const W = localStorage.getItem("rememberedEmail"), G = localStorage.getItem("rememberedPassword");
     W && G && (s(W), f(G), w(!0));
   }, []);
@@ -34277,7 +34197,7 @@ function ID(e) {
 const LD = ({ titleSub: e, items: r, textColor: t }) => {
   const [n, o] = le.useState(!1), [a, i] = le.useState(!1), l = r.filter(({ name: s }) => s === e.title).flatMap(
     ({ data: s }) => Array.isArray(s) ? s.map(({ icon: u, title: f, description: h, link: w }, y) => /* @__PURE__ */ O.jsx("a", { href: w, children: /* @__PURE__ */ O.jsxs(
-      ce.MenuItem,
+      ve.MenuItem,
       {
         className: "flex items-center gap-3 rounded-lg",
         placeholder: void 0,
@@ -34288,7 +34208,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
           }) }),
           /* @__PURE__ */ O.jsxs("div", { children: [
             /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 variant: "h6",
                 color: "blue-gray",
@@ -34298,7 +34218,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
               }
             ),
             /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 variant: "paragraph",
                 className: "text-xs !font-medium text-blue-gray-500",
@@ -34313,7 +34233,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
   );
   return /* @__PURE__ */ O.jsx(O.Fragment, { children: l.length ? /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsxs(
-      ce.Menu,
+      ve.Menu,
       {
         open: n,
         handler: o,
@@ -34321,15 +34241,15 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
         placement: "bottom",
         allowHover: !0,
         children: [
-          /* @__PURE__ */ O.jsx(ce.MenuHandler, { children: /* @__PURE__ */ O.jsx(
-            ce.Typography,
+          /* @__PURE__ */ O.jsx(ve.MenuHandler, { children: /* @__PURE__ */ O.jsx(
+            ve.Typography,
             {
               as: "div",
               variant: "small",
               className: "font-medium",
               placeholder: void 0,
               children: /* @__PURE__ */ O.jsxs(
-                ce.ListItem,
+                ve.ListItem,
                 {
                   className: "flex items-center gap-2 py-2 pr-4 font-medium text-gray-900",
                   selected: n || a,
@@ -34357,7 +34277,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
             }
           ) }),
           /* @__PURE__ */ O.jsx(
-            ce.MenuList,
+            ve.MenuList,
             {
               className: "hidden max-w-screen-xl rounded-xl lg:block",
               placeholder: void 0,
@@ -34367,9 +34287,9 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
         ]
       }
     ),
-    /* @__PURE__ */ O.jsx("div", { className: "block lg:hidden", children: /* @__PURE__ */ O.jsx(ce.Collapse, { open: a, children: l }) })
+    /* @__PURE__ */ O.jsx("div", { className: "block lg:hidden", children: /* @__PURE__ */ O.jsx(ve.Collapse, { open: a, children: l }) })
   ] }) : /* @__PURE__ */ O.jsx("a", { href: e.link, style: { textDecoration: "none" }, children: /* @__PURE__ */ O.jsx(
-    ce.Typography,
+    ve.Typography,
     {
       variant: "small",
       color: "blue-gray",
@@ -34377,7 +34297,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
       placeholder: void 0,
       style: { color: `${t}` },
       children: /* @__PURE__ */ O.jsx(
-        ce.ListItem,
+        ve.ListItem,
         {
           className: "flex items-center gap-2 py-2 pr-4",
           placeholder: void 0,
@@ -34391,7 +34311,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
   navSubItems: r,
   tcolor: t
 }) => /* @__PURE__ */ O.jsx(
-  ce.List,
+  ve.List,
   {
     className: "p-0 mt-4 mb-6 lg:mt-0 lg:mb-0 lg:flex-row lg:p-1 lg:pl-250",
     placeholder: void 0,
@@ -34429,7 +34349,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
       () => window.innerWidth >= 960 && x(!1)
     );
   }, []), /* @__PURE__ */ O.jsxs(
-    ce.Navbar,
+    ve.Navbar,
     {
       className: "max-w-screen-xl px-4 py-2 mx-auto ",
       style: {
@@ -34440,7 +34360,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
       children: [
         /* @__PURE__ */ O.jsxs("div", { className: "flex items-center justify-between text-blue-gray-900", children: [
           a && /* @__PURE__ */ O.jsxs(
-            ce.Typography,
+            ve.Typography,
             {
               variant: "h6",
               className: "mr-4 cursor-pointer lg:ml-2",
@@ -34448,7 +34368,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
               style: { color: `${i}` },
               children: [
                 /* @__PURE__ */ O.jsx(
-                  ce.Avatar,
+                  ve.Avatar,
                   {
                     className: "mx-2",
                     src: l,
@@ -34470,7 +34390,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
           ) }),
           f && /* @__PURE__ */ O.jsxs("div", { className: "hidden gap-2 lg:flex", children: [
             s.active && /* @__PURE__ */ O.jsxs(
-              ce.Button,
+              ve.Button,
               {
                 variant: "text",
                 size: "sm",
@@ -34488,7 +34408,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
               }
             ),
             u.active && /* @__PURE__ */ O.jsxs(
-              ce.Button,
+              ve.Button,
               {
                 variant: "gradient",
                 size: "sm",
@@ -34506,7 +34426,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
             )
           ] }),
           /* @__PURE__ */ O.jsx(
-            ce.IconButton,
+            ve.IconButton,
             {
               variant: "text",
               color: "blue-gray",
@@ -34517,7 +34437,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ O.jsxs(ce.Collapse, { open: y, children: [
+        /* @__PURE__ */ O.jsxs(ve.Collapse, { open: y, children: [
           /* @__PURE__ */ O.jsx(
             db,
             {
@@ -34528,7 +34448,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
           ),
           /* @__PURE__ */ O.jsxs("div", { className: "flex items-center w-full gap-2 flex-nowrap lg:hidden", children: [
             s.active && /* @__PURE__ */ O.jsx(
-              ce.Button,
+              ve.Button,
               {
                 variant: "outlined",
                 size: "sm",
@@ -34540,7 +34460,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
               }
             ),
             u.active && /* @__PURE__ */ O.jsx(
-              ce.Button,
+              ve.Button,
               {
                 variant: "gradient",
                 size: "sm",
@@ -34617,13 +34537,13 @@ const VD = ({
   ), W = (q) => {
     b(q);
   };
-  Ge(() => {
+  $e(() => {
     const q = [...e].sort((F, H) => {
       const Q = F.name.toLowerCase(), Z = H.name.toLowerCase();
       return d ? Q.localeCompare(Z, void 0, { sensitivity: "base" }) : Z.localeCompare(Q, void 0, { sensitivity: "base" });
     }), Y = (g - 1) * 7, z = Y + 7;
     m(q.slice(Y, z));
-  }, [e, d, g]), Ge(() => {
+  }, [e, d, g]), $e(() => {
     b(1);
     const q = e.filter(
       (F) => F.name.toLowerCase().includes(c.toLowerCase()) && F.indicator.toLowerCase().includes(C.toLowerCase()) && F.component.toLowerCase().includes(T.toLowerCase()) && F.Action.toLowerCase().includes(E.toLowerCase())
@@ -34908,7 +34828,7 @@ const x9 = ({
     l(i === f ? 0 : f);
   }, u = a.showTitleLogo ? a.showTitleLogo : !1;
   return /* @__PURE__ */ O.jsxs(
-    ce.Card,
+    ve.Card,
     {
       placeholder: "test",
       className: "h-[calc(100vh-2rem)] w-full max-w-[20rem] p-4 shadow-xl shadow-blue-gray-900/5 bg-white-grey",
@@ -34917,7 +34837,7 @@ const x9 = ({
           /* @__PURE__ */ O.jsx("div", { className: "grid items-center justify-center gap-4 p-4 mb-2", children: /* @__PURE__ */ O.jsxs("div", { className: `${o} items-center`, children: [
             /* @__PURE__ */ O.jsx("img", { src: r.toString(), alt: "brand", className: "h-20" }),
             /* @__PURE__ */ O.jsx(
-              ce.Typography,
+              ve.Typography,
               {
                 className: "pt-2 tracking-widest text-center text-l",
                 placeholder: void 0,
@@ -34932,36 +34852,36 @@ const x9 = ({
           /* @__PURE__ */ O.jsx("hr", { className: "my-2 border-blue-gray-50" })
         ] }),
         /* @__PURE__ */ O.jsx("div", { className: "p-2", children: /* @__PURE__ */ O.jsx(
-          ce.Typography,
+          ve.Typography,
           {
             placeholder: "placeholder",
             className: "text-xs font-bold tracking-wider text-gray-500",
             children: "EKSEKUTIF"
           }
         ) }),
-        /* @__PURE__ */ O.jsxs(ce.List, { placeholder: void 0, children: [
-          /* @__PURE__ */ O.jsxs(ce.ListItem, { placeholder: void 0, children: [
-            /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(cb, {}) }),
+        /* @__PURE__ */ O.jsxs(ve.List, { placeholder: void 0, children: [
+          /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
+            /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(cb, {}) }),
             "Dashboard"
           ] }),
-          /* @__PURE__ */ O.jsxs(ce.ListItem, { placeholder: void 0, children: [
-            /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(AD, {}) }),
+          /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
+            /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(AD, {}) }),
             "Modul Utama"
           ] }),
           /* @__PURE__ */ O.jsx("div", { className: "p-2", children: /* @__PURE__ */ O.jsx(
-            ce.Typography,
+            ve.Typography,
             {
               placeholder: "placeholder",
               className: "text-xs font-semibold tracking-wide text-gray-500",
               children: "PENTADBIRAN"
             }
           ) }),
-          /* @__PURE__ */ O.jsxs(ce.ListItem, { placeholder: void 0, children: [
-            /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(cb, {}) }),
+          /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
+            /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(cb, {}) }),
             "Dashboard Pengguna"
           ] }),
           /* @__PURE__ */ O.jsxs(
-            ce.Accordion,
+            ve.Accordion,
             {
               placeholder: void 0,
               open: i === 1,
@@ -34974,21 +34894,21 @@ const x9 = ({
               ),
               children: [
                 /* @__PURE__ */ O.jsx(
-                  ce.ListItem,
+                  ve.ListItem,
                   {
                     className: "p-0",
                     selected: i === 1,
                     placeholder: void 0,
                     children: /* @__PURE__ */ O.jsxs(
-                      ce.AccordionHeader,
+                      ve.AccordionHeader,
                       {
                         onClick: () => s(1),
                         className: "p-3 border-b-0",
                         placeholder: void 0,
                         children: [
-                          /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(jD, {}) }),
+                          /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(jD, {}) }),
                           /* @__PURE__ */ O.jsx(
-                            ce.Typography,
+                            ve.Typography,
                             {
                               color: "blue-gray",
                               className: "mr-auto font-normal",
@@ -35001,13 +34921,13 @@ const x9 = ({
                     )
                   }
                 ),
-                /* @__PURE__ */ O.jsx(ce.AccordionBody, { className: "py-1", children: /* @__PURE__ */ O.jsxs(ce.List, { className: "p-0", placeholder: void 0, children: [
-                  /* @__PURE__ */ O.jsxs(ce.ListItem, { placeholder: void 0, children: [
-                    /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(dv, { strokeWidth: 3, className: "w-5 h-3" }) }),
+                /* @__PURE__ */ O.jsx(ve.AccordionBody, { className: "py-1", children: /* @__PURE__ */ O.jsxs(ve.List, { className: "p-0", placeholder: void 0, children: [
+                  /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
+                    /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(dv, { strokeWidth: 3, className: "w-5 h-3" }) }),
                     "Senarai Pengguna"
                   ] }),
-                  /* @__PURE__ */ O.jsxs(ce.ListItem, { placeholder: void 0, children: [
-                    /* @__PURE__ */ O.jsx(ce.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(dv, { strokeWidth: 3, className: "w-5 h-3" }) }),
+                  /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
+                    /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(dv, { strokeWidth: 3, className: "w-5 h-3" }) }),
                     "Tetapan Peranan"
                   ] })
                 ] }) })
@@ -35983,7 +35903,7 @@ const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
   onDragEnd: t
 }) => {
   const n = ut(null), o = ut(null), a = ut(_7(e)), [i, l] = be([]), [s, u] = be([]), [, f] = be(null);
-  Ge(() => {
+  $e(() => {
     if (n.current) {
       const x = n.current.getBoundingClientRect();
       f(x);
@@ -36063,14 +35983,14 @@ const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
   }, x = L1(w, {
     onDragEnd: y
   });
-  return Ge(() => (x && x(), () => {
+  return $e(() => (x && x(), () => {
     y();
-  }), [x]), Ge(() => {
+  }), [x]), $e(() => {
     if (n.current && t.current) {
       const m = n.current.getBoundingClientRect();
       l(m.width - f), u(m.height - f);
     }
-  }, [f]), Ge(() => {
+  }, [f]), $e(() => {
     if (t.current) {
       const m = t.current.getBoundingClientRect();
       h(m.width), t.current.style.left = "0px", t.current.style.top = "0px";
@@ -36426,7 +36346,7 @@ const M7 = ({
   iconProp: t
 }) => {
   const [n, o] = be(!0);
-  Ge(() => {
+  $e(() => {
     const l = setTimeout(() => {
       o(!1);
     }, 3e3);