hasting-swatchcart-module 1.0.37 → 1.0.38

package/dist/assets/index.css

@@ -848,8 +848,8 @@ template, [hidden] {
   z-index: 100;
 }
 
-#root-container .z-\[9999999999\] {
-  z-index: 2147483647;
+#root-container .z-\[60000\] {
+  z-index: 60000;
 }
 
 #root-container .container {
@@ -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

@@ -848,8 +848,8 @@ template, [hidden] {
   z-index: 100;
 }
 
-#root-container .z-\[9999999999\] {
-  z-index: 2147483647;
+#root-container .z-\[60000\] {
+  z-index: 60000;
 }
 
 #root-container .container {
@@ -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

@@ -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: [
@@ -29327,16 +29327,16 @@ 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-[9999999999] pointer-events-none", children: /* @__PURE__ */ x.jsxs(
+    /* @__PURE__ */ x.jsx("div", { className: "fixed inset-0 z-[60000] pointer-events-none", children: /* @__PURE__ */ x.jsxs(
       "div",
       {
         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,
@@ -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(