@instockng/storefront-ui 1.0.56 → 1.0.58

package/dist/index18.mjs

@@ -1,45 +1,27 @@
 'use client';
-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: 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 })
-  ] })
+import { jsx as o } from "react/jsx-runtime";
+import { cva as n } from "./index50.mjs";
+import { cn as a } from "./index22.mjs";
+const i = n(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
 );
-f.displayName = "FormInput";
+function f({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+}
 export {
-  f as FormInput
+  f as Badge,
+  i as badgeVariants
 };

package/dist/index180.mjs

@@ -1,29 +1,5 @@
 'use client';
-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);
-}
+var r = {};
 export {
-  D as __require
+  r as __exports
 };

package/dist/index181.mjs

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

package/dist/index182.mjs

@@ -1,5 +1,29 @@
 'use client';
-var a = { exports: {} };
+import { __exports as r } from "./index244.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/index183.mjs

@@ -1,27 +1,5 @@
 'use client';
-import { __module as t } from "./index242.mjs";
-import { __require as _ } from "./index102.mjs";
-import { __require as d } from "./index116.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/index184.mjs

@@ -1,26 +1,5 @@
 'use client';
-import { __exports as t } from "./index243.mjs";
-import { __require as _ } from "./index188.mjs";
-import { __require as c } from "./index190.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/index185.mjs

@@ -1,5 +1,27 @@
 'use client';
-var e = { exports: {} };
+import { __module as t } from "./index245.mjs";
+import { __require as _ } from "./index104.mjs";
+import { __require as d } from "./index118.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
 };

package/dist/index186.mjs

@@ -1,5 +1,26 @@
 'use client';
-var e = { exports: {} };
+import { __exports as t } from "./index246.mjs";
+import { __require as _ } from "./index190.mjs";
+import { __require as c } from "./index192.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);
+}
 export {
-  e as __module
+  m as __require
 };

package/dist/index187.mjs

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

package/dist/index188.mjs

@@ -1,26 +1,5 @@
 'use client';
-import { __exports as r } from "./index245.mjs";
-import { __require as o } from "./index116.mjs";
-var i;
-function _() {
-  return i ? r : (i = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
-      value: !0
-    }), Object.defineProperty(t, "addPathPrefix", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
-    });
-    const u = o();
-    function n(e, a) {
-      if (!e.startsWith("/") || !a)
-        return e;
-      const { pathname: P, query: d, hash: f } = (0, u.parsePath)(e);
-      return "" + a + P + d + f;
-    }
-  }(r), r);
-}
+var e = { exports: {} };
 export {
-  _ as __require
+  e as __module
 };

package/dist/index19.mjs

@@ -1,45 +1,112 @@
 'use client';
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import g from "react";
-import { cn as l } from "./index20.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 c } from "react/jsx-runtime";
+import { useRef as j, useState as u, useEffect as f } from "react";
+import { createPortal as A } from "react-dom";
+import { X as R } from "lucide-react";
+import { cn as o } from "./index22.mjs";
+import { useHideBodyOverflow as z } from "./index44.mjs";
+function H({
+  isOpen: e,
+  onClose: a,
+  title: l,
+  children: x,
+  footer: i,
+  className: y,
+  contentClassName: h,
+  size: b = "md",
+  closeOnOverlayClick: g = !0,
+  showCloseButton: n = !0
+}) {
+  const v = j(null), [s, m] = u(!1), [p, d] = u(e);
+  if (f(() => {
+    if (e)
+      d(!0), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          m(!0);
+        });
+      });
+    else {
+      m(!1);
+      const t = setTimeout(() => {
+        d(!1);
+      }, 200);
+      return () => clearTimeout(t);
+    }
+  }, [e]), f(() => {
+    const t = (E) => {
+      E.key === "Escape" && e && a();
+    };
+    if (e)
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [e, a]), z(e), !p) return null;
+  const w = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-full mx-4"
+  }, k = (t) => {
+    g && t.target === t.currentTarget && a();
+  }, N = /* @__PURE__ */ r(
+    "div",
+    {
+      className: o(
+        "fixed inset-0 z-50 flex items-center justify-center sm:p-4 bg-black/50 backdrop-blur-sm transition-opacity duration-200",
+        s ? "opacity-100" : "opacity-0"
+      ),
+      onClick: k,
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          ref: v,
+          className: o(
+            "relative w-full bg-white rounded-xl shadow-xl flex flex-col h-[100vh] sm:h-auto sm:max-h-[90vh] transition-all duration-200",
+            s ? "opacity-100 scale-100" : "opacity-0 scale-95",
+            w[b],
+            y
+          ),
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": l ? "modal-title" : void 0,
+          children: [
+            (l || n) && /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 flex-shrink-0", children: [
+              l && /* @__PURE__ */ r(
+                "h2",
+                {
+                  id: "modal-title",
+                  className: "text-md font-semibold text-gray-900",
+                  children: l
+                }
+              ),
+              n && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: a,
+                  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: o(
+                  "flex-1 overflow-y-auto p-4 min-h-0",
+                  h
+                ),
+                children: x
+              }
+            ),
+            i && /* @__PURE__ */ r("div", { className: "p-4 border-t border-gray-200 bg-gray-50 flex-shrink-0 rounded-b-xl", children: i })
+          ]
+        }
+      )
+    }
+  );
+  return A(N, document.body);
+}
 export {
-  u as FormSelect
+  H as Modal
 };

