@instockng/storefront-ui 1.0.32 → 1.0.33

package/dist/index17.mjs

@@ -1,45 +1,118 @@
 'use client';
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import u from "react";
-import { cn as a } from "./index19.mjs";
-const f = u.forwardRef(
-  ({
-    label: o,
-    error: r,
-    icon: t,
-    className: c,
-    containerClassName: d,
-    required: m,
-    disabled: s,
-    ...n
-  }, i) => /* @__PURE__ */ l("div", { className: a("w-full", d), children: [
-    o && /* @__PURE__ */ l("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
-      o,
-      m && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
-    ] }),
-    /* @__PURE__ */ l("div", { className: "relative", children: [
-      t && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", children: t }),
-      /* @__PURE__ */ e(
-        "input",
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useRef as j, useState as f, useEffect as o } from "react";
+import { createPortal as A } from "react-dom";
+import { X as R } from "lucide-react";
+import { cn as i } from "./index20.mjs";
+function L({
+  isOpen: t,
+  onClose: l,
+  title: a,
+  children: x,
+  footer: n,
+  className: y,
+  contentClassName: b,
+  size: g = "md",
+  closeOnOverlayClick: h = !0,
+  showCloseButton: d = !0
+}) {
+  const v = j(null), [s, m] = f(!1), [w, c] = f(t);
+  if (o(() => {
+    if (t)
+      c(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          m(!0);
+        });
+      });
+    else {
+      m(!1);
+      const e = setTimeout(() => {
+        c(!1);
+      }, 200);
+      return () => clearTimeout(e);
+    }
+  }, [t]), o(() => {
+    const e = (E) => {
+      E.key === "Escape" && t && l();
+    };
+    if (t)
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+  }, [t, l]), o(() => {
+    if (t) {
+      const e = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = e;
+      };
+    }
+  }, [t]), !w) return null;
+  const p = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-full mx-4"
+  }, k = (e) => {
+    h && e.target === e.currentTarget && l();
+  }, N = /* @__PURE__ */ r(
+    "div",
+    {
+      className: i(
+        "fixed inset-0 z-50 flex items-center justify-center p-2 sm:p-4 bg-black/50 backdrop-blur-sm transition-opacity duration-200",
+        s ? "opacity-100" : "opacity-0"
+      ),
+      onClick: k,
+      children: /* @__PURE__ */ u(
+        "div",
         {
-          ref: i,
-          disabled: s,
-          className: a(
-            "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
-            "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
-            t && "pl-10",
-            r ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
-            s && "bg-gray-50 text-gray-500 cursor-not-allowed",
-            c
+          ref: v,
+          className: i(
+            "relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh] transition-all duration-200",
+            s ? "opacity-100 scale-100" : "opacity-0 scale-95",
+            p[g],
+            y
           ),
-          ...n
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": a ? "modal-title" : void 0,
+          children: [
+            (a || d) && /* @__PURE__ */ u("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0", children: [
+              a && /* @__PURE__ */ r(
+                "h2",
+                {
+                  id: "modal-title",
+                  className: "text-xl font-semibold text-gray-900",
+                  children: a
+                }
+              ),
+              d && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: l,
+                  className: "ml-auto p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors",
+                  "aria-label": "Close modal",
+                  children: /* @__PURE__ */ r(R, { size: 20 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(
+              "div",
+              {
+                className: i(
+                  "flex-1 overflow-y-auto p-4 min-h-0",
+                  b
+                ),
+                children: x
+              }
+            ),
+            n && /* @__PURE__ */ r("div", { className: "p-4 border-t border-gray-200 bg-gray-50 flex-shrink-0 rounded-b-xl", children: n })
+          ]
         }
       )
-    ] }),
-    r && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: r })
-  ] })
-);
-f.displayName = "FormInput";
+    }
+  );
+  return A(N, document.body);
+}
 export {
-  f as FormInput
+  L as Modal
 };

package/dist/index170.mjs

@@ -1,5 +1,39 @@
 'use client';
