@map2usdnbhd/md_components 1.0.21 → 1.0.22

package/dist/{index-cfWZFemn.js → index-54qdAfaX.js}

@@ -2973,7 +2973,7 @@ function T5() {
     }
   };
 }
-const Tt = /* @__PURE__ */ i5(T5), z7 = ({
+const Tt = /* @__PURE__ */ i5(T5), H7 = ({
   pill: e,
   outlineBtn: r,
   text: t,
@@ -3046,7 +3046,7 @@ const Tt = /* @__PURE__ */ i5(T5), z7 = ({
       children: t
     }
   );
-}, H7 = ({
+}, U7 = ({
   variant: e,
   borderRadius: r = 0,
   backgroundColor: t,
@@ -3197,7 +3197,7 @@ function j5(e) {
 function Rb(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 352 512" }, child: [{ tag: "path", attr: { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" } }] })(e);
 }
-const U7 = ({
+const $7 = ({
   buttonText: e,
   variant: r,
   hideText: t,
@@ -22943,7 +22943,7 @@ function Dw(e) {
 function zS(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M215.469 332.802l29.863 29.864L352 256 245.332 149.333l-29.863 29.865 55.469 55.469H64v42.666h205.864l-54.395 55.469zM405.334 64H106.666C83.198 64 64 83.198 64 106.666V192h42.666v-85.333h298.668v298.668H106.666V320H64v85.334C64 428.802 83.198 448 106.666 448h298.668C428.802 448 448 428.802 448 405.334V106.666C448 83.198 428.802 64 405.334 64z" } }] })(e);
 }
-const G7 = ({
+const q7 = ({
   size: e = 30,
   disable: r,
   iconType: t = "AiOutlineSetting",
@@ -22995,7 +22995,7 @@ const G7 = ({
       children: a()
     }
   ) });
-}, q7 = ({
+}, Y7 = ({
   pill: e,
   text: r = "button",
   outline: t = "primary",
@@ -26540,14 +26540,14 @@ function H6(e) {
         case 1:
           return t !== "all" ? [3, 3] : [4, import(
             /* webpackChunkName: "blueprint-icons-all-paths-loader" */
-            "./allPathsLoader-Y9u5yipK.js"
+            "./allPathsLoader-TqYtEbGB.js"
           )];
         case 2:
           return [2, n.sent().allPathsLoader];
         case 3:
           return [4, import(
             /* webpackChunkName: "blueprint-icons-split-paths-by-size-loader" */
-            "./splitPathsBySizeLoader-eeSWEeFB.js"
+            "./splitPathsBySizeLoader-TpxN6p4F.js"
           )];
         case 4:
           return [2, n.sent().splitPathsBySizeLoader];
@@ -31466,7 +31466,7 @@ function UA(e, r) {
   var t = /* @__PURE__ */ new Date();
   return wo(t, [e, r]);
 }
-const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
+const B7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
   const o = n, a = t;
   return (
     // <div className="">
@@ -31490,7 +31490,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       }
     ) })
   );
-}, B7 = ({
+}, K7 = ({
   title: e = "Title",
   content1: r = "Content 1",
   subContent1: t = "Sub Content 1",
@@ -31602,7 +31602,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       ) })
     ] })
   }
-) }), K7 = ({
+) }), X7 = ({
   title: e = "Title Test",
   content: r = "Content",
   label: t = "Label",
@@ -31695,7 +31695,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       ]
     }
   );
-}, X7 = ({
+}, Z7 = ({
   backgroundColor: e,
   colorFont: r,
   titleProps: t,
@@ -31763,7 +31763,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       }
     )
   ] }) }) });
-}, Z7 = ({
+}, J7 = ({
   tabs: e,
   variant: r,
   colorFont: t,
@@ -31821,7 +31821,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       y.id
     ))
   ] }) });
-}, J7 = ({
+}, Q7 = ({
   img: e = "https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg"
   // WidthProps = "100%",
   // HeightProps = "500px",
@@ -31857,7 +31857,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       )
     ]
   }
-), Q7 = ({
+), e9 = ({
   backgroundColor: e,
   borderRadius: r = 0,
   text3: t,
@@ -31988,7 +31988,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       ]
     }
   ) }) });
-}, e9 = ({
+}, t9 = ({
   backgroundColor: e,
   borderRadius: r = 0,
   filteredData: t,
@@ -32046,7 +32046,7 @@ const Y7 = ({ shorcut: e, actionbar: r, week: t, displayDays: n }) => {
       }
     ) }, u)) })
   ] });
-}, t9 = ({
+}, r9 = ({
   backgroundColor: e,
   menuItems: r,
   buttonText: t
@@ -32116,7 +32116,7 @@ function XA(e) {
 function ZA(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z" } }] })(e);
 }
-const r9 = ({
+const n9 = ({
   data: e,
   backgroundColor: r
 }) => {
@@ -32212,32 +32212,34 @@ const r9 = ({
       w.abbrev
     )) }) })
   ] });
-}, n9 = ({
+}, o9 = ({
   backgroundColor: e = "#ffffff",
   // Default background color
   PopBackgroundColor: r = "#ffffff",
   // Default pop background color
   buttonText: t = "Select",
   // Default button text
-  filteredOptions: n
+  filteredOptions: n,
+  id: o,
+  inputName: a
 }) => {
-  const [o, a] = be(""), [i, l] = be(!1), [s, u] = be(""), f = () => {
-    l(!i);
-  }, h = (y) => {
-    u(y), l(!1);
-  }, w = dn(() => n.filter(
-    (y) => y.label.toLowerCase().includes(o.toLowerCase())
-  ), [o, n]);
+  const [i, l] = be(""), [s, u] = be(!1), [f, h] = be(""), w = () => {
+    u(!s);
+  }, y = (m) => {
+    h(m), u(!1);
+  }, x = dn(() => n.filter(
+    (m) => m.label.toLowerCase().includes(i.toLowerCase())
+  ), [i, n]);
   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,
+        onClick: w,
         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: [
-            s || t,
+            f || t,
             " "
           ] }),
           /* @__PURE__ */ O.jsx(Nb, {})
