@instockng/storefront-ui 1.0.18 → 1.0.19

package/dist/index16.mjs

@@ -1,45 +1,118 @@
 'use client';
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import g from "react";
-import { cn as l } from "./index17.mjs";
-const u = g.forwardRef(
-  ({
-    label: t,
-    error: e,
-    className: a,
-    containerClassName: c,
-    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: "*" })
-    ] }),
-    /* @__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 })
-  ] })
-);
-u.displayName = "FormSelect";
+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 "./index19.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: 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
+          ),
+          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 })
+          ]
+        }
+      )
+    }
+  );
+  return A(N, document.body);
+}
 export {
-  u as FormSelect
+  L as Modal
 };

package/dist/index160.mjs

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

package/dist/index161.mjs

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

package/dist/index162.mjs

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

package/dist/index163.mjs

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

package/dist/index164.mjs

@@ -0,0 +1,75 @@
+'use client';
+import { __exports as u } from "./index215.mjs";
+import { __require as d } from "./index216.mjs";
+var a;
+function h() {
+  return a ? u : (a = 1, function(c) {
+    Object.defineProperty(c, "__esModule", {
+      value: !0
+    });
+    function s(n, e) {
+      for (var r in e) Object.defineProperty(n, r, {
+        enumerable: !0,
+        get: e[r]
+      });
+    }
+    s(c, {
+      INTERCEPTION_ROUTE_MARKERS: function() {
+        return i;
+      },
+      extractInterceptionRouteInformation: function() {
+        return l;
+      },
+      isInterceptionRouteAppPath: function() {
+        return f;
+      }
+    });
+    const p = d(), i = [
+      "(..)(..)",
+      "(.)",
+      "(..)",
+      "(...)"
+    ];
+    function f(n) {
+      return n.split("/").find((e) => i.find((r) => e.startsWith(r))) !== void 0;
+    }
+    function l(n) {
+      let e, r, t;
+      for (const o of n.split("/"))
+        if (r = i.find((R) => o.startsWith(R)), r) {
+          [e, t] = n.split(r, 2);
+          break;
+        }
+      if (!e || !r || !t)
+        throw new Error(`Invalid interception route: ${n}. Must be in the format /<intercepting route>/(..|...|..)(..)/<intercepted route>`);
+      switch (e = (0, p.normalizeAppPath)(e), r) {
+        case "(.)":
+          e === "/" ? t = `/${t}` : t = e + "/" + t;
+          break;
+        case "(..)":
+          if (e === "/")
+            throw new Error(`Invalid interception route: ${n}. Cannot use (..) marker at the root level, use (.) instead.`);
+          t = e.split("/").slice(0, -1).concat(t).join("/");
+          break;
+        case "(...)":
+          t = "/" + t;
+          break;
+        case "(..)(..)":
+          const o = e.split("/");
+          if (o.length <= 2)
+            throw new Error(`Invalid interception route: ${n}. Cannot use (..)(..) marker at the root level or one level up.`);
+          t = o.slice(0, -2).concat(t).join("/");
+          break;
+        default:
+          throw new Error("Invariant: unexpected marker");
+      }
+      return {
+        interceptingRoute: e,
+        interceptedRoute: t
+      };
+    }
+  }(u), u);
+}
+export {
+  h as __require
+};

package/dist/index165.mjs

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

package/dist/index166.mjs

@@ -0,0 +1,56 @@
+'use client';
+import { __exports as i } from "./index217.mjs";
+var a;
+function d() {
+  return a ? i : (a = 1, function(f) {
+    Object.defineProperty(f, "__esModule", {
+      value: !0
+    });
+    function c(e, r) {
+      for (var t in r) Object.defineProperty(e, t, {
+        enumerable: !0,
+        get: r[t]
+      });
+    }
+    c(f, {
+      assign: function() {
+        return l;
+      },
+      searchParamsToUrlQuery: function() {
+        return y;
+      },
+      urlQueryToSearchParams: function() {
+        return h;
+      }
+    });
+    function y(e) {
+      const r = {};
+      return e.forEach((t, n) => {
+        typeof r[n] > "u" ? r[n] = t : Array.isArray(r[n]) ? r[n].push(t) : r[n] = [
+          r[n],
+          t
+        ];
+      }), r;
+    }
+    function s(e) {
+      return typeof e == "string" || typeof e == "number" && !isNaN(e) || typeof e == "boolean" ? String(e) : "";
+    }
+    function h(e) {
+      const r = new URLSearchParams();
+      return Object.entries(e).forEach((t) => {
+        let [n, u] = t;
+        Array.isArray(u) ? u.forEach((o) => r.append(n, s(o))) : r.set(n, s(u));
+      }), r;
+    }
+    function l(e) {
+      for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+        t[n - 1] = arguments[n];
+      return t.forEach((u) => {
+        Array.from(u.keys()).forEach((o) => e.delete(o)), u.forEach((o, g) => e.append(g, o));
+      }), e;
+    }
+  }(i), i);
+}
+export {
+  d as __require
+};

package/dist/index167.mjs

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

package/dist/index168.mjs

@@ -0,0 +1,39 @@
+'use client';
+import { __exports as n } from "./index219.mjs";
+import { __require as d } from "./index220.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 {
+  p as __require
+};

package/dist/index169.mjs

@@ -0,0 +1,155 @@
+'use client';
+import { __exports as A } from "./index221.mjs";
+import { __require as T } from "./index220.mjs";
+import { __require as L } from "./index172.mjs";
+import { __require as N } from "./index222.mjs";
+import { __require as U } from "./index164.mjs";
+import { __require as j } from "./index223.mjs";
+import { __require as v } from "./index224.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 {
+  W as __require
+};

package/dist/index17.mjs

@@ -1,45 +1,45 @@
 'use client';
-import { clsx as r } from "./index38.mjs";
-import { twMerge as n } from "./index39.mjs";
-function u(...e) {
-  return n(r(e));
-}
-function g(e) {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "NGN"
-  }).format(e);
-}
-function i(e) {
-  return (typeof e == "string" ? new Date(e) : e).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  });
-}
-function l(e) {
-  return (typeof e == "string" ? new Date(e) : e).toLocaleString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function a(e) {
-  return {
-    pending: "bg-yellow-100 text-yellow-800",
-    shipped: "bg-blue-100 text-blue-800",
-    delivered: "bg-green-100 text-green-800",
-    cancelled: "bg-red-100 text-red-800",
-    refunded: "bg-purple-100 text-purple-800",
-    prospect: "bg-orange-100 text-orange-800"
-  }[e] || "bg-gray-100 text-gray-800";
-}
+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",
+        {
+          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 })
+  ] })
+);
+f.displayName = "FormInput";
 export {
-  u as cn,
-  g as formatCurrency,
-  i as formatDate,
-  l as formatDateTime,
-  a as getStatusColor
+  f as FormInput
 };

package/dist/index170.mjs

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

package/dist/index171.mjs

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

package/dist/index172.mjs

@@ -0,0 +1,22 @@
+'use client';
+import { __exports as r } from "./index225.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 {
+  i as __require
+};

package/dist/index173.mjs

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

package/dist/index174.mjs

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