hasting-swatchcart-module 1.0.36 → 1.0.38

package/dist/assets/index.css

@@ -960,6 +960,10 @@ template, [hidden] {
   display: flex;
 }
 
+#root-container .flex\! {
+  display: flex !important;
+}
+
 #root-container .grid {
   display: grid;
 }
@@ -1064,6 +1068,10 @@ template, [hidden] {
   height: 64px;
 }
 
+#root-container .h-\[64px\]\! {
+  height: 64px !important;
+}
+
 #root-container .h-\[780px\] {
   height: 780px;
 }
@@ -1224,6 +1232,10 @@ template, [hidden] {
   flex-shrink: 0;
 }
 
+#root-container .shrink-0\! {
+  flex-shrink: 0 !important;
+}
+
 #root-container .origin-\(--radix-popover-content-transform-origin\) {
   transform-origin: var(--radix-popover-content-transform-origin);
 }
@@ -1310,6 +1322,10 @@ template, [hidden] {
   flex-direction: row;
 }
 
+#root-container .flex-row\! {
+  flex-direction: row !important;
+}
+
 #root-container .flex-wrap {
   flex-wrap: wrap;
 }
@@ -1318,6 +1334,10 @@ template, [hidden] {
   align-items: center;
 }
 
+#root-container .items-center\! {
+  align-items: center !important;
+}
+
 #root-container .items-start {
   align-items: flex-start;
 }
@@ -1338,6 +1358,10 @@ template, [hidden] {
   gap: 8px;
 }
 
+#root-container .gap-\[8px\]\! {
+  gap: 8px !important;
+}
+
 #root-container .gap-\[12px\] {
   gap: 12px;
 }
@@ -1346,6 +1370,10 @@ template, [hidden] {
   gap: 16px;
 }
 
+#root-container .gap-\[16px\]\! {
+  gap: 16px !important;
+}
+
 #root-container .gap-\[var\(--sm-padding\)\] {
   gap: var(--sm-padding);
 }
@@ -1366,8 +1394,8 @@ template, [hidden] {
   overflow: hidden;
 }
 
-#root-container .overflow-x-auto {
-  overflow-x: auto;
+#root-container .overflow-x-auto\! {
+  overflow-x: auto !important;
 }
 
 #root-container .overflow-y-auto {
@@ -1448,6 +1476,11 @@ template, [hidden] {
   border-bottom-width: 1px;
 }
 
+#root-container .border-b\! {
+  border-bottom-style: var(--tw-border-style) !important;
+  border-bottom-width: 1px !important;
+}
+
 #root-container .border-l-\[10px\] {
   border-left-style: var(--tw-border-style);
   border-left-width: 10px;
@@ -1463,10 +1496,19 @@ template, [hidden] {
   border-style: solid;
 }
 
+#root-container .border-solid\! {
+  --tw-border-style: solid !important;
+  border-style: solid !important;
+}
+
 #root-container .border-\[var\(--border\)\] {
   border-color: var(--border);
 }
 
+#root-container .border-\[var\(--border\)\]\! {
+  border-color: var(--border) !important;
+}
+
 #root-container .border-\[var\(--main-accent-color\)\] {
   border-color: var(--main-accent-color);
 }
@@ -1633,6 +1675,10 @@ template, [hidden] {
   padding: var(--sm-padding);
 }
 
+#root-container .p-\[var\(--sm-padding\)\]\! {
+  padding: var(--sm-padding) !important;
+}
+
 #root-container .px-2 {
   padding-inline: calc(var(--spacing) * 2);
 }
@@ -2434,18 +2480,26 @@ template, [hidden] {
 }
 
 @media (min-width: 64rem) {
-  #root-container .lg\:flex {
-    display: flex;
+  #root-container .lg\:visible\! {
+    visibility: visible !important;
+  }
+
+  #root-container .lg\:flex\! {
+    display: flex !important;
   }
 
-  #root-container .lg\:hidden {
-    display: none;
+  #root-container .lg\:hidden\! {
+    display: none !important;
   }
 
   #root-container .lg\:w-\[50\%\] {
     width: 50%;
   }
 