-var r = {};
+import { __exports as n } from "./index229.mjs";
+import { __require as d } from "./index230.mjs";
+var o;
+function p() {
+  return o ? n : (o = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    }), Object.defineProperty(i, "getPathMatch", {
+      enumerable: !0,
+      get: function() {
+        return s;
+      }
+    });
+    const u = d();
+    function s(l, e) {
+      const r = [], t = (0, u.pathToRegexp)(l, r, {
+        delimiter: "/",
+        sensitive: typeof (e == null ? void 0 : e.sensitive) == "boolean" ? e.sensitive : !1,
+        strict: e == null ? void 0 : e.strict
+      }), h = (0, u.regexpToFunction)(e != null && e.regexModifier ? new RegExp(e.regexModifier(t.source), t.flags) : t, r);
+      return (f, m) => {
+        if (typeof f != "string") return !1;
+        const a = h(f);
+        if (!a) return !1;
+        if (e != null && e.removeUnnamedParams)
+          for (const c of r)
+            typeof c.name == "number" && delete a.params[c.name];
+        return {
+          ...m,
+          ...a.params
+        };
+      };
+    }
+  }(n), n);
+}
 export {
-  r as __exports
+  p as __require
 };

package/dist/index171.mjs

@@ -1,5 +1,155 @@
 'use client';