package/dist/index190.mjs

@@ -1,26 +1,26 @@
 'use client';
-import { __exports as e } from "./index246.mjs";
-import { __require as f } from "./index116.mjs";
-var n;
-function p() {
-  return n ? e : (n = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
+import { __exports as r } from "./index248.mjs";
+import { __require as o } from "./index118.mjs";
+var i;
+function _() {
+  return i ? r : (i = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
       value: !0
-    }), Object.defineProperty(r, "pathHasPrefix", {
+    }), Object.defineProperty(t, "addPathPrefix", {
       enumerable: !0,
       get: function() {
-        return u;
+        return n;
       }
     });
-    const s = f();
-    function u(t, a) {
-      if (typeof t != "string")
-        return !1;
-      const { pathname: i } = (0, s.parsePath)(t);
-      return i === a || i.startsWith(a + "/");
+    const u = o();
+    function n(e, a) {
+      if (!e.startsWith("/") || !a)
+        return e;
+      const { pathname: P, query: d, hash: f } = (0, u.parsePath)(e);
+      return "" + a + P + d + f;
     }
-  }(e), e);
+  }(r), r);
 }
 export {
-  p as __require
+  _ as __require
 };

package/dist/index191.mjs

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

package/dist/index192.mjs

@@ -1,5 +1,26 @@
 'use client';
-var e = {};
+import { __exports as e } from "./index247.mjs";
+import { __require as f } from "./index118.mjs";
+var n;
+function p() {
+  return n ? e : (n = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "pathHasPrefix", {
+      enumerable: !0,
+      get: function() {
+        return u;
+      }
+    });
+    const s = f();
+    function u(t, a) {
+      if (typeof t != "string")
+        return !1;
+      const { pathname: i } = (0, s.parsePath)(t);
+      return i === a || i.startsWith(a + "/");
+    }
+  }(e), e);
+}
 export {
-  e as __exports
+  p as __require
 };

package/dist/index193.mjs

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

package/dist/index194.mjs

@@ -1,26 +1,5 @@
 'use client';
-import { __exports as t } from "./index248.mjs";
-import { __require as a } from "./index190.mjs";
-var n;
-function h() {
-  return n ? t : (n = 1, function(i) {
-    Object.defineProperty(i, "__esModule", {
-      value: !0
-    }), Object.defineProperty(i, "removePathPrefix", {
-      enumerable: !0,
-      get: function() {
-        return f;
-      }
-    });
-    const o = a();
-    function f(e, u) {
-      if (!(0, o.pathHasPrefix)(e, u))
-        return e;
-      const r = e.slice(u.length);
-      return r.startsWith("/") ? r : "/" + r;
-    }
-  }(t), t);
-}
+var e = {};
 export {
-  h as __require
+  e as __exports
 };

package/dist/index195.mjs

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

package/dist/index196.mjs

@@ -1,26 +1,26 @@
 'use client';
-import { __exports as r } from "./index247.mjs";
-import { __require as s } from "./index116.mjs";
-var a;
-function _() {
-  return a ? r : (a = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
+import { __exports as t } from "./index249.mjs";
+import { __require as a } from "./index192.mjs";
+var n;
+function h() {
+  return n ? t : (n = 1, function(i) {
+    Object.defineProperty(i, "__esModule", {
       value: !0
-    }), Object.defineProperty(t, "addPathSuffix", {
+    }), Object.defineProperty(i, "removePathPrefix", {
       enumerable: !0,
       get: function() {
-        return n;
+        return f;
       }
     });
-    const i = s();
-    function n(e, u) {
-      if (!e.startsWith("/") || !u)
+    const o = a();
+    function f(e, u) {
+      if (!(0, o.pathHasPrefix)(e, u))
         return e;
-      const { pathname: f, query: d, hash: o } = (0, i.parsePath)(e);
-      return "" + f + u + d + o;
+      const r = e.slice(u.length);
+      return r.startsWith("/") ? r : "/" + r;
     }
-  }(r), r);
+  }(t), t);
 }
 export {
-  _ as __require
+  h as __require
 };

package/dist/index198.mjs

@@ -1,5 +1,26 @@
 'use client';
-var r = {};
+import { __exports as r } from "./index250.mjs";
+import { __require as s } from "./index118.mjs";
+var a;
+function _() {
+  return a ? r : (a = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "addPathSuffix", {
+      enumerable: !0,
+      get: function() {
+        return n;
+      }
+    });
+    const i = s();
+    function n(e, u) {
+      if (!e.startsWith("/") || !u)
+        return e;
+      const { pathname: f, query: d, hash: o } = (0, i.parsePath)(e);
+      return "" + f + u + d + o;
+    }
+  }(r), r);
+}
 export {
-  r as __exports
+  _ as __require
 };