@instockng/storefront-ui 1.0.56 → 1.0.57

package/dist/index16.mjs

@@ -1,27 +1,63 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { cva as n } from "./index48.mjs";
-import { cn as a } from "./index20.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",
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
+import { Root as v } from "./index49.mjs";
+import { cva as g } from "./index50.mjs";
+import { Loader2 as l } from "lucide-react";
+import { cn as p } from "./index22.mjs";
+const b = g(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     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"
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "default",
+      size: "default"
     }
   }
 );
-function f({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
+function z({
+  className: r,
+  variant: t,
+  size: i,
+  asChild: n = !1,
+  loading: e = !1,
+  children: o,
+  disabled: s,
+  type: a,
+  ...d
+}) {
+  return /* @__PURE__ */ c(
+    n ? v : "button",
+    {
+      "data-slot": "button",
+      className: p(b({ variant: t, size: i, className: r })),
+      disabled: s || e,
+      type: a ?? "button",
+      ...d,
+      children: [
+        e && /* @__PURE__ */ u(l, { className: "size-4 animate-spin" }),
+        o
+      ]
+    }
+  );
 }
 export {
-  f as Badge,
-  i as badgeVariants
+  z as Button,
+  b as buttonVariants
 };

package/dist/index160.mjs

@@ -1,23 +1,21 @@
 'use client';
-import { __exports as e } from "./index225.mjs";
-import "./index74.mjs";
-import n from "react";
-import { __exports as o } from "./index79.mjs";
-var a;
-function c() {
-  return a ? e : (a = 1, function(t) {
-    Object.defineProperty(t, "__esModule", {
+import { __exports as e } from "./index218.mjs";
+var n;
+function a() {
+  return n ? e : (n = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
       value: !0
-    }), Object.defineProperty(t, "HeadManagerContext", {
+    }), Object.defineProperty(r, "encodeURIPath", {
       enumerable: !0,
       get: function() {
-        return r;
+        return t;
       }
     });
-    const r = (/* @__PURE__ */ o._(n)).default.createContext({});
-    process.env.NODE_ENV !== "production" && (r.displayName = "HeadManagerContext");
+    function t(o) {
+      return o.split("/").map((i) => encodeURIComponent(i)).join("/");
+    }
   }(e), e);
 }
 export {
-  c as __require
+  a as __require
 };

package/dist/index161.mjs

@@ -1,49 +1,5 @@
 'use client';
-import { __module as n } from "./index226.mjs";
-var a;
-function m() {
-  return a ? n.exports : (a = 1, function(f, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "setAttributesFromProps", {
-      enumerable: !0,
-      get: function() {
-        return l;
-      }
-    });
-    const c = {
-      acceptCharset: "accept-charset",
-      className: "class",
-      htmlFor: "for",
-      httpEquiv: "http-equiv",
-      noModule: "noModule"
-    }, d = [
-      "onLoad",
-      "onReady",
-      "dangerouslySetInnerHTML",
-      "children",
-      "onError",
-      "strategy",
-      "stylesheets"
-    ];
-    function i(t) {
-      return [
-        "async",
-        "defer",
-        "noModule"
-      ].includes(t);
-    }
-    function l(t, s) {
-      for (const [u, r] of Object.entries(s)) {
-        if (!s.hasOwnProperty(u) || d.includes(u) || r === void 0)
-          continue;
-        const o = c[u] || u.toLowerCase();
-        t.tagName === "SCRIPT" && i(o) ? t[o] = !!r : t.setAttribute(o, String(r)), (r === !1 || t.tagName === "SCRIPT" && i(o) && (!r || r === "false")) && (t.setAttribute(o, ""), t.removeAttribute(o));
-      }
-    }
-    (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), f.exports = e.default);
-  }(n, n.exports), n.exports);
-}
+var r = { exports: {} };
 export {
-  m as __require
+  r as __module
 };

package/dist/index162.mjs

@@ -1,5 +1,23 @@
 'use client';
-var a = {};
+import { __exports as e } from "./index212.mjs";
+import "./index76.mjs";
+import n from "react";
+import { __exports as o } from "./index81.mjs";
+var a;
+function c() {
+  return a ? e : (a = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "HeadManagerContext", {
+      enumerable: !0,
+      get: function() {
+        return r;
+      }
+    });
+    const r = (/* @__PURE__ */ o._(n)).default.createContext({});
+    process.env.NODE_ENV !== "production" && (r.displayName = "HeadManagerContext");
+  }(e), e);
+}
 export {
-  a as __exports
+  c as __require
 };

package/dist/index163.mjs

@@ -1,33 +1,49 @@
 'use client';
