stp-ui-kit 0.0.72 → 0.0.73

package/dist/stp-ui-kit.es.js

@@ -81,7 +81,7 @@ const C = /* @__PURE__ */ Xt(Ln), jn = "_typography_yngni_29", Pn = "_regular_yn
   bold: qn,
   medium: Vn,
   underline: Yn
-}, pe = ({
+}, de = ({
   variant: e = "body-md",
   className: t = "",
   children: n,
@@ -257,17 +257,17 @@ var Zt = { exports: {} };
       }, g.format = function(u) {
         var b = this, c = this.$locale();
         if (!this.isValid()) return c.invalidDate || D;
-        var $ = u || "YYYY-MM-DDTHH:mm:ssZ", I = E.z(this), N = this.$H, T = this.$m, x = this.$M, A = c.weekdays, G = c.months, P = c.meridiem, H = function(U, ie, de, je) {
-          return U && (U[ie] || U(b, $)) || de[ie].slice(0, je);
+        var $ = u || "YYYY-MM-DDTHH:mm:ssZ", I = E.z(this), N = this.$H, T = this.$m, x = this.$M, A = c.weekdays, G = c.months, P = c.meridiem, H = function(U, ie, ue, je) {
+          return U && (U[ie] || U(b, $)) || ue[ie].slice(0, je);
         }, ae = function(U) {
           return E.s(N % 12 || 12, U, "0");
-        }, te = P || function(U, ie, de) {
+        }, te = P || function(U, ie, ue) {
           var je = U < 12 ? "AM" : "PM";
-          return de ? je.toLowerCase() : je;
+          return ue ? je.toLowerCase() : je;
         };
         return $.replace(B, function(U, ie) {
-          return ie || function(de) {
-            switch (de) {
+          return ie || function(ue) {
+            switch (ue) {
               case "YY":
                 return String(b.$y).slice(-2);
               case "YYYY":
@@ -424,7 +424,7 @@ const eo = /* @__PURE__ */ Xt(Qn), to = (e) => {
   }, [o]);
   const s = (L, S) => /* @__PURE__ */ z("div", { className: Me.timerCell, children: [
     /* @__PURE__ */ i(
-      pe,
+      de,
       {
         variant: "heading-lg",
         className: Me.timerCount,
@@ -441,8 +441,8 @@ const eo = /* @__PURE__ */ Xt(Qn), to = (e) => {
       children: [
         /* @__PURE__ */ z("div", { className: Me.content, children: [
           /* @__PURE__ */ z("div", { className: Me.title, children: [
-            /* @__PURE__ */ i(pe, { variant: "heading-md", children: t }),
-            /* @__PURE__ */ i(pe, { variant: "body-md", children: to(o) })
+            /* @__PURE__ */ i(de, { variant: "heading-md", children: t }),
+            /* @__PURE__ */ i(de, { variant: "body-md", children: to(o) })
           ] }),
           /* @__PURE__ */ z("div", { className: Me.timer, children: [
             s(m.days, "Days"),
@@ -465,7 +465,7 @@ const eo = /* @__PURE__ */ Xt(Qn), to = (e) => {
                 className: Me.button,
                 style: { backgroundColor: r },
                 onClick: l,
-                children: /* @__PURE__ */ i(pe, { variant: "heading-md", children: "Start" })
+                children: /* @__PURE__ */ i(de, { variant: "heading-md", children: "Start" })
               }
             )
           }
@@ -859,7 +859,7 @@ const Io = [
           )
         ] }),
         /* @__PURE__ */ i(
-          pe,
+          de,
           {
             variant: "body-md",
             className: C(o && $e.collapsed, $e.label),
@@ -1098,7 +1098,7 @@ const Io = [
   desktop: fs
 }, ps = ({ children: e, className: t = "" }) => /* @__PURE__ */ i("div", { className: `${Ee.emptyContainer} ${t}`, children: e }), hs = ({ children: e, className: t = "" }) => /* @__PURE__ */ z(Ut, { children: [
   /* @__PURE__ */ i(
-    pe,
+    de,
     {
       className: C(t, Ee.desktop),
       variant: "heading-md",
@@ -1106,7 +1106,7 @@ const Io = [
     }
   ),
   /* @__PURE__ */ i(
-    pe,
+    de,
     {
       className: C(t, Ee.mobile),
       variant: "heading-sm",
@@ -1276,7 +1276,7 @@ const zs = "_btn_vv6xf_29", As = "_small_vv6xf_42", Ds = "_medium_vv6xf_45", Os
       children: a
     }
   );
-}, js = "_formItem_enirf_29", Ps = "_label_enirf_36", Hs = "_disabled_enirf_39", qs = "_readOnly_enirf_42", Vs = "_inputContainer_enirf_46", Ys = "_error_enirf_80", Ws = "_input_enirf_46", Gs = "_message_enirf_98", fe = {
+}, js = "_formItem_enirf_29", Ps = "_label_enirf_36", Hs = "_disabled_enirf_39", qs = "_readOnly_enirf_42", Vs = "_inputContainer_enirf_46", Ys = "_error_enirf_80", Ws = "_input_enirf_46", Gs = "_message_enirf_98", pe = {
   formItem: js,
   label: Ps,
   disabled: Hs,
@@ -1294,13 +1294,13 @@ const zs = "_btn_vv6xf_29", As = "_small_vv6xf_42", Ds = "_medium_vv6xf_45", Os
   prefix: r,
   postfix: l,
   children: f
-}) => /* @__PURE__ */ z("div", { className: fe.formItem, children: [
+}) => /* @__PURE__ */ z("div", { className: pe.formItem, children: [
   e && /* @__PURE__ */ i(
     "label",
     {
-      className: C(fe.label, {
-        [fe.disabled]: o,
-        [fe.readOnly]: a
+      className: C(pe.label, {
+        [pe.disabled]: o,
+        [pe.readOnly]: a
       }),
       children: e
     }
@@ -1308,10 +1308,10 @@ const zs = "_btn_vv6xf_29", As = "_small_vv6xf_42", Ds = "_medium_vv6xf_45", Os
   /* @__PURE__ */ z(
     "div",
     {
-      className: C(fe.inputContainer, {
-        [fe.disabled]: o,
-        [fe.readOnly]: a,
-        [fe.error]: !!t
+      className: C(pe.inputContainer, {
+        [pe.disabled]: o,
+        [pe.readOnly]: a,
+        [pe.error]: !!t
       }),
       children: [
         r,
@@ -1323,8 +1323,8 @@ const zs = "_btn_vv6xf_29", As = "_small_vv6xf_42", Ds = "_medium_vv6xf_45", Os
   /* @__PURE__ */ i(
     "div",
     {
-      className: C(fe.message, {
-        [fe.error]: !!t
+      className: C(pe.message, {
+        [pe.error]: !!t
       }),
       children: t ? /* @__PURE__ */ i(dt, { children: t }) : n
     }
@@ -1368,7 +1368,7 @@ const zs = "_btn_vv6xf_29", As = "_small_vv6xf_42", Ds = "_medium_vv6xf_45", Os
           "input",
           {
             ref: S,
-            className: C(fe.input, f),
+            className: C(pe.input, f),
             disabled: r,
             readOnly: l,
             onChange: k,
@@ -1421,7 +1421,7 @@ const Fs = h.forwardRef(
           "textarea",
           {
             ref: S,
-            className: C(fe.input, f, fe.textarea),
+            className: C(pe.input, f, pe.textarea),
             disabled: r,
             readOnly: l,
             value: B,
@@ -1733,7 +1733,7 @@ function vr(e) {
 }
 const wr = (e) => {
   var t, n, o, a, r, l, f, d, m;
-  const { invert: p, toast: s, unstyled: L, interacting: S, setHeights: k, visibleToasts: D, heights: _, index: B, toasts: Z, expanded: q, removeToast: J, defaultRichColors: V, closeButton: Y, style: j, cancelButtonStyle: y, actionButtonStyle: F, className: W = "", descriptionClassName: E = "", duration: K, position: re, gap: M, expandByDefault: g, classNames: u, icons: b, closeButtonAriaLabel: c = "Close toast" } = e, [$, I] = h.useState(null), [N, T] = h.useState(null), [x, A] = h.useState(!1), [G, P] = h.useState(!1), [H, ae] = h.useState(!1), [te, U] = h.useState(!1), [ie, de] = h.useState(!1), [je, ut] = h.useState(0), [yn, Tt] = h.useState(0), Fe = h.useRef(s.duration || K || Ht), Et = h.useRef(null), ke = h.useRef(null), vn = B === 0, wn = B + 1 <= D, ue = s.type, Pe = s.dismissible !== !1, xn = s.className || "", kn = s.descriptionClassName || "", et = h.useMemo(() => _.findIndex((O) => O.toastId === s.id) || 0, [
+  const { invert: p, toast: s, unstyled: L, interacting: S, setHeights: k, visibleToasts: D, heights: _, index: B, toasts: Z, expanded: q, removeToast: J, defaultRichColors: V, closeButton: Y, style: j, cancelButtonStyle: y, actionButtonStyle: F, className: W = "", descriptionClassName: E = "", duration: K, position: re, gap: M, expandByDefault: g, classNames: u, icons: b, closeButtonAriaLabel: c = "Close toast" } = e, [$, I] = h.useState(null), [N, T] = h.useState(null), [x, A] = h.useState(!1), [G, P] = h.useState(!1), [H, ae] = h.useState(!1), [te, U] = h.useState(!1), [ie, ue] = h.useState(!1), [je, ut] = h.useState(0), [yn, Tt] = h.useState(0), Fe = h.useRef(s.duration || K || Ht), Et = h.useRef(null), ke = h.useRef(null), vn = B === 0, wn = B + 1 <= D, me = s.type, Pe = s.dismissible !== !1, xn = s.className || "", kn = s.descriptionClassName || "", et = h.useMemo(() => _.findIndex((O) => O.toastId === s.id) || 0, [
     _,
     s.id
   ]), $n = h.useMemo(() => {
@@ -1748,7 +1748,7 @@ const wr = (e) => {
   ]), mt = h.useRef(0), He = h.useRef(0), At = h.useRef(0), qe = h.useRef(null), [Nn, Cn] = re.split("-"), Dt = h.useMemo(() => _.reduce((O, ne, se) => se >= et ? O : O + ne.height, 0), [
     _,
     et
-  ]), Ot = ar(), Mn = s.invert || p, ft = ue === "loading";
+  ]), Ot = ar(), Mn = s.invert || p, ft = me === "loading";
   He.current = h.useMemo(() => et * M + Dt, [
     et,
     Dt
@@ -1769,7 +1769,7 @@ const wr = (e) => {
           position: s.position
         },
         ...se
-      ]), () => k((se) => se.filter((me) => me.toastId !== s.id));
+      ]), () => k((se) => se.filter((fe) => fe.toastId !== s.id));
     }
   }, [
     k,
@@ -1779,7 +1779,7 @@ const wr = (e) => {
     const O = ke.current, ne = O.style.height;
     O.style.height = "auto";
     const se = O.getBoundingClientRect().height;
-    O.style.height = ne, Tt(se), k((me) => me.find((oe) => oe.toastId === s.id) ? me.map((oe) => oe.toastId === s.id ? {
+    O.style.height = ne, Tt(se), k((fe) => fe.find((oe) => oe.toastId === s.id) ? fe.map((oe) => oe.toastId === s.id ? {
       ...oe,
       height: se
     } : oe) : [
@@ -1788,7 +1788,7 @@ const wr = (e) => {
         height: se,
         position: s.position
       },
-      ...me
+      ...fe
     ]);
   }, [
     x,
@@ -1811,12 +1811,12 @@ const wr = (e) => {
     He
   ]);
   h.useEffect(() => {
-    if (s.promise && ue === "loading" || s.duration === 1 / 0 || s.type === "loading") return;
+    if (s.promise && me === "loading" || s.duration === 1 / 0 || s.type === "loading") return;
     let O;
     return q || S || Ot ? (() => {
       if (At.current < mt.current) {
-        const me = (/* @__PURE__ */ new Date()).getTime() - mt.current;
-        Fe.current = Fe.current - me;
+        const fe = (/* @__PURE__ */ new Date()).getTime() - mt.current;
+        Fe.current = Fe.current - fe;
       }
       At.current = (/* @__PURE__ */ new Date()).getTime();
     })() : (() => {
@@ -1828,7 +1828,7 @@ const wr = (e) => {
     q,
     S,
     s,
-    ue,
+    me,
     Ot,
     Ce
   ]), h.useEffect(() => {
@@ -1843,20 +1843,20 @@ const wr = (e) => {
       var ne;
       return /* @__PURE__ */ h.createElement("div", {
         className: ye(u == null ? void 0 : u.loader, s == null || (ne = s.classNames) == null ? void 0 : ne.loader, "sonner-loader"),
-        "data-visible": ue === "loading"
+        "data-visible": me === "loading"
       }, b.loading);
     }
     return /* @__PURE__ */ h.createElement(er, {
       className: ye(u == null ? void 0 : u.loader, s == null || (O = s.classNames) == null ? void 0 : O.loader),
-      visible: ue === "loading"
+      visible: me === "loading"
     });
   }
-  const In = s.icon || (b == null ? void 0 : b[ue]) || Js(ue);
+  const In = s.icon || (b == null ? void 0 : b[me]) || Js(me);
   var Rt, Bt;
   return /* @__PURE__ */ h.createElement("li", {
     tabIndex: 0,
     ref: ke,
-    className: ye(W, xn, u == null ? void 0 : u.toast, s == null || (t = s.classNames) == null ? void 0 : t.toast, u == null ? void 0 : u.default, u == null ? void 0 : u[ue], s == null || (n = s.classNames) == null ? void 0 : n[ue]),
+    className: ye(W, xn, u == null ? void 0 : u.toast, s == null || (t = s.classNames) == null ? void 0 : t.toast, u == null ? void 0 : u.default, u == null ? void 0 : u[me], s == null || (n = s.classNames) == null ? void 0 : n[me]),
     "data-sonner-toast": "",
     "data-rich-colors": (Rt = s.richColors) != null ? Rt : V,
     "data-styled": !(s.jsx || s.unstyled || L),
@@ -1871,7 +1871,7 @@ const wr = (e) => {
     "data-front": vn,
     "data-swiping": H,
     "data-dismissible": Pe,
-    "data-type": ue,
+    "data-type": me,
     "data-invert": Mn,
     "data-swipe-out": te,
     "data-swipe-direction": N,
@@ -1898,18 +1898,18 @@ const wr = (e) => {
       var O, ne, se;
       if (te || !Pe) return;
       qe.current = null;
-      const me = Number(((O = ke.current) == null ? void 0 : O.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), tt = Number(((ne = ke.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), oe = (/* @__PURE__ */ new Date()).getTime() - ((se = Et.current) == null ? void 0 : se.getTime()), he = $ === "x" ? me : tt, nt = Math.abs(he) / oe;
+      const fe = Number(((O = ke.current) == null ? void 0 : O.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), tt = Number(((ne = ke.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), oe = (/* @__PURE__ */ new Date()).getTime() - ((se = Et.current) == null ? void 0 : se.getTime()), he = $ === "x" ? fe : tt, nt = Math.abs(he) / oe;
       if (Math.abs(he) >= _r || nt > 0.11) {
-        ut(He.current), s.onDismiss == null || s.onDismiss.call(s, s), T($ === "x" ? me > 0 ? "right" : "left" : tt > 0 ? "down" : "up"), Ce(), U(!0);
+        ut(He.current), s.onDismiss == null || s.onDismiss.call(s, s), T($ === "x" ? fe > 0 ? "right" : "left" : tt > 0 ? "down" : "up"), Ce(), U(!0);
         return;
       } else {
         var ge, be;
         (ge = ke.current) == null || ge.style.setProperty("--swipe-amount-x", "0px"), (be = ke.current) == null || be.style.setProperty("--swipe-amount-y", "0px");
       }
-      de(!1), ae(!1), I(null);
+      ue(!1), ae(!1), I(null);
     },
     onPointerMove: (O) => {
-      var ne, se, me;
+      var ne, se, fe;
       if (!qe.current || !Pe || ((ne = window.getSelection()) == null ? void 0 : ne.toString().length) > 0) return;
       const oe = O.clientY - qe.current.y, he = O.clientX - qe.current.x;
       var nt;
@@ -1935,9 +1935,9 @@ const wr = (e) => {
           const Ae = he * Lt(he);
           be.x = Math.abs(Ae) < Math.abs(he) ? Ae : he;
         }
-      (Math.abs(be.x) > 0 || Math.abs(be.y) > 0) && de(!0), (se = ke.current) == null || se.style.setProperty("--swipe-amount-x", `${be.x}px`), (me = ke.current) == null || me.style.setProperty("--swipe-amount-y", `${be.y}px`);
+      (Math.abs(be.x) > 0 || Math.abs(be.y) > 0) && ue(!0), (se = ke.current) == null || se.style.setProperty("--swipe-amount-x", `${be.x}px`), (fe = ke.current) == null || fe.style.setProperty("--swipe-amount-y", `${be.y}px`);
     }
-  }, $n && !s.jsx && ue !== "loading" ? /* @__PURE__ */ h.createElement("button", {
+  }, $n && !s.jsx && me !== "loading" ? /* @__PURE__ */ h.createElement("button", {
     "aria-label": c,
     "data-disabled": ft,
     "data-close-button": !0,
@@ -1946,7 +1946,7 @@ const wr = (e) => {
       Ce(), s.onDismiss == null || s.onDismiss.call(s, s);
     },
     className: ye(u == null ? void 0 : u.closeButton, s == null || (o = s.classNames) == null ? void 0 : o.closeButton)
-  }, (Bt = b == null ? void 0 : b.close) != null ? Bt : rr) : null, (ue || s.icon || s.promise) && s.icon !== null && ((b == null ? void 0 : b[ue]) !== null || s.icon) ? /* @__PURE__ */ h.createElement("div", {
+  }, (Bt = b == null ? void 0 : b.close) != null ? Bt : rr) : null, (me || s.icon || s.promise) && s.icon !== null && ((b == null ? void 0 : b[me]) !== null || s.icon) ? /* @__PURE__ */ h.createElement("div", {
     "data-icon": "",
     className: ye(u == null ? void 0 : u.icon, s == null || (a = s.classNames) == null ? void 0 : a.icon)
   }, s.promise || s.type === "loading" && !s.icon ? s.icon || Sn() : null, s.type !== "loading" ? In : null) : null, /* @__PURE__ */ h.createElement("div", {
@@ -2304,7 +2304,7 @@ const kr = /* @__PURE__ */ h.forwardRef(function(t, n) {
   if (!e) return null;
   const m = le[`tone-${r}`] || "";
   return Dn(
-    /* @__PURE__ */ i("div", { className: le.modalLayout, children: /* @__PURE__ */ z(
+    /* @__PURE__ */ i("div", { className: le.modalLayout, children: /* @__PURE__ */ i(
       "div",
       {
         className: `${le.modalContainer} ${m} ${le[d]}`,
@@ -2312,12 +2312,12 @@ const kr = /* @__PURE__ */ h.forwardRef(function(t, n) {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
-        children: [
+        children: /* @__PURE__ */ z(de, { children: [
           /* @__PURE__ */ z("div", { className: le.header, children: [
             /* @__PURE__ */ z("div", { className: le.title, children: [
               r === "critical" && /* @__PURE__ */ i(nn, { className: le.critical }),
               r === "warning" && /* @__PURE__ */ i(on, { className: le.warning }),
-              /* @__PURE__ */ i(pe, { variant: "heading-sm", children: n })
+              /* @__PURE__ */ i(de, { variant: "heading-sm", children: n })
             ] }),
             t && /* @__PURE__ */ i(
               Qe,
@@ -2361,7 +2361,7 @@ const kr = /* @__PURE__ */ h.forwardRef(function(t, n) {
               }
             )
           ] })
-        ]
+        ] })
       }
     ) }),
     document.body
@@ -2429,11 +2429,11 @@ const Fi = {
           t === r.id && rt.active
         ),
         onClick: () => n(r.id),
-        children: /* @__PURE__ */ i(pe, { variant: "heading-md", children: r.title })
+        children: /* @__PURE__ */ i(de, { variant: "heading-md", children: r.title })
       },
       r.id
     )) }),
-    ((a = e.find((r) => r.id === t)) == null ? void 0 : a.component) ?? /* @__PURE__ */ i(pe, { variant: "body-lg", children: "Not Found" })
+    ((a = e.find((r) => r.id === t)) == null ? void 0 : a.component) ?? /* @__PURE__ */ i(de, { variant: "body-lg", children: "Not Found" })
   ] });
 }, ta = "_pageHeader_11bs8_29", na = {
   pageHeader: ta
@@ -2444,7 +2444,7 @@ const Fi = {
   onTabSelect: o,
   isStretched: a
 }) => /* @__PURE__ */ z(Ut, { children: [
-  /* @__PURE__ */ i("header", { className: na.pageHeader, children: /* @__PURE__ */ i(pe, { variant: "heading-xl", children: e }) }),
+  /* @__PURE__ */ i("header", { className: na.pageHeader, children: /* @__PURE__ */ i(de, { variant: "heading-xl", children: e }) }),
   t && o && /* @__PURE__ */ i(
     ea,
     {
@@ -2545,7 +2545,7 @@ const Fi = {
   mobile: ha
 }, Ji = ({ title: e, extra: t }) => /* @__PURE__ */ z("div", { className: bt.container, children: [
   /* @__PURE__ */ i(
-    pe,
+    de,
     {
       variant: "heading-md",
       className: bt.notMobile,
@@ -2553,7 +2553,7 @@ const Fi = {
     }
   ),
   /* @__PURE__ */ i(
-    pe,
+    de,
     {
       variant: "heading-sm",
       className: bt.mobile,
@@ -3099,7 +3099,7 @@ const ee = (e) => {
     k,
     w,
     v
-  ], te = () => ["none", R, w, v], U = () => ["none", R, w, v], ie = () => [R, w, v], de = () => [Ye, "full", ...y()];
+  ], te = () => ["none", R, w, v], U = () => ["none", R, w, v], ie = () => [R, w, v], ue = () => [Ye, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
@@ -5149,28 +5149,28 @@ const ee = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: de()
+        translate: ue()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": de()
+        "translate-x": ue()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": de()
+        "translate-y": ue()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": de()
+        "translate-z": ue()
       }],
       /**
        * Translate None
@@ -5810,7 +5810,7 @@ export {
   Fs as TextArea,
   al as Tooltip,
   ea as TopBar,
-  pe as Typography,
+  de as Typography,
   Ui as message
 };
 //# sourceMappingURL=stp-ui-kit.es.js.map