+  #root-container .lg\:w-\[50\%\]\! {
+    width: 50% !important;
+  }
+
   #root-container .lg\:max-w-\[240px\] {
     max-width: 240px;
   }
@@ -2489,12 +2543,12 @@ template, [hidden] {
 }
 
 @media (min-width: 80rem) {
-  #root-container .xl\:w-full {
-    width: 100%;
+  #root-container .xl\:w-full\! {
+    width: 100% !important;
   }
 
-  #root-container .xl\:max-w-\[68\%\] {
-    max-width: 68%;
+  #root-container .xl\:max-w-\[68\%\]\! {
+    max-width: 68% !important;
   }
 
   #root-container .xl\:grid-cols-7 {

package/dist/cdn/main.css

@@ -960,6 +960,10 @@ template, [hidden] {
   display: flex;
 }
 
+#root-container .flex\! {
+  display: flex !important;
+}
+
 #root-container .grid {
   display: grid;
 }
@@ -1064,6 +1068,10 @@ template, [hidden] {
   height: 64px;
 }
 
+#root-container .h-\[64px\]\! {
+  height: 64px !important;
+}
+
 #root-container .h-\[780px\] {
   height: 780px;
 }
@@ -1224,6 +1232,10 @@ template, [hidden] {
   flex-shrink: 0;
 }
 
+#root-container .shrink-0\! {
+  flex-shrink: 0 !important;
+}
+
 #root-container .origin-\(--radix-popover-content-transform-origin\) {
   transform-origin: var(--radix-popover-content-transform-origin);
 }
@@ -1310,6 +1322,10 @@ template, [hidden] {
   flex-direction: row;
 }
 
+#root-container .flex-row\! {
+  flex-direction: row !important;
+}
+
 #root-container .flex-wrap {
   flex-wrap: wrap;
 }
@@ -1318,6 +1334,10 @@ template, [hidden] {
   align-items: center;
 }
 
+#root-container .items-center\! {
+  align-items: center !important;
+}
+
 #root-container .items-start {
   align-items: flex-start;
 }
@@ -1338,6 +1358,10 @@ template, [hidden] {
   gap: 8px;
 }
 
+#root-container .gap-\[8px\]\! {
+  gap: 8px !important;
+}
+
 #root-container .gap-\[12px\] {
   gap: 12px;
 }
@@ -1346,6 +1370,10 @@ template, [hidden] {
   gap: 16px;
 }
 
+#root-container .gap-\[16px\]\! {
+  gap: 16px !important;
+}
+
 #root-container .gap-\[var\(--sm-padding\)\] {
   gap: var(--sm-padding);
 }
@@ -1366,8 +1394,8 @@ template, [hidden] {
   overflow: hidden;
 }
 
-#root-container .overflow-x-auto {
-  overflow-x: auto;
+#root-container .overflow-x-auto\! {
+  overflow-x: auto !important;
 }
 
 #root-container .overflow-y-auto {
@@ -1448,6 +1476,11 @@ template, [hidden] {
   border-bottom-width: 1px;
 }
 
+#root-container .border-b\! {
+  border-bottom-style: var(--tw-border-style) !important;
+  border-bottom-width: 1px !important;
+}
+
 #root-container .border-l-\[10px\] {
   border-left-style: var(--tw-border-style);
   border-left-width: 10px;
@@ -1463,10 +1496,19 @@ template, [hidden] {
   border-style: solid;
 }
 
+#root-container .border-solid\! {
+  --tw-border-style: solid !important;
+  border-style: solid !important;
+}
+
 #root-container .border-\[var\(--border\)\] {
   border-color: var(--border);
 }
 
+#root-container .border-\[var\(--border\)\]\! {
+  border-color: var(--border) !important;
+}
+
 #root-container .border-\[var\(--main-accent-color\)\] {
   border-color: var(--main-accent-color);
 }