-var e = {};
+import { __exports as A } from "./index231.mjs";
+import { __require as T } from "./index230.mjs";
+import { __require as L } from "./index174.mjs";
+import { __require as N } from "./index232.mjs";
+import { __require as U } from "./index166.mjs";
+import { __require as j } from "./index233.mjs";
+import { __require as v } from "./index234.mjs";
+var S;
+function W() {
+  return S ? A : (S = 1, function(R) {
+    Object.defineProperty(R, "__esModule", {
+      value: !0
+    });
+    function k(e, a) {
+      for (var t in a) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: a[t]
+      });
+    }
+    k(R, {
+      compileNonPath: function() {
+        return d;
+      },
+      matchHas: function() {
+        return w;
+      },
+      prepareDestination: function() {
+        return M;
+      }
+    });
+    const m = T(), C = L(), x = N(), g = U(), O = j(), D = v();
+    function q(e) {
+      let a = "";
+      for (let t = 0; t < e.length; t++) {
+        const o = e.charCodeAt(t);
+        (o > 64 && o < 91 || // A-Z
+        o > 96 && o < 123) && (a += e[t]);
+      }
+      return a;
+    }
+    function b(e, a) {
+      return e.replace(new RegExp(":" + (0, C.escapeStringRegexp)(a), "g"), "__ESC_COLON_" + a);
+    }
+    function h(e) {
+      return e.replace(/__ESC_COLON_/gi, ":");
+    }
+    function w(e, a, t, o) {
+      t === void 0 && (t = []), o === void 0 && (o = []);
+      const i = {}, f = (n) => {
+        let s, u = n.key;
+        switch (n.type) {
+          case "header": {
+            u = u.toLowerCase(), s = e.headers[u];
+            break;
+          }
+          case "cookie": {
+            "cookies" in e ? s = e.cookies[n.key] : s = (0, D.getCookieParser)(e.headers)()[n.key];
+            break;
+          }
+          case "query": {
+            s = a[u];
+            break;
+          }
+          case "host": {
+            const { host: l } = (e == null ? void 0 : e.headers) || {};
+            s = l == null ? void 0 : l.split(":", 1)[0].toLowerCase();
+            break;
+          }
+        }
+        if (!n.value && s)
+          return i[q(u)] = s, !0;
+        if (s) {
+          const l = new RegExp("^" + n.value + "$"), p = Array.isArray(s) ? s.slice(-1)[0].match(l) : s.match(l);
+          if (p)
+            return Array.isArray(p) && (p.groups ? Object.keys(p.groups).forEach((_) => {
+              i[_] = p.groups[_];
+            }) : n.type === "host" && p[0] && (i.host = p[0])), !0;
+        }
+        return !1;
+      };
+      return t.every((n) => f(n)) && !o.some((n) => f(n)) ? i : !1;
+    }
+    function d(e, a) {
+      if (!e.includes(":"))
+        return e;
+      for (const t of Object.keys(a))
+        e.includes(":" + t) && (e = e.replace(new RegExp(":" + t + "\\*", "g"), ":" + t + "--ESCAPED_PARAM_ASTERISKS").replace(new RegExp(":" + t + "\\?", "g"), ":" + t + "--ESCAPED_PARAM_QUESTION").replace(new RegExp(":" + t + "\\+", "g"), ":" + t + "--ESCAPED_PARAM_PLUS").replace(new RegExp(":" + t + "(?!\\w)", "g"), "--ESCAPED_PARAM_COLON" + t));
+      return e = e.replace(/(:|\*|\?|\+|\(|\)|\{|\})/g, "\\$1").replace(/--ESCAPED_PARAM_PLUS/g, "+").replace(/--ESCAPED_PARAM_COLON/g, ":").replace(/--ESCAPED_PARAM_QUESTION/g, "?").replace(/--ESCAPED_PARAM_ASTERISKS/g, "*"), (0, m.compile)("/" + e, {
+        validate: !1
+      })(a).slice(1);
+    }
+    function M(e) {
+      const a = Object.assign({}, e.query);
+      delete a.__nextLocale, delete a.__nextDefaultLocale, delete a.__nextDataReq, delete a.__nextInferredLocaleFromDefault, delete a[O.NEXT_RSC_UNION_QUERY];
+      let t = e.destination;
+      for (const r of Object.keys({
+        ...e.params,
+        ...a
+      }))
+        t = r ? b(t, r) : t;
+      const o = (0, x.parseUrl)(t), i = o.query, f = h("" + o.pathname + (o.hash || "")), E = h(o.hostname || ""), n = [], s = [];
+      (0, m.pathToRegexp)(f, n), (0, m.pathToRegexp)(E, s);
+      const u = [];
+      n.forEach((r) => u.push(r.name)), s.forEach((r) => u.push(r.name));
+      const l = (0, m.compile)(
+        f,
+        // we don't validate while compiling the destination since we should
+        // have already validated before we got to this point and validating
+        // breaks compiling destinations with named pattern params from the source
+        // e.g. /something:hello(.*) -> /another/:hello is broken with validation
+        // since compile validation is meant for reversing and not for inserting
+        // params from a separate path-regex into another
+        {
+          validate: !1
+        }
+      ), p = (0, m.compile)(E, {
+        validate: !1
+      });
+      for (const [r, c] of Object.entries(i))
+        Array.isArray(c) ? i[r] = c.map((y) => d(h(y), e.params)) : typeof c == "string" && (i[r] = d(h(c), e.params));
+      let _ = Object.keys(e.params).filter((r) => r !== "nextInternalLocale");
+      if (e.appendParamsToQuery && !_.some((r) => u.includes(r)))
+        for (const r of _)
+          r in i || (i[r] = e.params[r]);
+      let P;
+      if ((0, g.isInterceptionRouteAppPath)(f))
+        for (const r of f.split("/")) {
+          const c = g.INTERCEPTION_ROUTE_MARKERS.find((y) => r.startsWith(y));
+          if (c) {
+            c === "(..)(..)" ? (e.params[0] = "(..)", e.params[1] = "(..)") : e.params[0] = c;
+            break;
+          }
+        }
+      try {
+        P = l(e.params);
+        const [r, c] = P.split("#", 2);
+        o.hostname = p(e.params), o.pathname = r, o.hash = (c ? "#" : "") + (c || ""), delete o.search;
+      } catch (r) {
+        throw r.message.match(/Expected .*? to not repeat, but got an array/) ? new Error("To use a multi-match in the destination you must add `*` at the end of the param name to signify it should repeat. https://nextjs.org/docs/messages/invalid-multi-match") : r;
+      }
+      return o.query = {
+        ...a,
+        ...o.query
+      }, {
+        newUrl: P,
+        destQuery: i,
+        parsedDestination: o
+      };
+    }
+  }(A), A);
+}
 export {
-  e as __exports
+  W as __require
 };

package/dist/index172.mjs

@@ -1,22 +1,5 @@
 'use client';
-import { __exports as r } from "./index230.mjs";
-var n;
-function i() {
-  return n ? r : (n = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), Object.defineProperty(t, "escapeStringRegexp", {
-      enumerable: !0,
-      get: function() {
-        return c;
-      }
-    });
-    const p = /[|\\{}()[\]^$+*?.-]/, u = /[|\\{}()[\]^$+*?.-]/g;
-    function c(e) {
-      return p.test(e) ? e.replace(u, "\\$&") : e;
-    }
-  }(r), r);
-}
+var r = {};
 export {
-  i as __require
+  r as __exports
 };

