@instockng/storefront-ui 1.0.65 → 1.0.66

package/dist/index68.mjs

@@ -1,156 +1,5 @@
 'use client';
-import { __module as l } from "./index75.mjs";
-import "./index76.mjs";
-import j from "react";
-import { __require as A } from "./index77.mjs";
-import { __require as O } from "./index78.mjs";
-import { __require as x } from "./index79.mjs";
-import { __require as F } from "./index80.mjs";
-import { __exports as M } from "./index81.mjs";
-var p;
-function W() {
-  return p ? l.exports : (p = 1, function(g, u) {
-    Object.defineProperty(u, "__esModule", {
-      value: !0
-    });
-    function _(e, o) {
-      for (var t in o) Object.defineProperty(e, t, {
-        enumerable: !0,
-        get: o[t]
-      });
-    }
-    _(u, {
-      Router: function() {
-        return i.default;
-      },
-      createRouter: function() {
-        return P;
-      },
-      // Export the singletonRouter and this is the public API.
-      default: function() {
-        return v;
-      },
-      makePublicRouterInstance: function() {
-        return E;
-      },
-      useRouter: function() {
-        return q;
-      },
-      withRouter: function() {
-        return w.default;
-      }
-    });
-    const f = M, R = /* @__PURE__ */ f._(j), i = /* @__PURE__ */ f._(A()), b = O(), y = /* @__PURE__ */ f._(x()), w = /* @__PURE__ */ f._(F()), n = {
-      router: null,
-      readyCallbacks: [],
-      ready(e) {
-        if (this.router) return e();
-        typeof window < "u" && this.readyCallbacks.push(e);
-      }
-    }, d = [
-      "pathname",
-      "route",
-      "query",
-      "asPath",
-      "components",
-      "isFallback",
-      "basePath",
-      "locale",
-      "locales",
-      "defaultLocale",
-      "isReady",
-      "isPreview",
-      "isLocaleDomain",
-      "domainLocales"
-    ], C = [
-      "routeChangeStart",
-      "beforeHistoryChange",
-      "routeChangeComplete",
-      "routeChangeError",
-      "hashChangeStart",
-      "hashChangeComplete"
-    ], h = [
-      "push",
-      "replace",
-      "reload",
-      "back",
-      "prefetch",
-      "beforePopState"
-    ];
-    Object.defineProperty(n, "events", {
-      get() {
-        return i.default.events;
-      }
-    });
-    function m() {
-      if (!n.router) {
-        const e = `No router instance found.
-You should only use "next/router" on the client side of your app.
-`;
-        throw new Error(e);
-      }
-      return n.router;
-    }
-    d.forEach((e) => {
-      Object.defineProperty(n, e, {
-        get() {
-          return m()[e];
-        }
-      });
-    }), h.forEach((e) => {
-      n[e] = function() {
-        for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-          t[r] = arguments[r];
-        return m()[e](...t);
-      };
-    }), C.forEach((e) => {
-      n.ready(() => {
-        i.default.events.on(e, function() {
-          for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
-            t[r] = arguments[r];
-          const s = "on" + e.charAt(0).toUpperCase() + e.substring(1), c = n;
-          if (c[s])
-            try {
-              c[s](...t);
-            } catch (a) {
-              console.error("Error when running the Router event: " + s), console.error((0, y.default)(a) ? a.message + `
-` + a.stack : a + "");
-            }
-        });
-      });
-    });
-    const v = n;
-    function q() {
-      const e = R.default.useContext(b.RouterContext);
-      if (!e)
-        throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
-      return e;
-    }
-    function P() {
-      for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
-        o[t] = arguments[t];
-      return n.router = new i.default(...o), n.readyCallbacks.forEach((r) => r()), n.readyCallbacks = [], n.router;
-    }
-    function E(e) {
-      const o = e, t = {};
-      for (const r of d) {
-        if (typeof o[r] == "object") {
-          t[r] = Object.assign(Array.isArray(o[r]) ? [] : {}, o[r]);
-          continue;
-        }
-        t[r] = o[r];
-      }
-      return t.events = i.default.events, h.forEach((r) => {
-        t[r] = function() {
-          for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
-            c[a] = arguments[a];
-          return o[r](...c);
-        };
-      }), t;
-    }
-    (typeof u.default == "function" || typeof u.default == "object" && u.default !== null) && typeof u.default.__esModule > "u" && (Object.defineProperty(u.default, "__esModule", { value: !0 }), Object.assign(u.default, u), g.exports = u.default);
-  }(l, l.exports), l.exports);
-}
+var e = { exports: {} };
 export {
-  W as __require
+  e as __module
 };

