@loczer/storefront-sdk 0.214.0 → 0.216.0

package/dist/ui/drawer.d.ts

@@ -35,6 +35,7 @@ declare const DrawerOverlay: React.ForwardRefExoticComponent<React.HTMLAttribute
     }) => void;
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    closeButtonClassName?: string;
     closeButtonTestId?: string;
     closeLabel?: string;
     onPointerDownOutside?: (event: {

package/dist/ui/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAoB1D,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,QAAQ,EACR,KAAY,EACZ,WAAkB,EAClB,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,iBAAiB,EACnC,UAAU,EAAE,WAAW,EACvB,eAAe,EAAE,gBAAgB,EACjC,kBAAkB,EAAE,mBAAmB,EACvC,UAAiB,GAClB,EAAE,WAAW,2CA4Bb;AAMD,QAAA,MAAM,aAAa;cAHP,OAAO;2CAsBlB,CAAA;AAGD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,4BAmB/D;AAMD,QAAA,MAAM,WAAW;cAHL,OAAO;2CAsBlB,CAAA;AAOD,QAAA,MAAM,aAAa;2BAHM,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;wCAiCpF,CAAA;AAUD,QAAA,MAAM,aAAa;wBANG,MAAM;iBACb,MAAM;2BACI,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;sBACjE,OAAO;wCAsE1B,CAAA;AAGD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,QAAA,MAAM,WAAW,qHAUf,CAAA;AAGF,QAAA,MAAM,iBAAiB,yHAUrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAsB1D,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,QAAQ,EACR,KAAY,EACZ,WAAkB,EAClB,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,iBAAiB,EACnC,UAAU,EAAE,WAAW,EACvB,eAAe,EAAE,gBAAgB,EACjC,kBAAkB,EAAE,mBAAmB,EACvC,UAAiB,GAClB,EAAE,WAAW,2CA4Cb;AAMD,QAAA,MAAM,aAAa;cAHP,OAAO;2CAsBlB,CAAA;AAGD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,4BAmB/D;AAMD,QAAA,MAAM,WAAW;cAHL,OAAO;2CAsBlB,CAAA;AAOD,QAAA,MAAM,aAAa;2BAHM,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;wCAiCpF,CAAA;AAWD,QAAA,MAAM,aAAa;2BAPM,MAAM;wBACT,MAAM;iBACb,MAAM;2BACI,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;sBACjE,OAAO;wCA0E1B,CAAA;AAGD,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,QAAA,MAAM,WAAW,qHAUf,CAAA;AAGF,QAAA,MAAM,iBAAiB,yHAUrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}

package/dist/ui/drawer.js

@@ -6,34 +6,45 @@ import { cn as a } from "@rpcbase/ui";
 import { X as o } from "lucide-react";
 import { createPortal as s } from "react-dom";
 //#region src/ui/drawer.tsx
-var c = n.createContext(null), l = () => {
-	let e = n.useContext(c);
+var c = 250, l = n.createContext(null), u = () => {
+	let e = n.useContext(l);
 	if (!e) throw Error("Drawer components must be used within <Drawer>");
 	return e;
 };
-function u({ open: e, defaultOpen: t = !1, onOpenChange: i, direction: a = "bottom", children: o, modal: s = !0, dismissible: l = !0, fixed: u, repositionInputs: d, snapPoints: f, activeSnapPoint: p, setActiveSnapPoint: m, lockScroll: h = !0 }) {
-	let [g, _] = n.useState(t), v = e !== void 0, y = v ? e : g;
+function d({ open: e, defaultOpen: t = !1, onOpenChange: i, direction: a = "bottom", children: o, modal: s = !0, dismissible: u = !0, fixed: d, repositionInputs: f, snapPoints: p, activeSnapPoint: m, setActiveSnapPoint: h, lockScroll: g = !0 }) {
+	let [_, v] = n.useState(t), y = e !== void 0, b = y ? e : _, [x, S] = n.useState(b);
 	return n.useEffect(() => {
-		if (!y || !h || typeof document > "u") return;
+		if (!b || !g || typeof document > "u") return;
 		let e = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = e;
 		};
-	}, [h, y]), /* @__PURE__ */ r(c.Provider, {
+	}, [g, b]), n.useEffect(() => {
+		if (b) {
+			S(!0);
+			return;
+		}
+		if (!x) return;
+		let e = window.setTimeout(() => {
+			S(!1);
+		}, c);
+		return () => window.clearTimeout(e);
+	}, [b, x]), /* @__PURE__ */ r(l.Provider, {
 		value: {
-			open: y,
+			open: b,
+			present: x,
 			setOpen: (e) => {
-				v || _(e), i?.(e);
+				y || v(e), i?.(e);
 			},
 			direction: a,
 			modal: s,
-			dismissible: l
+			dismissible: u
 		},
 		children: o
 	});
 }
-var d = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
-	let { setOpen: o } = l();
+var f = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
+	let { setOpen: o } = u();
 	return /* @__PURE__ */ r(t ? e : "button", {
 		ref: a,
 		"data-slot": "drawer-trigger",
@@ -43,19 +54,19 @@ var d = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
 		...i
 	});
 });
