hasting-swatchcart-module 1.0.36 → 1.0.38

package/dist/main.js

@@ -4918,7 +4918,7 @@ const no = ({ item: e }) => {
       n ? /* @__PURE__ */ p(
         "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__ */ p(fr, { className: "w-[8px] h-2 stroke-[var(--svg-dark)]" })
         }
@@ -5030,9 +5030,9 @@ const no = ({ item: e }) => {
 }) => /* @__PURE__ */ p(
   "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__ */ F("div", { className: "relative flex flex-row gap-[16px]", children: [
       /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(cp, { val: e }) }),
@@ -5142,7 +5142,7 @@ const mr = (e) => e.multiProductCart.items, gp = (e) => e.multiProductCart.produ
           /* @__PURE__ */ p(
             "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: f
             },
@@ -5170,9 +5170,9 @@ const mr = (e) => e.multiProductCart.items, gp = (e) => e.multiProductCart.produ
       /* @__PURE__ */ F(
         "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__ */ p("div", { className: "sm:w-[50%] sm:border-r sm:border-solid sm:border-[var(--border)]", children: /* @__PURE__ */ p(
@@ -5890,7 +5890,7 @@ const ig = ({ text: e, isActive: t = !1, onClick: n }) => {
   return /* @__PURE__ */ F(
     "div",
     {
-      className: `flex flex-row items-center gap-[8px] lg:w-[50%] xl:max-w-[68%] xl:w-full ${r}`,
+      className: `flex! flex-row! items-center! gap-[8px]! lg:w-[50%]! xl:max-w-[68%]! xl:w-full! ${r}`,
       role: "region",
       "aria-label": "Category slider",
       children: [
@@ -22308,11 +22308,11 @@ const _f = ({
       {
         ref: o,
         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: s.top,
@@ -22325,11 +22325,11 @@ const _f = ({
           /* @__PURE__ */ p(
             "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: s.arrowLeft,
@@ -22361,10 +22361,10 @@ const _f = ({
         onKeyDown: (d) => {
           (d.key === "Enter" || d.key === " ") && d.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",
@@ -22381,7 +22381,7 @@ const _f = ({
           /* @__PURE__ */ p(
             "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
             }
@@ -22390,14 +22390,14 @@ const _f = ({
             "div",
             {
               onClick: c,
-              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__ */ p(fr, { className: "w-[8px] h-[8px] stroke-[var(--svg-dark)]" })
             }
@@ -22471,8 +22471,8 @@ const _f = ({
   return /* @__PURE__ */ F(
     "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__ */ p(
@@ -22569,19 +22569,19 @@ const _f = ({
                 placeholder: "Search",
                 value: l,
                 onChange: (k) => c(k.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__ */ p(
               "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__ */ p(Tp, { width: 20, height: 20 })
               }
@@ -22606,7 +22606,7 @@ const _f = ({
             items: E,
             activeId: o.productId,
             onSelect: (k) => s(k),
-            className: "hidden lg:flex flex-row shrink-0 overflow-x-auto"
+            className: "hidden! lg:flex! lg:visible! flex-row! shrink-0! overflow-x-auto!"
           }
         )
       ] }),
@@ -22616,7 +22616,7 @@ const _f = ({
           items: E,
           activeId: o.productId,
           onSelect: (k) => s(k),
-          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__ */ F(
@@ -22941,13 +22941,13 @@ const Ar = x.forwardRef(
       /* @__PURE__ */ p(
         "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: g
         }
@@ -23225,16 +23225,16 @@ const Lf = ({
 ] }), jC = () => /* @__PURE__ */ F(
   "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__ */ p(
         Lf,
         {
-          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"
         }
@@ -23880,9 +23880,9 @@ const aA = (e) => /* @__PURE__ */ p(
       "div",
       {
         ref: o,
-        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: r || "auto",
@@ -23931,9 +23931,9 @@ const aA = (e) => /* @__PURE__ */ p(
       /* @__PURE__ */ p("div", { className: "p-[var(--sm-padding)] w-full", children: /* @__PURE__ */ p(
         "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"
@@ -24355,8 +24355,8 @@ const mA = () => /* @__PURE__ */ p(
     /* @__PURE__ */ p(
       "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__ */ p(fr, { width: 10, height: 10 })