package/dist/index173.mjs

@@ -1,5 +1,5 @@
 'use client';
-var r = {};
+var e = {};
 export {
-  r as __exports
+  e as __exports
 };

package/dist/index174.mjs

@@ -1,5 +1,22 @@
 'use client';
-var e = { exports: {} };
+import { __exports as r } from "./index238.mjs";
+var n;
+function i() {
+  return n ? r : (n = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "escapeStringRegexp", {
+      enumerable: !0,
+      get: function() {
+        return c;
+      }
+    });
+    const p = /[|\\{}()[\]^$+*?.-]/, u = /[|\\{}()[\]^$+*?.-]/g;
+    function c(e) {
+      return p.test(e) ? e.replace(u, "\\$&") : e;
+    }
+  }(r), r);
+}
 export {
-  e as __module
+  i as __require
 };

package/dist/index175.mjs

@@ -1,29 +1,5 @@
 'use client';
-import { __exports as r } from "./index237.mjs";
-var u;
-function D() {
-  return u ? r : (u = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), Object.defineProperty(t, "detectDomainLocale", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    function f(n, s, e) {
-      if (n) {
-        e && (e = e.toLowerCase());
-        for (const o of n) {
-          var i, a;
-          const c = (i = o.domain) == null ? void 0 : i.split(":", 1)[0].toLowerCase();
-          if (s === c || e === o.defaultLocale.toLowerCase() || (a = o.locales) != null && a.some((l) => l.toLowerCase() === e))
-            return o;
-        }
-      }
-    }
-  }(r), r);
-}
+var r = {};
 export {
-  D as __require
+  r as __exports
 };

package/dist/index176.mjs

@@ -1,5 +1,5 @@
 'use client';
-var a = {};
+var e = { exports: {} };
 export {
-  a as __exports
+  e as __module
 };

package/dist/index177.mjs

@@ -1,5 +1,29 @@
 'use client';
-var a = { exports: {} };
+import { __exports as r } from "./index241.mjs";
+var u;
+function D() {
+  return u ? r : (u = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "detectDomainLocale", {
+      enumerable: !0,
+      get: function() {
+        return f;
+      }
+    });
+    function f(n, s, e) {
+      if (n) {
+        e && (e = e.toLowerCase());
+        for (const o of n) {
+          var i, a;
+          const c = (i = o.domain) == null ? void 0 : i.split(":", 1)[0].toLowerCase();
+          if (s === c || e === o.defaultLocale.toLowerCase() || (a = o.locales) != null && a.some((l) => l.toLowerCase() === e))
+            return o;
+        }
+      }
+    }
+  }(r), r);
+}
 export {
-  a as __module
+  D as __require
 };

package/dist/index178.mjs

@@ -1,27 +1,5 @@
 'use client';
-import { __module as t } from "./index239.mjs";
-import { __require as _ } from "./index97.mjs";
-import { __require as d } from "./index111.mjs";
-var u;
-function S() {
-  return u ? t.exports : (u = 1, function(s, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "normalizePathTrailingSlash", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    const l = _(), o = d(), f = (n) => {
-      if (!n.startsWith("/") || process.env.__NEXT_MANUAL_TRAILING_SLASH)
-        return n;
-      const { pathname: r, query: a, hash: i } = (0, o.parsePath)(n);
-      return process.env.__NEXT_TRAILING_SLASH ? /\.[^/]+\/?$/.test(r) ? "" + (0, l.removeTrailingSlash)(r) + a + i : r.endsWith("/") ? "" + r + a + i : r + "/" + a + i : "" + (0, l.removeTrailingSlash)(r) + a + i;
-    };
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), s.exports = e.default);
-  }(t, t.exports), t.exports);
-}
+var a = {};
 export {
-  S as __require
+  a as __exports
 };

package/dist/index179.mjs

@@ -1,26 +1,5 @@
 'use client';
