@instockng/storefront-ui 1.0.74 → 1.0.76

package/dist/index160.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as r } from "./index223.mjs";
+import { __module as r } from "./index228.mjs";
 var i;
 function c() {
   return i ? r.exports : (i = 1, function(f, e) {

package/dist/index161.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as n } from "./index216.mjs";
+import { __module as n } from "./index229.mjs";
 var a;
 function o() {
   return a ? n.exports : (a = 1, function(f, e) {

package/dist/index162.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index224.mjs";
+import { __exports as e } from "./index230.mjs";
 var t;
 function o() {
   return t ? e : (t = 1, function(r) {

package/dist/index163.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index225.mjs";
+import { __exports as e } from "./index231.mjs";
 var n;
 function a() {
   return n ? e : (n = 1, function(r) {

package/dist/index165.mjs

@@ -1,8 +1,8 @@
 'use client';
-import { __exports as e } from "./index214.mjs";
-import "./index78.mjs";
+import { __exports as e } from "./index246.mjs";
+import "./index98.mjs";
 import n from "react";
-import { __exports as o } from "./index83.mjs";
+import { __exports as o } from "./index103.mjs";
 var a;
 function c() {
   return a ? e : (a = 1, function(t) {

package/dist/index166.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __module as n } from "./index215.mjs";
+import { __module as n } from "./index247.mjs";
 var a;
 function m() {
   return a ? n.exports : (a = 1, function(f, e) {

package/dist/index168.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __exports as e } from "./index217.mjs";
-import { __require as f } from "./index218.mjs";
-import { __require as _ } from "./index112.mjs";
+import { __exports as e } from "./index243.mjs";
+import { __require as f } from "./index244.mjs";
+import { __require as _ } from "./index126.mjs";
 var i;
 function R() {
   return i ? e : (i = 1, function(r) {

package/dist/index169.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as e } from "./index219.mjs";
+import { __exports as e } from "./index245.mjs";
 var t;
 function u() {
   return t ? e : (t = 1, function(r) {

package/dist/index17.mjs

@@ -1,65 +1,63 @@
 'use client';
-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",
+import { jsxs as c, jsx as u } from "react/jsx-runtime";
+import { Root as v } from "./index50.mjs";
+import { cva as g } from "./index51.mjs";
+import { Loader2 as l } from "lucide-react";
+import { cn as p } from "./index23.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",
   {
-    ref: r,
-    className: o(
-      "rounded-lg border bg-card text-card-foreground",
-      a
-    ),
-    ...e
+    variants: {
+      variant: {
+        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",
+      size: "default"
+    }
   }
-));
-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";
+);
+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 {
-  s as Card,
-  m as CardContent,
-  l as CardDescription,
-  n as CardFooter,
-  i as CardHeader,
-  c as CardTitle
+  z as Button,
+  b as buttonVariants
 };

package/dist/index174.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as u } from "./index220.mjs";
-import { __require as d } from "./index221.mjs";
+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) {

package/dist/index176.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as i } from "./index226.mjs";
+import { __exports as i } from "./index234.mjs";
 var a;
 function d() {
   return a ? i : (a = 1, function(f) {

package/dist/index178.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as n } from "./index228.mjs";
-import { __require as d } from "./index229.mjs";
+import { __exports as n } from "./index236.mjs";
+import { __require as d } from "./index237.mjs";
 var o;
 function p() {
   return o ? n : (o = 1, function(i) {

package/dist/index179.mjs

@@ -1,11 +1,11 @@
 'use client';
-import { __exports as A } from "./index230.mjs";
-import { __require as T } from "./index229.mjs";
+import { __exports as A } from "./index238.mjs";
+import { __require as T } from "./index237.mjs";
 import { __require as L } from "./index182.mjs";
-import { __require as N } from "./index231.mjs";
+import { __require as N } from "./index239.mjs";
 import { __require as U } from "./index174.mjs";
-import { __require as j } from "./index232.mjs";
-import { __require as v } from "./index233.mjs";
+import { __require as j } from "./index240.mjs";
+import { __require as v } from "./index241.mjs";
 var S;
 function W() {
   return S ? A : (S = 1, function(R) {

package/dist/index18.mjs

@@ -1,27 +1,65 @@
 'use client';
-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",
+import { jsx as d } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as o } from "./index23.mjs";
+const s = t.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d(
+  "div",
   {
-    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"
-    }
+    ref: r,
+    className: o(
+      "rounded-lg border bg-card text-card-foreground",
+      a
+    ),
+    ...e
   }
-);
-function f({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
-}
+));
+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 {
-  f as Badge,
-  i as badgeVariants
+  s as Card,
+  m as CardContent,
+  l as CardDescription,
+  n as CardFooter,
+  i as CardHeader,
+  c as CardTitle
 };

package/dist/index182.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index227.mjs";
+import { __exports as r } from "./index235.mjs";
 var n;
 function i() {
   return n ? r : (n = 1, function(t) {

package/dist/index185.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as r } from "./index234.mjs";
+import { __exports as r } from "./index242.mjs";
 var u;
 function D() {
   return u ? r : (u = 1, function(t) {

package/dist/index188.mjs

@@ -1,7 +1,7 @@
 'use client';
-import { __module as t } from "./index235.mjs";
-import { __require as _ } from "./index105.mjs";
-import { __require as d } from "./index119.mjs";
+import { __module as t } from "./index248.mjs";
+import { __require as _ } from "./index119.mjs";
+import { __require as d } from "./index133.mjs";
 var u;
 function S() {
   return u ? t.exports : (u = 1, function(s, e) {

package/dist/index189.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index236.mjs";
+import { __exports as t } from "./index249.mjs";
 import { __require as _ } from "./index193.mjs";
 import { __require as c } from "./index195.mjs";
 var u;

package/dist/index19.mjs

@@ -1,112 +1,27 @@
 '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 "./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);
+import { jsx as o } from "react/jsx-runtime";
+import { cva as n } from "./index51.mjs";
+import { cn as a } from "./index23.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"
     }
-  }, [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);
+  }
+);
+function f({ className: r, variant: e, ...t }) {
+  return /* @__PURE__ */ o("div", { className: a(i({ variant: e }), r), ...t });
 }
 export {
-  H as Modal
+  f as Badge,
+  i as badgeVariants
 };

package/dist/index193.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as r } from "./index237.mjs";
-import { __require as o } from "./index119.mjs";
+import { __exports as r } from "./index251.mjs";
+import { __require as o } from "./index133.mjs";
 var i;
 function _() {
   return i ? r : (i = 1, function(t) {

package/dist/index195.mjs

@@ -1,6 +1,6 @@
 'use client';
-import { __exports as e } from "./index238.mjs";
-import { __require as f } from "./index119.mjs";
+import { __exports as e } from "./index250.mjs";
+import { __require as f } from "./index133.mjs";
 var n;
 function p() {
   return n ? e : (n = 1, function(r) {

package/dist/index199.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { __exports as t } from "./index240.mjs";
+import { __exports as t } from "./index253.mjs";
 import { __require as a } from "./index195.mjs";
 var n;
 function h() {

package/dist/index2.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
-import { ApiClientProvider as m } from "./index23.mjs";
+import { ApiClientProvider as m } from "./index24.mjs";
 import "@tanstack/react-query";
-import { useGetBrand as d } from "./index36.mjs";
+import { useGetBrand as d } from "./index37.mjs";
 import { CartProvider as f } from "./index3.mjs";
 import { MetaPixelProvider as p } from "./index4.mjs";
 import { TikTokPixelProvider as P } from "./index5.mjs";