@@ -32247,30 +32249,32 @@ const r9 = ({
     /* @__PURE__ */ O.jsxs(
       "div",
       {
-        className: `absolute right-0 left-0 ${i ? "top-full" : "bottom-full"} w-auto max-h-44 overflow-y-auto bg-white border rounded p-1 md:p-3 mt-2`,
+        className: `absolute right-0 left-0 ${s ? "top-full" : "bottom-full"} w-auto max-h-44 overflow-y-auto bg-white border rounded p-1 md:p-3 mt-2`,
         style: {
           backgroundColor: r,
-          display: i ? "block" : "none"
+          display: s ? "block" : "none"
         },
         children: [
           /* @__PURE__ */ O.jsx("div", { className: "relative mb-2", children: /* @__PURE__ */ O.jsx(
             "input",
             {
               type: "text",
+              id: o,
+              name: a,
               placeholder: "Search items...",
               className: "border rounded p-2 text-start focus:outline-none w-full focus:border-blue-500",
-              value: o,
-              onChange: (y) => a(y.target.value)
+              value: i,
+              onChange: (m) => l(m.target.value)
             }
           ) }),
-          w.map((y) => /* @__PURE__ */ O.jsx(
+          x.map((m) => /* @__PURE__ */ O.jsx(
             "div",
             {
-              onClick: () => h(y.label),
-              className: "cursor-pointer text-start hover:bg-gray-200 p-1 w-auto rounded block",
-              children: y.label
+              onClick: () => y(m.label),
+              className: "cursor-pointer text-start overflow-y-auto hover:bg-gray-200 p-1 w-auto rounded block",
+              children: m.label
             },
-            y.label
+            m.label
           ))
         ]
       }
@@ -32298,7 +32302,7 @@ function nD(e) {
 function oD(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" } }, { tag: "path", attr: { d: "M12.003 21c-.732 .001 -1.465 -.438 -1.678 -1.317a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c.886 .215 1.325 .957 1.318 1.694" } }, { tag: "path", attr: { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" } }, { tag: "path", attr: { d: "M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" } }, { tag: "path", attr: { d: "M19.001 15.5v1.5" } }, { tag: "path", attr: { d: "M19.001 21v1.5" } }, { tag: "path", attr: { d: "M22.032 17.25l-1.299 .75" } }, { tag: "path", attr: { d: "M17.27 20l-1.3 .75" } }, { tag: "path", attr: { d: "M15.97 17.25l1.3 .75" } }, { tag: "path", attr: { d: "M20.733 20l1.3 .75" } }] })(e);
 }
-const Vs = /* @__PURE__ */ new Date(), aD = Vs.toLocaleDateString("en-MY"), iD = (Vs.getMonth() + 1).toString().padStart(2, "0"), lD = Vs.getFullYear(), o9 = ({
+const Vs = /* @__PURE__ */ new Date(), aD = Vs.toLocaleDateString("en-MY"), iD = (Vs.getMonth() + 1).toString().padStart(2, "0"), lD = Vs.getFullYear(), a9 = ({
   small_Show: e,
   main_Show: r,
   small_Text: t,
@@ -32488,7 +32492,7 @@ const sD = "data:image/svg+xml,%3csvg%20width='36'%20height='36'%20viewBox='0%20
   e.exports = lb, r.default = lb;
 })(kc, kc.exports);
 var Du = kc.exports;
-const a9 = ({
+const i9 = ({
   comName: e,
   subComName: r,
   imgSrc: t,
@@ -32808,7 +32812,7 @@ const a9 = ({
 hD.defaultProps = {
   buttonText: "Upload Here"
 };
-const i9 = ({
+const l9 = ({
   variant: e = "0",
   text: r
 }) => {
@@ -33030,9 +33034,10 @@ const OD = ({
   placeholderProps: n,
   buttonProps: o,
   buttonHide: a,
-  requiredProp: i
+  requiredProp: i,
+  hideButton: l
 }) => {
-  const [l, s] = be(""), u = e === "Error", f = e === "Success", h = () => {
+  const [s, u] = be(""), f = e === "Error", h = e === "Success", w = () => {
   };
   return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsxs("div", { className: "relative flex items-center", children: [
@@ -33042,11 +33047,11 @@ const OD = ({
           icon: /* @__PURE__ */ O.jsx(CD, { className: "h-5 w-5 text-gray-500" }),
           type: "text",
           label: r,
-          value: l,
-          onChange: (w) => s(w.target.value),
+          value: s,
+          onChange: (y) => u(y.target.value),
           required: i,
-          error: u,
-          success: f,
+          error: f,
+          success: h,
           disabled: t,
           placeholder: n,
           crossOrigin: void 0,
@@ -33056,15 +33061,16 @@ const OD = ({
       !a && /* @__PURE__ */ O.jsx(
         "button",
         {
-          onClick: h,
+          onClick: w,
           className: "px-3 py-2 ml-4 bg-blue-500 text-white rounded-md hover:bg-blue-600",
+          style: { display: l ? "none" : "" },
           disabled: t,
           children: /* @__PURE__ */ O.jsx("span", { children: o })
         }
       )
     ] }),
-    u && /* @__PURE__ */ O.jsx("p", { className: "mt-1 text-red-500 text-sm", children: "Invalid input" }),
-    f && /* @__PURE__ */ O.jsx("p", { className: "mt-1 text-green-500 text-sm", children: "Success!" })
+    f && /* @__PURE__ */ O.jsx("p", { className: "mt-1 text-red-500 text-sm", children: "Invalid input" }),
+    h && /* @__PURE__ */ O.jsx("p", { className: "mt-1 text-green-500 text-sm", children: "Success!" })
   ] });
 };
 OD.defaultProps = {
@@ -33234,7 +33240,7 @@ SD.defaultProps = {
   disabledProps: !1,
   requiredProps: !0
 };
-const l9 = ({ variant: e, Text: r, borderRadius: t }) => {
+const s9 = ({ variant: e, Text: r, borderRadius: t }) => {
   const [n, o] = be(1), [a, i] = be(!1), l = () => {
     i(!a), !a && n === 1 && o(0);
   }, u = Tt({
@@ -33261,7 +33267,7 @@ const l9 = ({ variant: e, Text: r, borderRadius: t }) => {
       ]
     }
   ) });
-}, s9 = ({ variant: e, borderRadius: r }) => {
+}, u9 = ({ variant: e, borderRadius: r }) => {
   const [t, n] = be(1), [o, a] = be(!1), i = () => {
     a(!o), !o && t === 1 && n(0);
   }, s = Tt({
@@ -33292,7 +33298,7 @@ const l9 = ({ variant: e, Text: r, borderRadius: t }) => {
 function kD(e) {
   return Me({ tag: "svg", attr: { fill: "none", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { strokeWidth: "2", d: "M1 22V9.76a2 2 0 01.851-1.636l9.575-6.72a1 1 0 011.149 0l9.574 6.72A2 2 0 0123 9.76V22a1 1 0 01-1 1h-5.333a1 1 0 01-1-1v-5.674a1 1 0 00-1-1H9.333a1 1 0 00-1 1V22a1 1 0 01-1 1H2a1 1 0 01-1-1z" } }] })(e);
 }
-const u9 = ({
+const c9 = ({
   variant: e,
   target: r = 1054,
   time: t = 2e4,
@@ -33328,7 +33334,7 @@ const u9 = ({
       ]
     }
   ) }) });
-}, c9 = ({ backgroundColor: e }) => {
+}, d9 = ({ backgroundColor: e }) => {
   const [r, t] = be(0), n = (o) => {
     t(o);
   };
@@ -33341,7 +33347,7 @@ const u9 = ({
       placeholder: "Enter a number"
     }
   );
-}, d9 = ({ variant: e, Text: r, borderRadius: t }) => {
+}, f9 = ({ variant: e, Text: r, borderRadius: t }) => {
   const [n, o] = be(null), a = (u) => {
     var h;
     const f = (h = u.target.files) == null ? void 0 : h[0];
@@ -33374,7 +33380,7 @@ const u9 = ({
       }
     )
   ] });
-}, f9 = ({
+}, p9 = ({
   //size,
   tagText: e,
   maxTags: r,
@@ -33404,7 +33410,7 @@ const u9 = ({
       ...n
     }
   );
-}, p9 = ({
+}, v9 = ({
   placeholderProps: e = "insert value",
   valueProps: r,
   readOnlyProp: t,
@@ -33417,7 +33423,7 @@ const u9 = ({
     placeholder: e,
     readOnly: t
   }
-), v9 = ({ variant: e, variant1: r }) => {
+), b9 = ({ variant: e, variant1: r }) => {
   const [t, n] = be(!1), o = () => {
     n(!t);
   }, a = {
@@ -33465,7 +33471,7 @@ const u9 = ({
       )
     ] }) })
   ] });
-}, b9 = ({ color: e }) => {
+}, g9 = ({ color: e }) => {
   const [r, t] = be(e);
   $e(() => {
     t(e);
@@ -33501,7 +33507,7 @@ const u9 = ({
       ]
     }
   ) }) });
-}, g9 = ({ variant: e, variant1: r, variant2: t, text: n }) => {
+}, h9 = ({ variant: e, variant1: r, variant2: t, text: n }) => {
   const o = {
     sans: "font-sans ...",
     serif: "font-serif ...",
@@ -33562,10 +33568,103 @@ ND.defaultProps = {
   disabledProps: !1,
   requiredProps: !0
 };
+const RD = ({
+  type: e,
+  placeholderProps: r,
+  validationProps: t,
+  disabledProps: n,
+  isRequired: o,
+  numberLength: a,
+  decimalPoints: i,
+  id: l,
+  name: s
+}) => {
+  const [u, f] = be(""), [h, w] = be(!0), [y, x] = be(!1), m = (v) => {
+    f(v.target.value), b(v.target.value);
+  }, g = () => {
+    x(!0);
+  }, b = (v) => {
+    if (!o && v === "") {
+      w(!0);
+      return;
+    }
+    switch (e) {
+      case "email":
+        w(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/.test(v));
+        break;
+      case "number":
+        w(/^\d+$/.test(v));
+        break;
+      case "float":
+        const c = new RegExp(`^\\d+(\\.\\d{0,${i}})?$`);
+        w(c.test(v));
+        break;
+      case "password":
+        w(v.length >= 8);
+        break;
+      default:
+        w(!0);
+        break;
+    }
+  }, d = !h && y;
+  return /* @__PURE__ */ O.jsxs("div", { className: "w-[32rem]", children: [
+    /* @__PURE__ */ O.jsx(
+      "input",
+      {
+        id: l,
+        name: s,
+        type: e,
+        placeholder: r,
+        required: o,
+        disabled: n,
+        value: u,
+        onChange: m,
+        onBlur: g,
+        maxLength: e === "number" ? a : void 0,
+        className: `peer h-full w-full rounded-md border ${d ? "border-red-500 focus:ring-red-500/50" : "border-blue-gray-200 "}  border-t-transparent !border-t-blue-gray-200 bg-transparent px-3 py-3 font-sans text-sm font-normal outline outline-0 transition-all placeholder-shown:border placeholder-shown:border-blue-gray-200 placeholder-shown:border-t-blue-gray-200 focus:border-2 focus:border-t-transparent focus:outline-0 disabled:border-0 disabled:bg-blue-gray-5 border !border-gray-300 bg-white text-gray-900/80 shadow-lg shadow-gray-500/5 ring-4 ring-transparent placeholder:text-gray-500 
+        ${o == !1 && y ? "ring-green-500/50" : ""} 
+        ${d ? "!ring-red-500/50" : ""} 
+        ${o == !0 && y ? "!ring-red-500/50" : ""} 
+        focus:!border-blue-gray-200 focus:!border-t-blue-gray-200 focus:ring-[#bfd7fc]`
+      }
+    ),
+    d && /* @__PURE__ */ O.jsxs("span", { className: "text-red-500 text-xs mt-1 flex", children: [
+      /* @__PURE__ */ O.jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          className: "-mt-px h-4 w-4 mr-1",
+          children: /* @__PURE__ */ O.jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 01.67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 11-.671-1.34l.041-.022zM12 9a.75.75 0 100-1.5.75.75 0 000 1.5z",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      ),
+      t
+    ] })
+  ] });
+};
+RD.defaultProps = {
+  placeholderProps: "Email Address",
+  validationProps: "Please enter a valid email address.",
+  disabledProps: !1,
+  isRequired: !0,
+  type: "none",
+  numberLength: 10,
+  decimalPoints: 2,
+  id: "email",
+  name: "email"
+};
 function sb(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true" }, child: [{ tag: "path", attr: { 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" } }] })(e);
 }
-const RD = ({
+const MD = ({
   imgProps: e,
   text: r,
   text1: t,
@@ -33726,7 +33825,7 @@ const RD = ({
     )
   ] }) });
 };
-RD.propTypes = {
+MD.propTypes = {
   imgProps: ye.string.isRequired,
   text: ye.string.isRequired,
   text1: ye.string.isRequired,
@@ -33737,7 +33836,7 @@ RD.propTypes = {
   textColor: ye.string.isRequired,
   textColor1: ye.string.isRequired
 };
-function MD(e) {
+function jD(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Dark" }, child: [{ tag: "path", attr: { d: "M12.741,20.917a9.389,9.389,0,0,1-1.395-.105,9.141,9.141,0,0,1-1.465-17.7,1.177,1.177,0,0,1,1.21.281,1.273,1.273,0,0,1,.325,1.293,8.112,8.112,0,0,0-.353,2.68,8.266,8.266,0,0,0,4.366,6.857,7.628,7.628,0,0,0,3.711.993,1.242,1.242,0,0,1,.994,1.963h0A9.148,9.148,0,0,1,12.741,20.917ZM10.261,4.05a.211.211,0,0,0-.065.011,8.137,8.137,0,1,0,9.131,12.526h0a.224.224,0,0,0,.013-.235.232.232,0,0,0-.206-.136A8.619,8.619,0,0,1,14.946,15.1a9.274,9.274,0,0,1-4.883-7.7,9.123,9.123,0,0,1,.4-3.008.286.286,0,0,0-.069-.285A.184.184,0,0,0,10.261,4.05Z" } }] }] })(e);
 }
 function is(e) {
@@ -33746,7 +33845,7 @@ function is(e) {
 function C1(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Mail" }, child: [{ tag: "path", attr: { d: "M19.435,4.065H4.565a2.5,2.5,0,0,0-2.5,2.5v10.87a2.5,2.5,0,0,0,2.5,2.5h14.87a2.5,2.5,0,0,0,2.5-2.5V6.565A2.5,2.5,0,0,0,19.435,4.065Zm-14.87,1h14.87a1.489,1.489,0,0,1,1.49,1.39c-2.47,1.32-4.95,2.63-7.43,3.95a6.172,6.172,0,0,1-1.06.53,2.083,2.083,0,0,1-1.67-.39c-1.42-.75-2.84-1.51-4.25-2.26-1.14-.6-2.3-1.21-3.44-1.82A1.491,1.491,0,0,1,4.565,5.065Zm16.37,12.37a1.5,1.5,0,0,1-1.5,1.5H4.565a1.5,1.5,0,0,1-1.5-1.5V7.6c2.36,1.24,4.71,2.5,7.07,3.75a5.622,5.622,0,0,0,1.35.6,2.872,2.872,0,0,0,2-.41c1.45-.76,2.89-1.53,4.34-2.29,1.04-.56,2.07-1.1,3.11-1.65Z" } }] }] })(e);
 }
-const h9 = ({
+const m9 = ({
   closeModal: e,
   backgroundColor: r,
   btbackgroundColor: t,
@@ -33948,7 +34047,7 @@ const h9 = ({
       ] })
     ] })
   ] });
-}, m9 = ({
+}, y9 = ({
   closeModal: e,
   backgroundColor: r,
   btbackgroundColor: t,
@@ -34176,7 +34275,7 @@ const h9 = ({
     ] })
   ] });
 };
-function jD(e) {
+function AD(e) {
   return Me({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" } }] })(e);
 }
 function ub(e) {
@@ -34185,16 +34284,16 @@ function ub(e) {
 function cb(e) {
   return Me({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5v12h-2V2h2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z" } }] })(e);
 }
-function AD(e) {
+function DD(e) {
   return Me({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M16 8a8.001 8.001 0 0 1-7.022 7.94l1.902-7.098a2.995 2.995 0 0 0 .05-1.492A2.977 2.977 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8ZM0 8a8 8 0 0 0 7.927 8l1.426-5.321a2.978 2.978 0 0 1-.723.255 2.979 2.979 0 0 1-1.743-.147 2.986 2.986 0 0 1-1.043-.7L.633 4.876A7.975 7.975 0 0 0 0 8Zm5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a2.979 2.979 0 0 0-1.252.243 2.987 2.987 0 0 0-1.81 2.59ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" } }] })(e);
 }
-function DD(e) {
+function ID(e) {
   return Me({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" } }] })(e);
 }
-function ID(e) {
+function LD(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M32 96v64h448V96H32zm0 128v64h448v-64H32zm0 128v64h448v-64H32z" } }] })(e);
 }
-const LD = ({ titleSub: e, items: r, textColor: t }) => {
+const FD = ({ 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(
       ve.MenuItem,
@@ -34317,7 +34416,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
     placeholder: void 0,
     children: e.map(
       (n, o) => /* @__PURE__ */ O.jsx(
-        LD,
+        FD,
         {
           titleSub: n,
           items: r,
@@ -34327,7 +34426,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
       )
     )
   }
-), FD = ({
+), VD = ({
   NavigationList: e,
   NavSubItems: r,
   ColorProps: t,
@@ -34433,7 +34532,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
               className: "lg:hidden",
               onClick: () => x(!y),
               placeholder: void 0,
-              children: y ? /* @__PURE__ */ O.jsx(DD, { className: "w-6 h-6", strokeWidth: 2 }) : /* @__PURE__ */ O.jsx(ID, { className: "w-6 h-6", strokeWidth: 2 })
+              children: y ? /* @__PURE__ */ O.jsx(ID, { className: "w-6 h-6", strokeWidth: 2 }) : /* @__PURE__ */ O.jsx(LD, { className: "w-6 h-6", strokeWidth: 2 })
             }
           )
         ] }),
@@ -34476,7 +34575,7 @@ const LD = ({ titleSub: e, items: r, textColor: t }) => {
     }
   );
 };
-FD.defaultProps = {
+VD.defaultProps = {
   NavigationList: [
     { title: "Home", link: "/home" },
     { title: "SubMenu", link: "/sub" },
@@ -34504,7 +34603,7 @@ FD.defaultProps = {
     color: "white",
     fontWeight: "bold",
     active: !1,
-    icon: { active: !1, color: "white", icon: MD }
+    icon: { active: !1, color: "white", icon: jD }
   },
   btn2: {
     text: "Log Masuk",
@@ -34514,7 +34613,7 @@ FD.defaultProps = {
     icon: { active: !1, color: "white", icon: zS }
   }
 };
-const VD = ({
+const WD = ({
   data: e,
   headers: r,
   backgroundColor: t = "#fbfbfc",
@@ -34689,7 +34788,7 @@ const VD = ({
     /* @__PURE__ */ O.jsx("br", {})
   ] }) });
 };
-VD.propTypes = {
+WD.propTypes = {
   // headers: PropTypes.arrayOf(PropTypes.string).isRequired,
   backgroundColor: ye.string,
   backgroundColor1: ye.string,
@@ -34700,7 +34799,7 @@ VD.propTypes = {
   DeleteColor: ye.string,
   EditIcon: ye.node
 };
-const y9 = ({
+const x9 = ({
   data: e,
   label: r
 }) => {
@@ -34728,7 +34827,7 @@ function T1(e) {
 function O1(e) {
   return Me({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M512 77.488l137.472 285.088L962.08 409.04 735.664 634.88l7.616 45.311 45.28 270.16-276.607-148.784L235.36 950.415l45.295-270.224 7.584-45.311L61.904 409.008l312.592-46.464L395.04 320zm-.017-61.936c-28.656 0-54.784 16.176-66.977 41.456l-115.904 240.64-266.704 39.664c-27.391 4.096-50.143 22.8-58.975 48.384-8.817 25.664-2.145 53.904 17.199 73.152l195.408 195.2-45.328 270.656c-4.56 27.28 7.232 54.624 30.368 70.576 12.72 8.737 27.664 13.153 42.624 13.153 12.32 0 24.64-2.992 35.793-8.977l232.496-125.184 232.512 125.184a75.853 75.853 0 0 0 35.776 8.977c14.96 0 29.905-4.416 42.657-13.153 23.103-15.952 34.91-43.295 30.319-70.576l-45.344-270.656 195.504-195.2c19.344-19.248 25.968-47.504 17.152-73.152-8.848-25.616-31.6-44.32-58.976-48.385l-266.656-39.664-115.968-240.64c-12.112-25.311-38.256-41.455-66.976-41.455z" } }] })(e);
 }
-const x9 = ({
+const w9 = ({
   size: e = 30,
   variant: r = "primary",
   icon: t = "CiFlag1",
@@ -34771,7 +34870,7 @@ const x9 = ({
       /* @__PURE__ */ O.jsx("p", { className: "mt-3 text-left text font-bold", children: o })
     ] })
   ] }) }) });
-}, w9 = ({
+}, C9 = ({
   size: e = 30,
   variant: r = "primary",
   icon: t = "CiFlag1",
@@ -34865,7 +34964,7 @@ const x9 = ({
             "Dashboard"
           ] }),
           /* @__PURE__ */ O.jsxs(ve.ListItem, { placeholder: void 0, children: [
-            /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(AD, {}) }),
+            /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(DD, {}) }),
             "Modul Utama"
           ] }),
           /* @__PURE__ */ O.jsx("div", { className: "p-2", children: /* @__PURE__ */ O.jsx(
@@ -34906,7 +35005,7 @@ const x9 = ({
                         className: "p-3 border-b-0",
                         placeholder: void 0,
                         children: [
-                          /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(jD, {}) }),
+                          /* @__PURE__ */ O.jsx(ve.ListItemPrefix, { placeholder: void 0, children: /* @__PURE__ */ O.jsx(AD, {}) }),
                           /* @__PURE__ */ O.jsx(
                             ve.Typography,
                             {
@@ -34945,7 +35044,7 @@ P1.propTypes = {
 P1.defaultProps = {
   titleProps: "MAJLIS PERBANDARAN KUANTAN"
 };
-const C9 = ({
+const T9 = ({
   text: e,
   subtext: r
 }) => /* @__PURE__ */ O.jsx("div", { className: "h-screen w-full  flex items-center", children: /* @__PURE__ */ O.jsx("div", { className: "", children: /* @__PURE__ */ O.jsxs("div", { className: "flex flex-row ", children: [
@@ -34976,7 +35075,7 @@ const C9 = ({
       }
     ) })
   ] })
-] }) }) }), T9 = ({
+] }) }) }), O9 = ({
   text: e,
   subtext: r
 }) => /* @__PURE__ */ O.jsx("div", { className: "h-screen w-full  flex items-center", children: /* @__PURE__ */ O.jsx("div", { className: "", children: /* @__PURE__ */ O.jsxs("div", { className: "flex flex-row ", children: [
@@ -35021,7 +35120,7 @@ function ep(e, r) {
 function Rc(e) {
   return Math.hypot.apply(Math, e);
 }
-function WD(e, r, t) {
+function zD(e, r, t) {
   var n = Rc(r), o = n === 0 ? 0 : 1 / n, a = t === 0 ? 0 : 1 / t, i = a * n, l = r.map(function(f) {
     return a * f;
   }), s = r.map(function(f) {
@@ -35037,17 +35136,17 @@ function WD(e, r, t) {
 function Mc(e) {
   return Math.sign ? Math.sign(e) : +(e > 0) - +(e < 0) || +e;
 }
-function zD(e, r, t) {
+function HD(e, r, t) {
   return Math.max(r, Math.min(e, t));
 }
-function HD(e, r) {
+function UD(e, r) {
   return Math.pow(e, r * 5);
 }
 function fb(e, r, t) {
-  return r === 0 || Math.abs(r) === 1 / 0 ? HD(e, t) : e * r * t / (r + t * e);
+  return r === 0 || Math.abs(r) === 1 / 0 ? UD(e, t) : e * r * t / (r + t * e);
 }
 function pb(e, r, t, n) {
-  return n === void 0 && (n = 0.15), n === 0 ? zD(e, r, t) : e < r ? -fb(r - e, t - r, n) + r : e > t ? +fb(e - t, t - r, n) + t : e;
+  return n === void 0 && (n = 0.15), n === 0 ? HD(e, r, t) : e < r ? -fb(r - e, t - r, n) + r : e > t ? +fb(e - t, t - r, n) + t : e;
 }
 function vb(e, r) {
   for (var t = 0; t < r.length; t++) {
@@ -35055,7 +35154,7 @@ function vb(e, r) {
     n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
   }
 }
-function UD(e, r, t) {
+function $D(e, r, t) {
   return r && vb(e.prototype, r), t && vb(e, t), e;
 }
 function qt() {
@@ -35071,7 +35170,7 @@ function qt() {
 function _1(e, r) {
   e.prototype = Object.create(r.prototype), e.prototype.constructor = e, e.__proto__ = r;
 }
-function $D(e, r) {
+function GD(e, r) {
   if (e == null)
     return {};
   var t = {}, n = Object.keys(e), o, a;
@@ -35084,7 +35183,7 @@ function on(e) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
-function GD(e, r) {
+function qD(e, r) {
   if (e) {
     if (typeof e == "string")
       return bb(e, r);
@@ -35104,7 +35203,7 @@ function bb(e, r) {
 function Ws(e, r) {
   var t;
   if (typeof Symbol > "u" || e[Symbol.iterator] == null) {
-    if (Array.isArray(e) || (t = GD(e)) || r && e && typeof e.length == "number") {
+    if (Array.isArray(e) || (t = qD(e)) || r && e && typeof e.length == "number") {
       t && (e = t);
       var n = 0;
       return function() {
@@ -35168,7 +35267,7 @@ function tp(e, r) {
   }
   return t;
 }
-function qD() {
+function YD() {
   try {
     return "constructor" in GestureEvent;
   } catch {
@@ -35178,7 +35277,7 @@ function qD() {
 function k1() {
   return typeof window < "u" && "ontouchstart" in window;
 }
-function YD() {
+function BD() {
   return typeof window < "u" && "onpointerdown" in window;
 }
 function N1(e) {
@@ -35199,22 +35298,22 @@ function hb(e) {
     ctrlKey: a
   };
 }
-var BD = function(r) {
+var KD = function(r) {
   return r;
 };
 function mb(e, r) {
-  r === void 0 && (r = BD);
+  r === void 0 && (r = KD);
   var t = N1(e), n = t ? t[0] : e, o = n.clientX, a = n.clientY;
   return r([o, a]);
 }
-var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
+var XD = 180, ZD = 0.15, JD = 0.5, QD = 50, e7 = 250, t7 = {
   threshold: function(r) {
     return r === void 0 && (r = 0), An(r);
   },
   rubberband: function(r) {
     switch (r === void 0 && (r = 0), r) {
       case !0:
-        return An(XD);
+        return An(ZD);
       case !1:
         return An(0);
       default:
@@ -35231,7 +35330,7 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
     return r === void 0 && (r = 0), typeof r == "function" ? r : An(r);
   },
   transform: !0
-}, M1 = /* @__PURE__ */ qt({}, e7, {
+}, M1 = /* @__PURE__ */ qt({}, t7, {
   axis: !0,
   lockDirection: function(r) {
     return r === void 0 && (r = !1), r;
@@ -35244,7 +35343,7 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
     var t = r, n = t.left, o = n === void 0 ? -1 / 0 : n, a = t.right, i = a === void 0 ? 1 / 0 : a, l = t.top, s = l === void 0 ? -1 / 0 : l, u = t.bottom, f = u === void 0 ? 1 / 0 : u;
     return [[o, i], [s, f]];
   }
-}), t7 = typeof window < "u" && window.document && window.document.createElement, r7 = {
+}), r7 = typeof window < "u" && window.document && window.document.createElement, n7 = {
   enabled: function(r) {
     return r === void 0 && (r = !0), r;
   },
@@ -35257,7 +35356,7 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
       return e.toString();
     }, r;
   }(function(e) {
-    return e === void 0 && (e = t7 ? window : void 0), e;
+    return e === void 0 && (e = r7 ? window : void 0), e;
   }),
   eventOptions: function(r) {
     var t = r === void 0 ? {} : r, n = t.passive, o = n === void 0 ? !0 : n, a = t.capture, i = a === void 0 ? !1 : a;
@@ -35267,10 +35366,10 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
     };
   },
   transform: !0
-}, n7 = /* @__PURE__ */ qt({}, M1, {
+}, o7 = /* @__PURE__ */ qt({}, M1, {
   useTouch: function(r) {
     r === void 0 && (r = !1);
-    var t = k1(), n = YD();
+    var t = k1(), n = BD();
     return !!(r && t || t && !n);
   },
   experimental_preventWindowScrollY: function(r) {
@@ -35281,18 +35380,18 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
     return this.filterTaps = a, f;
   },
   swipeVelocity: function(r) {
-    return r === void 0 && (r = ZD), An(r);
+    return r === void 0 && (r = JD), An(r);
   },
   swipeDistance: function(r) {
-    return r === void 0 && (r = JD), An(r);
+    return r === void 0 && (r = QD), An(r);
   },
   swipeDuration: function(r) {
-    return r === void 0 && (r = QD), r;
+    return r === void 0 && (r = e7), r;
   },
   delay: function(r) {
     switch (r === void 0 && (r = 0), r) {
       case !0:
-        return KD;
+        return XD;
       case !1:
         return 0;
       default:
@@ -35300,20 +35399,20 @@ var KD = 180, XD = 0.15, ZD = 0.5, JD = 50, QD = 250, e7 = {
     }
   }
 });
-function o7(e) {
-  return e === void 0 && (e = {}), tp(e, r7);
-}
 function a7(e) {
   return e === void 0 && (e = {}), tp(e, n7);
 }
 function i7(e) {
-  var r = e.domTarget, t = e.eventOptions, n = e.window, o = e.enabled, a = $D(e, ["domTarget", "eventOptions", "window", "enabled"]), i = o7({
+  return e === void 0 && (e = {}), tp(e, o7);
+}
+function l7(e) {
+  var r = e.domTarget, t = e.eventOptions, n = e.window, o = e.enabled, a = GD(e, ["domTarget", "eventOptions", "window", "enabled"]), i = a7({
     domTarget: r,
     eventOptions: t,
     window: n,
     enabled: o
   });
-  return i.drag = a7(a), i;
+  return i.drag = i7(a), i;
 }
 function Fa(e) {
   return qt({
@@ -35413,9 +35512,9 @@ function j1() {
     scroll: a
   };
 }
-var ro = /* @__PURE__ */ new Map(), l7 = function(r) {
+var ro = /* @__PURE__ */ new Map(), s7 = function(r) {
   return r;
-}, s7 = /* @__PURE__ */ function() {
+}, u7 = /* @__PURE__ */ function() {
   function e(t, n) {
     var o = this;
     n === void 0 && (n = []), this.controller = t, this.args = n, this.debounced = !0, this.setTimeout = function(a, i) {
@@ -35472,7 +35571,7 @@ var ro = /* @__PURE__ */ new Map(), l7 = function(r) {
     });
   }, r.clean = function() {
     this.clearTimeout();
-  }, UD(e, [{
+  }, $D(e, [{
     key: "config",
     get: function() {
       return this.controller.config[this.stateKey];
@@ -35498,7 +35597,7 @@ var ro = /* @__PURE__ */ new Map(), l7 = function(r) {
   }, {
     key: "transform",
     get: function() {
-      return this.config.transform || this.controller.config.transform || l7;
+      return this.config.transform || this.controller.config.transform || s7;
     }
   }]), e;
 }();
@@ -35519,7 +35618,7 @@ function Iu(e, r, t) {
     previous: i
   };
 }
-function u7(e, r, t, n) {
+function c7(e, r, t, n) {
   var o = e.state, a = e.config, i = e.stateKey, l = e.args, s = e.transform, u = o.offset, f = t.timeStamp, h = a.initial, w = a.bounds, y = a.threshold, x = ep(s(y), s([0, 0])).map(Math.abs), m = qt({}, j1()[i], {
     _active: !0,
     args: l,
@@ -35535,9 +35634,9 @@ function u7(e, r, t, n) {
     _bounds: gb(w, m)
   });
 }
-var c7 = function(r) {
+var d7 = function(r) {
   var t = this;
-  this.classes = r, this.pointerIds = /* @__PURE__ */ new Set(), this.touchIds = /* @__PURE__ */ new Set(), this.supportsTouchEvents = k1(), this.supportsGestureEvents = qD(), this.bind = function() {
+  this.classes = r, this.pointerIds = /* @__PURE__ */ new Set(), this.touchIds = /* @__PURE__ */ new Set(), this.supportsTouchEvents = k1(), this.supportsGestureEvents = YD(), this.bind = function() {
     for (var n = arguments.length, o = new Array(n), a = 0; a < n; a++)
       o[a] = arguments[a];
     for (var i = {}, l = Ws(t.classes), s; !(s = l()).done; ) {
@@ -35554,23 +35653,23 @@ var c7 = function(r) {
     };
     for (var h in t.nativeRefs)
       f(h);
-    return t.config.domTarget ? g7(t, i) : h7(t, i);
+    return t.config.domTarget ? h7(t, i) : m7(t, i);
   }, this.effect = function() {
     return t.config.domTarget && t.bind(), t.clean;
   }, this.clean = function() {
     var n = D1(t.config), o = t.config.eventOptions;
-    n && Bi(n, A1(t.domListeners), o), Object.values(t.timeouts).forEach(clearTimeout), p7(t);
+    n && Bi(n, A1(t.domListeners), o), Object.values(t.timeouts).forEach(clearTimeout), v7(t);
   }, this.classes = r, this.state = j1(), this.timeouts = {}, this.domListeners = [], this.windowListeners = {};
 };
-function d7(e, r) {
+function f7(e, r) {
   "pointerId" in r ? e.pointerIds.add(r.pointerId) : e.touchIds = new Set(R1(r));
 }
-function f7(e, r) {
+function p7(e, r) {
   "pointerId" in r ? e.pointerIds.delete(r.pointerId) : R1(r).forEach(function(t) {
     return e.touchIds.delete(t);
   });
 }
-function p7(e) {
+function v7(e) {
   var r = e.config, t = r.window, n = r.eventOptions, o = e.windowListeners;
   if (t) {
     for (var a in o) {
@@ -35580,15 +35679,15 @@ function p7(e) {
     e.windowListeners = {};
   }
 }
-function v7(e, r, t) {
+function b7(e, r, t) {
   var n = e.config, o = e.windowListeners;
   t === void 0 && (t = n.eventOptions), n.window && (Bi(n.window, o[r], t), delete o[r]);
 }
-function b7(e, r, t, n) {
+function g7(e, r, t, n) {
   var o = e.config, a = e.windowListeners;
   t === void 0 && (t = []), n === void 0 && (n = o.eventOptions), o.window && (Bi(o.window, a[r], n), I1(o.window, a[r] = t, n));
 }
-function g7(e, r) {
+function h7(e, r) {
   var t = e.config, n = e.domListeners, o = D1(t);
   if (!o)
     throw new Error("domTarget must be defined");
@@ -35600,7 +35699,7 @@ function g7(e, r) {
   }
   I1(o, n, a);
 }
-function h7(e, r) {
+function m7(e, r) {
   for (var t = e.config, n = {}, o = t.eventOptions.capture ? "Capture" : "", a = 0, i = Object.entries(r); a < i.length; a++) {
     var l = i[a], s = l[0], u = l[1], f = Array.isArray(u) ? u : [u], h = s + o;
     n[h] = S1.apply(void 0, f);
@@ -35631,21 +35730,21 @@ function Bi(e, r, t) {
     e.removeEventListener(i, l, t);
   }
 }
-function m7(e, r, t) {
+function y7(e, r, t) {
   t === void 0 && (t = {});
-  var n = x7(e), o = le.useMemo(function() {
-    return new c7(n);
+  var n = w7(e), o = le.useMemo(function() {
+    return new d7(n);
   }, []);
-  return o.config = r, o.handlers = e, o.nativeRefs = t, le.useEffect(o.effect, []), o.config.domTarget ? y7 : o.bind;
+  return o.config = r, o.handlers = e, o.nativeRefs = t, le.useEffect(o.effect, []), o.config.domTarget ? x7 : o.bind;
 }
-function y7() {
+function x7() {
   process.env.NODE_ENV === "development" && console.warn("Deprecation notice: When the `domTarget` option is specified, you don't need to write `useEffect(bind, [bind])` anymore: event binding is now made handled internally to this lib.\n\nNext version won't return anything when `domTarget` is provided, therefore your code will break if you try to call `useEffect`.");
 }
-function x7(e) {
+function w7(e) {
   var r = /* @__PURE__ */ new Set();
   return e.drag && r.add(ro.get("drag")), e.wheel && r.add(ro.get("wheel")), e.scroll && r.add(ro.get("scroll")), e.move && r.add(ro.get("move")), e.pinch && r.add(ro.get("pinch")), e.hover && r.add(ro.get("hover")), r;
 }
-var w7 = /* @__PURE__ */ function(e) {
+var C7 = /* @__PURE__ */ function(e) {
   _1(r, e);
   function r() {
     return e.apply(this, arguments) || this;
@@ -35681,7 +35780,7 @@ var w7 = /* @__PURE__ */ function(e) {
     var i = this.getMovement(o);
     if (!i._blocked) {
       var l = a.timeStamp - this.state.timeStamp;
-      Object.assign(i, WD(i.movement, i.delta, l));
+      Object.assign(i, zD(i.movement, i.delta, l));
     }
     return i;
   }, t.mapStateValues = function(o) {
@@ -35690,11 +35789,11 @@ var w7 = /* @__PURE__ */ function(e) {
       vxvy: o.velocities
     };
   }, r;
-}(s7), C7 = 3;
+}(u7), T7 = 3;
 function wb(e) {
   "persist" in e && typeof e.persist == "function" && e.persist();
 }
-var T7 = /* @__PURE__ */ function(e) {
+var O7 = /* @__PURE__ */ function(e) {
   _1(r, e);
   function r() {
     var n;
@@ -35722,18 +35821,18 @@ var T7 = /* @__PURE__ */ function(e) {
     }, n.isValidEvent = function(o) {
       return n.state._pointerId === n.getEventId(o);
     }, n.shouldPreventWindowScrollY = n.config.experimental_preventWindowScrollY && n.controller.supportsTouchEvents, n.setUpWindowScrollDetection = function(o) {
-      wb(o), b7(n.controller, n.stateKey, [["touchmove", n.preventScroll], ["touchend", n.clean.bind(on(n))], ["touchcancel", n.clean.bind(on(n))]], {
+      wb(o), g7(n.controller, n.stateKey, [["touchmove", n.preventScroll], ["touchend", n.clean.bind(on(n))], ["touchcancel", n.clean.bind(on(n))]], {
         passive: !1
       }), n.setTimeout(n.startDrag.bind(on(n)), 250, o);
     }, n.setUpDelayedDragTrigger = function(o) {
       n.state._dragDelayed = !0, wb(o), n.setTimeout(n.startDrag.bind(on(n)), n.config.delay, o);
     }, n.setStartState = function(o) {
       var a = mb(o, n.transform);
-      n.updateSharedState(hb(o)), n.updateGestureState(qt({}, u7(on(n), a, o), Iu(on(n), o, !0), {
+      n.updateSharedState(hb(o)), n.updateGestureState(qt({}, c7(on(n), a, o), Iu(on(n), o, !0), {
         _pointerId: n.getEventId(o)
       })), n.updateGestureState(n.getMovement(a));
     }, n.onDragStart = function(o) {
-      d7(n.controller, o), !(!n.enabled || n.state._active) && (n.setStartState(o), n.setPointerCapture(o), n.shouldPreventWindowScrollY ? n.setUpWindowScrollDetection(o) : n.config.delay > 0 ? n.setUpDelayedDragTrigger(o) : n.startDrag(o, !0));
+      f7(n.controller, o), !(!n.enabled || n.state._active) && (n.setStartState(o), n.setPointerCapture(o), n.shouldPreventWindowScrollY ? n.setUpWindowScrollDetection(o) : n.config.delay > 0 ? n.setUpDelayedDragTrigger(o) : n.startDrag(o, !0));
     }, n.onDragChange = function(o) {
       if (
         // if the gesture was canceled or
@@ -35771,12 +35870,12 @@ var T7 = /* @__PURE__ */ function(e) {
         var u = hb(o);
         n.updateSharedState(u);
         var f = Iu(on(n), o), h = Rc(s._movement), w = n.state._dragIsTap;
-        w && h >= C7 && (w = !1), n.updateGestureState(qt({}, f, s, {
+        w && h >= T7 && (w = !1), n.updateGestureState(qt({}, f, s, {
           _dragIsTap: w
         })), n.fireGestureHandler();
       }
     }, n.onDragEnd = function(o) {
-      if (f7(n.controller, o), !!n.isValidEvent(o) && (n.clean(), !!n.state._active)) {
+      if (p7(n.controller, o), !!n.isValidEvent(o) && (n.clean(), !!n.state._active)) {
         n.state._active = !1;
         var a = n.state._dragIsTap, i = n.state.velocities, l = i[0], s = i[1], u = n.state.movement, f = u[0], h = u[1], w = n.state._intentional, y = w[0], x = w[1], m = n.config.swipeVelocity, g = m[0], b = m[1], d = n.config.swipeDistance, v = d[0], c = d[1], p = n.config.swipeDuration, C = qt({}, Iu(on(n), o), n.getMovement(n.state.values)), T = [0, 0];
         C.elapsedTime < p && (y !== !1 && Math.abs(l) > g && Math.abs(f) > v && (T[0] = Mc(l)), x !== !1 && Math.abs(s) > b && Math.abs(h) > c && (T[1] = Mc(s))), n.updateSharedState({
@@ -35787,7 +35886,7 @@ var T7 = /* @__PURE__ */ function(e) {
         })), n.fireGestureHandler(n.config.filterTaps && a === !0);
       }
     }, n.clean = function() {
-      e.prototype.clean.call(on(n)), n.state._dragStarted = !1, n.releasePointerCapture(), v7(n.controller, n.stateKey);
+      e.prototype.clean.call(on(n)), n.state._dragStarted = !1, n.releasePointerCapture(), b7(n.controller, n.stateKey);
     }, n.onCancel = function() {
       n.state.canceled || (n.updateGestureState({
         canceled: !0,
@@ -35816,8 +35915,8 @@ var T7 = /* @__PURE__ */ function(e) {
       Wr(o, a, this.onClick);
     }
   }, r;
-}(w7);
-function O7(e, r) {
+}(C7);
+function P7(e, r) {
   var t, n = [], o, a = !1;
   function i() {
     for (var l = arguments.length, s = new Array(l), u = 0; u < l; u++)
@@ -35881,7 +35980,7 @@ function Sl(e, r) {
   }
   return e !== e && r !== r;
 }
-function P7(e, r) {
+function _7(e, r) {
   try {
     return Sl(e, r);
   } catch (t) {
@@ -35891,18 +35990,18 @@ function P7(e, r) {
   }
 }
 function L1(e, r) {
-  r === void 0 && (r = {}), ro.set("drag", T7);
+  r === void 0 && (r = {}), ro.set("drag", O7);
   var t = ut();
-  return t.current || (t.current = O7(i7, P7)), m7({
+  return t.current || (t.current = P7(l7, _7)), y7({
     drag: e
   }, t.current(r));
 }
-const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
+const E7 = (e) => Array(e.length).fill(null).map(() => ut(null)), P9 = ({
   items: e,
   onDragStart: r,
   onDragEnd: t
 }) => {
-  const n = ut(null), o = ut(null), a = ut(_7(e)), [i, l] = be([]), [s, u] = be([]), [, f] = be(null);
+  const n = ut(null), o = ut(null), a = ut(E7(e)), [i, l] = be([]), [s, u] = be([]), [, f] = be(null);
   $e(() => {
     if (n.current) {
       const x = n.current.getBoundingClientRect();
@@ -35967,7 +36066,7 @@ const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
       }
     )
   ] });
-}, P9 = ({
+}, _9 = ({
   onDragStart: e,
   onDragEnd: r
 }) => {
@@ -36014,7 +36113,7 @@ const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
       )
     }
   );
-}, E7 = ({
+}, S7 = ({
   title: e,
   colorProp: r
 }) => {
@@ -36073,11 +36172,11 @@ const _7 = (e) => Array(e.length).fill(null).map(() => ut(null)), O9 = ({
     )
   ] }) });
 };
-E7.defaultProps = {
+S7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success"
 };
-const S7 = ({
+const k7 = ({
   title: e,
   colorProp: r
 }) => {
@@ -36136,11 +36235,11 @@ const S7 = ({
     )
   ] }) });
 };
-S7.defaultProps = {
+k7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success"
 };
-const k7 = ({
+const N7 = ({
   title: e,
   colorProp: r
 }) => {
@@ -36199,11 +36298,11 @@ const k7 = ({
     )
   ] }) });
 };
-k7.defaultProps = {
+N7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success"
 };
-const N7 = ({
+const R7 = ({
   title: e,
   colorProp: r
 }) => {
@@ -36262,11 +36361,11 @@ const N7 = ({
     )
   ] }) });
 };
-N7.defaultProps = {
+R7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success"
 };
-const R7 = ({
+const M7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36335,12 +36434,12 @@ const R7 = ({
     )
   ] }) });
 };
-R7.defaultProps = {
+M7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 20", children: /* @__PURE__ */ O.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z" }) })
 };
-const M7 = ({
+const j7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36413,12 +36512,12 @@ const M7 = ({
     }
   );
 };
-M7.defaultProps = {
+j7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   colorProp: "success",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-4 h-4", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 20", children: /* @__PURE__ */ O.jsx("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15.147 15.085a7.159 7.159 0 0 1-6.189 3.307A6.713 6.713 0 0 1 3.1 15.444c-2.679-4.513.287-8.737.888-9.548A4.373 4.373 0 0 0 5 1.608c1.287.953 6.445 3.218 5.537 10.5 1.5-1.122 2.706-3.01 2.853-6.14 1.433 1.049 3.993 5.395 1.757 9.117Z" }) })
 };
-const j7 = ({
+const A7 = ({
   title: e,
   subTitle: r,
   colorProp: t,
@@ -36491,13 +36590,13 @@ const j7 = ({
     )
   ] }) }) });
 };
-j7.defaultProps = {
+A7.defaultProps = {
   title: "Pendaftaran Berjaya !!",
   subTitle: "Pendaftaran anda telah berjaya. Sila semak emel anda untuk pengesahan pendaftaran.",
   colorProp: "primary",
   imageProp: "https://cdn-icons-png.flaticon.com/512/5556/5556499.png"
 };
-const A7 = ({
+const D7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36565,12 +36664,12 @@ const A7 = ({
     )
   ] }) });
 };
-A7.defaultProps = {
+D7.defaultProps = {
   title: "Item moved successfully.",
   colorProp: "Default",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-5 h-5", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ O.jsx("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z" }) })
 };
-const D7 = ({
+const I7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36638,12 +36737,12 @@ const D7 = ({
     )
   ] }) });
 };
-D7.defaultProps = {
+I7.defaultProps = {
   title: "Item has been deleted.",
   colorProp: "Default",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-5 h-5", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ O.jsx("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z" }) })
 };
-const I7 = ({
+const L7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36717,12 +36816,12 @@ const I7 = ({
     )
   ] }) });
 };
-I7.defaultProps = {
+L7.defaultProps = {
   title: "Information about the Sweet Toast",
   colorProp: "info",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-6 h-6", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ O.jsx("path", { fillRule: "evenodd", d: "M2 12a10 10 0 1 1 20 0 10 10 0 0 1-20 0Zm9.4-5.5a1 1 0 1 0 0 2 1 1 0 1 0 0-2ZM10 10a1 1 0 1 0 0 2h1v3h-1a1 1 0 1 0 0-2h4a1 1 0 1 0 0-2h-1v-4c0-.6-.4-1-1-1h-2Z", clipRule: "evenodd" }) })
 };
-const L7 = ({
+const F7 = ({
   title: e,
   colorProp: r,
   iconProp: t
@@ -36790,12 +36889,12 @@ const L7 = ({
     )
   ] }) });
 };
-L7.defaultProps = {
+F7.defaultProps = {
   title: "Improve password difficulty.",
   colorProp: "Default",
   iconProp: /* @__PURE__ */ O.jsx("svg", { className: "w-5 h-5", "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ O.jsx("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z" }) })
 };
-const F7 = ({
+const V7 = ({
   title: e,
   colorProp: r
 }) => {
@@ -36871,56 +36970,57 @@ const F7 = ({
     )
   ] }) });
 };
-F7.defaultProps = {
+V7.defaultProps = {
   title: "Improve password difficulty.",
   colorProp: "Default"
 };
 export {
   n9 as $,
   S7 as A,
-  R7 as B,
-  j7 as C,
-  D7 as D,
-  A7 as E,
-  L7 as F,
-  I7 as G,
-  F7 as H,
+  k7 as B,
+  M7 as C,
+  A7 as D,
+  I7 as E,
+  D7 as F,
+  F7 as G,
+  L7 as H,
   ke as I,
-  z7 as J,
-  G7 as K,
+  V7 as J,
+  H7 as K,
   q7 as L,
-  i9 as M,
-  K7 as N,
-  J7 as O,
-  t9 as P,
-  o9 as Q,
+  l9 as M,
+  Y7 as N,
+  X7 as O,
+  Q7 as P,
+  r9 as Q,
   a9 as R,
-  RD as S,
-  FD as T,
-  P1 as U,
-  y9 as V,
-  VD as W,
-  h9 as X,
+  i9 as S,
+  MD as T,
+  VD as U,
+  P1 as V,
+  x9 as W,
+  WD as X,
   m9 as Y,
-  r9 as Z,
+  y9 as Z,
   mr as _,
   yr as a,
-  Y7 as a0,
-  X7 as a1,
+  o9 as a0,
+  B7 as a1,
   Z7 as a2,
-  Q7 as a3,
+  J7 as a3,
   e9 as a4,
-  B7 as a5,
-  U7 as a6,
-  H7 as a7,
-  C9 as a8,
+  t9 as a5,
+  K7 as a6,
+  $7 as a7,
+  U7 as a8,
   T9 as a9,
-  x9 as aa,
+  O9 as aa,
   w9 as ab,
-  O9 as ac,
+  C9 as ac,
   P9 as ad,
+  _9 as ae,
   hD as b,
-  b9 as c,
+  g9 as c,
   mD as d,
   yD as e,
   ED as f,
@@ -36928,20 +37028,20 @@ export {
   PD as h,
   OD as i,
   TD as j,
-  s9 as k,
-  l9 as l,
-  u9 as m,
+  u9 as k,
+  s9 as l,
+  c9 as m,
   SD as n,
-  v9 as o,
+  b9 as o,
   I6 as p,
-  p9 as q,
-  f9 as r,
-  d9 as s,
-  c9 as t,
+  v9 as q,
+  p9 as r,
+  f9 as s,
+  d9 as t,
   ND as u,
-  g9 as v,
-  M7 as w,
-  k7 as x,
+  h9 as v,
+  RD as w,
+  j7 as x,
   N7 as y,
-  E7 as z
+  R7 as z
 };