-import { __exports as e } from "./index222.mjs";
-import { __require as f } from "./index223.mjs";
-import { __require as _ } from "./index109.mjs";
-var i;
-function R() {
-  return i ? e : (i = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
+import { __module as n } from "./index213.mjs";
+var a;
+function m() {
+  return a ? n.exports : (a = 1, function(f, e) {
+    Object.defineProperty(e, "__esModule", {
       value: !0
+    }), Object.defineProperty(e, "setAttributesFromProps", {
+      enumerable: !0,
+      get: function() {
+        return l;
+      }
     });
-    function n(c, o) {
-      for (var u in o) Object.defineProperty(c, u, {
-        enumerable: !0,
-        get: o[u]
-      });
+    const c = {
+      acceptCharset: "accept-charset",
+      className: "class",
+      htmlFor: "for",
+      httpEquiv: "http-equiv",
+      noModule: "noModule"
+    }, d = [
+      "onLoad",
+      "onReady",
+      "dangerouslySetInnerHTML",
+      "children",
+      "onError",
+      "strategy",
+      "stylesheets"
+    ];
+    function i(t) {
+      return [
+        "async",
+        "defer",
+        "noModule"
+      ].includes(t);
     }
-    n(r, {
-      getSortedRouteObjects: function() {
-        return t.getSortedRouteObjects;
-      },
-      getSortedRoutes: function() {
-        return t.getSortedRoutes;
-      },
-      isDynamicRoute: function() {
-        return s.isDynamicRoute;
+    function l(t, s) {
+      for (const [u, r] of Object.entries(s)) {
+        if (!s.hasOwnProperty(u) || d.includes(u) || r === void 0)
+          continue;
+        const o = c[u] || u.toLowerCase();
+        t.tagName === "SCRIPT" && i(o) ? t[o] = !!r : t.setAttribute(o, String(r)), (r === !1 || t.tagName === "SCRIPT" && i(o) && (!r || r === "false")) && (t.setAttribute(o, ""), t.removeAttribute(o));
       }
-    });
-    const t = f(), s = _();
-  }(e), e);
+    }
+    (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), f.exports = e.default);
+  }(n, n.exports), n.exports);
 }
 export {
-  R as __require
+  m as __require
 };

package/dist/index164.mjs

@@ -1,21 +1,5 @@
 'use client';
-import { __exports as e } from "./index224.mjs";
-var t;
-function u() {
-  return t ? e : (t = 1, function(r) {
-    Object.defineProperty(r, "__esModule", {
-      value: !0
-    }), Object.defineProperty(r, "normalizePathSep", {
-      enumerable: !0,
-      get: function() {
-        return n;
-      }
-    });
-    function n(a) {
-      return a.replace(/\\/g, "/");
-    }
-  }(e), e);
-}
+var a = {};
 export {
-  u as __require
+  a as __exports
 };

package/dist/index165.mjs

@@ -1,5 +1,33 @@
 'use client';
-var a = {};
+import { __exports as e } from "./index219.mjs";
+import { __require as f } from "./index220.mjs";
+import { __require as _ } from "./index111.mjs";
+var i;
+function R() {
+  return i ? e : (i = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    });
+    function n(c, o) {
+      for (var u in o) Object.defineProperty(c, u, {
+        enumerable: !0,
+        get: o[u]
+      });
+    }
+    n(r, {
+      getSortedRouteObjects: function() {
+        return t.getSortedRouteObjects;
+      },
+      getSortedRoutes: function() {
+        return t.getSortedRoutes;
+      },
+      isDynamicRoute: function() {
+        return s.isDynamicRoute;
+      }
+    });
+    const t = f(), s = _();
+  }(e), e);
+}
 export {
-  a as __exports
+  R as __require
 };

package/dist/index166.mjs

@@ -1,5 +1,21 @@
 'use client';
-var t = {};
+import { __exports as e } from "./index221.mjs";
+var t;
+function u() {
+  return t ? e : (t = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
+      value: !0
+    }), Object.defineProperty(r, "normalizePathSep", {
+      enumerable: !0,
+      get: function() {
+        return n;
+      }
+    });
+    function n(a) {
+      return a.replace(/\\/g, "/");
+    }
+  }(e), e);
+}
 export {
-  t as __exports
+  u as __require
 };

package/dist/index167.mjs

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

package/dist/index168.mjs

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

package/dist/index169.mjs

@@ -1,75 +1,5 @@
 'use client';
-import { __exports as u } from "./index232.mjs";
-import { __require as d } from "./index233.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);
-}
+var r = {};
 export {
-  h as __require
+  r as __exports
 };

package/dist/index17.mjs

@@ -1,112 +1,65 @@
 'use client';
-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 "./index20.mjs";
-import { useHideBodyOverflow as z } from "./index42.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);
-}
+import { jsx as d } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as o } from "./index22.mjs";
+const s = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o(
+      "rounded-lg border bg-card text-card-foreground",
+      a
+    ),
+    ...e
+  }
+));
+s.displayName = "Card";
+const i = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("flex flex-col space-y-1.5 p-6", a),
+    ...e
+  }
+));
+i.displayName = "CardHeader";
+const c = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o(
+      "text-2xl font-semibold leading-none tracking-tight",
+      a
+    ),
+    ...e
+  }
+));
+c.displayName = "CardTitle";
+const l = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+l.displayName = "CardDescription";
+const m = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: o("p-6 pt-0", a), ...e }));
+m.displayName = "CardContent";
+const n = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
+  {
+    ref: r,
+    className: o("flex items-center p-6 pt-0", a),
+    ...e
+  }
+));
+n.displayName = "CardFooter";
 export {
-  H as Modal
+  s as Card,
+  m as CardContent,
+  l as CardDescription,
+  n as CardFooter,
+  i as CardHeader,
+  c as CardTitle
 };

package/dist/index170.mjs

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