hasting-swatchcart-module 1.0.36 → 1.0.37

package/dist/assets/index.css

@@ -848,8 +848,8 @@ template, [hidden] {
   z-index: 100;
 }
 
-#root-container .z-\[60000\] {
-  z-index: 60000;
+#root-container .z-\[9999999999\] {
+  z-index: 2147483647;
 }
 
 #root-container .container {

package/dist/cdn/main.css

@@ -848,8 +848,8 @@ template, [hidden] {
   z-index: 100;
 }
 
-#root-container .z-\[60000\] {
-  z-index: 60000;
+#root-container .z-\[9999999999\] {
+  z-index: 2147483647;
 }
 
 #root-container .container {

package/dist/cdn/main.js

@@ -11942,7 +11942,7 @@ const ph = ({ item: e }) => {
       n ? /* @__PURE__ */ x.jsx(
         "div",
         {
-          className: `absolute top-0 right-0 m-2 w-[16px] h-[16px] flex flex-row justify-center items-center
+          className: `absolute top-0 right-0 m-2 w-[16px] h-[16px] flex flex-row justify-center items-center\r
           bg-[var(--background-grey)] rounded-2xl border-none pointer-events-none`,
           children: /* @__PURE__ */ x.jsx(Gs, { className: "w-[8px] h-2 stroke-[var(--svg-dark)]" })
         }
@@ -12054,9 +12054,9 @@ const ph = ({ item: e }) => {
 }) => /* @__PURE__ */ x.jsx(
   "li",
   {
-    className: `
-        border-b border-[var(--border)]
-        px-[var(--sm-padding)] p-[var(--sm-padding)]
+    className: `\r
+        border-b border-[var(--border)]\r
+        px-[var(--sm-padding)] p-[var(--sm-padding)]\r
         last:border-b-0`,
     children: /* @__PURE__ */ x.jsxs("div", { className: "relative flex flex-row gap-[16px]", children: [
       /* @__PURE__ */ x.jsx("div", { children: /* @__PURE__ */ x.jsx(Rw, { val: e }) }),
@@ -12166,7 +12166,7 @@ const Ks = (e) => e.multiProductCart.items, Bw = (e) => e.multiProductCart.produ
           /* @__PURE__ */ x.jsx(
             "div",
             {
-              className: ` p-[var(--sm-padding)] border-y border-[var(--border)]
+              className: ` p-[var(--sm-padding)] border-y border-[var(--border)]\r
                   sm:px-[var(--sm-padding)] text-sm font-medium`,
               children: y
             },
@@ -12194,9 +12194,9 @@ const Ks = (e) => e.multiProductCart.items, Bw = (e) => e.multiProductCart.produ
       /* @__PURE__ */ x.jsxs(
         "div",
         {
-          className: `flex flex-col 
-          sm:flex-row sm:w-full sm:justify-between sm:items-center
-          sm:border-t sm:border-[var(--border)] shadow-[0_-2px_10px_rgba(40,40,40,0.10)]
+          className: `flex flex-col \r
+          sm:flex-row sm:w-full sm:justify-between sm:items-center\r
+          sm:border-t sm:border-[var(--border)] shadow-[0_-2px_10px_rgba(40,40,40,0.10)]\r
         `,
           children: [
             /* @__PURE__ */ x.jsx("div", { className: "sm:w-[50%] sm:border-r sm:border-solid sm:border-[var(--border)]", children: /* @__PURE__ */ x.jsx(
@@ -29327,7 +29327,7 @@ const zb = ({
       window.removeEventListener("scroll", b), window.removeEventListener("resize", T), A.disconnect();
     };
   }, [e, t, i, s]), !e || !t ? null : go.createPortal(
-    /* @__PURE__ */ x.jsx("div", { className: "fixed inset-0 z-[60000] pointer-events-none", children: /* @__PURE__ */ x.jsxs(
+    /* @__PURE__ */ x.jsx("div", { className: "fixed inset-0 z-[9999999999] pointer-events-none", children: /* @__PURE__ */ x.jsxs(
       "div",
       {
         ref: l,
@@ -29385,10 +29385,10 @@ const zb = ({
         onKeyDown: (g) => {
           (g.key === "Enter" || g.key === " ") && g.preventDefault();
         },
-        className: `
-          bg-[var(--background-grey)] relative w-[40px] h-[40px] border border-solid border-[var(--border)]
-          rounded-md aspect-square overflow-hidden transition sm:w-[64px] sm:h-[64px]
-          select-none
+        className: `\r
+          bg-[var(--background-grey)] relative w-[40px] h-[40px] border border-solid border-[var(--border)]\r
+          rounded-md aspect-square overflow-hidden transition sm:w-[64px] sm:h-[64px]\r
+          select-none\r
         `,
         "aria-label": `Selected swatch ${e.name ?? e.assetId}`,
         title: "Click to remove",
@@ -29405,7 +29405,7 @@ const zb = ({
           /* @__PURE__ */ x.jsx(
             "div",
             {
-              className: `absolute top-0 right-0 m-[2px] w-[12px] h-[12px] flex flex-row justify-center items-center text-white
+              className: `absolute top-0 right-0 m-[2px] w-[12px] h-[12px] flex flex-row justify-center items-center text-white\r
         bg-[var(--main-accent-color)] rounded-2xl border-none z-[99] sm:w-[16px] sm:h-[16px]`,
               children: e.count
             }
@@ -29414,14 +29414,14 @@ const zb = ({
             "div",
             {
               onClick: p,
-              className: `
-          absolute inset-0 m-auto
-          w-[12px] h-[12px]
-          flex items-center justify-center
-          bg-[var(--background-grey)]
-          rounded-full
-          z-[100] cursor-pointer
-          sm:w-[32px] sm:h-[32px]
+              className: `\r
+          absolute inset-0 m-auto\r
+          w-[12px] h-[12px]\r
+          flex items-center justify-center\r
+          bg-[var(--background-grey)]\r
+          rounded-full\r
+          z-[100] cursor-pointer\r
+          sm:w-[32px] sm:h-[32px]\r
         `,
               children: /* @__PURE__ */ x.jsx(Gs, { className: "w-[8px] h-[8px] stroke-[var(--svg-dark)]" })
             }
@@ -29497,8 +29497,8 @@ const zb = ({
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: `flex flex-col border-t border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]
-      sm:flex-row
+      className: `flex flex-col border-t border-[var(--border)] shrink-0 shadow-[0_-2px_10px_rgba(40,40,40,0.10)]\r
+      sm:flex-row\r
     `,
       children: [
         /* @__PURE__ */ x.jsx(
@@ -29593,19 +29593,19 @@ const zb = ({
                 placeholder: "Search",
                 value: f,
                 onChange: (F) => p(F.target.value),
-                className: `
-                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]
-                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]
-                  transition focus:border-[var(--main-accent-color)] focus:outline-none
+                className: `\r
+                  h-full w-full rounded-2xl border border-[var(--border)] bg-[var(--background)]\r
+                  px-4 pr-8 text-sm text-black placeholder-[var(--text-muted)]\r
+                  transition focus:border-[var(--main-accent-color)] focus:outline-none\r
                 `
               }
             ),
             /* @__PURE__ */ x.jsx(
               "div",
               {
-                className: `
-                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4
-                  [&_svg_path]:stroke-[var(--svg-dark)]
+                className: `\r
+                  pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 sm:right-4\r
+                  [&_svg_path]:stroke-[var(--svg-dark)]\r
                 `,
                 children: /* @__PURE__ */ x.jsx(jw, { width: 20, height: 20 })
               }
@@ -29965,13 +29965,13 @@ const sa = _.forwardRef(
       /* @__PURE__ */ x.jsx(
         "span",
         {
-          className: `
-              flex-none flex flex-row justify-center items-center
-              w-[20px] h-5 rounded-full
-              bg-[var(--main-accent-color)] text-white
-              text-[1rem] leading-none
-              select-none pointer-events-none
-              overflow-hidden
+          className: `\r
+              flex-none flex flex-row justify-center items-center\r
+              w-[20px] h-5 rounded-full\r
+              bg-[var(--main-accent-color)] text-white\r
+              text-[1rem] leading-none\r
+              select-none pointer-events-none\r
+              overflow-hidden\r
             `,
           children: C
         }
@@ -30249,16 +30249,16 @@ const Jb = ({
 ] }), p4 = () => /* @__PURE__ */ x.jsxs(
   "div",
   {
-    className: `flex flex-col justify-between border-b border-[var(--border)]
-      sm:flex-row
+    className: `flex flex-col justify-between border-b border-[var(--border)]\r
+      sm:flex-row\r
     `,
     children: [
       /* @__PURE__ */ x.jsx(
         Jb,
         {
-          containerStyles: `flex flex-row justify-between items-center gap-[8px] p-[var(--sm-padding)] w-full text-xs
-        border-b border-[var(--border)]
-        sm:max-w-[360px] sm:text-sm sm:border-none
+          containerStyles: `flex flex-row justify-between items-center gap-[8px] p-[var(--sm-padding)] w-full text-xs\r
+        border-b border-[var(--border)]\r
+        sm:max-w-[360px] sm:text-sm sm:border-none\r
         `,
           selectStyles: "min-w-[auto] max-w-[154px] sm:max-w-[auto] sm:min-w-[180px] font-normal"
         }
@@ -30904,9 +30904,9 @@ const w4 = (e) => /* @__PURE__ */ x.jsx(
       "div",
       {
         ref: l,
-        className: `
-          bg-white rounded-2xl shadow-xl flex flex-col overflow-hidden
-          max-w-[90vw] max-h-[90vh]
+        className: `\r
+          bg-white rounded-2xl shadow-xl flex flex-col overflow-hidden\r
+          max-w-[90vw] max-h-[90vh]\r
         `,
         style: {
           width: i || "auto",
@@ -30955,9 +30955,9 @@ const w4 = (e) => /* @__PURE__ */ x.jsx(
       /* @__PURE__ */ x.jsx("div", { className: "p-[var(--sm-padding)] w-full", children: /* @__PURE__ */ x.jsx(
         "button",
         {
-          className: `
-        w-full block py-3 rounded-full
-        bg-[var(--main-accent-color)] text-white font-bold capitalize
+          className: `\r
+        w-full block py-3 rounded-full\r
+        bg-[var(--main-accent-color)] text-white font-bold capitalize\r
           `,
           onClick: t,
           children: "OK"
@@ -31381,8 +31381,8 @@ const M4 = () => /* @__PURE__ */ x.jsx(
     /* @__PURE__ */ x.jsx(
       "button",
       {
-        className: `flex flex-row justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]
-            border-none cursor-pointer rounded-full
+        className: `flex flex-row justify-center items-center w-[30px] h-[30px] bg-[var(--background-grey)]\r
+            border-none cursor-pointer rounded-full\r
             [&_svg_path]:stroke-[var(--svg-dark)]`,
         onClick: t,
         children: /* @__PURE__ */ x.jsx(Gs, { width: 10, height: 10 })