@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/ui/day-picker.js

@@ -1,53 +1,53 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ChevronLeft as s, ChevronRight as c } from "lucide-react";
-import { DayPicker as m } from "react-day-picker";
-import { cn as e } from "@rpcbase/ui";
-import { buttonVariants as o } from "./button.js";
-const l = m;
-function y({ className: a, classNames: n, components: d, showOutsideDays: i = !0, ...u }) {
-  return /* @__PURE__ */ r(
-    l,
-    {
-      weekStartsOn: 1,
-      showOutsideDays: i,
-      className: e("p-3", a),
-      classNames: {
-        month: "space-y-4",
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
-        month_caption: "flex justify-center pt-1 relative items-center",
-        month_grid: "w-full border-collapse space-y-1",
-        caption_label: "text-sm font-medium",
-        nav: "flex items-center justify-between absolute inset-x-0",
-        button_previous: e(o({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
-        button_next: e(o({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
-        weeks: "w-full border-collapse",
-        weekdays: "flex",
-        weekday: "text-muted-foreground rounded-md w-9 font-normal text-xs",
-        week: "flex w-full mt-2",
-        day: "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md",
-        day_button: e(
-          o({ variant: "ghost" }),
-          "h-9 w-9 text-center text-sm p-0 relative focus-within:relative focus-within:z-20"
-        ),
-        range_start: "day-range-start !bg-accent rounded-l-md [&:not(.day-range-end)]:!rounded-r-none [&>button]:bg-primary [&>button]:text-primary-foreground [&:not(.day-range-end)>button]:!rounded-r-none [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
-        range_end: "day-range-end !bg-accent rounded-r-md [&:not(.day-range-start)]:!rounded-l-none [&>button]:bg-primary [&>button]:text-primary-foreground [&:not(.day-range-start)>button]:!rounded-l-none [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
-        range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground !rounded-none",
-        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
-        today: "bg-gray-50 text-accent-foreground !rounded-md",
-        outside: "day-outside text-muted-foreground opacity-50 !aria-selected:bg-accent/50 !aria-selected:text-muted-foreground !aria-selected:opacity-30",
-        disabled: "text-muted-foreground opacity-50",
-        hidden: "invisible",
-        ...n
-      },
-      components: {
-        Chevron: ({ ...t }) => t.orientation === "left" ? /* @__PURE__ */ r(s, { ...t, className: "h-4 w-4" }) : /* @__PURE__ */ r(c, { ...t, className: "h-4 w-4" }),
-        ...d
-      },
-      ...u
-    }
-  );
+import { buttonVariants as e } from "./button.js";
+import { jsx as t } from "react/jsx-runtime";
+import { cn as n } from "@rpcbase/ui";
+import { ChevronLeft as r, ChevronRight as i } from "lucide-react";
+import { DayPicker as a } from "react-day-picker";
+//#region src/ui/day-picker.tsx
+var o = a;
+function s({ className: a, classNames: s, components: c, showOutsideDays: l = !0, ...u }) {
+	return /* @__PURE__ */ t(o, {
+		weekStartsOn: 1,
+		showOutsideDays: l,
+		className: n("p-3", a),
+		classNames: {
+			month: "space-y-4",
+			months: "flex flex-col sm:flex-row space-y-4 sm:space-y-0 relative gap-2",
+			month_caption: "flex justify-center pt-1 relative items-center",
+			month_grid: "w-full border-collapse space-y-1",
+			caption_label: "text-sm font-medium",
+			nav: "flex items-center justify-between absolute inset-x-0",
+			button_previous: n(e({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
+			button_next: n(e({ variant: "outline" }), "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 z-10"),
+			weeks: "w-full border-collapse",
+			weekdays: "flex",
+			weekday: "text-muted-foreground rounded-md w-9 font-normal text-xs",
+			week: "flex w-full mt-2",
+			day: "h-9 w-9 p-0 font-normal aria-selected:opacity-100 rounded-md first:aria-selected:rounded-l-md last:aria-selected:rounded-r-md",
+			day_button: n(e({ variant: "ghost" }), "h-9 w-9 text-center text-sm p-0 relative focus-within:relative focus-within:z-20"),
+			range_start: "day-range-start !bg-accent rounded-l-md [&:not(.day-range-end)]:!rounded-r-none [&>button]:bg-primary [&>button]:text-primary-foreground [&:not(.day-range-end)>button]:!rounded-r-none [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+			range_end: "day-range-end !bg-accent rounded-r-md [&:not(.day-range-start)]:!rounded-l-none [&>button]:bg-primary [&>button]:text-primary-foreground [&:not(.day-range-start)>button]:!rounded-l-none [&>button]:hover:bg-primary [&>button]:hover:text-primary-foreground",
+			range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground !rounded-none",
+			selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+			today: "bg-gray-50 text-accent-foreground !rounded-md",
+			outside: "day-outside text-muted-foreground opacity-50 !aria-selected:bg-accent/50 !aria-selected:text-muted-foreground !aria-selected:opacity-30",
+			disabled: "text-muted-foreground opacity-50",
+			hidden: "invisible",
+			...s
+		},
+		components: {
+			Chevron: ({ ...e }) => e.orientation === "left" ? /* @__PURE__ */ t(r, {
+				...e,
+				className: "h-4 w-4"
+			}) : /* @__PURE__ */ t(i, {
+				...e,
+				className: "h-4 w-4"
+			}),
+			...c
+		},
+		...u
+	});
 }
-y.displayName = "DayPicker";
-export {
-  y as DayPicker
-};
+s.displayName = "DayPicker";
+//#endregion
+export { s as DayPicker };

package/dist/ui/drawer.js

@@ -1,223 +1,154 @@
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import * as a from "react";
-import { createPortal as O } from "react-dom";
-import { X as R } from "lucide-react";
-import { cn as u } from "@rpcbase/ui";
-import { useAriaHiddenSiblings as S } from "./modal-aria.js";
-import { Slot as y } from "./slot.js";
-const D = a.createContext(null), f = () => {
-  const e = a.useContext(D);
-  if (!e)
-    throw new Error("Drawer components must be used within <Drawer>");
-  return e;
+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";
+//#region src/ui/drawer.tsx
+var c = n.createContext(null), l = () => {
+	let e = n.useContext(c);
+	if (!e) throw Error("Drawer components must be used within <Drawer>");
+	return e;
 };
-function U({
-  open: e,
-  defaultOpen: t = !1,
-  onOpenChange: r,
-  direction: i = "bottom",
-  children: s,
-  modal: l = !0,
-  dismissible: o = !0,
-  fixed: m,
-  repositionInputs: d,
-  snapPoints: b,
-  activeSnapPoint: g,
-  setActiveSnapPoint: c,
-  lockScroll: p = !0
-}) {
-  const [N, k] = a.useState(t), v = e !== void 0, x = v ? e : N, E = (w) => {
-    v || k(w), r?.(w);
-  };
-  return a.useEffect(() => {
-    if (!x || !p || typeof document > "u")
-      return;
-    const w = document.body.style.overflow;
-    return document.body.style.overflow = "hidden", () => {
-      document.body.style.overflow = w;
-    };
-  }, [p, x]), /* @__PURE__ */ n(D.Provider, { value: { open: x, setOpen: E, direction: i, modal: l, dismissible: o }, children: s });
+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;
+	return n.useEffect(() => {
+		if (!y || !h || 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, {
+		value: {
+			open: y,
+			setOpen: (e) => {
+				v || _(e), i?.(e);
+			},
+			direction: a,
+			modal: s,
+			dismissible: l
+		},
+		children: o
+	});
 }
-const z = a.forwardRef(
-  ({ asChild: e, onClick: t, ...r }, i) => {
-    const { setOpen: s } = f();
-    return /* @__PURE__ */ n(
-      e ? y : "button",
-      {
-        ref: i,
-        "data-slot": "drawer-trigger",
-        onClick: (o) => {
-          t?.(o), o.defaultPrevented || s(!0);
-        },
-        ...r
-      }
-    );
-  }
-);
-z.displayName = "DrawerTrigger";
-function _({ children: e, container: t }) {
-  const { open: r, modal: i } = f(), [s, l] = a.useState(!1), o = a.useRef(null);
-  return a.useEffect(() => {
-    l(!0);
-  }, []), S(r && s && i, o), !r || !s || typeof document > "u" ? null : O(
-    /* @__PURE__ */ n("div", { ref: o, "data-slot": "drawer-portal", children: e }),
-    t ?? document.body
-  );
+var d = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
+	let { setOpen: o } = l();
+	return /* @__PURE__ */ r(t ? e : "button", {
+		ref: a,
+		"data-slot": "drawer-trigger",
+		onClick: (e) => {
+			n?.(e), e.defaultPrevented || o(!0);
+		},
+		...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);
+	return n.useEffect(() => {
+		u(!0);
+	}, []), t(a && c && o, d), !a || !c || typeof document > "u" ? null : s(/* @__PURE__ */ r("div", {
+		ref: d,
+		"data-slot": "drawer-portal",
+		children: e
+	}), i ?? document.body);
 }
-const C = a.forwardRef(
-  ({ asChild: e, onClick: t, ...r }, i) => {
-    const { setOpen: s } = f();
-    return /* @__PURE__ */ n(
-      e ? y : "button",
-      {
-        ref: i,
-        "data-slot": "drawer-close",
-        onClick: (o) => {
-          t?.(o), o.defaultPrevented || s(!1);
-        },
-        ...r
-      }
-    );
-  }
-);
-C.displayName = "DrawerClose";
-const P = a.forwardRef(
-  ({ className: e, onClick: t, onPointerDownOutside: r, ...i }, s) => {
-    const { setOpen: l, dismissible: o } = f(), m = (d) => {
-      t?.(d), !(d.defaultPrevented || !o) && (d.stopPropagation(), l(!1));
-    };
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        ref: s,
-        "data-slot": "drawer-overlay",
-        "data-state": "open",
-        className: u(
-          "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
-        ),
-        onPointerDown: (d) => {
-          r?.({ detail: { originalEvent: d.nativeEvent } });
-        },
-        onClick: m,
-        ...i
-      }
-    );
-  }
-);
-P.displayName = "DrawerOverlay";
-const T = a.forwardRef(
-  ({
-    className: e,
-    children: t,
-    closeButtonTestId: r = "drawer-close",
-    closeLabel: i = "Close",
-    onPointerDownOutside: s,
-    showCloseButton: l = !1,
-    ...o
-  }, m) => {
-    const { direction: d, setOpen: b, dismissible: g } = f();
-    return a.useEffect(() => {
-      if (typeof document > "u")
-        return;
-      const c = (p) => {
-        g && p.key === "Escape" && b(!1);
-      };
-      return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-    }, [g, b]), /* @__PURE__ */ h(_, { children: [
-      /* @__PURE__ */ n(P, { onPointerDownOutside: s }),
-      /* @__PURE__ */ h(
-        "div",
-        {
-          ref: m,
-          "data-slot": "drawer-content",
-          "data-drawer-direction": d,
-          "data-state": "open",
-          role: "dialog",
-          "aria-modal": "true",
-          className: u(
-            "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-            d === "top" && "inset-x-0 top-0 mb-24 max-h-[80vh] rounded-b-lg border-b",
-            d === "bottom" && "inset-x-0 bottom-0 max-h-[95dvh] rounded-t-lg border-t",
-            d === "right" && "inset-y-0 right-0 w-3/4 border-l sm:max-w-sm",
-            d === "left" && "inset-y-0 left-0 w-3/4 border-r sm:max-w-sm",
-            e
-          ),
-          ...o,
-          children: [
-            /* @__PURE__ */ n("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" }),
-            l ? /* @__PURE__ */ n(C, { asChild: !0, children: /* @__PURE__ */ n(
-              "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": i,
-                "data-testid": r,
-                onClick: (c) => c.stopPropagation(),
-                onPointerDown: (c) => c.stopPropagation(),
-                children: /* @__PURE__ */ n(R, { className: "size-5", "aria-hidden": "true" })
-              }
-            ) }) : null,
-            t
-          ]
-        }
-      )
-    ] });
-  }
-);
-T.displayName = "DrawerContent";
-function X({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: u(
-        "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
-    }
-  );
+var p = n.forwardRef(({ asChild: t, onClick: n, ...i }, a) => {
+	let { setOpen: o } = l();
+	return /* @__PURE__ */ r(t ? e : "button", {
+		ref: a,
+		"data-slot": "drawer-close",
+		onClick: (e) => {
+			n?.(e), e.defaultPrevented || o(!1);
+		},
+		...i
+	});
+});
+p.displayName = "DrawerClose";
+var m = n.forwardRef(({ className: e, onClick: t, onPointerDownOutside: n, ...i }, o) => {
+	let { setOpen: s, dismissible: c } = l();
+	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),
+		onPointerDown: (e) => {
+			n?.({ detail: { originalEvent: e.nativeEvent } });
+		},
+		onClick: (e) => {
+			t?.(e), !(e.defaultPrevented || !c) && (e.stopPropagation(), s(!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();
+	return n.useEffect(() => {
+		if (typeof document > "u") return;
+		let e = (e) => {
+			y && e.key === "Escape" && v(!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,
+		"data-slot": "drawer-content",
+		"data-drawer-direction": _,
+		"data-state": "open",
+		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,
+		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, {
+				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,
+					onClick: (e) => e.stopPropagation(),
+					onPointerDown: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ r(o, {
+						className: "size-5",
+						"aria-hidden": "true"
+					})
+				})
+			}) : null,
+			t
+		]
+	})] });
+});
+h.displayName = "DrawerContent";
+function g({ 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 q({ className: e, ...t }) {
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      "data-slot": "drawer-footer",
-      className: u("mt-auto flex flex-col gap-2 p-4", e),
-      ...t
-    }
-  );
+function _({ className: e, ...t }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "drawer-footer",
+		className: a("mt-auto flex flex-col gap-2 p-4", e),
+		...t
+	});
 }
-const j = a.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
-  "h2",
-  {
-    ref: r,
-    "data-slot": "drawer-title",
-    className: u("text-foreground font-semibold", e),
-    ...t
-  }
-));
-j.displayName = "DrawerTitle";
-const A = a.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
-  "p",
-  {
-    ref: r,
-    "data-slot": "drawer-description",
-    className: u("text-muted-foreground text-sm", e),
-    ...t
-  }
-));
-A.displayName = "DrawerDescription";
-export {
-  U as Drawer,
-  C as DrawerClose,
-  T as DrawerContent,
-  A as DrawerDescription,
-  q as DrawerFooter,
-  X as DrawerHeader,
-  P as DrawerOverlay,
-  _ as DrawerPortal,
-  j as DrawerTitle,
-  z as DrawerTrigger
-};
+var v = 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", {
+	ref: n,
+	"data-slot": "drawer-description",
+	className: a("text-muted-foreground text-sm", e),
+	...t
+}));
+y.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 };