-import { __exports as t } from "./index240.mjs";
-import { __require as _ } from "./index183.mjs";
-import { __require as c } from "./index185.mjs";
-var u;
-function m() {
-  return u ? t : (u = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    }), Object.defineProperty(i, "addLocale", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
-    });
-    const f = _(), a = c();
-    function n(e, r, d, s) {
-      if (!r || r === d) return e;
-      const o = e.toLowerCase();
-      return !s && ((0, a.pathHasPrefix)(o, "/api") || (0, a.pathHasPrefix)(o, "/" + r.toLowerCase())) ? e : (0, f.addPathPrefix)(e, "/" + r);
-    }
-  }(t), t);
-}
+var a = { exports: {} };
 export {
-  m as __require
+  a as __module
 };

package/dist/index18.mjs

@@ -1,45 +1,45 @@
 'use client';
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import g from "react";
-import { cn as l } from "./index19.mjs";
-const u = g.forwardRef(
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import u from "react";
+import { cn as a } from "./index20.mjs";
+const f = u.forwardRef(
   ({
-    label: t,
-    error: e,
-    className: a,
-    containerClassName: c,
+    label: o,
+    error: r,
+    icon: t,
+    className: c,
+    containerClassName: d,
     required: m,
-    disabled: o,
-    children: n,
-    ...i
-  }, d) => /* @__PURE__ */ s("div", { className: l("w-full", c), children: [
-    t && /* @__PURE__ */ s("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
-      t,
-      m && /* @__PURE__ */ r("span", { className: "ml-1 text-red-600", children: "*" })
+    disabled: s,
+    ...n
+  }, i) => /* @__PURE__ */ l("div", { className: a("w-full", d), children: [
+    o && /* @__PURE__ */ l("label", { className: "mb-1.5 block text-sm font-medium text-gray-700", children: [
+      o,
+      m && /* @__PURE__ */ e("span", { className: "ml-1 text-red-600", children: "*" })
     ] }),
-    /* @__PURE__ */ r(
-      "select",
-      {
-        ref: d,
-        disabled: o,
-        className: l(
-          "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
-          "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
-          "appearance-none bg-white",
-          `bg-[url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_0.75rem_center]`,
-          "pr-10",
-          e ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
-          o && "bg-gray-50 text-gray-500 cursor-not-allowed",
-          a
-        ),
-        ...i,
-        children: n
-      }
-    ),
-    e && /* @__PURE__ */ r("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: e })
+    /* @__PURE__ */ l("div", { className: "relative", children: [
+      t && /* @__PURE__ */ e("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400", children: t }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: i,
+          disabled: s,
+          className: a(
+            "w-full rounded-lg border px-3 py-2.5 text-sm transition-colors",
+            "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
+            t && "pl-10",
+            r ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-gray-300 focus:border-blue-500",
+            s && "bg-gray-50 text-gray-500 cursor-not-allowed",
+            c
+          ),
+          ...n
+        }
+      )
+    ] }),
+    r && /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm text-red-600", role: "alert", children: r })
   ] })
 );
-u.displayName = "FormSelect";
+f.displayName = "FormInput";
 export {
-  u as FormSelect
+  f as FormInput
 };

package/dist/index180.mjs

@@ -1,5 +1,27 @@
 'use client';
-var e = { exports: {} };
+import { __module as t } from "./index239.mjs";
+import { __require as _ } from "./index99.mjs";
+import { __require as d } from "./index113.mjs";
+var u;
+function S() {
+  return u ? t.exports : (u = 1, function(s, e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "normalizePathTrailingSlash", {
+      enumerable: !0,
+      get: function() {
+        return f;
+      }
+    });
+    const l = _(), o = d(), f = (n) => {
+      if (!n.startsWith("/") || process.env.__NEXT_MANUAL_TRAILING_SLASH)
+        return n;
+      const { pathname: r, query: a, hash: i } = (0, o.parsePath)(n);
+      return process.env.__NEXT_TRAILING_SLASH ? /\.[^/]+\/?$/.test(r) ? "" + (0, l.removeTrailingSlash)(r) + a + i : r.endsWith("/") ? "" + r + a + i : r + "/" + a + i : "" + (0, l.removeTrailingSlash)(r) + a + i;
+    };
+    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), s.exports = e.default);
+  }(t, t.exports), t.exports);
+}
 export {
-  e as __module
+  S as __require
 };