package/dist/index69.mjs

@@ -1,5 +1,156 @@
 'use client';
-var e = { exports: {} };
+import { __module as l } from "./index75.mjs";
+import "./index76.mjs";
+import j from "react";
+import { __require as A } from "./index77.mjs";
+import { __require as O } from "./index78.mjs";
+import { __require as x } from "./index79.mjs";
+import { __require as F } from "./index80.mjs";
+import { __exports as M } from "./index81.mjs";
+var p;
+function W() {
+  return p ? l.exports : (p = 1, function(g, u) {
+    Object.defineProperty(u, "__esModule", {
+      value: !0
+    });
+    function _(e, o) {
+      for (var t in o) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: o[t]
+      });
+    }
+    _(u, {
+      Router: function() {
+        return i.default;
+      },
+      createRouter: function() {
+        return P;
+      },
+      // Export the singletonRouter and this is the public API.
+      default: function() {
+        return v;
+      },
+      makePublicRouterInstance: function() {
+        return E;
+      },
+      useRouter: function() {
+        return q;
+      },
+      withRouter: function() {
+        return w.default;
+      }
+    });
+    const f = M, R = /* @__PURE__ */ f._(j), i = /* @__PURE__ */ f._(A()), b = O(), y = /* @__PURE__ */ f._(x()), w = /* @__PURE__ */ f._(F()), n = {
+      router: null,
+      readyCallbacks: [],
+      ready(e) {
+        if (this.router) return e();
+        typeof window < "u" && this.readyCallbacks.push(e);
+      }
+    }, d = [
+      "pathname",
+      "route",
+      "query",
+      "asPath",
+      "components",
+      "isFallback",
+      "basePath",
+      "locale",
+      "locales",
+      "defaultLocale",
+      "isReady",
+      "isPreview",
+      "isLocaleDomain",
+      "domainLocales"
+    ], C = [
+      "routeChangeStart",
+      "beforeHistoryChange",
+      "routeChangeComplete",
+      "routeChangeError",
+      "hashChangeStart",
+      "hashChangeComplete"
+    ], h = [
+      "push",
+      "replace",
+      "reload",
+      "back",
+      "prefetch",
+      "beforePopState"
+    ];
+    Object.defineProperty(n, "events", {
+      get() {
+        return i.default.events;
+      }
+    });
+    function m() {
+      if (!n.router) {
+        const e = `No router instance found.
+You should only use "next/router" on the client side of your app.
+`;
+        throw new Error(e);
+      }
+      return n.router;
+    }
+    d.forEach((e) => {
+      Object.defineProperty(n, e, {
+        get() {
+          return m()[e];
+        }
+      });
+    }), h.forEach((e) => {
+      n[e] = function() {
+        for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
+          t[r] = arguments[r];
+        return m()[e](...t);
+      };
+    }), C.forEach((e) => {
+      n.ready(() => {
+        i.default.events.on(e, function() {
+          for (var o = arguments.length, t = new Array(o), r = 0; r < o; r++)
+            t[r] = arguments[r];
+          const s = "on" + e.charAt(0).toUpperCase() + e.substring(1), c = n;
+          if (c[s])
+            try {
+              c[s](...t);
+            } catch (a) {
+              console.error("Error when running the Router event: " + s), console.error((0, y.default)(a) ? a.message + `
+` + a.stack : a + "");
+            }
+        });
+      });
+    });
+    const v = n;
+    function q() {
+      const e = R.default.useContext(b.RouterContext);
+      if (!e)
+        throw new Error("NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted");
+      return e;
+    }
+    function P() {
+      for (var e = arguments.length, o = new Array(e), t = 0; t < e; t++)
+        o[t] = arguments[t];
+      return n.router = new i.default(...o), n.readyCallbacks.forEach((r) => r()), n.readyCallbacks = [], n.router;
+    }
+    function E(e) {
+      const o = e, t = {};
+      for (const r of d) {
+        if (typeof o[r] == "object") {
+          t[r] = Object.assign(Array.isArray(o[r]) ? [] : {}, o[r]);
+          continue;
+        }
+        t[r] = o[r];
+      }
+      return t.events = i.default.events, h.forEach((r) => {
+        t[r] = function() {
+          for (var s = arguments.length, c = new Array(s), a = 0; a < s; a++)
+            c[a] = arguments[a];
+          return o[r](...c);
+        };
+      }), t;
+    }
+    (typeof u.default == "function" || typeof u.default == "object" && u.default !== null) && typeof u.default.__esModule > "u" && (Object.defineProperty(u.default, "__esModule", { value: !0 }), Object.assign(u.default, u), g.exports = u.default);
+  }(l, l.exports), l.exports);
+}
 export {
-  e as __module
+  W as __require
 };

