@starasia/admin 1.0.1 → 1.0.2

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import * as Tr from "react";
-import H1, { createContext as Wr, useContext as Or, forwardRef as Hr, useRef as hr, useState as F1, useEffect as V1, useMemo as Er, useCallback as Lr, useSyncExternalStore as Xo, useLayoutEffect as _o, memo as Ar, Children as $o, useImperativeHandle as r5, isValidElement as e5 } from "react";
-import a5, { createPortal as no, flushSync as t5 } from "react-dom";
-import { useLocation as lo, useNavigate as co, NavLink as i5, Link as uo, useSearchParams as oe, useParams as o5 } from "react-router-dom";
+import H1, { createContext as Wr, useContext as Or, forwardRef as Hr, useRef as hr, useState as F1, useEffect as V1, useMemo as Er, useCallback as Lr, useSyncExternalStore as _o, useLayoutEffect as $o, memo as Ar, Children as r5, useImperativeHandle as e5, isValidElement as a5 } from "react";
+import t5, { createPortal as no, flushSync as i5 } from "react-dom";
+import { useLocation as lo, useNavigate as co, NavLink as o5, Link as uo, useSearchParams as oe, useParams as s5 } from "react-router-dom";
 var Wa = { exports: {} }, se = {};
 /**
  * @license React
@@ -13,7 +13,7 @@ var Wa = { exports: {} }, se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Tt;
-function s5() {
+function n5() {
   if (Tt) return se;
   Tt = 1;
   var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -37,7 +37,7 @@ var Ue = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Nt;
-function n5() {
+function l5() {
   return Nt || (Nt = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -626,9 +626,9 @@ React keys must be passed directly to JSX without using spread:
     Ue.Fragment = o, Ue.jsx = nr, Ue.jsxs = lr;
   }()), Ue;
 }
-process.env.NODE_ENV === "production" ? Wa.exports = s5() : Wa.exports = n5();
+process.env.NODE_ENV === "production" ? Wa.exports = n5() : Wa.exports = l5();
 var Pr = Wa.exports;
-const l5 = `:root {
+const c5 = `:root {
   /* primary */
   --starasia-ui-alert-primary-border-color: var(
     --starasia-ui-color-blue-700,
@@ -759,13 +759,13 @@ const l5 = `:root {
 .starasia-alert-title-dark {
   color: var(--starasia-ui-alert-dark-color);
 }
-`, Ft = "starasia-alert-styles", c5 = (a) => {
+`, Ft = "starasia-alert-styles", u5 = (a) => {
   if (!document.getElementById(Ft)) {
     const c = document.createElement("style");
     c.id = Ft, c.textContent = a, document.head.appendChild(c);
   }
 };
-c5(l5);
+u5(c5);
 const Ot = Wr(null), sd = ({ children: a, style: c, variant: n = "primary" }) => /* @__PURE__ */ Pr.jsx(Ot.Provider, { value: { variant: n }, children: /* @__PURE__ */ Pr.jsx("div", { className: `starasia-alert starasia-alert-${n}`, style: c, children: a }) }), nd = () => {
   const a = Or(Ot);
   return (a == null ? void 0 : a.variant) !== "success" ? /* @__PURE__ */ Pr.jsx(
@@ -830,7 +830,7 @@ var Ga = { exports: {} }, ne = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function u5() {
+function d5() {
   if (Pt) return ne;
   Pt = 1;
   var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -854,7 +854,7 @@ var Je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var zt;
-function d5() {
+function p5() {
   return zt || (zt = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -1443,9 +1443,9 @@ React keys must be passed directly to JSX without using spread:
     Je.Fragment = o, Je.jsx = nr, Je.jsxs = lr;
   }()), Je;
 }
-process.env.NODE_ENV === "production" ? Ga.exports = u5() : Ga.exports = d5();
-var p5 = Ga.exports;
-const g5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");
+process.env.NODE_ENV === "production" ? Ga.exports = d5() : Ga.exports = p5();
+var g5 = Ga.exports;
+const f5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");
 
 .starasia-badges {
   display: flex;
@@ -1562,13 +1562,13 @@ const g5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@4
 .starasia-badges-neutral.starasia-badges-border {
   border-color: var(--starasia-ui-color-purple-500, #7e39c5);
 }
-`, Vt = "starasia-badges-styles", f5 = (a) => {
+`, Vt = "starasia-badges-styles", h5 = (a) => {
   if (!document.getElementById(Vt)) {
     const c = document.createElement("style");
     c.id = Vt, c.textContent = a, document.head.appendChild(c);
   }
 };
-f5(g5);
+h5(f5);
 const qe = {
   xs: 14,
   sm: 16,
@@ -1582,7 +1582,7 @@ const qe = {
   RightIcon: i,
   border: h,
   corners: v = "rounded"
-}) => /* @__PURE__ */ p5.jsxs("div", { className: h5(a, c, h, v), children: [
+}) => /* @__PURE__ */ g5.jsxs("div", { className: C5(a, c, h, v), children: [
   o ? H1.cloneElement(o, {
     width: qe[a],
     height: qe[a],
@@ -1598,7 +1598,7 @@ const qe = {
       color: "inherit"
     }
   }) : null
-] }), h5 = (a, c, n, o) => {
+] }), C5 = (a, c, n, o) => {
   let i = ["starasia-badges"];
   return a && i.push(`starasia-badges-${a}`), c && i.push(`starasia-badges-${c}`), n && i.push("starasia-badges-border"), o === "rounded" ? i.push("starasia-badges-rounded") : i.push("starasia-badges-circular"), i.join(" ");
 };
@@ -1613,7 +1613,7 @@ var Ka = { exports: {} }, le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Yt;
-function C5() {
+function b5() {
   if (Yt) return le;
   Yt = 1;
   var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -1637,7 +1637,7 @@ var Xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Wt;
-function b5() {
+function v5() {
   return Wt || (Wt = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -2226,9 +2226,9 @@ React keys must be passed directly to JSX without using spread:
     Xe.Fragment = o, Xe.jsx = nr, Xe.jsxs = lr;
   }()), Xe;
 }
-process.env.NODE_ENV === "production" ? Ka.exports = C5() : Ka.exports = b5();
+process.env.NODE_ENV === "production" ? Ka.exports = b5() : Ka.exports = v5();
 var Kr = Ka.exports;
-const v5 = `:root {
+const m5 = `:root {
   /* gray */
   --starasia-ui-color-gray-50: #fffeff;
   --starasia-ui-color-gray-100: #eff3f8;
@@ -7755,13 +7755,13 @@ const v5 = `:root {
     display: none;
   }
 }
-`, Gt = "starasia-box-styles", m5 = (a) => {
+`, Gt = "starasia-box-styles", y5 = (a) => {
   if (!document.getElementById(Gt)) {
     const c = document.createElement("style");
     c.id = Gt, c.textContent = a, document.head.appendChild(c);
   }
 };
-m5(v5);
+y5(m5);
 const n1 = Hr((a, c) => {
   const {
     children: n,
@@ -7825,7 +7825,7 @@ const n1 = Hr((a, c) => {
     customPadding: K1,
     customBackgroundColor: L1,
     ...y1
-  } = a, w1 = `${y5(
+  } = a, w1 = `${w5(
     o,
     i,
     h,
@@ -7887,7 +7887,7 @@ const n1 = Hr((a, c) => {
     ...y1.style
   };
   return Y === "article" ? /* @__PURE__ */ Kr.jsx("article", { ref: c, ...y1, className: w1, style: N1, children: n }) : Y === "aside" ? /* @__PURE__ */ Kr.jsx("aside", { ref: c, ...y1, className: w1, style: N1, children: n }) : Y === "header" ? /* @__PURE__ */ Kr.jsx("header", { ref: c, ...y1, className: w1, style: N1, children: n }) : Y === "main" ? /* @__PURE__ */ Kr.jsx("main", { ref: c, ...y1, className: w1, style: N1, children: n }) : Y === "nav" ? /* @__PURE__ */ Kr.jsx("nav", { ref: c, ...y1, className: w1, style: N1, children: n }) : Y === "section" ? /* @__PURE__ */ Kr.jsx("section", { ref: c, ...y1, className: w1, style: N1, children: n }) : /* @__PURE__ */ Kr.jsx("div", { ref: c, ...y1, className: w1, style: N1, children: n });
-}), y5 = (a, c, n, o, i, h, v, b, g, y, C, A, L, B, R, D, T, Z, m, O, Q, Y, J, W, X, r1, F, q, z, E, I, N, i1, e1, g1, u1, m1, H, V, U, $, R1, c1, l1, a1, d1, t1) => {
+}), w5 = (a, c, n, o, i, h, v, b, g, y, C, A, L, B, R, D, T, Z, m, O, Q, Y, J, W, X, r1, F, q, z, E, I, N, i1, e1, g1, u1, m1, H, V, U, $, R1, c1, l1, a1, d1, t1) => {
   const p1 = [];
   if (a && p1.push("starasia-box-fullWidth"), c && p1.push("starasia-box-fullHeight"), n && p1.push(`starasia-box-${n}`), o && p1.push(`starasia-box-${o}`), i && p1.push(`starasia-box-justify-${i}`), h && p1.push(`starasia-box-${h}`), v && p1.push(`starasia-box-gap-${v}`), b && p1.push(`starasia-box-row-gap-${b}`), g && p1.push(`starasia-box-bg-color-${g}`), y && p1.push(`starasia-box-flex-${y}`), C && p1.push(`starasia-box-min-width${C}`), A && p1.push(`starasia-box-margin-${A}`), L && p1.push(`starasia-box-margin-top-${L}`), B && p1.push(`starasia-box-margin-right-${B}`), R && p1.push(`starasia-box-margin-bottom-${R}`), D && p1.push(`starasia-box-margin-left-${D}`), d1 && p1.push(`starasia-box-margin-inline-${d1}`), t1 && p1.push(`starasia-box-margin-block-${t1}`), T && p1.push(`starasia-box-padding-${T}`), Z && p1.push(`starasia-box-padding-top-${Z}`), m && p1.push(`starasia-box-padding-right-${m}`), O && p1.push(`starasia-box-padding-bottom-${O}`), Q && p1.push(`starasia-box-padding-left-${Q}`), l1 && p1.push(`starasia-box-padding-block-${l1}`), a1 && p1.push(`starasia-box-padding-inline-${a1}`), Y && p1.push(`starasia-box-${Y}`), J && p1.push(`starasia-box-flex-${J}`), W && p1.push(`starasia-box-${W}`), X && p1.push(`starasia-box-${X}`), r1 && p1.push(`starasia-box-${r1}`), F && p1.push(`starasia-box-top-left-${F}`), q && p1.push(`starasia-box-top-right-${q}`), z && p1.push(`starasia-box-bottom-right-${z}`), E && p1.push(`starasia-box-bottom-left-${E}`), I && p1.push(`starasia-box-${I}`), N && p1.push(`starasia-box-border-color-${N}`), i1 && p1.push(`starasia-box-${i1}`), e1 && p1.push(`starasia-box-position-${e1}`), g1 && p1.push(`starasia-box-position-${g1}`), u1 && p1.push(`starasia-box-position-${u1}`), m1 && p1.push(`starasia-box-position-${m1}`), H && p1.push(`starasia-box-position-${H}`), V && p1.push(`starasia-box-${V}`), U && p1.push(`starasia-box-${U}`), $ && p1.push(`starasia-box-cursor-${$}`), typeof R1 == "string")
     R1 === "mobile" ? (p1.push("hideOnTablet"), p1.push("hideOnDesktop")) : R1 === "tablet" ? (p1.push("hideOnMobile"), p1.push("hideOnDesktop")) : R1 === "desktop" && (p1.push("hideOnMobile"), p1.push("hideOnTablet"));
@@ -8000,7 +8000,7 @@ const n1 = Hr((a, c) => {
   "spacing-192",
   "spacing-224",
   "spacing-256"
-], w5 = [
+], x5 = [
   {
     name: "brand",
     colors: ["primary", "secondary", "tertiary", "border-base"]
@@ -8163,7 +8163,7 @@ const n1 = Hr((a, c) => {
       "aloha-900"
     ]
   }
-], Cd = w5.map(
+], Cd = x5.map(
   (a) => a.colors
 ).flat(), bd = [
   "1",
@@ -8606,7 +8606,7 @@ var Ua = { exports: {} }, ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Kt;
-function x5() {
+function A5() {
   if (Kt) return ce;
   Kt = 1;
   var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -8630,7 +8630,7 @@ var _e = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ut;
-function A5() {
+function k5() {
   return Ut || (Ut = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -9219,9 +9219,9 @@ React keys must be passed directly to JSX without using spread:
     _e.Fragment = o, _e.jsx = nr, _e.jsxs = lr;
   }()), _e;
 }
-process.env.NODE_ENV === "production" ? Ua.exports = x5() : Ua.exports = A5();
+process.env.NODE_ENV === "production" ? Ua.exports = A5() : Ua.exports = k5();
 var ue = Ua.exports;
-const k5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
+const L5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
 
 * {
   margin: 0;
@@ -9656,13 +9656,13 @@ const k5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
   border-color: var(--starasia-ui-border-color-warning-disable);
   pointer-events: none;
 }
-`, Jt = "starasia-button-styles", L5 = (a) => {
+`, Jt = "starasia-button-styles", M5 = (a) => {
   if (!document.getElementById(Jt)) {
     const c = document.createElement("style");
     c.id = Jt, c.textContent = a, document.head.appendChild(c);
   }
 };
-L5(k5);
+M5(L5);
 const jr = ({
   children: a,
   size: c = "md",
@@ -9683,7 +9683,7 @@ const jr = ({
   "button",
   {
     className: `starasia-button  ${a ? "" : "no-text"}
-      ${M5(
+      ${j5(
       c,
       h,
       v,
@@ -9715,7 +9715,7 @@ const jr = ({
     return 16;
   if (a === "md" || a === "lg")
     return 20;
-}, M5 = (a, c, n, o, i, h, v, b, g, y, C) => {
+}, j5 = (a, c, n, o, i, h, v, b, g, y, C) => {
   const A = [];
   return a && A.push(`starasia-button-${a}`), c ? A.push("starasia-button-primary") : n ? A.push("starasia-button-secondary") : o ? A.push("starasia-button-tertiary") : i ? A.push("starasia-button-quarternary") : h ? A.push("starasia-button-link") : v ? A.push("starasia-button-success") : b ? A.push("starasia-button-danger") : g ? A.push("starasia-button-warning") : A.push("starasia-button-primary"), y && A.push(`starasia-button-${y.toLowerCase()}`), C && A.push("starasia-button-width-full"), A.join(" ");
 };
@@ -9730,7 +9730,7 @@ var Ja = { exports: {} }, de = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xt;
-function j5() {
+function E5() {
   if (Xt)
     return de;
   Xt = 1;
@@ -9758,7 +9758,7 @@ var $e = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function E5() {
+function S5() {
   return _t || (_t = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -10347,9 +10347,9 @@ React keys must be passed directly to JSX without using spread:
     $e.Fragment = o, $e.jsx = nr, $e.jsxs = lr;
   }()), $e;
 }
-process.env.NODE_ENV === "production" ? Ja.exports = j5() : Ja.exports = E5();
+process.env.NODE_ENV === "production" ? Ja.exports = E5() : Ja.exports = S5();
 var Da = Ja.exports;
-const S5 = `:root {
+const Z5 = `:root {
   /* radius */
   --starasia-ui-card-border-radius: var(--starasia-ui-radii-md, 6px);
 
@@ -10390,13 +10390,13 @@ const S5 = `:root {
 .starasia-card-footer {
   padding: var(--starasia-ui-spacing-lg, 16px);
 }
-`, $t = "starasia-card-styles", Z5 = (a) => {
+`, $t = "starasia-card-styles", B5 = (a) => {
   if (!document.getElementById($t)) {
     const c = document.createElement("style");
     c.id = $t, c.textContent = a, document.head.appendChild(c);
   }
 };
-Z5(S5);
+B5(Z5);
 const Ed = ({ children: a, style: c }) => /* @__PURE__ */ Da.jsx("div", { className: "starasia-card", style: { ...c }, children: a }), Sd = ({ children: a, style: c }) => /* @__PURE__ */ Da.jsx("div", { className: "starasia-card-header", style: { ...c }, children: a }), Zd = ({ children: a, style: c }) => /* @__PURE__ */ Da.jsx("div", { className: "starasia-card-body", style: { ...c }, children: a }), Bd = ({ children: a, style: c }) => /* @__PURE__ */ Da.jsx("div", { className: "starasia-card-footer", style: { ...c }, children: a });
 var qa = { exports: {} }, pe = {};
 /**
@@ -10409,7 +10409,7 @@ var qa = { exports: {} }, pe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var r2;
-function B5() {
+function O5() {
   if (r2)
     return pe;
   r2 = 1;
@@ -10437,7 +10437,7 @@ var ra = {};
  * LICENSE file in the root directory of this source tree.
  */
 var e2;
-function O5() {
+function I5() {
   return e2 || (e2 = 1, process.env.NODE_ENV !== "production" && function() {
     var a = H1, c = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), b = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), R = Symbol.iterator, D = "@@iterator";
     function T(r) {
@@ -11026,7 +11026,7 @@ React keys must be passed directly to JSX without using spread:
     ra.Fragment = o, ra.jsx = nr, ra.jsxs = lr;
   }()), ra;
 }
-process.env.NODE_ENV === "production" ? qa.exports = B5() : qa.exports = O5();
+process.env.NODE_ENV === "production" ? qa.exports = O5() : qa.exports = I5();
 var Q1 = qa.exports;
 const Ha = `@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
@@ -11374,7 +11374,7 @@ const Ha = `@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,w
   "October",
   "November",
   "December"
-], I5 = [
+], D5 = [
   "Jan",
   "Feb",
   "Mar",
@@ -11396,19 +11396,19 @@ function fo(a) {
     document.removeEventListener("click", i, !0);
   }), []), { ref: o, isComponentVisible: c, setIsComponentVisible: n };
 }
-const a2 = "starasia-calendar-input-styles", D5 = (a) => {
+const a2 = "starasia-calendar-input-styles", H5 = (a) => {
   if (!document.getElementById(a2)) {
     const c = document.createElement("style");
     c.id = a2, c.textContent = a, document.head.appendChild(c);
   }
 };
-D5(Ha);
+H5(Ha);
 const ea = (a) => {
   if (a === "sm" || a === "md")
     return 16;
   if (a === "lg")
     return 20;
-}, H5 = (a) => {
+}, R5 = (a) => {
   const { size: c = "md", status: n = "default", variant: o = "outline", ...i } = a, h = hr(null), v = () => {
     h.current && i.onClick && (h.current.focus(), i.onClick(""));
   };
@@ -11471,7 +11471,7 @@ const ea = (a) => {
       ]
     }
   );
-}, R5 = ({
+}, Q5 = ({
   date: a,
   setDate: c,
   dateRange: n,
@@ -11537,7 +11537,7 @@ const ea = (a) => {
       );
     }) })
   ] });
-}, Q5 = ({
+}, T5 = ({
   date: a,
   setDate: c,
   filter: n,
@@ -11587,7 +11587,7 @@ const ea = (a) => {
 }, Xa = (a) => {
   const c = Math.floor(a / 10) * 10, n = c + 10;
   return { start: c, end: n };
-}, T5 = ({
+}, N5 = ({
   date: a,
   filter: c,
   setViews: n,
@@ -11682,7 +11682,7 @@ const ea = (a) => {
       }
     )
   }
-), N5 = ({
+), F5 = ({
   setViews: a,
   views: c,
   filter: n,
@@ -11732,16 +11732,16 @@ const ea = (a) => {
 };
 function ae(a) {
   const c = new Date(a), n = c.getFullYear(), o = c.getMonth();
-  return `${c.getDate().toString().padStart(2, "0")} ${I5[o]} ${n}`;
+  return `${c.getDate().toString().padStart(2, "0")} ${D5[o]} ${n}`;
 }
-const t2 = "starasia-calendar-styles", F5 = (a) => {
+const t2 = "starasia-calendar-styles", P5 = (a) => {
   if (!document.getElementById(t2)) {
     const c = document.createElement("style");
     c.id = t2, c.textContent = a, document.head.appendChild(c);
   }
 };
-F5(Ha);
-const P5 = Hr(
+P5(Ha);
+const z5 = Hr(
   ({
     value: a,
     onChange: c,
@@ -11804,7 +11804,7 @@ const P5 = Hr(
         ref: o ? A : null,
         children: [
           o ? /* @__PURE__ */ Q1.jsx(
-            H5,
+            R5,
             {
               value: Y(),
               inputMode: "none",
@@ -11826,7 +11826,7 @@ const P5 = Hr(
               ref: R,
               children: [
                 /* @__PURE__ */ Q1.jsx(
-                  N5,
+                  F5,
                   {
                     setViews: T,
                     views: D,
@@ -11836,7 +11836,7 @@ const P5 = Hr(
                   }
                 ),
                 /* @__PURE__ */ Q1.jsx("div", { className: "starasia-calendar-body", children: D === "days" ? /* @__PURE__ */ Q1.jsx(
-                  R5,
+                  Q5,
                   {
                     date: Z,
                     setDate: m,
@@ -11849,7 +11849,7 @@ const P5 = Hr(
                     maxDate: v
                   }
                 ) : D === "months" ? /* @__PURE__ */ Q1.jsx(
-                  Q5,
+                  T5,
                   {
                     date: Z,
                     setDate: m,
@@ -11864,7 +11864,7 @@ const P5 = Hr(
                     maxDate: v
                   }
                 ) : /* @__PURE__ */ Q1.jsx(
-                  T5,
+                  N5,
                   {
                     date: Z,
                     setDate: m,
@@ -11886,19 +11886,19 @@ const P5 = Hr(
       }
     );
   }
-), i2 = "starasia-calendar-input-styles", z5 = (a) => {
+), i2 = "starasia-calendar-input-styles", V5 = (a) => {
   if (!document.getElementById(i2)) {
     const c = document.createElement("style");
     c.id = i2, c.textContent = a, document.head.appendChild(c);
   }
 };
-z5(Ha);
+V5(Ha);
 const aa = (a) => {
   if (a === "sm" || a === "md")
     return 16;
   if (a === "lg")
     return 20;
-}, V5 = (a) => {
+}, Y5 = (a) => {
   const { size: c = "md", status: n = "default", variant: o = "outline", ...i } = a, h = hr(null), v = () => {
     h.current && i.onClick && (h.current.focus(), i.onClick(""));
   };
@@ -11961,7 +11961,7 @@ const aa = (a) => {
       ]
     }
   );
-}, Y5 = ({
+}, W5 = ({
   date: a,
   setDate: c,
   previewDate: n,
@@ -12019,7 +12019,7 @@ const aa = (a) => {
       );
     }) })
   ] });
-}, W5 = ({
+}, G5 = ({
   date: a,
   setDate: c,
   filter: n,
@@ -12057,7 +12057,7 @@ const aa = (a) => {
 }, _a = (a) => {
   const c = Math.floor(a / 10) * 10, n = c + 10;
   return { start: c, end: n };
-}, G5 = ({
+}, K5 = ({
   date: a,
   filter: c,
   setViews: n,
@@ -12095,7 +12095,7 @@ const aa = (a) => {
     },
     Z
   )) });
-}, K5 = ({
+}, U5 = ({
   setViews: a,
   views: c,
   filter: n,
@@ -12146,14 +12146,14 @@ const aa = (a) => {
     /* @__PURE__ */ Q1.jsx("div", { style: { cursor: "pointer" }, onClick: h, children: g() }),
     /* @__PURE__ */ Q1.jsx(Co, { onClick: () => v() })
   ] });
-}, o2 = "starasia-calendar-styles", U5 = (a) => {
+}, o2 = "starasia-calendar-styles", J5 = (a) => {
   if (!document.getElementById(o2)) {
     const c = document.createElement("style");
     c.id = o2, c.textContent = a, document.head.appendChild(c);
   }
 };
-U5(Ha);
-const J5 = Hr(
+J5(Ha);
+const q5 = Hr(
   ({
     value: a,
     onChange: c,
@@ -12197,7 +12197,7 @@ const J5 = Hr(
         ref: o ? A : null,
         children: [
           o ? /* @__PURE__ */ Q1.jsx(
-            V5,
+            Y5,
             {
               value: Y(),
               onClick: () => B(!0),
@@ -12217,7 +12217,7 @@ const J5 = Hr(
               ref: R,
               children: [
                 /* @__PURE__ */ Q1.jsx(
-                  K5,
+                  U5,
                   {
                     setViews: T,
                     views: D,
@@ -12228,7 +12228,7 @@ const J5 = Hr(
                   }
                 ),
                 /* @__PURE__ */ Q1.jsx("div", { className: "starasia-calendar-body", children: D === "days" ? /* @__PURE__ */ Q1.jsx(
-                  Y5,
+                  W5,
                   {
                     date: Z,
                     setDate: m,
@@ -12241,7 +12241,7 @@ const J5 = Hr(
                     onChange: c
                   }
                 ) : D === "months" ? /* @__PURE__ */ Q1.jsx(
-                  W5,
+                  G5,
                   {
                     date: Z,
                     setDate: m,
@@ -12255,7 +12255,7 @@ const J5 = Hr(
                     input: o
                   }
                 ) : /* @__PURE__ */ Q1.jsx(
-                  G5,
+                  K5,
                   {
                     date: Z,
                     setDate: m,
@@ -12276,7 +12276,7 @@ const J5 = Hr(
       }
     );
   }
-), q5 = Hr(
+), bo = Hr(
   ({
     value: a,
     onChange: c,
@@ -12290,7 +12290,7 @@ const J5 = Hr(
     size: y,
     status: C
   }, A) => /* @__PURE__ */ Q1.jsx(Q1.Fragment, { children: i ? /* @__PURE__ */ Q1.jsx(
-    P5,
+    z5,
     {
       onChange: c,
       value: a,
@@ -12305,7 +12305,7 @@ const J5 = Hr(
       status: C
     }
   ) : /* @__PURE__ */ Q1.jsx(
-    J5,
+    q5,
     {
       onChange: c,
       value: a,
@@ -13043,7 +13043,7 @@ const $5 = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@4
   }
 };
 ts($5);
-const bo = ({
+const vo = ({
   isShow: a,
   onHide: c,
   children: n,
@@ -13097,7 +13097,7 @@ const bo = ({
       ]
     }
   );
-}, vo = ({ children: a }) => /* @__PURE__ */ zr.jsx("div", { className: "starasia-dialog-description", children: a }), mo = ({ children: a }) => /* @__PURE__ */ zr.jsx("div", { children: a });
+}, mo = ({ children: a }) => /* @__PURE__ */ zr.jsx("div", { className: "starasia-dialog-description", children: a }), yo = ({ children: a }) => /* @__PURE__ */ zr.jsx("div", { children: a });
 var rt = { exports: {} }, fe = {};
 /**
  * @license React
@@ -15198,7 +15198,7 @@ const fs = ({ ...a }) => /* @__PURE__ */ pr.jsx(
   }
 };
 ms(ps);
-const yo = ({
+const wo = ({
   dropdownLists: a,
   onChange: c,
   defaultValue: n,
@@ -15340,8 +15340,8 @@ function ws(a = !1) {
   }, []);
   return { value: c, setValue: n, setTrue: o, setFalse: i, toggle: h };
 }
-const xs = typeof window < "u" ? _o : V1;
-function wo(a) {
+const xs = typeof window < "u" ? $o : V1;
+function xo(a) {
   const [c, n] = F1({
     show: !1
   }), o = (b) => {
@@ -15459,9 +15459,9 @@ function Id(a, c) {
     };
   }, [a, c]), n;
 }
-var xo = /* @__PURE__ */ ((a) => (a.sm = "640px", a.md = "768px", a.lg = "1024px", a.xl = "1280px", a["2xl"] = "1536px", a))(xo || {});
+var Ao = /* @__PURE__ */ ((a) => (a.sm = "640px", a.md = "768px", a.lg = "1024px", a.xl = "1280px", a["2xl"] = "1536px", a))(Ao || {});
 function Ls(a) {
-  const c = xo[a];
+  const c = Ao[a];
   return c ? `(min-width: ${c})` : a;
 }
 function Sr(a) {
@@ -15474,7 +15474,7 @@ function Sr(a) {
     },
     [c]
   );
-  return Xo(n, () => window.matchMedia(c).matches, () => {
+  return _o(n, () => window.matchMedia(c).matches, () => {
     throw Error("useMediaQuery is a client-only hook");
   });
 }
@@ -15567,7 +15567,7 @@ function Hd(a, c) {
     resetErrors: m,
     validate: Q,
     resetForm: () => {
-      t5(() => {
+      i5(() => {
         O();
       }), m();
     }
@@ -17636,7 +17636,7 @@ const Js = `@import url("https://fonts.googleapis.com/css2?family=Montserrat:wgh
   }
 };
 qs(Js);
-const Dt = Wr(null), Ao = ({
+const Dt = Wr(null), ko = ({
   position: a = "bottom-left",
   children: c,
   ...n
@@ -17661,10 +17661,10 @@ const Dt = Wr(null), Ao = ({
       children: /* @__PURE__ */ _r.jsx("div", { ref: v, className: "starasia-menu", ...n, children: c })
     }
   );
-}, ko = ({ children: a, ...c }) => {
+}, Lo = ({ children: a, ...c }) => {
   const n = Or(Dt);
   return /* @__PURE__ */ _r.jsx("div", { onClick: n == null ? void 0 : n.toggleShowMenu, ...c, children: a });
-}, Lo = ({ children: a, ...c }) => {
+}, Mo = ({ children: a, ...c }) => {
   const n = Or(Dt), o = hr(null);
   let i = n == null ? void 0 : n.position;
   const h = () => {
@@ -18595,7 +18595,7 @@ function tn(a) {
     });
   }), n;
 }
-var Mo = { exports: {} };
+var jo = { exports: {} };
 function on(a) {
   throw new Error('Could not dynamically require "' + a + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
@@ -19111,10 +19111,10 @@ function Gr() {
   })(Br, function(n) {
     return n.enc.Utf8;
   });
-})(Mo);
-var cn = Mo.exports;
+})(jo);
+var cn = jo.exports;
 const un = /* @__PURE__ */ Ht(cn);
-var jo = { exports: {} }, B2 = { exports: {} }, O2;
+var Eo = { exports: {} }, B2 = { exports: {} }, O2;
 function dn() {
   return O2 || (O2 = 1, function(a, c) {
     (function(n, o) {
@@ -19378,7 +19378,7 @@ function fn() {
   }(T2)), T2.exports;
 }
 var F2;
-function Eo() {
+function So() {
   return F2 || (F2 = 1, function(a, c) {
     (function(n, o, i) {
       a.exports = o(Gr(), gn(), fn());
@@ -19444,7 +19444,7 @@ var P2 = { exports: {} }, z2;
 function hn() {
   return z2 || (z2 = 1, function(a, c) {
     (function(n, o, i) {
-      a.exports = o(Gr(), Eo());
+      a.exports = o(Gr(), So());
     })(Br, function(n) {
       n.lib.Cipher || function(o) {
         var i = n, h = i.lib, v = h.Base, b = h.WordArray, g = h.BufferedBlockAlgorithm, y = i.enc;
@@ -19980,7 +19980,7 @@ function hn() {
 }
 (function(a, c) {
   (function(n, o, i) {
-    a.exports = o(Gr(), dn(), pn(), Eo(), hn());
+    a.exports = o(Gr(), dn(), pn(), So(), hn());
   })(Br, function(n) {
     return function() {
       var o = n, i = o.lib, h = i.BlockCipher, v = o.algo, b = [], g = [], y = [], C = [], A = [], L = [], B = [], R = [], D = [], T = [];
@@ -20034,10 +20034,10 @@ function hn() {
       o.AES = h._createHelper(m);
     }(), n.AES;
   });
-})(jo);
-var Cn = jo.exports;
+})(Eo);
+var Cn = Eo.exports;
 const V2 = /* @__PURE__ */ Ht(Cn);
-var So = { exports: {} };
+var Zo = { exports: {} };
 (function(a) {
   function c(n, o) {
     var i, h, v, b, g, y, C, A;
@@ -20054,8 +20054,8 @@ var So = { exports: {} };
     return v ^= n.length, v ^= v >>> 16, v = (v & 65535) * 2246822507 + (((v >>> 16) * 2246822507 & 65535) << 16) & 4294967295, v ^= v >>> 13, v = (v & 65535) * 3266489909 + (((v >>> 16) * 3266489909 & 65535) << 16) & 4294967295, v ^= v >>> 16, v >>> 0;
   }
   a.exports = c;
-})(So);
-var bn = So.exports;
+})(Zo);
+var bn = Zo.exports;
 const vn = /* @__PURE__ */ Ht(bn), Y2 = (a) => {
   let c = a || "@7Ee1zrdtKG.";
   return c.endsWith(".") ? c : c + ".";
@@ -20206,7 +20206,7 @@ const vn = /* @__PURE__ */ Ht(bn), Y2 = (a) => {
 }, wn = new yn(), xn = "E86E2612010258B35137", An = (a, c) => {
   let n = a || xn;
   return typeof window > "u" ? n : wn.getFingerprint(c || "") + n;
-}, Zo = class {
+}, Bo = class {
   constructor(c) {
     this.secureKey = "", c && (this.secureKey = An(
       c.hashKey || "",
@@ -20265,7 +20265,7 @@ const vn = /* @__PURE__ */ Ht(bn), Y2 = (a) => {
 }, jn = (a, c) => {
   const n = {};
   if (typeof window < "u") {
-    const o = new Zo({ hashKey: c });
+    const o = new Bo({ hashKey: c });
     for (const [i, h] of Object.entries(localStorage))
       if (i.startsWith(a)) {
         let v = i.replace(a, "")[0], b = i.replace(/[.][bjns][.]/, "."), g = o.decrypt(h), y = null;
@@ -20321,7 +20321,7 @@ let Sn = class {
     else {
       let o = typeof n == "object" ? JSON.stringify(n) : n + "", i = W2(this._options.prefixKey, c, n), h = this._options.prefixKey + c;
       c != null && (this._localStorageItems[h] = n);
-      const v = new Zo({
+      const v = new Bo({
         hashKey: this._options.hashKey,
         disabledKey: this._options.disabledKey || ""
       });
@@ -23595,12 +23595,12 @@ const $n = (a) => {
   const n = document.createElement("style");
   return n.id = a, document.head.appendChild(n), n;
 };
-function Bo(a, c) {
+function Oo(a, c) {
   let n = "";
   return Object.keys(a).forEach((o) => {
     const i = a[o];
     if (i && typeof i == "object") {
-      n += Bo(i, `${c}-${o}`);
+      n += Oo(i, `${c}-${o}`);
       return;
     }
     n += `${c}-${o}: ${i};
@@ -23609,7 +23609,7 @@ function Bo(a, c) {
 }
 function r7(a, c) {
   let n = "";
-  return a && (n += Bo(a, c)), n;
+  return a && (n += Oo(a, c)), n;
 }
 function e7(a) {
   var c, n, o, i, h, v;
@@ -23642,7 +23642,7 @@ function e7(a) {
   }
   `;
 }
-const Oo = Wr({
+const Io = Wr({
   theme: void 0,
   setTheme: () => {
   }
@@ -23661,7 +23661,7 @@ function oi({ value: a, children: c }) {
   const v = (b) => {
     b && o(b);
   };
-  return /* @__PURE__ */ Un.jsx(Oo.Provider, { value: { theme: n, setTheme: v }, children: c });
+  return /* @__PURE__ */ Un.jsx(Io.Provider, { value: { theme: n, setTheme: v }, children: c });
 }
 const t7 = {
   raw: {
@@ -24200,14 +24200,14 @@ const t7 = {
   colors: t7,
   metrics: i7,
   font: o7
-}, za = s7, Io = (a, c) => {
+}, za = s7, Do = (a, c) => {
   const n = {};
   return Object.keys(a).forEach((o) => {
     if (a != null && a[o] && typeof (a == null ? void 0 : a[o]) == "object") {
       n[o] = {
         ...a == null ? void 0 : a[o],
         ...c == null ? void 0 : c[o],
-        ...Io(a == null ? void 0 : a[o], c == null ? void 0 : c[o])
+        ...Do(a == null ? void 0 : a[o], c == null ? void 0 : c[o])
       };
       return;
     }
@@ -24215,11 +24215,11 @@ const t7 = {
   }), n;
 };
 function Ye() {
-  const a = Or(Oo), c = Er(
+  const a = Or(Io), c = Er(
     () => ({
       ...za,
       ...a.theme,
-      ...Io(za, a.theme)
+      ...Do(za, a.theme)
     }),
     [a.theme, za]
   );
@@ -25216,7 +25216,7 @@ const ip = ({
       return;
     }
     setTimeout(() => {
-      a5.flushSync(() => {
+      t5.flushSync(() => {
         o((h) => [i, ...h]);
       });
     });
@@ -26170,7 +26170,7 @@ input:checked + .starasia-toggle-slider:before {
   }
 };
 w7(y7);
-const Do = (a) => {
+const Ho = (a) => {
   const { size: c = "md", label: n, description: o, ...i } = a;
   return /* @__PURE__ */ Jr.jsxs(
     "div",
@@ -28772,7 +28772,7 @@ const H7 = (a) => {
     }
   );
 };
-var Ho = { exports: {} }, Qa = {};
+var Ro = { exports: {} }, Qa = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -28783,7 +28783,7 @@ var Ho = { exports: {} }, Qa = {};
  * LICENSE file in the root directory of this source tree.
  */
 var R7 = H1, Q7 = Symbol.for("react.element"), T7 = Symbol.for("react.fragment"), N7 = Object.prototype.hasOwnProperty, F7 = R7.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P7 = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Ro(a, c, n) {
+function Qo(a, c, n) {
   var o, i = {}, h = null, v = null;
   n !== void 0 && (h = "" + n), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (v = c.ref);
   for (o in c) N7.call(c, o) && !P7.hasOwnProperty(o) && (i[o] = c[o]);
@@ -28791,10 +28791,10 @@ function Ro(a, c, n) {
   return { $$typeof: Q7, type: a, key: h, ref: v, props: i, _owner: F7.current };
 }
 Qa.Fragment = T7;
-Qa.jsx = Ro;
-Qa.jsxs = Ro;
-Ho.exports = Qa;
-var z7 = Ho.exports;
+Qa.jsx = Qo;
+Qa.jsxs = Qo;
+Ro.exports = Qa;
+var z7 = Ro.exports;
 const V7 = `@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
 
@@ -43452,7 +43452,7 @@ const Nl = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@3
   }
 };
 Fl(Nl);
-const Qo = Wr(null), mp = ({
+const To = Wr(null), mp = ({
   orientation: a = "horizontal",
   children: c,
   active: n
@@ -43461,14 +43461,14 @@ const Qo = Wr(null), mp = ({
     o.current.push(h);
   };
   return /* @__PURE__ */ Ir.jsx(
-    Qo.Provider,
+    To.Provider,
     {
       value: { orientation: a, stepRef: o, handlePushRef: i, active: n },
       children: /* @__PURE__ */ Ir.jsx("div", { className: "starasia-stepper-container", children: c })
     }
   );
 }, yp = ({ title: a, description: c }) => {
-  const n = hr(null), o = hr(null), i = hr(null), [h, v] = F1(0), [b, g] = F1(!1), [y, C] = F1(""), [A, L] = F1("#9CA3AF"), B = Or(Qo), R = () => {
+  const n = hr(null), o = hr(null), i = hr(null), [h, v] = F1(0), [b, g] = F1(!1), [y, C] = F1(""), [A, L] = F1("#9CA3AF"), B = Or(To), R = () => {
     var D, T, Z;
     if (n.current && i.current && o.current) {
       const m = (D = i.current) == null ? void 0 : D.getBoundingClientRect().width, O = (T = n.current) == null ? void 0 : T.getBoundingClientRect().width, Q = (Z = o.current) == null ? void 0 : Z.getBoundingClientRect().width;
@@ -44261,7 +44261,7 @@ const Vl = `.starasia-accordion {
   }
 };
 Yl(Vl);
-const To = Wr({ allowMultiple: !1 }), wp = ({ children: a, allowMultiple: c = !1 }) => {
+const No = Wr({ allowMultiple: !1 }), wp = ({ children: a, allowMultiple: c = !1 }) => {
   const n = hr([]), o = (i) => {
     var h, v, b, g, y, C, A, L, B;
     const R = (h = n.current) == null ? void 0 : h.find(
@@ -44271,12 +44271,12 @@ const To = Wr({ allowMultiple: !1 }), wp = ({ children: a, allowMultiple: c = !1
       (D) => D !== i
     )) : (i.classList.add("active"), (v = i.querySelector(".starasia-accordion-arrow")) == null || v.classList.add("starasia-accordion-arrow-active"), (b = n.current) == null || b.push(i)) : (y = n.current) != null && y.length ? n.current[0] === i ? ((C = n.current[0].querySelector(".starasia-accordion-arrow")) == null || C.classList.remove("starasia-accordion-arrow-active"), n.current[0].classList.remove("active"), n.current = []) : ((A = n.current[0].querySelector(".starasia-accordion-arrow")) == null || A.classList.remove("starasia-accordion-arrow-active"), n.current[0].classList.remove("active"), n.current = [], i.classList.add("active"), n.current[0] = i, (L = n.current[0].querySelector(".starasia-accordion-arrow")) == null || L.classList.add("starasia-accordion-arrow-active")) : (i.classList.add("active"), (B = i.querySelector(".starasia-accordion-arrow")) == null || B.classList.add("starasia-accordion-arrow-active"), n.current.push(i));
   };
-  return /* @__PURE__ */ Vr.jsx(To.Provider, { value: { allowMultiple: c, handlePushRef: o }, children: /* @__PURE__ */ Vr.jsx("div", { className: "starasia-accordion", children: a }) });
+  return /* @__PURE__ */ Vr.jsx(No.Provider, { value: { allowMultiple: c, handlePushRef: o }, children: /* @__PURE__ */ Vr.jsx("div", { className: "starasia-accordion", children: a }) });
 }, xp = ({ children: a }) => /* @__PURE__ */ Vr.jsx("div", { className: "starasia-accordion-item", children: a }), Ap = ({
   children: a,
   expand: c = !0
 }) => {
-  const { handlePushRef: n } = Or(To), o = (i) => {
+  const { handlePushRef: n } = Or(No), o = (i) => {
     i.currentTarget.parentElement && n && n(i.currentTarget.parentElement);
   };
   return /* @__PURE__ */ Vr.jsxs(
@@ -46463,9 +46463,9 @@ const Pp = (a) => {
   },
   handleDialogCancel: () => {
   }
-}, No = Wr(pc);
+}, Fo = Wr(pc);
 function Ge() {
-  return Or(No);
+  return Or(Fo);
 }
 const gc = () => {
   const [a, c] = F1(!1), [n, o] = F1({
@@ -46554,7 +46554,7 @@ const gc = () => {
         });
       } else
         y(void 0);
-    }, [b, o]), /* @__PURE__ */ k.jsx(i5, { to: a, style: { textDecoration: "none" }, onClick: R, children: g && g.allowedLongText < g.longText && A ? /* @__PURE__ */ k.jsx(
+    }, [b, o]), /* @__PURE__ */ k.jsx(o5, { to: a, style: { textDecoration: "none" }, onClick: R, children: g && g.allowedLongText < g.longText && A ? /* @__PURE__ */ k.jsx(
       Qr,
       {
         position: "top",
@@ -46671,11 +46671,11 @@ const gc = () => {
 ), Ke = ({
   of: a,
   render: c
-}) => $o.toArray(a == null ? void 0 : a.map((n, o, i) => c(n, o, i)));
+}) => r5.toArray(a == null ? void 0 : a.map((n, o, i) => c(n, o, i)));
 var fc = /* @__PURE__ */ ((a) => (a.Width = "19.125rem", a.WidthCollapse = "6rem", a))(fc || {});
 const hc = ({ children: a }) => {
   const c = gc();
-  return /* @__PURE__ */ k.jsx(No.Provider, { value: c, children: a });
+  return /* @__PURE__ */ k.jsx(Fo.Provider, { value: c, children: a });
 }, Cc = ({
   menus: a = [],
   maxWidth: c,
@@ -47081,7 +47081,7 @@ const hc = ({ children: a }) => {
                 width: i.inputProps.fullWidth ? "100%" : c === "horizontal" && i.customWidth ? i.customWidth : c === "horizontal" ? "343px" : ""
               },
               children: /* @__PURE__ */ k.jsx(
-                yo,
+                wo,
                 {
                   size: a,
                   ...i.inputProps,
@@ -47765,7 +47765,7 @@ const Fc = (a) => {
           }
         ),
         /* @__PURE__ */ k.jsx(
-          Do,
+          Ho,
           {
             checked: h.checked,
             onChange: h.onChange,
@@ -47906,7 +47906,7 @@ const Fc = (a) => {
                 width: c === "horizontal" && i.customWidth ? i.customWidth : c === "horizontal" ? "343px" : ""
               },
               children: /* @__PURE__ */ k.jsx(
-                q5,
+                bo,
                 {
                   size: a,
                   ...i.inputProps,
@@ -47946,15 +47946,15 @@ var wr = function() {
     return c;
   }, wr.apply(this, arguments);
 };
-var Ji = !1, qr, At, kt, Ba, Oa, Fo, Ia, Lt, Mt, jt, Po, Et, St, zo, Vo;
+var Ji = !1, qr, At, kt, Ba, Oa, Po, Ia, Lt, Mt, jt, zo, Et, St, Vo, Yo;
 function Mr() {
   if (!Ji) {
     Ji = !0;
     var a = navigator.userAgent, c = /(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(a), n = /(Mac OS X)|(Windows)|(Linux)/.exec(a);
-    if (Et = /\b(iPhone|iP[ao]d)/.exec(a), St = /\b(iP[ao]d)/.exec(a), jt = /Android/i.exec(a), zo = /FBAN\/\w+;/i.exec(a), Vo = /Mobile/i.exec(a), Po = !!/Win64/.exec(a), c) {
+    if (Et = /\b(iPhone|iP[ao]d)/.exec(a), St = /\b(iP[ao]d)/.exec(a), jt = /Android/i.exec(a), Vo = /FBAN\/\w+;/i.exec(a), Yo = /Mobile/i.exec(a), zo = !!/Win64/.exec(a), c) {
       qr = c[1] ? parseFloat(c[1]) : c[5] ? parseFloat(c[5]) : NaN, qr && document && document.documentMode && (qr = document.documentMode);
       var o = /(?:Trident\/(\d+.\d+))/.exec(a);
-      Fo = o ? parseFloat(o[1]) + 4 : qr, At = c[2] ? parseFloat(c[2]) : NaN, kt = c[3] ? parseFloat(c[3]) : NaN, Ba = c[4] ? parseFloat(c[4]) : NaN, Ba ? (c = /(?:Chrome\/(\d+\.\d+))/.exec(a), Oa = c && c[1] ? parseFloat(c[1]) : NaN) : Oa = NaN;
+      Po = o ? parseFloat(o[1]) + 4 : qr, At = c[2] ? parseFloat(c[2]) : NaN, kt = c[3] ? parseFloat(c[3]) : NaN, Ba = c[4] ? parseFloat(c[4]) : NaN, Ba ? (c = /(?:Chrome\/(\d+\.\d+))/.exec(a), Oa = c && c[1] ? parseFloat(c[1]) : NaN) : Oa = NaN;
     } else
       qr = At = kt = Oa = Ba = NaN;
     if (n) {
@@ -47985,7 +47985,7 @@ var Zt = {
    * not compatibility mode or not ie
    */
   ieCompatibilityMode: function() {
-    return Mr() || Fo > qr;
+    return Mr() || Po > qr;
   },
   /**
    * Whether the browser is 64-bit IE.  Really, this is kind of weak sauce;  we
@@ -47993,7 +47993,7 @@ var Zt = {
    * this when we don't need it -- tracked by #601957.
    */
   ie64: function() {
-    return Zt.ie() && Po;
+    return Zt.ie() && zo;
   },
   /**
    *  Check if the UA is Firefox.
@@ -48073,10 +48073,10 @@ var Zt = {
     return Mr() || Et;
   },
   mobile: function() {
-    return Mr() || Et || St || jt || Vo;
+    return Mr() || Et || St || jt || Yo;
   },
   nativeApp: function() {
-    return Mr() || zo;
+    return Mr() || Vo;
   },
   android: function() {
     return Mr() || jt;
@@ -48086,8 +48086,8 @@ var Zt = {
   }
 }, Xc = Zt, _c = !!(typeof window < "u" && window.document && window.document.createElement), $c = {
   canUseDOM: _c
-}, ru = $c, Yo = ru, Wo;
-Yo.canUseDOM && (Wo = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.
+}, ru = $c, Wo = ru, Go;
+Wo.canUseDOM && (Go = document.implementation && document.implementation.hasFeature && // always returns true in newer browsers as per the standard.
 // @see http://dom.spec.whatwg.org/#dom-domimplementation-hasfeature
 document.implementation.hasFeature("", "") !== !0);
 /**
@@ -48105,17 +48105,17 @@ document.implementation.hasFeature("", "") !== !0);
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
 function eu(a, c) {
-  if (!Yo.canUseDOM || c && !("addEventListener" in document))
+  if (!Wo.canUseDOM || c && !("addEventListener" in document))
     return !1;
   var n = "on" + a, o = n in document;
   if (!o) {
     var i = document.createElement("div");
     i.setAttribute(n, "return;"), o = typeof i[n] == "function";
   }
-  return !o && Wo && a === "wheel" && (o = document.implementation.hasFeature("Events.wheel", "3.0")), o;
+  return !o && Go && a === "wheel" && (o = document.implementation.hasFeature("Events.wheel", "3.0")), o;
 }
 var au = eu, tu = Xc, iu = au, qi = 10, Xi = 40, _i = 800;
-function Go(a) {
+function Ko(a) {
   var c = 0, n = 0, o = 0, i = 0;
   return "detail" in a && (n = a.detail), "wheelDelta" in a && (n = -a.wheelDelta / 120), "wheelDeltaY" in a && (n = -a.wheelDeltaY / 120), "wheelDeltaX" in a && (c = -a.wheelDeltaX / 120), "axis" in a && a.axis === a.HORIZONTAL_AXIS && (c = n, n = 0), o = c * qi, i = n * qi, "deltaY" in a && (i = a.deltaY), "deltaX" in a && (o = a.deltaX), (o || i) && a.deltaMode && (a.deltaMode == 1 ? (o *= Xi, i *= Xi) : (o *= _i, i *= _i)), o && !c && (c = o < 1 ? -1 : 1), i && !n && (n = i < 1 ? -1 : 1), {
     spinX: c,
@@ -48124,10 +48124,10 @@ function Go(a) {
     pixelY: i
   };
 }
-Go.getEventType = function() {
+Ko.getEventType = function() {
   return tu.firefox() ? "DOMMouseScroll" : iu("wheel") ? "wheel" : "mousewheel";
 };
-var ou = Go, su = ou;
+var ou = Ko, su = ou;
 const nu = /* @__PURE__ */ ec(su);
 function lu(a, c, n, o, i, h) {
   h === void 0 && (h = 0);
@@ -48801,7 +48801,7 @@ const to = {
     }, q = hr(null), z = () => {
       q.current && q.current.click();
     };
-    r5(C, () => ({
+    e5(C, () => ({
       openFileDialog: () => {
         var e1;
         (e1 = q.current) == null || e1.click();
@@ -48939,7 +48939,7 @@ const to = {
             }
           ),
           /* @__PURE__ */ k.jsxs(
-            bo,
+            vo,
             {
               isShow: T,
               onHide: () => Z(!1),
@@ -48947,7 +48947,7 @@ const to = {
                 minWidth: A ? v === "1:1" ? "20rem" : N * 2 : "100%"
               },
               children: [
-                /* @__PURE__ */ k.jsx(vo, { children: /* @__PURE__ */ k.jsx(
+                /* @__PURE__ */ k.jsx(mo, { children: /* @__PURE__ */ k.jsx(
                   n1,
                   {
                     position: "relative",
@@ -48973,7 +48973,7 @@ const to = {
                     )
                   }
                 ) }),
-                /* @__PURE__ */ k.jsx(mo, { children: /* @__PURE__ */ k.jsxs(n1, { justify: "flex-end", direction: "row", gap: "sm", children: [
+                /* @__PURE__ */ k.jsx(yo, { children: /* @__PURE__ */ k.jsxs(n1, { justify: "flex-end", direction: "row", gap: "sm", children: [
                   /* @__PURE__ */ k.jsx(jr, { size: "xs", secondary: !0, onClick: () => Z(!1), children: "Cancel" }),
                   /* @__PURE__ */ k.jsx(jr, { size: "xs", primary: !0, onClick: F, children: "Crop" })
                 ] }) })
@@ -49159,7 +49159,7 @@ const to = {
         width: o
       },
       children: i && /* @__PURE__ */ k.jsx(
-        Do,
+        Ho,
         {
           disabled: h,
           checked: g,
@@ -49493,8 +49493,8 @@ function Eu({
                       borderTopWidth: 0,
                       borderBottomWidth: 0
                     },
-                    children: /* @__PURE__ */ k.jsx(n1, { children: /* @__PURE__ */ k.jsxs(Ao, { position: "bottom-right", onClick: C.toggleMobileLogout, children: [
-                      /* @__PURE__ */ k.jsx(ko, { children: /* @__PURE__ */ k.jsxs(
+                    children: /* @__PURE__ */ k.jsx(n1, { children: /* @__PURE__ */ k.jsxs(ko, { position: "bottom-right", onClick: C.toggleMobileLogout, children: [
+                      /* @__PURE__ */ k.jsx(Lo, { children: /* @__PURE__ */ k.jsxs(
                         n1,
                         {
                           display: "flex",
@@ -49539,7 +49539,7 @@ function Eu({
                             mobile: !1
                           },
                           children: /* @__PURE__ */ k.jsxs(
-                            Lo,
+                            Mo,
                             {
                               style: {
                                 marginTop: "1.2rem",
@@ -49825,10 +49825,10 @@ const Su = ({
         return /* @__PURE__ */ k.jsx(jr, { primary: !0, onClick: o, children: h });
     }
   };
-  return /* @__PURE__ */ k.jsxs(bo, { isShow: i, onHide: n, children: [
+  return /* @__PURE__ */ k.jsxs(vo, { isShow: i, onHide: n, children: [
     b(),
-    /* @__PURE__ */ k.jsx(vo, { children: /* @__PURE__ */ k.jsx(T1, { children: c }) }),
-    /* @__PURE__ */ k.jsx(mo, { children: /* @__PURE__ */ k.jsxs(n1, { justify: "flex-end", direction: "row", gap: "sm", children: [
+    /* @__PURE__ */ k.jsx(mo, { children: /* @__PURE__ */ k.jsx(T1, { children: c }) }),
+    /* @__PURE__ */ k.jsx(yo, { children: /* @__PURE__ */ k.jsxs(n1, { justify: "flex-end", direction: "row", gap: "sm", children: [
       /* @__PURE__ */ k.jsx(jr, { secondary: !0, onClick: n, children: "Cancel" }),
       g()
     ] }) })
@@ -49850,7 +49850,7 @@ const Su = ({
       return;
     }
     C(-1, { replace: !0 });
-  }, B = () => h ? e5(h) ? h : /* @__PURE__ */ k.jsx(n1, { direction: "row", gap: "lg", children: h.map(
+  }, B = () => h ? a5(h) ? h : /* @__PURE__ */ k.jsx(n1, { direction: "row", gap: "lg", children: h.map(
     ({ title: Z, icon: m, buttonProps: O, onClick: Q }, Y) => !Z && !m ? null : /* @__PURE__ */ k.jsx(
       jr,
       {
@@ -50146,9 +50146,9 @@ const Su = ({
     }),
     [i]
   );
-  return /* @__PURE__ */ k.jsxs(Ao, { position: h, style: n, children: [
-    /* @__PURE__ */ k.jsx(ko, { style: o, children: /* @__PURE__ */ k.jsx(jr, { size: "sm", secondary: !0, ...v, children: /* @__PURE__ */ k.jsx(gr, { name: a, ...b }) }) }),
-    /* @__PURE__ */ k.jsx(Lo, { style: y, children: c.map((C, A) => g === "outline-button" ? /* @__PURE__ */ k.jsx(Sa, { children: /* @__PURE__ */ k.jsxs(
+  return /* @__PURE__ */ k.jsxs(ko, { position: h, style: n, children: [
+    /* @__PURE__ */ k.jsx(Lo, { style: o, children: /* @__PURE__ */ k.jsx(jr, { size: "sm", secondary: !0, ...v, children: /* @__PURE__ */ k.jsx(gr, { name: a, ...b }) }) }),
+    /* @__PURE__ */ k.jsx(Mo, { style: y, children: c.map((C, A) => g === "outline-button" ? /* @__PURE__ */ k.jsx(Sa, { children: /* @__PURE__ */ k.jsxs(
       jr,
       {
         size: "sm",
@@ -50174,7 +50174,7 @@ const Su = ({
       C.id || A
     )) })
   ] });
-}, Up = Ar(Fu), Ko = H1.memo(({ text: a, onClose: c }) => {
+}, Up = Ar(Fu), Uo = H1.memo(({ text: a, onClose: c }) => {
   var o, i;
   const n = We();
   return /* @__PURE__ */ k.jsxs(
@@ -50222,7 +50222,7 @@ const Su = ({
     gap: "sm",
     flexWrap: "nowrap",
     style: { minWidth: "max-content" },
-    children: a == null ? void 0 : a.map((n, o) => n.valueText ? /* @__PURE__ */ k.jsx(Ko, { text: n.valueText, onClose: () => c == null ? void 0 : c(n) }, o) : null)
+    children: a == null ? void 0 : a.map((n, o) => n.valueText ? /* @__PURE__ */ k.jsx(Uo, { text: n.valueText, onClose: () => c == null ? void 0 : c(n) }, o) : null)
   }
 )), oo = (a) => JSON.stringify(a), zu = (a) => {
   const c = a;
@@ -50274,7 +50274,7 @@ const Wu = H1.memo(
       g
     )) });
   }
-), Uo = H1.memo(
+), Jo = H1.memo(
   Hr(
     ({
       label: a,
@@ -50305,7 +50305,7 @@ const Wu = H1.memo(
         switch (c) {
           case "dropdown":
             return /* @__PURE__ */ k.jsx(
-              yo,
+              wo,
               {
                 onSearch: C,
                 multiSelect: g,
@@ -50320,7 +50320,7 @@ const Wu = H1.memo(
             );
           case "date":
             return /* @__PURE__ */ k.jsx(
-              "starasiaDate",
+              bo,
               {
                 input: B,
                 filter: L,
@@ -50364,7 +50364,7 @@ const Wu = H1.memo(
         }
       };
       return Y ? /* @__PURE__ */ k.jsx(n1, { marginBottom: "lg", children: i == null ? void 0 : i.map((E, I) => /* @__PURE__ */ k.jsx(
-        Uo,
+        Jo,
         {
           ref: Q,
           onChange: o,
@@ -50435,7 +50435,7 @@ const Wu = H1.memo(
         children: [
           /* @__PURE__ */ k.jsx(Yu, { title: c, resetButton: { onClick: R } }),
           y || v ? null : /* @__PURE__ */ k.jsx(n1, { children: n == null ? void 0 : n.map((D, T) => /* @__PURE__ */ k.jsx(
-            Uo,
+            Jo,
             {
               borderBottom: T !== n.length - 1,
               onChange: B,
@@ -50595,8 +50595,8 @@ const Wu = H1.memo(
   Container: Gu,
   Toggle: Ku,
   Chips: Pu,
-  Chip: Ko
-}, Jo = ({
+  Chip: Uo
+}, qo = ({
   item: a,
   handleSwitch: c,
   handleToSelectOrg: n,
@@ -50681,7 +50681,7 @@ const Wu = H1.memo(
     {
       of: a,
       render: (y) => /* @__PURE__ */ k.jsx(
-        Jo,
+        qo,
         {
           item: y,
           showIcon: h,
@@ -50706,7 +50706,7 @@ const Wu = H1.memo(
   setSelectedApp: g
 }) => {
   var C;
-  const y = wo();
+  const y = xo();
   return /* @__PURE__ */ k.jsxs(Rt, { onHide: a, show: c, closeButton: !1, children: [
     /* @__PURE__ */ k.jsxs(
       Dr,
@@ -50829,7 +50829,7 @@ const Wu = H1.memo(
     {
       of: a,
       render: (y) => /* @__PURE__ */ k.jsx(
-        Jo,
+        qo,
         {
           item: y,
           showIcon: h,
@@ -50851,7 +50851,7 @@ const Wu = H1.memo(
   setSelectedApp: h
 }) => {
   var b, g, y, C, A;
-  const v = wo();
+  const v = xo();
   return /* @__PURE__ */ k.jsxs(Rt, { onHide: a, show: c, closeButton: !1, children: [
     /* @__PURE__ */ k.jsxs(
       Dr,
@@ -51231,7 +51231,7 @@ const Wu = H1.memo(
   menuSelectButtons: [],
   menuSelectCustom: void 0,
   bottomDrawerContent: void 0
-}, qo = Wr(rd), rg = () => Or(qo), ed = (a) => {
+}, Xo = Wr(rd), rg = () => Or(Xo), ed = (a) => {
   const [c, n] = F1(
     (a == null ? void 0 : a.initialUserData) || null
   );
@@ -51254,7 +51254,7 @@ const Wu = H1.memo(
 }) => {
   const A = ed({ initialUserData: i }), { theme: L } = Ye();
   return /* @__PURE__ */ k.jsx(
-    qo.Provider,
+    Xo.Provider,
     {
       value: {
         logo: o,
@@ -51306,7 +51306,7 @@ function tg({
   }, [o.pathname]);
 }
 const ig = () => {
-  const [a, c] = oe(), n = ze(a.toString()), o = o5(), i = o.id;
+  const [a, c] = oe(), n = ze(a.toString()), o = s5(), i = o.id;
   return {
     // query params
     setSearchParams: c,
@@ -51360,7 +51360,7 @@ export {
   ld as AlertTitle,
   eg as App,
   ad as AppComponent,
-  qo as AppContext,
+  Xo as AppContext,
   _p as AsideBar,
   Ep as AuthLayout,
   po as Badges,
@@ -51377,21 +51377,21 @@ export {
   vi as Checkbox,
   Cd as ColorConst,
   vp as ColorConstProgress,
-  w5 as ColorSchemeGenerator,
+  x5 as ColorSchemeGenerator,
   Rl as ColorSchemeGeneratorProgress,
   mc as ContentLayout,
   jd as CursorVariantConst,
   Vp as DashboardLayout,
   Cr as DecisionWrapper,
-  bo as Dialog,
-  vo as DialogBody,
-  mo as DialogFooter,
+  vo as Dialog,
+  mo as DialogBody,
+  yo as DialogFooter,
   ia as DialogTitle,
   dd as DirectionConst,
   gd as DisplayAlignConst,
   ud as DisplayConst,
   cs as Drawer,
-  yo as Dropdown,
+  wo as Dropdown,
   Ke as EachUtils,
   yr as Flex,
   hp as FlexDirectionConst,
@@ -51415,12 +51415,12 @@ export {
   Au as InputImage,
   pd as JustifyConst,
   op as LineHeightConst,
-  Ao as Menu,
+  ko as Menu,
   Sa as MenuBody,
-  ko as MenuButton,
+  Lo as MenuButton,
   Xs as MenuFooter,
   Td as MenuHeading,
-  Lo as MenuLists,
+  Mo as MenuLists,
   Wp as ModalDialog,
   hd as PaddingConst,
   Gp as PageLayout,
@@ -51435,12 +51435,12 @@ export {
   Sn as SecureStorage,
   md as ShadowConst,
   bc as Sidebar,
-  No as SidebarContext,
+  Fo as SidebarContext,
   hc as SidebarProvider,
   fc as SidebarStyle,
   fr as Skeleton,
   fd as SpacingConst,
-  q5 as StarasiaDate,
+  bo as StarasiaDate,
   yp as Step,
   mp as Stepper,
   Mp as StoryRecord,
@@ -51463,10 +51463,10 @@ export {
   Gd as Tfoot,
   Kd as Th,
   Yd as Thead,
-  Oo as ThemeContext,
+  Io as ThemeContext,
   oi as ThemeProvider,
   ip as ToastContainer,
-  Do as Toggle,
+  Ho as Toggle,
   zp as ToggleStatus,
   Qr as Tooltip,
   Hn as Tr,
@@ -51509,7 +51509,7 @@ export {
   og as useAuthRole,
   ws as useBoolean,
   We as useColor,
-  wo as useConfirmation,
+  xo as useConfirmation,
   Od as useCountdown,
   As as useCounter,
   Id as useDebounce,