@scbt-ecom/ui 0.20.0 → 0.21.1

package/dist/{CustomLink-BZ2X3A56.js → CustomLink-BHI03NwX.js}

@@ -662,37 +662,7 @@ const Dn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Mn = Wo, z
     ] : l;
   }, []);
   return Mn(e, a, u, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
-}, pc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ y.jsx("section", { className: L("pb-16 desktop:pb-20", t), ...n, children: e }), hc = ({ children: e, offset: t = !0, className: n, ...r }) => /* @__PURE__ */ y.jsx("div", { className: L("m-auto w-full max-w-[636px] desktop:max-w-[1140px]", { "mobile:px-4": t }, n), ...r, children: e }), Ko = ze("", {
-  variants: {
-    position: {
-      absolute: "absolute",
-      static: "static",
-      fixed: "fixed"
-    }
-  },
-  defaultVariants: {
-    position: "static"
-  }
-}), Xo = ze("border-2 border-solid block animate-spin rounded-full", {
-  variants: {
-    intent: {
-      primary: "border-white border-b-transparent",
-      secondary: "border-primary-default border-b-transparent"
-    },
-    size: {
-      sm: "size-5 border-2",
-      md: "size-8 border-2",
-      lg: "size-12 border-4"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    intent: "primary"
-  }
-}), Go = ({ size: e = "md", classes: t, intent: n = "secondary", position: r = "static", text: o, ...i }) => /* @__PURE__ */ y.jsxs("div", { className: L(Ko({ position: r }), { "flex flex-col items-center gap-2": o }, t == null ? void 0 : t.wrapper), children: [
-  /* @__PURE__ */ y.jsx("span", { "data-testid": "loader", className: L(Xo({ size: e, intent: n }), t == null ? void 0 : t.loader), ...i }),
-  o && /* @__PURE__ */ y.jsx("p", { className: L("desk-body-regular-l text-color-dark", t == null ? void 0 : t.text), children: o })
-] }), qo = (e) => {
+}, pc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ y.jsx("section", { className: L("pb-16 desktop:pb-20", t), ...n, children: e }), hc = ({ children: e, offset: t = !0, className: n, ...r }) => /* @__PURE__ */ y.jsx("div", { className: L("m-auto w-full max-w-[636px] desktop:max-w-[1140px]", { "mobile:px-4": t }, n), ...r, children: e }), Ko = (e) => {
   switch (e) {
     case "ghost":
     case "secondary":
@@ -703,7 +673,7 @@ const Dn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Mn = Wo, z
     default:
       return e;
   }
-}, Jo = ze(
+}, Xo = ze(
   "relative flex items-center justify-center gap-4 cursor-pointer rounded-sm w-max px-4 outline-offset-4 outline-transparent outline-2 desk-body-regular-l transition duration-12 active:scale-[0.97] disabled:pointer-events-none",
   {
     variants: {
@@ -781,9 +751,9 @@ const Dn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Mn = Wo, z
       ref: v,
       type: o,
       disabled: s || u,
-      className: L(Jo({ intent: e, size: t, textFormat: f, isLoading: u, isFull: l }), n),
+      className: L(Xo({ intent: e, size: t, textFormat: f, isLoading: u, isFull: l }), n),
       ...p,
-      children: u ? /* @__PURE__ */ y.jsx(Go, { size: "sm", intent: qo(e) }) : /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
+      children: u ? /* @__PURE__ */ y.jsx(Jo, { size: "sm", intent: Ko(e) }) : /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
         i && /* @__PURE__ */ y.jsx("span", { className: "flex size-5 items-center justify-center", children: i }),
         r,
         a && /* @__PURE__ */ y.jsx("span", { className: "flex size-5 items-center justify-center", children: a })
@@ -800,16 +770,47 @@ const Dn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Mn = Wo, z
     }
   ),
   /* @__PURE__ */ y.jsx("p", { className: L("desk-body-regular-s text-color-tetriary", n == null ? void 0 : n.text), children: t })
-] }), gc = ({ children: e, className: t }) => /* @__PURE__ */ y.jsx(
+] }), gc = ({ children: e, className: t, ...n }) => /* @__PURE__ */ y.jsx(
   "span",
   {
     className: L(
       "desk-body-regular-m flex min-h-6 min-w-6 items-center justify-center text-nowrap rounded-full bg-color-primary-default px-2 py-[2px] text-color-white",
       t
     ),
+    ...n,
     children: e
   }
-);
+), Go = ze("", {
+  variants: {
+    position: {
+      absolute: "absolute",
+      static: "static",
+      fixed: "fixed"
+    }
+  },
+  defaultVariants: {
+    position: "static"
+  }
+}), qo = ze("border-2 border-solid block animate-spin rounded-full", {
+  variants: {
+    intent: {
+      primary: "border-white border-b-transparent",
+      secondary: "border-primary-default border-b-transparent"
+    },
+    size: {
+      sm: "size-5 border-2",
+      md: "size-8 border-2",
+      lg: "size-12 border-4"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    intent: "primary"
+  }
+}), Jo = ({ size: e = "md", classes: t, intent: n = "secondary", position: r = "static", text: o, ...i }) => /* @__PURE__ */ y.jsxs("div", { className: L(Go({ position: r }), { "flex flex-col items-center gap-2": o }, t == null ? void 0 : t.wrapper), children: [
+  /* @__PURE__ */ y.jsx("span", { "data-testid": "loader", className: L(qo({ size: e, intent: n }), t == null ? void 0 : t.loader), ...i }),
+  o && /* @__PURE__ */ y.jsx("p", { className: L("desk-body-regular-l text-color-dark", t == null ? void 0 : t.text), children: o })
+] });
 function Qe(e, t = []) {
   let n = [];
   function r(i, a) {
@@ -4379,7 +4380,6 @@ const Ec = ({
       h2: "mob-headline-bold-s desktop:desk-headline-bold-m",
       h3: "mob-title-bold-l desktop:desk-title-bold-l",
       h4: "mob-title-bold-m desktop:desk-title-bold-s"
-      // # add h5 and h6 if need
     }
   },
   defaultVariants: {
@@ -4469,7 +4469,7 @@ export {
   de as I,
   yt as J,
   Ma as K,
-  Go as L,
+  Jo as L,
   La as M,
   Fa as N,
   Ra as O,
@@ -4504,4 +4504,4 @@ export {
   pe as y,
   Da as z
 };
-//# sourceMappingURL=CustomLink-BZ2X3A56.js.map
+//# sourceMappingURL=CustomLink-BHI03NwX.js.map