@loczer/storefront-sdk 0.193.0 → 0.195.0

package/dist/components/PoweredByLoczerBadge/index.js

@@ -1,8 +1,8 @@
 import { I18nProvider as e } from "../../i18n/I18nProvider.js";
 import { useId as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { cn as i } from "@rpcbase/ui";
-import { useTranslation as a } from "react-i18next";
+import { useTranslation as i } from "react-i18next";
+import { cn as a } from "@rpcbase/ui";
 //#region src/components/PoweredByLoczerBadge/index.tsx
 var o = "https://loczer.com";
 function s({ className: e }) {
@@ -47,14 +47,14 @@ function c({ language: t, ...r }) {
 	});
 }
 function l({ className: e, href: t = o, markClassName: c, rel: l = "noopener noreferrer", showTagline: u = !0, target: d = "_blank", ...f }) {
-	let { t: p } = a();
+	let { t: p } = i();
 	return /* @__PURE__ */ r("a", {
-		className: i("group inline-flex w-fit items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 shadow-sm transition hover:border-white/20 hover:bg-white/10", e),
+		className: a("group inline-flex w-fit items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-3 py-2 shadow-sm transition hover:border-white/20 hover:bg-white/10", e),
 		href: t,
 		target: d,
 		rel: l,
 		...f,
-		children: [/* @__PURE__ */ n(s, { className: i("h-8 w-8 flex-shrink-0", c) }), /* @__PURE__ */ r("span", {
+		children: [/* @__PURE__ */ n(s, { className: a("h-8 w-8 flex-shrink-0", c) }), /* @__PURE__ */ r("span", {
 			className: "flex flex-col items-start leading-tight text-left",
 			children: [/* @__PURE__ */ n("span", {
 				className: "font-medium text-white/90 group-hover:text-white",

package/dist/components/ProductPriceBadge/index.js

@@ -1,34 +1,34 @@
 import { buildDailyPriceRows as e, buildPriceTierLabels as t, formatStorefrontPriceMinor as n } from "../../lib/pricing.js";
 import { Badge as r, badgeVariants as i } from "../../ui/badge.js";
 import { useOptionalStorefront as a } from "../../StorefrontProvider.js";
-import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { Fragment as ee, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { cn as f } from "@rpcbase/ui";
-import { useMediaQuery as p } from "@rpcbase/client";
-import { useTranslation as te } from "react-i18next";
-import { Info as ne, Mail as re, Phone as ie, TrendingDown as m } from "lucide-react";
-import { Drawer as h } from "@base-ui/react/drawer";
-import { Popover as g } from "@base-ui/react/popover";
+import { useEffect as o, useId as ee, useRef as s, useState as c } from "react";
+import { Fragment as te, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useMediaQuery as d } from "@rpcbase/client";
+import { useTranslation as f } from "react-i18next";
+import { cn as p } from "@rpcbase/ui";
+import { Info as ne, Mail as re, Phone as m, TrendingDown as h } from "lucide-react";
+import { Drawer as g } from "@base-ui/react/drawer";
+import { Popover as _ } from "@base-ui/react/popover";
 //#region src/components/ProductPriceBadge/index.tsx
-var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-popover-open", v = (e) => typeof Node < "u" && e instanceof Node, y = (e) => {
-	typeof window > "u" || window.dispatchEvent(new CustomEvent(_, { detail: { id: e } }));
-}, b = ({ prices: b, minPriceMinor: x, className: S }) => {
-	let { t: C, i18n: w } = te(), T = s(), E = a(), se = p(oe), D = p("(hover: none), (pointer: coarse)"), O = !!(se || D), [k, A] = l(null), [j, M] = l(!1), N = c(null), P = c(null), F = c(null), I = c(null), L = k !== null, R = t(b, w.language, C), z = e(b, w.language), B = R[0], V = R[1], H = () => {
+var ie = 180, ae = "(max-width: 767px)", v = "loczer:storefront:product-price-popover-open", y = (e) => typeof Node < "u" && e instanceof Node, b = (e) => {
+	typeof window > "u" || window.dispatchEvent(new CustomEvent(v, { detail: { id: e } }));
+}, x = ({ prices: x, minPriceMinor: S, className: C }) => {
+	let { t: w, i18n: T } = f(), E = ee(), D = a(), oe = d(ae), se = d("(hover: none), (pointer: coarse)"), O = !!(oe || se), [k, A] = c(null), [j, M] = c(!1), N = s(null), P = s(null), F = s(null), I = s(null), L = k !== null, R = t(x, T.language, w), z = e(x, T.language), B = R[0], V = R[1], H = () => {
 		N.current &&= (clearTimeout(N.current), null);
 	}, U = (e) => {
-		O || (H(), A((t) => t === "click" ? t : e), y(T));
+		O || (H(), A((t) => t === "click" ? t : e), b(E));
 	}, W = () => {
 		H(), A(null);
 	}, G = () => {
-		H(), M(!0), y(T);
+		H(), M(!0), b(E);
 	}, ce = () => {
 		M(!1);
 	}, le = () => {
 		L || U("hover");
-	}, ue = (e) => v(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => v(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
+	}, ue = (e) => y(e) ? !!(P.current?.contains(e) || I.current?.contains(e)) : !1, K = (e) => y(e) ? !!(F.current?.contains(e) || I.current?.contains(e)) : !1, q = (e) => {
 		k !== "hover" || K(e) || (H(), N.current = setTimeout(() => {
 			A((e) => e === "hover" ? null : e), N.current = null;
-		}, ae));
+		}, ie));
 	}, J = (e) => {
 		q(e?.relatedTarget);
 	}, de = (e) => {
@@ -40,12 +40,12 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			H();
 		};
 		let e = (e) => {
-			e.detail?.id !== T && (H(), A(null), M(!1));
+			e.detail?.id !== E && (H(), A(null), M(!1));
 		};
-		return window.addEventListener(_, e), () => {
-			window.removeEventListener(_, e), H();
+		return window.addEventListener(v, e), () => {
+			window.removeEventListener(v, e), H();
 		};
-	}, [T]), o(() => {
+	}, [E]), o(() => {
 		if (k !== "hover" || typeof window > "u") return;
 		let e = (e) => {
 			if (K(e.target)) {
@@ -63,94 +63,94 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			return;
 		}
 		M(!1);
-	}, [O]), !B) return typeof x == "number" ? /* @__PURE__ */ u(r, {
+	}, [O]), !B) return typeof S == "number" ? /* @__PURE__ */ l(r, {
 		variant: "outline",
-		className: f("border-slate-200 bg-white text-slate-700", S),
-		children: /* @__PURE__ */ u("span", { children: C("price_from", { price: n(x, w.language) }) })
+		className: p("border-slate-200 bg-white text-slate-700", C),
+		children: /* @__PURE__ */ l("span", { children: w("price_from", { price: n(S, T.language) }) })
 	}) : null;
-	let Y = f(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", z.length > 0 && "cursor-pointer", S), X = E?.storefrontConfiguration.shop.emailAddress?.trim(), Z = E?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ d(ee, { children: [
-		/* @__PURE__ */ u("span", {
+	let Y = p(i({ variant: "outline" }), "gap-1.5 border-slate-200 bg-white text-slate-700 outline-none transition hover:border-slate-300 hover:text-slate-950 focus:border-slate-200 focus:outline-none focus:ring-0 focus:ring-transparent focus:ring-offset-0 focus-visible:border-slate-200 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0", z.length > 0 && "cursor-pointer", C), X = D?.storefrontConfiguration.shop.emailAddress?.trim(), Z = D?.storefrontConfiguration.shop.contactPhone1?.trim(), fe = !!(X || Z), Q = () => /* @__PURE__ */ u(te, { children: [
+		/* @__PURE__ */ l("span", {
 			className: "font-semibold",
 			children: B
 		}),
-		V ? /* @__PURE__ */ d("span", {
+		V ? /* @__PURE__ */ u("span", {
 			className: "inline-flex items-center gap-1 text-slate-500",
-			children: [/* @__PURE__ */ u(m, {
+			children: [/* @__PURE__ */ l(h, {
 				className: "h-3 w-3",
 				strokeWidth: 2.4,
 				"aria-hidden": "true"
-			}), /* @__PURE__ */ u("span", { children: C("price_then", { price: V }) })]
+			}), /* @__PURE__ */ l("span", { children: w("price_then", { price: V }) })]
 		}) : null,
-		z.length > 0 ? /* @__PURE__ */ u("span", {
+		z.length > 0 ? /* @__PURE__ */ l("span", {
 			ref: F,
 			className: "inline-flex shrink-0 items-center text-slate-500",
 			onMouseEnter: () => U("hover"),
 			onMouseMove: le,
 			onMouseLeave: J,
-			children: /* @__PURE__ */ u(ne, {
+			children: /* @__PURE__ */ l(ne, {
 				className: "h-3 w-3",
 				"aria-hidden": "true"
 			})
 		}) : null
-	] }), pe = () => fe ? /* @__PURE__ */ d("div", {
+	] }), pe = () => fe ? /* @__PURE__ */ u("div", {
 		className: "border-t border-slate-200 pt-2 text-slate-600",
-		children: [/* @__PURE__ */ u("p", {
+		children: [/* @__PURE__ */ l("p", {
 			className: "leading-snug",
-			children: /* @__PURE__ */ u("span", { children: C("price_table_contact_prompt") })
-		}), /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ l("span", { children: w("price_table_contact_prompt") })
+		}), /* @__PURE__ */ u("div", {
 			className: "mt-2 flex flex-wrap gap-x-3 gap-y-1",
-			children: [Z ? /* @__PURE__ */ d("a", {
+			children: [Z ? /* @__PURE__ */ u("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `tel:${Z}`,
-				children: [/* @__PURE__ */ u(ie, {
+				children: [/* @__PURE__ */ l(m, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "whitespace-nowrap",
 					children: Z
 				})]
-			}) : null, X ? /* @__PURE__ */ d("a", {
+			}) : null, X ? /* @__PURE__ */ u("a", {
 				className: "inline-flex min-w-0 items-center gap-1 font-medium text-slate-800 underline-offset-4 hover:underline",
 				href: `mailto:${X}`,
-				children: [/* @__PURE__ */ u(re, {
+				children: [/* @__PURE__ */ l(re, {
 					className: "h-3 w-3 shrink-0",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u("span", {
+				}), /* @__PURE__ */ l("span", {
 					className: "break-all",
 					children: X
 				})]
 			}) : null]
 		})]
-	}) : null, $ = (e, t) => /* @__PURE__ */ d("div", {
-		className: f("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
+	}) : null, $ = (e, t) => /* @__PURE__ */ u("div", {
+		className: p("grid gap-2", t === "popover" ? "text-xs" : "text-base"),
 		children: [
-			e ? /* @__PURE__ */ u("p", {
+			e ? /* @__PURE__ */ l("p", {
 				className: "font-semibold uppercase tracking-[0.12em] text-slate-500",
-				children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+				children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
 			}) : null,
-			/* @__PURE__ */ u("ul", {
-				className: f("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
+			/* @__PURE__ */ l("ul", {
+				className: p("grid gap-1 text-slate-600", t === "drawer" && "gap-1.5"),
 				children: z.map(({ dayCount: e, totalPriceLabel: n, perDayPriceLabel: r }) => {
-					let i = C("price_table_day", { count: e }), a = C("price_table_per_day", { price: r });
-					return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("div", {
+					let i = w("price_table_day", { count: e }), a = w("price_table_per_day", { price: r });
+					return /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("div", {
 						className: "flex items-baseline gap-2",
 						children: [
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ l("span", {
 								className: "shrink-0 leading-tight",
 								children: i
 							}),
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ l("span", {
 								className: "mx-1 flex-1 border-b border-dotted border-slate-300",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ u("span", {
 								className: "shrink-0 font-medium leading-tight text-slate-950",
-								children: [n, /* @__PURE__ */ d("span", {
-									className: f("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
+								children: [n, /* @__PURE__ */ u("span", {
+									className: p("ml-1 font-medium text-slate-500", t === "popover" ? "text-xs" : "text-sm"),
 									children: [
-										/* @__PURE__ */ u("span", { children: "(" }),
-										/* @__PURE__ */ u("span", { children: a }),
-										/* @__PURE__ */ u("span", { children: ")" })
+										/* @__PURE__ */ l("span", { children: "(" }),
+										/* @__PURE__ */ l("span", { children: a }),
+										/* @__PURE__ */ l("span", { children: ")" })
 									]
 								})]
 							})
@@ -161,17 +161,17 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 			pe()
 		]
 	});
-	return O ? /* @__PURE__ */ d(h.Root, {
+	return O ? /* @__PURE__ */ u(g.Root, {
 		open: j,
 		onOpenChange: (e) => {
 			e ? G() : ce();
 		},
 		swipeDirection: "down",
-		children: [/* @__PURE__ */ u(h.Trigger, {
+		children: [/* @__PURE__ */ l(g.Trigger, {
 			ref: P,
 			type: "button",
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: B }),
+			"aria-label": w("price_details_aria_label", { price: B }),
 			"aria-expanded": j,
 			onClick: (e) => {
 				e.stopPropagation();
@@ -180,38 +180,38 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), /* @__PURE__ */ d(h.Portal, { children: [/* @__PURE__ */ u(h.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ u(h.Viewport, {
+		}), /* @__PURE__ */ u(g.Portal, { children: [/* @__PURE__ */ l(g.Backdrop, { className: "pointer-events-auto fixed inset-0 z-50 bg-black/50 outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:animate-in data-[open]:fade-in-0" }), /* @__PURE__ */ l(g.Viewport, {
 			className: "pointer-events-none fixed inset-0 z-50",
-			children: /* @__PURE__ */ d(h.Popup, {
+			children: /* @__PURE__ */ u(g.Popup, {
 				className: "pointer-events-auto fixed inset-x-0 bottom-0 z-50 flex max-h-[90dvh] flex-col rounded-t-2xl border-t border-slate-200 bg-white text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:slide-out-to-bottom data-[open]:animate-in data-[open]:fade-in-0 data-[open]:slide-in-from-bottom",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "mx-auto mt-4 h-2 w-[100px] shrink-0 rounded-full bg-slate-200",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ u(h.Content, { children: /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ l(g.Content, { children: /* @__PURE__ */ u("div", {
 					className: "flex max-h-[calc(90dvh-1rem)] flex-col",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "border-b border-slate-200 px-4 py-4 text-left",
-						children: /* @__PURE__ */ u(h.Title, {
+						children: /* @__PURE__ */ l(g.Title, {
 							className: "text-left text-lg font-semibold text-slate-950",
-							children: /* @__PURE__ */ u("span", { children: C("price_table_title") })
+							children: /* @__PURE__ */ l("span", { children: w("price_table_title") })
 						})
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "flex-1 overflow-y-auto px-4 pb-6 pt-3",
 						children: $(!1, "drawer")
 					})]
 				}) })]
 			})
 		})] })]
-	}) : /* @__PURE__ */ d(g.Root, {
+	}) : /* @__PURE__ */ u(_.Root, {
 		open: L,
 		onOpenChange: (e) => {
 			e ? U("click") : W();
 		},
-		children: [/* @__PURE__ */ u(g.Trigger, {
+		children: [/* @__PURE__ */ l(_.Trigger, {
 			ref: P,
 			type: "button",
 			className: Y,
-			"aria-label": C("price_details_aria_label", { price: B }),
+			"aria-label": w("price_details_aria_label", { price: B }),
 			"aria-expanded": L,
 			onBlur: de,
 			onClick: (e) => {
@@ -221,13 +221,13 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 				e.stopPropagation();
 			},
 			children: Q()
-		}), z.length > 0 ? /* @__PURE__ */ u(g.Portal, { children: /* @__PURE__ */ u(g.Positioner, {
+		}), z.length > 0 ? /* @__PURE__ */ l(_.Portal, { children: /* @__PURE__ */ l(_.Positioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
 			collisionPadding: 12,
 			className: "pointer-events-auto z-[70] outline-none",
-			children: /* @__PURE__ */ u(g.Popup, {
+			children: /* @__PURE__ */ l(_.Popup, {
 				ref: I,
 				initialFocus: !1,
 				className: "w-64 rounded-xl border border-slate-200 bg-white p-3 text-slate-950 shadow-xl outline-none data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
@@ -245,4 +245,4 @@ var ae = 180, oe = "(max-width: 767px)", _ = "loczer:storefront:product-price-po
 	});
 };
 //#endregion
-export { b as ProductPriceBadge };
+export { x as ProductPriceBadge };

package/dist/components/StorefrontCancellationPolicyNotice/index.js

@@ -1,9 +1,9 @@
 import { Button as e } from "../../ui/button.js";
-import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as t, ResponsiveDialogContent as n, ResponsiveDialogDescription as r, ResponsiveDialogFooter as i, ResponsiveDialogHeader as a, ResponsiveDialogTitle as o } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as l } from "@rpcbase/ui";
-import { useSearchParams as u } from "@rpcbase/router";
-import { useTranslation as d } from "react-i18next";
+import { useSearchParams as l } from "@rpcbase/router";
+import { useTranslation as u } from "react-i18next";
+import { cn as d } from "@rpcbase/ui";
 import { CheckCircle2 as f, Info as p } from "lucide-react";
 //#region src/components/StorefrontCancellationPolicyNotice/index.tsx
 var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length === 0 ? [] : [...e.tiers].sort((e, t) => e.upToHours - t.upToHours), _ = (e) => g(e).find((e) => e.refundPercentage >= m) ?? null, v = (e, t) => {
@@ -17,7 +17,7 @@ var m = .95, h = "show_cancellation_policy_modal", g = (e) => e.tiers.length ===
 	}
 };
 function y({ policy: m, className: y }) {
-	let { t: b, i18n: x } = d(), [S, C] = u(), w = S.get(h) === "true", T = g(m), E = _(m), D = (e) => {
+	let { t: b, i18n: x } = u(), [S, C] = l(), w = S.get(h) === "true", T = g(m), E = _(m), D = (e) => {
 		let t = new URLSearchParams(S);
 		e ? t.set(h, "true") : t.delete(h), C(t, { replace: !0 });
 	};
@@ -27,7 +27,7 @@ function y({ policy: m, className: y }) {
 		return t >= 72 && t % 24 == 0 ? b("cancellation_policy_duration_days", { count: t / 24 }) : b("cancellation_policy_duration_hours", { count: t });
 	};
 	return /* @__PURE__ */ c("li", {
-		className: l("flex items-start gap-3", y),
+		className: d("flex items-start gap-3", y),
 		"data-testid": "storefront-cancellation-policy-notice",
 		children: [
 			/* @__PURE__ */ s(f, {

package/dist/components/StorefrontCartPanel/index.js

@@ -5,15 +5,15 @@ import { Input as r } from "../../ui/input.js";
 import { Card as i } from "../../ui/card.js";
 import { ProductWarningNotice as a } from "../ProductWarningNotice/index.js";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { cn as l } from "@rpcbase/ui";
-import { Link as u } from "@rpcbase/router";
-import { useTranslation as d } from "react-i18next";
+import { Link as l } from "@rpcbase/router";
+import { useTranslation as u } from "react-i18next";
+import { cn as d } from "@rpcbase/ui";
 import { ArrowRight as f, Trash2 as p } from "lucide-react";
 //#region src/components/StorefrontCartPanel/index.tsx
 function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, estimatedTotalMinor: v, discountedEstimatedTotalMinor: y, discountAmountMinor: b, lateReturnSurchargeMinor: x, couponCode: S, durationLabel: C, title: w, description: T, checkoutPath: E, showCheckoutAction: D = !1, showClearAction: O = !1, editable: k = !0, summaryAddon: A, stickyTopClassName: j = "top-24", onQuantityChange: M, onRemove: N, onClear: P }) {
-	let { t: F, i18n: I } = d();
+	let { t: F, i18n: I } = u();
 	return /* @__PURE__ */ c(i, {
-		className: l("sticky border-slate-200 bg-white shadow-sm", j),
+		className: d("sticky border-slate-200 bg-white shadow-sm", j),
 		children: [/* @__PURE__ */ c("div", {
 			className: "border-b border-slate-200 px-4 py-4",
 			children: [/* @__PURE__ */ c("div", {
@@ -158,9 +158,9 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 				] }) : null,
 				/* @__PURE__ */ c("div", {
 					className: "grid gap-2",
-					children: [D && E ? /* @__PURE__ */ s(u, {
+					children: [D && E ? /* @__PURE__ */ s(l, {
 						to: E,
-						className: l(m.length > 0 ? "block" : "hidden"),
+						className: d(m.length > 0 ? "block" : "hidden"),
 						children: /* @__PURE__ */ c(n, {
 							className: "w-full gap-2",
 							children: [/* @__PURE__ */ s("span", { children: F("checkout_button") }), /* @__PURE__ */ s(f, {
@@ -171,7 +171,7 @@ function m({ lines: m, itemCount: h, totalPerDayMinor: g, estimatedDays: _, esti
 					}) : null, O && P ? /* @__PURE__ */ s(n, {
 						type: "button",
 						variant: "outline",
-						className: l(m.length > 0 ? "w-full gap-2" : "hidden"),
+						className: d(m.length > 0 ? "w-full gap-2" : "hidden"),
 						onClick: P,
 						children: /* @__PURE__ */ s("span", { children: F("cart_clear") })
 					}) : null]

package/dist/components/StorefrontInsuranceNotice/index.js

@@ -1,10 +1,10 @@
 import { formatStorefrontPriceMinor as e } from "../../lib/pricing.js";
 import { Button as t } from "../../ui/button.js";
-import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as n, ResponsiveDialogContent as r, ResponsiveDialogDescription as i, ResponsiveDialogFooter as a, ResponsiveDialogHeader as o, ResponsiveDialogTitle as s } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { cn as u } from "@rpcbase/ui";
-import { useSearchParams as d } from "@rpcbase/router";
-import { useTranslation as f } from "react-i18next";
+import { useSearchParams as u } from "@rpcbase/router";
+import { useTranslation as d } from "react-i18next";
+import { cn as f } from "@rpcbase/ui";
 import { CheckCircle2 as p, Info as m, Umbrella as h } from "lucide-react";
 //#region src/components/StorefrontInsuranceNotice/index.tsx
 var g = "show_insurance_modal", _ = (e, t) => {
@@ -12,7 +12,7 @@ var g = "show_insurance_modal", _ = (e, t) => {
 	return [...new Set(n)].sort((e, t) => e - t);
 };
 function v({ bikes: v, currency: y, className: b }) {
-	let { t: x, i18n: S } = f(), [C, w] = d(), T = C.get(g) === "true", E = (e) => {
+	let { t: x, i18n: S } = d(), [C, w] = u(), T = C.get(g) === "true", E = (e) => {
 		let t = new URLSearchParams(C);
 		e ? t.set(g, "true") : t.delete(g), w(t, { replace: !0 });
 	}, D = (t) => {
@@ -33,7 +33,7 @@ function v({ bikes: v, currency: y, className: b }) {
 		price: D("e-bike")
 	}];
 	return /* @__PURE__ */ l("li", {
-		className: u("flex items-start gap-3", b),
+		className: f("flex items-start gap-3", b),
 		"data-testid": "storefront-insurance-notice",
 		children: [
 			/* @__PURE__ */ c(h, {

package/dist/components/StorefrontPopupMessages/index.js

@@ -2,12 +2,12 @@ import { getLocalizedEntry as e, getLocalizedValue as t } from "../../localizati
 import { buildStorefrontImageUrl as n } from "../../lib/storefrontImage.js";
 import { Button as r } from "../../ui/button.js";
 import { isAutomationRuntime as i } from "../../lib/isAutomationRuntime.js";
-import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { ResponsiveDialog as a, ResponsiveDialogContent as o, ResponsiveDialogDescription as s, ResponsiveDialogFooter as c, ResponsiveDialogHeader as l, ResponsiveDialogTitle as u } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { useEffect as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { cn as h } from "@rpcbase/ui";
-import { useLocation as g, useParams as _ } from "@rpcbase/router";
-import { useTranslation as v } from "react-i18next";
+import { useLocation as h, useParams as g } from "@rpcbase/router";
+import { useTranslation as _ } from "react-i18next";
+import { cn as v } from "@rpcbase/ui";
 import { Info as y, X as b } from "lucide-react";
 //#region src/components/StorefrontPopupMessages/index.tsx
 var x = "loczer-storefront-popup-message-dismissed", S = (e, t) => `${x}:${e || "storefront"}:${t}`, C = (e) => {
@@ -58,7 +58,7 @@ var x = "loczer-storefront-popup-message-dismissed", S = (e, t) => `${x}:${e ||
 	};
 }, A = "absolute right-5 top-5 z-10 flex h-9 w-9 items-center justify-center rounded-full bg-white/12 text-white/75 ring-1 ring-white/75 backdrop-blur-lg transition hover:bg-white/18 hover:text-white/85 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/85";
 function j({ storefrontConfiguration: e }) {
-	let { t, i18n: n } = v(), { storeSlug: x } = _(), S = g(), [C, E] = f(null), [j, M] = f(() => /* @__PURE__ */ new Set()), N = x?.trim() || e?.storeSlug || "", P = new URLSearchParams(S.search).get("popup_e2e") === "1", F = i() && !P ? [] : e?.content?.modalMessages ?? [];
+	let { t, i18n: n } = _(), { storeSlug: x } = g(), S = h(), [C, E] = f(null), [j, M] = f(() => /* @__PURE__ */ new Set()), N = x?.trim() || e?.storeSlug || "", P = new URLSearchParams(S.search).get("popup_e2e") === "1", F = i() && !P ? [] : e?.content?.modalMessages ?? [];
 	d(() => {
 		let t = () => {
 			E(D(e?.shop.timeZone));
@@ -126,7 +126,7 @@ function j({ storefrontConfiguration: e }) {
 										className: "max-w-[28rem] text-left text-3xl font-semibold leading-tight text-white",
 										children: /* @__PURE__ */ p("span", { children: I.title })
 									}), /* @__PURE__ */ p(s, {
-										className: h("mt-2 max-w-[30rem] text-left text-sm leading-6 text-white/85", !I.subtitle && "sr-only"),
+										className: v("mt-2 max-w-[30rem] text-left text-sm leading-6 text-white/85", !I.subtitle && "sr-only"),
 										children: /* @__PURE__ */ p("span", { children: V })
 									})]
 								})
@@ -148,7 +148,7 @@ function j({ storefrontConfiguration: e }) {
 									className: "text-left text-lg font-semibold leading-6 text-slate-950",
 									children: /* @__PURE__ */ p("span", { children: I.title })
 								}), /* @__PURE__ */ p(s, {
-									className: h("text-left text-sm text-slate-600", !I.subtitle && "sr-only"),
+									className: v("text-left text-sm text-slate-600", !I.subtitle && "sr-only"),
 									children: /* @__PURE__ */ p("span", { children: V })
 								})]
 							})]
@@ -170,7 +170,7 @@ function j({ storefrontConfiguration: e }) {
 									})
 								}, e))
 							}) : null, I.messageHtml ? /* @__PURE__ */ p("div", {
-								className: h("text-sm leading-6 text-slate-700 [&_a]:text-slate-950 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !I.subtitle && "text-base leading-7"),
+								className: v("text-sm leading-6 text-slate-700 [&_a]:text-slate-950 [&_a]:underline [&_blockquote]:border-l-2 [&_blockquote]:border-slate-300 [&_blockquote]:pl-4 [&_h1]:text-2xl [&_h1]:font-semibold [&_h2]:text-xl [&_h2]:font-semibold [&_h3]:text-lg [&_h3]:font-semibold [&_li]:my-1 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:my-2 [&_ul]:list-disc [&_ul]:pl-6", !I.subtitle && "text-base leading-7"),
 								dangerouslySetInnerHTML: { __html: I.messageHtml }
 							}) : null]
 						})

package/dist/components/payment/MollieCardFieldsForm.js

@@ -1,6 +1,6 @@
 import { Button as e } from "../../ui/button.js";
 import { Label as t } from "../../ui/label.js";
-import { Spinner as n } from "../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as n } from "../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { getMollieCardStyles as r } from "../../lib/mollieComponentStyles.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";

package/dist/components/payment/StripeCardFieldsForm.js

@@ -1,7 +1,7 @@
 import { Button as e } from "../../ui/button.js";
 import { Label as t } from "../../ui/label.js";
 import { Input as n } from "../../ui/input.js";
-import { Spinner as r } from "../../chunks/pkg/ui/dist/Spinner/index-DzMEU0iA.js";
+import { Spinner as r } from "../../chunks/pkg/ui/dist/Spinner/index-Cgi70z_E.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";

package/dist/index.d.ts

@@ -1,12 +1,11 @@
 import { ClassProp } from 'class-variance-authority/types';
-import { cn } from '@rpcbase/ui';
+import { ClassValue } from 'clsx';
 import { ComponentPropsWithoutRef } from 'react';
 import { ControllerProps } from '@rpcbase/form';
 import { FieldError } from 'react-hook-form';
 import { FieldPath } from '@rpcbase/form';
 import { FieldValues } from '@rpcbase/form';
 import { FormProviderProps } from 'react-hook-form';
-import { HourPickerOption } from '@rpcbase/ui';
 import { JSX } from 'react/jsx-runtime';
 import { LoaderArgs } from '@rpcbase/client';
 import { Locale } from 'date-fns';
@@ -740,6 +739,7 @@ export declare interface BookingPeriodControllerOptions {
     bookingPeriodConfig?: BookingPeriodConfig;
     fetchTimeSlots?: BookingPeriodTimeSlotsFetcher;
     onTimeSlotsAvailabilityChange?: (isAvailable: boolean) => void;
+    onTimeSlotsConfirmationChange?: (isConfirmed: boolean) => void;
     selectionFlow?: BookingPeriodSelectionFlow;
     withMobileDateDrawer?: boolean;
     currencyCode?: string;
@@ -790,6 +790,8 @@ export declare interface BookingPeriodControllerValue {
     endTimeSlotsStatus: BookingPeriodTimeSlotsStatus;
     retryStartTimeSlots: () => void;
     retryEndTimeSlots: () => void;
+    hasAvailableTimeSlots: boolean;
+    hasConfirmedTimeSlots: boolean;
     canCommitTimeSlots: boolean;
     isStartToday: boolean;
     isEndToday: boolean;
@@ -1000,7 +1002,7 @@ export declare type CatalogProductSortOptions = {
 
 export declare type CatalogProductSortPriceUnit = StorefrontPublicProductPrice["unit"];
 
-export { cn }
+export declare function cn(...inputs: ClassValue[]): string;
 
 export declare function compareCatalogProducts<T extends SortableCatalogProduct>(left: T, right: T, options?: CatalogProductSortOptions): number;
 
@@ -1627,6 +1629,8 @@ export declare const DEFAULT_CANCELLATION_POLICY: CancellationPolicy;
 
 export declare const DEFAULT_PAYMENT_POLICIES: PaymentPolicies;
 
+export declare const DEFAULT_PRODUCT_KIND: "bike";
+
 export declare const DelayedPlaceholder: ({ value, className, reserveWidth, }: {
     value: string;
     className?: string;
@@ -2003,6 +2007,14 @@ declare type HeaderProps = {
     whatsappPhoneDisplay?: string;
 };
 
+declare type HourPickerOption = {
+    value: string;
+    label: string;
+    selectedLabel?: React_2.ReactNode;
+    disabled?: boolean;
+    description?: React_2.ReactNode;
+};
+
 export declare const Input: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
 
 export declare type InsuranceProvider = z.infer<typeof insuranceProviderSchema>;