-d.displayName = "DrawerTrigger";
-function f({ children: e, container: i }) {
-	let { open: a, modal: o } = l(), [c, u] = n.useState(!1), d = n.useRef(null);
+f.displayName = "DrawerTrigger";
+function p({ children: e, container: i }) {
+	let { open: a, present: o, modal: c } = u(), [l, d] = n.useState(!1), f = n.useRef(null);
 	return n.useEffect(() => {
-		u(!0);
-	}, []), t(a && c && o, d), !a || !c || typeof document > "u" ? null : s(/* @__PURE__ */ r("div", {
-		ref: d,
+		d(!0);
+	}, []), t(a && l && c, f), !o || !l || typeof document > "u" ? null : s(/* @__PURE__ */ r("div", {
+		ref: f,
 		"data-slot": "drawer-portal",
 		children: e
 	}), i ?? document.body);
 }
-var p = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
-	let { setOpen: o } = l();
+var m = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
+	let { setOpen: o } = u();
 	return /* @__PURE__ */ r(t ? e : "button", {
 		ref: a,
 		"data-slot": "drawer-close",
@@ -65,50 +76,50 @@ var p = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
 		...i
 	});
 });
-p.displayName = "DrawerClose";
-var m = n.forwardRef(({ className: e, onClick: t, onPointerDownOutside: n, ...i }, o) => {
-	let { setOpen: s, dismissible: c } = l();
+m.displayName = "DrawerClose";
+var h = n.forwardRef(({ className: e, onClick: t, onPointerDownOutside: n, ...i }, o) => {
+	let { open: s, setOpen: c, dismissible: l } = u();
 	return /* @__PURE__ */ r("div", {
 		ref: o,
 		"data-slot": "drawer-overlay",
-		"data-state": "open",
-		className: a("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
+		"data-state": s ? "open" : "closed",
+		className: a("fixed inset-0 z-50 bg-black/50 duration-200 data-[state=open]:animate-in data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", e),
 		onPointerDown: (e) => {
 			n?.({ detail: { originalEvent: e.nativeEvent } });
 		},
 		onClick: (e) => {
-			t?.(e), !(e.defaultPrevented || !c) && (e.stopPropagation(), s(!1));
+			t?.(e), !(e.defaultPrevented || !l) && (e.stopPropagation(), c(!1));
 		},
 		...i
 	});
 });
-m.displayName = "DrawerOverlay";
-var h = n.forwardRef(({ className: e, children: t, closeButtonTestId: s = "drawer-close", closeLabel: c = "Close", onPointerDownOutside: u, showCloseButton: d = !1, ...h }, g) => {
-	let { direction: _, setOpen: v, dismissible: y } = l();
+h.displayName = "DrawerOverlay";
+var g = n.forwardRef(({ className: e, children: t, closeButtonClassName: s, closeButtonTestId: c = "drawer-close", closeLabel: l = "Close", onPointerDownOutside: d, showCloseButton: f = !1, ...g }, _) => {
+	let { direction: v, open: y, setOpen: b, dismissible: x } = u();
 	return n.useEffect(() => {
 		if (typeof document > "u") return;
 		let e = (e) => {
-			y && e.key === "Escape" && v(!1);
+			x && e.key === "Escape" && b(!1);
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [y, v]), /* @__PURE__ */ i(f, { children: [/* @__PURE__ */ r(m, { onPointerDownOutside: u }), /* @__PURE__ */ i("div", {
-		ref: g,
+	}, [x, b]), /* @__PURE__ */ i(p, { children: [/* @__PURE__ */ r(h, { onPointerDownOutside: d }), /* @__PURE__ */ i("div", {
+		ref: _,
 		"data-slot": "drawer-content",
-		"data-drawer-direction": _,
-		"data-state": "open",
+		"data-drawer-direction": v,
+		"data-state": y ? "open" : "closed",
 		role: "dialog",
 		"aria-modal": "true",
-		className: a("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", _ === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b", _ === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t", _ === "right" && "inset-y-0 right-0 w-3/4 border-l sm:max-w-sm", _ === "left" && "inset-y-0 left-0 w-3/4 border-r sm:max-w-sm", e),
-		...h,
+		className: a("group/drawer-content bg-background fixed z-50 flex h-auto flex-col duration-200 data-[state=open]:animate-in data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", v === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top", v === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom", v === "right" && "inset-y-0 right-0 w-3/4 border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right sm:max-w-sm", v === "left" && "inset-y-0 left-0 w-3/4 border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left sm:max-w-sm", e),
+		...g,
 		children: [
 			/* @__PURE__ */ r("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[drawer-direction=bottom]/drawer-content:block" }),
-			d ? /* @__PURE__ */ r(p, {
+			f ? /* @__PURE__ */ r(m, {
 				asChild: !0,
 				children: /* @__PURE__ */ r("button", {
 					type: "button",
-					className: "absolute right-4 top-2 z-20 flex size-10 items-center justify-center rounded-full bg-background/90 text-muted-foreground shadow-sm ring-1 ring-border backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-					"aria-label": c,
-					"data-testid": s,
+					className: a("absolute right-4 top-2 z-20 flex size-10 items-center justify-center rounded-full bg-background/90 text-muted-foreground shadow-sm ring-1 ring-border backdrop-blur-sm transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", s),
+					"aria-label": l,
+					"data-testid": c,
 					onClick: (e) => e.stopPropagation(),
 					onPointerDown: (e) => e.stopPropagation(),
 					children: /* @__PURE__ */ r(o, {
@@ -121,34 +132,34 @@ var h = n.forwardRef(({ className: e, children: t, closeButtonTestId: s = "drawe
 		]
 	})] });
 });
-h.displayName = "DrawerContent";
-function g({ className: e, ...t }) {
+g.displayName = "DrawerContent";
+function _({ className: e, ...t }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "drawer-header",
 		className: a("flex flex-col gap-0.5 p-4 group-data-[drawer-direction=bottom]/drawer-content:text-center group-data-[drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", e),
 		...t
 	});
 }
-function _({ className: e, ...t }) {
+function v({ className: e, ...t }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "drawer-footer",
 		className: a("mt-auto flex flex-col gap-2 p-4", e),
 		...t
 	});
 }
-var v = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("h2", {
+var y = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("h2", {
 	ref: n,
 	"data-slot": "drawer-title",
 	className: a("text-foreground font-semibold", e),
 	...t
 }));
-v.displayName = "DrawerTitle";
-var y = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("p", {
+y.displayName = "DrawerTitle";
+var b = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("p", {
 	ref: n,
 	"data-slot": "drawer-description",
 	className: a("text-muted-foreground text-sm", e),
 	...t
 }));
-y.displayName = "DrawerDescription";
+b.displayName = "DrawerDescription";
 //#endregion
-export { u as Drawer, p as DrawerClose, h as DrawerContent, y as DrawerDescription, _ as DrawerFooter, g as DrawerHeader, m as DrawerOverlay, f as DrawerPortal, v as DrawerTitle, d as DrawerTrigger };
+export { d as Drawer, m as DrawerClose, g as DrawerContent, b as DrawerDescription, v as DrawerFooter, _ as DrawerHeader, h as DrawerOverlay, p as DrawerPortal, y as DrawerTitle, f as DrawerTrigger };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loczer/storefront-sdk",
-  "version": "0.214.0",
+  "version": "0.216.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"