@loczer/storefront-sdk 0.242.0 → 0.243.0

package/dist/ui/drawer.d.ts

@@ -1,3 +1,4 @@
+import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import * as React from "react";
 type DrawerDirection = "top" | "bottom" | "left" | "right";
 type DrawerProps = {
@@ -15,26 +16,24 @@ type DrawerProps = {
     lockScroll?: boolean;
     children?: React.ReactNode;
 };
-declare function Drawer({ open: openProp, defaultOpen, onOpenChange, direction, children, modal, dismissible, fixed: _fixed, repositionInputs: _repositionInputs, snapPoints: _snapPoints, activeSnapPoint: _activeSnapPoint, setActiveSnapPoint: _setActiveSnapPoint, lockScroll, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
-declare const DrawerTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare function Drawer({ open, defaultOpen, onOpenChange, direction, children, modal, dismissible, fixed: _fixed, repositionInputs: _repositionInputs, snapPoints, activeSnapPoint, setActiveSnapPoint, lockScroll, }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+type DrawerTriggerProps = DrawerPrimitive.Trigger.Props & {
     asChild?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-type DrawerPortalProps = {
-    children?: React.ReactNode;
-    container?: HTMLElement | null;
 };
-declare function DrawerPortal({ children, container }: DrawerPortalProps): React.ReactPortal | null;
-declare const DrawerClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DrawerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare function DrawerPortal(props: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+type DrawerCloseProps = DrawerPrimitive.Close.Props & {
     asChild?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+};
+declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').DrawerBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "render"> & {
     onPointerDownOutside?: (event: {
         detail: {
             originalEvent: PointerEvent;
         };
     }) => void;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<import('@base-ui/react').DrawerPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "render"> & {
     closeButtonClassName?: string;
     closeButtonTestId?: string;
     closeLabel?: string;
@@ -47,7 +46,7 @@ declare const DrawerContent: React.ForwardRefExoticComponent<React.HTMLAttribute
 } & React.RefAttributes<HTMLDivElement>>;
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare const DrawerTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-declare const DrawerDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
 //# sourceMappingURL=drawer.d.ts.map

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;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"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAKjE,KAAK,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAW1D,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,EACJ,WAAmB,EACnB,YAAY,EACZ,SAAoB,EACpB,QAAQ,EACR,KAAY,EACZ,WAAkB,EAClB,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,iBAAiB,EACnC,UAAU,EACV,eAAe,EACf,kBAAkB,EAClB,UAAiB,GAClB,EAAE,WAAW,2CAgCb;AAED,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,2GAWlB,CAAA;AAGD,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAE/E;AAED,KAAK,gBAAgB,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,GAAG;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW,yGAWhB,CAAA;AAUD,QAAA,MAAM,aAAa;2BAHM,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,aAAa,EAAE,YAAY,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI;wCA2BpF,CAAA;AAcD,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;wCAoEzB,CAAA;AAGF,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,mIAUf,CAAA;AAGF,QAAA,MAAM,iBAAiB,2IAUrB,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

@@ -1,165 +1,141 @@
-import { Slot as e } from "./slot.js";
-import { useAriaHiddenSiblings as t } from "./modal-aria.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cn as a } from "@rpcbase/ui";
-import { X as o } from "lucide-react";
-import { createPortal as s } from "react-dom";
+import * as e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { cn as r } from "@rpcbase/ui";
+import { X as i } from "lucide-react";
+import { Drawer as a } from "@base-ui/react/drawer";
 //#region src/ui/drawer.tsx
-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 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 (!x || !g || typeof document > "u") return;
-		let e = document.body.style.overflow;
-		return document.body.style.overflow = "hidden", () => {
-			document.body.style.overflow = e;
-		};
-	}, [g, x]), n.useEffect(() => {
-		if (b) {
-			S(!0);
+var o = e.createContext("bottom");
+function s(e) {
+	return e === "top" ? "up" : e === "left" ? "left" : e === "right" ? "right" : "down";
+}
+function c({ open: e, defaultOpen: n = !1, onOpenChange: r, direction: i = "bottom", children: c, modal: l = !0, dismissible: u = !0, fixed: d, repositionInputs: f, snapPoints: p, activeSnapPoint: m, setActiveSnapPoint: h, lockScroll: g = !0 }) {
+	let _ = (e, t) => {
+		if (!e && !u && t.reason !== "close-press") {
+			t.cancel();
 			return;
 		}
-		if (!x) return;
-		let e = window.setTimeout(() => {
-			S(!1);
-		}, c);
-		return () => window.clearTimeout(e);
-	}, [b, x]), /* @__PURE__ */ r(l.Provider, {
-		value: {
-			open: b,
-			present: x,
-			setOpen: (e) => {
-				y || v(e), i?.(e);
-			},
-			direction: a,
-			modal: s,
-			dismissible: u
-		},
-		children: o
+		r?.(e);
+	}, v = l && !g ? "trap-focus" : l;
+	return /* @__PURE__ */ t(o.Provider, {
+		value: i,
+		children: /* @__PURE__ */ t(a.Root, {
+			open: e,
+			defaultOpen: n,
+			onOpenChange: _,
+			modal: v,
+			disablePointerDismissal: !u,
+			swipeDirection: s(i),
+			snapPoints: p,
+			snapPoint: m,
+			onSnapPointChange: (e) => h?.(e),
+			children: c
+		})
 	});
 }
-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",
-		onClick: (e) => {
-			n?.(e), e.defaultPrevented || o(!0);
-		},
-		...i
-	});
-});
-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(() => {
-		d(!0);
-	}, []), t(a && l && c, f), !o || !l || typeof document > "u" ? null : s(/* @__PURE__ */ r("div", {
-		ref: f,
+var l = e.forwardRef(({ asChild: n, children: r, ...i }, o) => /* @__PURE__ */ t(a.Trigger, {
+	ref: o,
+	"data-slot": "drawer-trigger",
+	render: n && e.isValidElement(r) ? r : void 0,
+	...i,
+	children: n ? void 0 : r
+}));
+l.displayName = "DrawerTrigger";
+function u(e) {
+	return /* @__PURE__ */ t(a.Portal, {
 		"data-slot": "drawer-portal",
-		children: e
-	}), i ?? document.body);
-}
-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",
-		onClick: (e) => {
-			n?.(e), e.defaultPrevented || o(!1);
-		},
-		...i
+		...e
 	});
-});
-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": 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]:fill-mode-forwards 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 || !l) && (e.stopPropagation(), c(!1));
-		},
-		...i
-	});
-});
-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) => {
-			x && e.key === "Escape" && b(!1);
-		};
-		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [x, b]), /* @__PURE__ */ i(p, { children: [/* @__PURE__ */ r(h, { onPointerDownOutside: d }), /* @__PURE__ */ i("div", {
-		ref: _,
-		"data-slot": "drawer-content",
-		"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 duration-200 data-[state=open]:animate-in data-[state=closed]:pointer-events-none data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards 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" }),
-			f ? /* @__PURE__ */ r(m, {
-				asChild: !0,
-				children: /* @__PURE__ */ r("button", {
-					type: "button",
-					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, {
-						className: "size-5",
-						"aria-hidden": "true"
+}
+var d = e.forwardRef(({ asChild: n, children: r, ...i }, o) => /* @__PURE__ */ t(a.Close, {
+	ref: o,
+	"data-slot": "drawer-close",
+	render: n && e.isValidElement(r) ? r : void 0,
+	...i,
+	children: n ? void 0 : r
+}));
+d.displayName = "DrawerClose";
+var f = e.forwardRef(({ className: e, onPointerDown: n, onPointerDownOutside: i, ...o }, s) => /* @__PURE__ */ t(a.Backdrop, {
+	ref: s,
+	"data-slot": "drawer-overlay",
+	className: r("pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none duration-200 data-[open]:animate-in data-[closed]:pointer-events-none data-[closed]:animate-out data-[closed]:fill-mode-forwards data-[closed]:fade-out-0 data-[open]:fade-in-0", e),
+	onPointerDown: (e) => {
+		n?.(e), e.defaultPrevented || i?.({ detail: { originalEvent: e.nativeEvent } });
+	},
+	render: (e, n) => /* @__PURE__ */ t("div", {
+		...e,
+		"data-state": n.open ? "open" : "closed"
+	}),
+	...o
+}));
+f.displayName = "DrawerOverlay";
+var p = e.forwardRef(({ className: s, children: c, closeButtonClassName: l, closeButtonTestId: p = "drawer-close", closeLabel: m = "Close", onPointerDownOutside: h, showCloseButton: g = !1, ..._ }, v) => {
+	let y = e.useContext(o);
+	return /* @__PURE__ */ n(u, { children: [/* @__PURE__ */ t(f, { onPointerDownOutside: h }), /* @__PURE__ */ t(a.Viewport, {
+		className: "pointer-events-none fixed inset-0 z-50",
+		children: /* @__PURE__ */ n(a.Popup, {
+			ref: v,
+			"data-slot": "drawer-content",
+			"data-drawer-direction": y,
+			"data-vaul-drawer-direction": y,
+			className: r("group/drawer-content bg-background pointer-events-auto fixed z-50 flex h-auto flex-col duration-200 outline-none data-[open]:animate-in data-[closed]:pointer-events-none data-[closed]:animate-out data-[closed]:fill-mode-forwards data-[closed]:fade-out-0 data-[open]:fade-in-0", y === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b data-[open]:slide-in-from-top data-[closed]:slide-out-to-top", y === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t data-[open]:slide-in-from-bottom data-[closed]:slide-out-to-bottom", y === "right" && "inset-y-0 right-0 w-3/4 border-l data-[open]:slide-in-from-right data-[closed]:slide-out-to-right sm:max-w-sm", y === "left" && "inset-y-0 left-0 w-3/4 border-r data-[open]:slide-in-from-left data-[closed]:slide-out-to-left sm:max-w-sm", s),
+			render: (e, n) => /* @__PURE__ */ t("div", {
+				...e,
+				"data-state": n.open ? "open" : "closed"
+			}),
+			..._,
+			children: [
+				/* @__PURE__ */ t("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" }),
+				g ? /* @__PURE__ */ t(d, {
+					asChild: !0,
+					children: /* @__PURE__ */ t("button", {
+						type: "button",
+						className: r("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", l),
+						"aria-label": m,
+						"data-testid": p,
+						onClick: (e) => e.stopPropagation(),
+						onPointerDown: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ t(i, {
+							className: "size-5",
+							"aria-hidden": "true"
+						})
 					})
+				}) : null,
+				/* @__PURE__ */ t(a.Content, {
+					className: "contents",
+					children: c
 				})
-			}) : null,
-			t
-		]
+			]
+		})
 	})] });
 });
-g.displayName = "DrawerContent";
-function _({ className: e, ...t }) {
-	return /* @__PURE__ */ r("div", {
+p.displayName = "DrawerContent";
+function m({ className: e, ...n }) {
+	return /* @__PURE__ */ t("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
+		className: r("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),
+		...n
 	});
 }
-function v({ className: e, ...t }) {
-	return /* @__PURE__ */ r("div", {
+function h({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
 		"data-slot": "drawer-footer",
-		className: a("mt-auto flex flex-col gap-2 p-4", e),
-		...t
+		className: r("mt-auto flex flex-col gap-2 p-4", e),
+		...n
 	});
 }
-var y = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("h2", {
-	ref: n,
+var g = e.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ t(a.Title, {
+	ref: i,
 	"data-slot": "drawer-title",
-	className: a("text-foreground font-semibold", e),
-	...t
+	className: r("text-foreground font-semibold", e),
+	...n
 }));
-y.displayName = "DrawerTitle";
-var b = n.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ r("p", {
-	ref: n,
+g.displayName = "DrawerTitle";
+var _ = e.forwardRef(({ className: e, ...n }, i) => /* @__PURE__ */ t(a.Description, {
+	ref: i,
 	"data-slot": "drawer-description",
-	className: a("text-muted-foreground text-sm", e),
-	...t
+	className: r("text-muted-foreground text-sm", e),
+	...n
 }));
-b.displayName = "DrawerDescription";
+_.displayName = "DrawerDescription";
 //#endregion
-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 };
+export { c as Drawer, d as DrawerClose, p as DrawerContent, _ as DrawerDescription, h as DrawerFooter, m as DrawerHeader, f as DrawerOverlay, u as DrawerPortal, g as DrawerTitle, l as DrawerTrigger };

package/package.json

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