package/dist/index73.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { getDefaultExportFromCjs as d } from "./index67.mjs";
-import { __module as v } from "./index101.mjs";
+import { __module as v } from "./index140.mjs";
 v.exports = function(n) {
   return g(m(n), n);
 };

package/dist/index77.mjs

@@ -1,41 +1,41 @@
 'use client';
-import { __exports as ge } from "./index102.mjs";
+import { __exports as ge } from "./index101.mjs";
 import "./index76.mjs";
-import { __require as $e } from "./index103.mjs";
-import { __require as Ze } from "./index104.mjs";
-import { __require as et } from "./index105.mjs";
-import { __require as tt } from "./index106.mjs";
+import { __require as $e } from "./index102.mjs";
+import { __require as Ze } from "./index103.mjs";
+import { __require as et } from "./index104.mjs";
+import { __require as tt } from "./index105.mjs";
 import { __require as rt } from "./index79.mjs";
-import { __require as at } from "./index107.mjs";
-import { __require as st } from "./index108.mjs";
-import { __require as it } from "./index109.mjs";
-import { __require as ot } from "./index110.mjs";
-import { __require as nt } from "./index111.mjs";
-import { __require as lt } from "./index112.mjs";
-import { __require as ct } from "./index113.mjs";
-import { __require as ht } from "./index114.mjs";
-import { __require as ut } from "./index115.mjs";
-import { __require as dt } from "./index116.mjs";
-import { __require as ft } from "./index117.mjs";
-import { __require as pt } from "./index118.mjs";
-import { __require as mt } from "./index119.mjs";
-import { __require as _t } from "./index120.mjs";
-import { __require as gt } from "./index121.mjs";
-import { __require as vt } from "./index122.mjs";
-import { __require as wt } from "./index123.mjs";
-import { __require as Pt } from "./index124.mjs";
-import { __require as Rt } from "./index125.mjs";
-import { __require as St } from "./index126.mjs";
-import { __require as Et } from "./index127.mjs";
-import { __require as yt } from "./index128.mjs";
-import { __require as Nt } from "./index129.mjs";
-import { __require as Lt } from "./index130.mjs";
-import { __require as Tt } from "./index131.mjs";
-import { __require as At } from "./index132.mjs";
-import { __require as qt } from "./index133.mjs";
-import { __require as Ct } from "./index134.mjs";
-import { __require as It } from "./index135.mjs";
-import { __require as Dt } from "./index136.mjs";
+import { __require as at } from "./index106.mjs";
+import { __require as st } from "./index107.mjs";
+import { __require as it } from "./index108.mjs";
+import { __require as ot } from "./index109.mjs";
+import { __require as nt } from "./index110.mjs";
+import { __require as lt } from "./index111.mjs";
+import { __require as ct } from "./index112.mjs";
+import { __require as ht } from "./index113.mjs";
+import { __require as ut } from "./index114.mjs";
+import { __require as dt } from "./index115.mjs";
+import { __require as ft } from "./index116.mjs";
+import { __require as pt } from "./index117.mjs";
+import { __require as mt } from "./index118.mjs";
+import { __require as _t } from "./index119.mjs";
+import { __require as gt } from "./index120.mjs";
+import { __require as vt } from "./index121.mjs";
+import { __require as wt } from "./index122.mjs";
+import { __require as Pt } from "./index123.mjs";
+import { __require as Rt } from "./index124.mjs";
+import { __require as St } from "./index125.mjs";
+import { __require as Et } from "./index126.mjs";
+import { __require as yt } from "./index127.mjs";
+import { __require as Nt } from "./index128.mjs";
+import { __require as Lt } from "./index129.mjs";
+import { __require as Tt } from "./index130.mjs";
+import { __require as At } from "./index131.mjs";
+import { __require as qt } from "./index132.mjs";
+import { __require as Ct } from "./index133.mjs";
+import { __require as It } from "./index134.mjs";
+import { __require as Dt } from "./index135.mjs";
 import { __exports as bt } from "./index81.mjs";
 var Ue;
 function wr() {

package/dist/index78.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index137.mjs";
+import { __exports as e } from "./index136.mjs";
 import "./index76.mjs";
 import u from "react";
 import { __exports as n } from "./index81.mjs";

package/dist/index79.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as o } from "./index138.mjs";
-import { __require as p } from "./index139.mjs";
+import { __exports as o } from "./index137.mjs";
+import { __require as p } from "./index138.mjs";
 var u;
 function m() {
   return u ? o : (u = 1, function(i) {

package/dist/index80.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __module as u } from "./index140.mjs";
+import { __module as u } from "./index139.mjs";
 import d from "react/jsx-runtime";
 import "react";
-import { __require as c } from "./index68.mjs";
+import { __require as c } from "./index69.mjs";
 var n;
 function y() {
   return n ? u.exports : (n = 1, function(a, e) {

package/dist/index84.mjs

@@ -1,11 +1,11 @@
 'use client';
 import d from "./index82.mjs";
-import U from "./index141.mjs";
-import q from "./index142.mjs";
-import R from "./index143.mjs";
+import U from "./index142.mjs";
+import q from "./index143.mjs";
+import R from "./index144.mjs";
 import w from "./index85.mjs";
-import A from "./index144.mjs";
-import m from "./index145.mjs";
+import A from "./index145.mjs";
+import m from "./index146.mjs";
 import T from "./index96.mjs";
 const i = m.validators;
 class k {

package/dist/index86.mjs

@@ -1,10 +1,10 @@
 'use client';
 import t from "./index82.mjs";
 import c from "./index93.mjs";
-import u from "./index146.mjs";
+import u from "./index147.mjs";
 import S from "./index92.mjs";
-import h from "./index147.mjs";
-import a from "./index148.mjs";
+import h from "./index148.mjs";
+import a from "./index149.mjs";
 import O from "./index87.mjs";
 function y(i, r, e) {
   if (t.isString(i))

package/dist/index96.mjs

@@ -1,6 +1,6 @@
 'use client';
 import i from "./index82.mjs";
-import S from "./index149.mjs";
+import S from "./index150.mjs";
 const h = Symbol("internals");
 function y(r) {
   return r && String(r).trim().toLowerCase();

package/dist/index97.mjs

@@ -1,8 +1,8 @@
 'use client';
 import s from "./index82.mjs";
-import m from "./index150.mjs";
-import u from "./index151.mjs";
-import { getFetch as b } from "./index152.mjs";
+import m from "./index151.mjs";
+import u from "./index152.mjs";
+import { getFetch as b } from "./index153.mjs";
 import d from "./index93.mjs";
 const p = {
   http: m,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instockng/storefront-ui",
-  "version": "1.0.65",
+  "version": "1.0.66",
   "description": "Pre-built UI components for OMS e-commerce sites",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/ProductAddOns.tsx

@@ -105,7 +105,7 @@ export function ProductAddOns({
 
     if (isLoading) {
         return (
-            <div className={cn('w-full py-8 space-y-4 animate-pulse', className)} style={{ maxWidth: 'calc(100vw - calc(var(--spacing) * 4))' }}>
+            <div className={cn('w-full py-8 space-y-4 animate-pulse', className)} style={{ maxWidth: 'calc(100vw - calc(var(--spacing) * 7))' }}>
                 <div className="h-4 w-32 bg-gray-200 rounded px-1 mb-6" />
                 <div className="flex gap-4 overflow-x-hidden">
                     <div className="min-w-[90%] h-[90px] bg-gray-100 rounded-[2rem]" />
@@ -126,7 +126,7 @@ export function ProductAddOns({
                     ref={scrollContainerRef}
                     onScroll={handleScroll}
                     className="flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory px-1"
-                    style={{ scrollbarWidth: 'none', msOverflowStyle: 'none', maxWidth: 'calc(100vw - calc(var(--spacing) * 4))' }}
+                    style={{ scrollbarWidth: 'none', msOverflowStyle: 'none', maxWidth: 'calc(100vw - calc(var(--spacing) * 7))' }}
                 >
                     {products.map((product: AddOnProduct) => {
                         const isSelected = selectedProductIds.includes(product.id);