@@ -1633,6 +1675,10 @@ template, [hidden] {
   padding: var(--sm-padding);
 }
 
+#root-container .p-\[var\(--sm-padding\)\]\! {
+  padding: var(--sm-padding) !important;
+}
+
 #root-container .px-2 {
   padding-inline: calc(var(--spacing) * 2);
 }
@@ -2434,18 +2480,26 @@ template, [hidden] {
 }
 
 @media (min-width: 64rem) {
-  #root-container .lg\:flex {
-    display: flex;
+  #root-container .lg\:visible\! {
+    visibility: visible !important;
+  }
+
+  #root-container .lg\:flex\! {
+    display: flex !important;
   }
 
-  #root-container .lg\:hidden {
-    display: none;
+  #root-container .lg\:hidden\! {
+    display: none !important;
   }
 
   #root-container .lg\:w-\[50\%\] {
     width: 50%;
   }
 
+  #root-container .lg\:w-\[50\%\]\! {
+    width: 50% !important;
+  }
+
   #root-container .lg\:max-w-\[240px\] {
     max-width: 240px;
   }
@@ -2489,12 +2543,12 @@ template, [hidden] {
 }
 
 @media (min-width: 80rem) {
-  #root-container .xl\:w-full {
-    width: 100%;
+  #root-container .xl\:w-full\! {
+    width: 100% !important;
   }
 
-  #root-container .xl\:max-w-\[68\%\] {
-    max-width: 68%;
+  #root-container .xl\:max-w-\[68\%\]\! {
+    max-width: 68% !important;
   }
 
   #root-container .xl\:grid-cols-7 {

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(
@@ -12914,7 +12914,7 @@ const AA = ({ text: e, isActive: t = !1, onClick: n }) => {
   return /* @__PURE__ */ x.jsxs(
     "div",
     {
-      className: `flex flex-row items-center gap-[8px] lg:w-[50%] xl:max-w-[68%] xl:w-full ${i}`,
+      className: `flex! flex-row! items-center! gap-[8px]! lg:w-[50%]! xl:max-w-[68%]! xl:w-full! ${i}`,
       role: "region",
       "aria-label": "Category slider",
       children: [
@@ -29332,11 +29332,11 @@ const zb = ({
       {
         ref: l,
         role: "tooltip",
-        className: `
-          absolute
-          rounded-2xl
-          text-white text-sm leading-6 font-medium
-          pointer-events-auto
+        className: `\r
+          absolute\r
+          rounded-2xl\r
+          text-white text-sm leading-6 font-medium\r
+          pointer-events-auto\r
         `,
         style: {
           top: c.top,
@@ -29349,11 +29349,11 @@ const zb = ({
           /* @__PURE__ */ x.jsx(
             "span",
             {
-              className: `
-            absolute -bottom-[10px] h-0 w-0
-            border-l-[10px] border-l-transparent
-            border-r-[10px] border-r-transparent
-            border-t-[10px]
+              className: `\r
+            absolute -bottom-[10px] h-0 w-0\r
+            border-l-[10px] border-l-transparent\r
+            border-r-[10px] border-r-transparent\r
+            border-t-[10px]\r
           `,
               style: {
                 left: c.arrowLeft,
@@ -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 })
               }
@@ -29630,7 +29630,7 @@ const zb = ({
             items: S,
             activeId: l.productId,
             onSelect: (F) => c(F),
-            className: "hidden lg:flex flex-row shrink-0 overflow-x-auto"
+            className: "hidden! lg:flex! lg:visible! flex-row! shrink-0! overflow-x-auto!"
           }
         )
       ] }),
@@ -29640,7 +29640,7 @@ const zb = ({
           items: S,
           activeId: l.productId,
           onSelect: (F) => c(F),
-          className: "h-[64px] p-[var(--sm-padding)] border-b border-[var(--border)] lg:hidden"
+          className: "h-[64px]! p-[var(--sm-padding)]! border-b! border-[var(--border)]! lg:hidden!"
         }
       ),
       /* @__PURE__ */ x.jsxs(
@@ -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 })