@loczer/storefront-sdk 0.211.0 → 0.213.0

package/dist/components/BikeProductCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAoFtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BikeProductCard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AASrD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,uBAAuB,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,cAA8B,EAC9B,QAAQ,EACR,cAAsB,EACtB,iBAAiB,EACjB,gBAAgB,EAChB,OAAmB,EACnB,MAAM,GACP,EAAE,oBAAoB,2CAuFtB"}

package/dist/components/BikeProductCard/index.js

@@ -13,14 +13,14 @@ import { ArrowRight as f, Bike as p, Plus as m } from "lucide-react";
 function h({ bike: h, className: g, detailsPath: _, productDetailsLinkState: v, actionLabelKey: y = "product_cta", onAction: b, actionDisabled: x = !1, availabilityLabel: S, fallbackLanguage: C, variant: w = "default", testId: T }) {
 	let { t: E, i18n: D } = u(), O = e(h.name, D.language, C), k = e(h.description, D.language, C), A = typeof h.images?.[0] == "string" ? h.images[0].trim() : "", j = a(h.primaryImageStyle), M = t(h.availabilityStatus), N = w === "booking", P = h.availabilityStatus === "OUT_OF_STOCK";
 	return /* @__PURE__ */ c("div", {
-		className: d("flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", g),
+		className: d("flex h-full min-w-0 flex-col gap-3 rounded-xl border border-slate-200 bg-white p-3 shadow-sm", g),
 		"data-testid": T,
 		children: [/* @__PURE__ */ c("div", {
-			className: "flex flex-1 items-stretch gap-4",
+			className: "flex min-w-0 flex-1 flex-col gap-3 sm:flex-row sm:items-stretch sm:gap-4",
 			children: [/* @__PURE__ */ s("div", {
-				className: "w-24 shrink-0 sm:w-28",
+				className: "w-full min-w-0 sm:w-28 sm:shrink-0",
 				children: /* @__PURE__ */ c("div", {
-					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", j.className),
+					className: d("relative aspect-[1618/1000] min-h-20 overflow-hidden rounded-xl sm:h-full sm:aspect-auto", j.className),
 					style: j.style,
 					children: [A ? /* @__PURE__ */ s("img", {
 						src: A,
@@ -48,7 +48,7 @@ function h({ bike: h, className: g, detailsPath: _, productDetailsLinkState: v,
 					}),
 					/* @__PURE__ */ s(i, {
 						prices: h.prices,
-						className: "self-start"
+						className: "max-w-full self-start"
 					}),
 					/* @__PURE__ */ s("p", {
 						className: "line-clamp-2 text-xs text-slate-600",

package/dist/components/BookingBikeVariantDialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeVariantDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAiB3D,KAAK,iCAAiC,GAAG,iBAAiB,GAAG;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,cAAc,CAAA;CAChE,CAAA;AAWD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,iCAAiC,GAAG,IAAI,CAAA;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,2BAA2B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAClE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,2BAA2B,EAC3B,sBAAsB,EACtB,WAAmB,EACnB,YAAY,GACb,EAAE,6BAA6B,kDAiO/B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingBikeVariantDialog/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAiB3D,KAAK,iCAAiC,GAAG,iBAAiB,GAAG;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,cAAc,CAAA;CAChE,CAAA;AAWD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,iCAAiC,GAAG,IAAI,CAAA;IACjD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,2BAA2B,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAA;IAClE,sBAAsB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAA;IACvD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC5D,CAAA;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,2BAA2B,EAC3B,sBAAsB,EACtB,WAAmB,EACnB,YAAY,GACb,EAAE,6BAA6B,kDAkO/B"}

package/dist/components/BookingBikeVariantDialog/index.js

@@ -153,7 +153,7 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 											let r = `storefront-booking-bike-dialog-variant-option-${j.id}-${e.id}`.toLowerCase(), { label: i, description: s } = t(e), c = n(e), l = H[e.id] ?? "1", u = F?.(e.id) === !0, d = P?.(e.id) ?? null;
 											return /* @__PURE__ */ S("div", {
 												"data-testid": r,
-												className: T("flex flex-col gap-3 rounded-2xl border p-3 sm:flex-row sm:items-center sm:justify-between", "border-slate-200 bg-slate-50"),
+												className: T("flex items-center justify-between gap-2 rounded-2xl border px-3 py-2.5", "border-slate-200 bg-slate-50"),
 												children: [/* @__PURE__ */ S("div", {
 													className: "flex min-w-0 flex-1 flex-col gap-0.5",
 													children: [
@@ -181,7 +181,7 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 														}) : null
 													]
 												}), /* @__PURE__ */ S("div", {
-													className: "flex flex-wrap items-center gap-2 sm:justify-end",
+													className: "flex shrink-0 items-center gap-2",
 													children: [/* @__PURE__ */ x(M, {
 														quantity: l,
 														ariaLabel: R("quantity_label"),
@@ -189,7 +189,8 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 														testIdPrefix: `storefront-booking-bike-dialog-variant-quantity-${j.id}-${e.id}`.toLowerCase()
 													}), /* @__PURE__ */ S(o, {
 														type: "button",
-														className: "gap-1.5 rounded-xl",
+														size: "sm",
+														className: "shrink-0 gap-1.5 rounded-xl px-3",
 														"data-testid": `storefront-booking-bike-dialog-variant-add-${j.id}-${e.id}`.toLowerCase(),
 														disabled: I,
 														onClick: () => {
@@ -236,7 +237,7 @@ function M({ ariaLabel: e, onQuantityChange: t, quantity: n, testIdPrefix: r })
 				t(n ? String(A(n)) : "");
 			},
 			onBlur: () => t(String(A(n))),
-			className: "h-9 w-16 text-center",
+			className: "h-9 w-12 text-center sm:w-16",
 			"aria-label": e,
 			"data-testid": `${r}-value`
 		})

package/dist/components/BookingFlowSteps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingFlowSteps/index.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,SAAS,GAAG,UAAU,CAAA;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AA4CD,eAAO,MAAM,gBAAgB,GAAI,6DAAoE,qBAAqB,4CAwBzH,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BookingFlowSteps/index.tsx"],"names":[],"mappings":"AAMA,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,SAAS,GAAG,UAAU,CAAA;IACnC,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AA4CD,eAAO,MAAM,gBAAgB,GAAI,6DAAoE,qBAAqB,4CAuFzH,CAAA"}

package/dist/components/BookingFlowSteps/index.js

@@ -1,45 +1,86 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { Link as n } from "@rpcbase/router";
-import { useTranslation as r } from "react-i18next";
-import { cn as i } from "@rpcbase/ui";
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Link as a } from "@rpcbase/router";
+import { useTranslation as o } from "react-i18next";
+import { cn as s } from "@rpcbase/ui";
 //#region src/components/BookingFlowSteps/index.tsx
-var a = ({ index: r, label: a, state: o, href: s }) => {
-	let c = /* @__PURE__ */ t("span", {
-		className: i("inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-xs font-medium sm:text-sm", o === "active" && "border-slate-900 bg-slate-900 text-white", o === "done" && "border-slate-300 bg-white text-slate-900", o === "pending" && "border-slate-200 bg-slate-50 text-slate-500"),
-		children: [/* @__PURE__ */ e("span", {
-			className: i("inline-flex h-5 w-5 items-center justify-center rounded-full text-xs font-semibold", o === "active" && "bg-white/20 text-white", o === "done" && "bg-slate-100 text-slate-800", o === "pending" && "bg-slate-200 text-slate-600"),
-			children: r
-		}), /* @__PURE__ */ e("span", { children: a })]
+var c = ({ index: e, label: t, state: n, href: o }) => {
+	let c = /* @__PURE__ */ i("span", {
+		className: s("inline-flex shrink-0 items-center gap-2 whitespace-nowrap rounded-full border px-3 py-1.5 text-xs font-medium sm:text-sm", n === "active" && "border-slate-900 bg-slate-900 text-white", n === "done" && "border-slate-300 bg-white text-slate-900", n === "pending" && "border-slate-200 bg-slate-50 text-slate-500"),
+		children: [/* @__PURE__ */ r("span", {
+			className: s("inline-flex h-5 w-5 items-center justify-center rounded-full text-xs font-semibold", n === "active" && "bg-white/20 text-white", n === "done" && "bg-slate-100 text-slate-800", n === "pending" && "bg-slate-200 text-slate-600"),
+			children: e
+		}), /* @__PURE__ */ r("span", { children: t })]
 	});
-	return !s || o === "active" ? c : /* @__PURE__ */ e(n, {
-		to: s,
-		className: "inline-flex",
+	return !o || n === "active" ? c : /* @__PURE__ */ r(a, {
+		to: o,
+		className: "inline-flex shrink-0",
 		children: c
 	});
-}, o = ({ currentStep: n, bookingPath: i, checkoutPath: o, checkoutEnabled: s = !0 }) => {
-	let { t: c } = r(), l = n === "booking" ? "active" : "done", u = n === "checkout" ? "active" : "pending";
-	return /* @__PURE__ */ t("div", {
-		className: "flex flex-wrap items-center gap-2",
+}, l = ({ currentStep: a, bookingPath: l, checkoutPath: u, checkoutEnabled: d = !0 }) => {
+	let { t: f } = o(), p = a === "booking" ? "active" : "done", m = a === "checkout" ? "active" : "pending", h = t(null), g = t(null), [_, v] = n({
+		left: !1,
+		right: !1
+	});
+	return e(() => {
+		let e = h.current, t = g.current;
+		if (!e || !t) return;
+		e.scrollLeft = a === "checkout" ? e.scrollWidth - e.clientWidth : 0;
+		let n = () => {
+			let t = Math.max(0, e.scrollWidth - e.clientWidth), n = {
+				left: e.scrollLeft > 1,
+				right: e.scrollLeft < t - 1
+			};
+			v((e) => e.left === n.left && e.right === n.right ? e : n);
+		};
+		n(), e.addEventListener("scroll", n, { passive: !0 });
+		let r = new ResizeObserver(n);
+		return r.observe(e), r.observe(t), () => {
+			e.removeEventListener("scroll", n), r.disconnect();
+		};
+	}, [a]), /* @__PURE__ */ i("div", {
+		className: "relative w-full min-w-0 max-w-full",
 		children: [
-			/* @__PURE__ */ e(a, {
-				index: 1,
-				label: c("flow_step_booking"),
-				state: l,
-				href: n === "checkout" ? i : void 0
+			/* @__PURE__ */ r("div", {
+				ref: h,
+				className: "w-full max-w-full touch-pan-x overflow-x-auto overflow-y-hidden overscroll-x-contain scroll-smooth [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+				"data-testid": "booking-flow-steps-scroll",
+				children: /* @__PURE__ */ i("div", {
+					ref: g,
+					className: "flex w-max min-w-full flex-nowrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ r(c, {
+							index: 1,
+							label: f("flow_step_booking"),
+							state: p,
+							href: a === "checkout" ? l : void 0
+						}),
+						/* @__PURE__ */ r("span", {
+							className: "shrink-0 text-slate-300",
+							"aria-hidden": "true",
+							children: "/"
+						}),
+						/* @__PURE__ */ r(c, {
+							index: 2,
+							label: f("flow_step_checkout"),
+							state: m,
+							href: a === "booking" && d ? u : void 0
+						})
+					]
+				})
 			}),
-			/* @__PURE__ */ e("span", {
-				className: "text-slate-300",
+			/* @__PURE__ */ r("span", {
 				"aria-hidden": "true",
-				children: "/"
+				"data-testid": "booking-flow-steps-fade-left",
+				className: s("pointer-events-none absolute inset-y-0 left-0 w-8 bg-gradient-to-r from-background to-transparent transition-opacity", _.left ? "opacity-100" : "opacity-0")
 			}),
-			/* @__PURE__ */ e(a, {
-				index: 2,
-				label: c("flow_step_checkout"),
-				state: u,
-				href: n === "booking" && s ? o : void 0
+			/* @__PURE__ */ r("span", {
+				"aria-hidden": "true",
+				"data-testid": "booking-flow-steps-fade-right",
+				className: s("pointer-events-none absolute inset-y-0 right-0 w-8 bg-gradient-to-l from-background to-transparent transition-opacity", _.right ? "opacity-100" : "opacity-0")
 			})
 		]
 	});
 };
 //#endregion
-export { o as BookingFlowSteps };
+export { l as BookingFlowSteps };

package/dist/components/BookingPeriodSelector/components/BookingEndDateField.js

@@ -241,7 +241,7 @@ var A = () => {
 		B && f(!0);
 	};
 	return /* @__PURE__ */ _("div", {
-		className: y("group/form-item relative flex-grow", B && "cursor-pointer rounded-md"),
+		className: y("group/form-item relative min-w-0 w-full", B && "cursor-pointer rounded-md"),
 		onPointerDownCapture: $,
 		onClick: $,
 		children: [

package/dist/components/BookingPeriodSelector/components/BookingEndTimeField.js

@@ -52,7 +52,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		y,
 		g
 	]), /* @__PURE__ */ l("div", {
-		className: "group/form-item relative min-w-0 w-[150px] md:shrink-0",
+		className: "group/form-item relative w-full min-w-0",
 		children: [
 			/* @__PURE__ */ c(n, {
 				htmlFor: "end-time-picker",

package/dist/components/BookingPeriodSelector/components/BookingMobileDateDrawer.js

@@ -1,7 +1,7 @@
 import { Button as e, buttonVariants as t } from "../../../ui/button.js";
-import { useBookingPeriod as n } from "../BookingPeriodContext.js";
-import { DayPicker as r } from "../../../ui/day-picker.js";
-import { Drawer as i, DrawerContent as a, DrawerHeader as o, DrawerTitle as s } from "../../../ui/drawer.js";
+import { Drawer as n, DrawerContent as r, DrawerHeader as i, DrawerTitle as a } from "../../../ui/drawer.js";
+import { useBookingPeriod as o } from "../BookingPeriodContext.js";
+import { DayPicker as s } from "../../../ui/day-picker.js";
 import { BookingTimeSlotsStatus as c } from "./BookingTimeSlotsStatus.js";
 import { addMonths as l, differenceInCalendarDays as u, endOfMonth as d, isSameDay as f, startOfMonth as p } from "date-fns";
 import { useEffect as m, useRef as h, useState as g } from "react";
@@ -29,7 +29,7 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 }, D = (e, t, n) => e ? f(e, d(e)) ? l(p(e), 1) : p(e) : p(t ?? n), O = (e) => {
 	if (!(!e || !f(e, d(e)))) return l(p(e), 1);
 }, k = () => {
-	let { labels: t, startDate: l, endDate: d, selectStartDate: b, selectEndDate: C, isStartDatePopoverOpen: k, setIsStartDatePopoverOpen: A, isEndDatePopoverOpen: j, setIsEndDatePopoverOpen: M, resetHoveredEndDate: N, dateLocale: P, isMobile: F, withMobileDateDrawer: I, minSelectableDate: L, canCommitTimeSlots: R } = n(), z = I && F && (k || j), B = j && !k ? "end" : "start", V = T(L), H = T(D(l, d, L)), [U, W] = g(() => p(L)), [G, K] = g(() => E(H)), q = h(!0), J = h(!1), Y = l && (d ?? l) >= l ? u(d ?? l, l) + 1 : null, X = d ?? l;
+	let { labels: t, startDate: l, endDate: d, selectStartDate: b, selectEndDate: C, isStartDatePopoverOpen: k, setIsStartDatePopoverOpen: A, isEndDatePopoverOpen: j, setIsEndDatePopoverOpen: M, resetHoveredEndDate: N, dateLocale: P, isMobile: F, withMobileDateDrawer: I, minSelectableDate: L, canCommitTimeSlots: R } = o(), z = I && F && (k || j), B = j && !k ? "end" : "start", V = T(L), H = T(D(l, d, L)), [U, W] = g(() => p(L)), [G, K] = g(() => E(H)), q = h(!0), J = h(!1), Y = l && (d ?? l) >= l ? u(d ?? l, l) + 1 : null, X = d ?? l;
 	if (m(() => {
 		!z || B !== "start" || W(p(L));
 	}, [
@@ -66,19 +66,19 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 	}, Q = () => {
 		A(!1), M(!1), N();
 	};
-	return /* @__PURE__ */ _(i, {
+	return /* @__PURE__ */ _(n, {
 		open: z,
 		lockScroll: !1,
 		onOpenChange: (e) => {
 			e || Q();
 		},
-		children: /* @__PURE__ */ v(a, {
+		children: /* @__PURE__ */ v(r, {
 			className: "overflow-hidden",
 			closeLabel: t.closeDrawer,
 			showCloseButton: !0,
-			children: [/* @__PURE__ */ v(o, {
-				className: "border-b px-16 pb-3 pt-4 text-left",
-				children: [/* @__PURE__ */ _(s, {
+			children: [/* @__PURE__ */ v(i, {
+				className: "border-b pb-3 pl-4 pr-16 pt-4 text-left",
+				children: [/* @__PURE__ */ _(a, {
 					className: "sr-only",
 					children: B === "start" ? t.startDate : t.endDate
 				}), /* @__PURE__ */ v("div", {
@@ -92,28 +92,28 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 						/* @__PURE__ */ _("button", {
 							type: "button",
 							"aria-pressed": B === "start",
-							className: y("relative z-10 h-9 rounded px-3 text-sm font-medium transition-colors", B === "start" ? "text-foreground" : "text-muted-foreground"),
+							className: y("relative z-10 h-9 rounded px-2 text-xs font-medium transition-colors min-[360px]:text-sm", B === "start" ? "text-foreground" : "text-muted-foreground"),
 							onClick: () => Z("start"),
 							children: t.startDate
 						}),
 						/* @__PURE__ */ _("button", {
 							type: "button",
 							"aria-pressed": B === "end",
-							className: y("relative z-10 h-9 rounded px-3 text-sm font-medium transition-colors", B === "end" ? "text-foreground" : "text-muted-foreground"),
+							className: y("relative z-10 h-9 rounded px-2 text-xs font-medium transition-colors min-[360px]:text-sm", B === "end" ? "text-foreground" : "text-muted-foreground"),
 							onClick: () => Z("end"),
 							children: t.endDate
 						})
 					]
 				})]
 			}), /* @__PURE__ */ _("div", {
-				className: "overflow-hidden px-4 py-4",
+				className: "overflow-clip px-4 py-4",
 				children: /* @__PURE__ */ v("div", {
 					className: y("flex w-[200%] transition-transform duration-300 ease-out", B === "end" && "-translate-x-1/2"),
 					children: [/* @__PURE__ */ _("section", {
 						className: "max-h-[calc(95dvh-9rem)] w-1/2 shrink-0 overflow-y-auto pr-4",
 						children: /* @__PURE__ */ v("div", {
 							className: "flex flex-col gap-4",
-							children: [/* @__PURE__ */ _(r, {
+							children: [/* @__PURE__ */ _(s, {
 								id: "start-date-calendar",
 								mode: "single",
 								locale: P,
@@ -134,7 +134,7 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 										commit: !1
 									});
 								},
-								autoFocus: !0,
+								autoFocus: B === "start",
 								"data-testid": "start-date-calendar",
 								className: "w-full p-0",
 								classNames: w
@@ -154,7 +154,7 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 						children: /* @__PURE__ */ v("div", {
 							className: "flex flex-col gap-4",
 							children: [
-								/* @__PURE__ */ _(r, {
+								/* @__PURE__ */ _(s, {
 									id: "end-date-calendar",
 									mode: "range",
 									locale: P,
@@ -173,7 +173,7 @@ var x = b, S = 1, C = y(t({ variant: "outline" }), "z-10 h-11 w-11 bg-background
 											commit: !1
 										});
 									},
-									autoFocus: !0,
+									autoFocus: B === "end",
 									"data-testid": "end-date-calendar",
 									className: "w-full p-0",
 									classNames: w,

package/dist/components/BookingPeriodSelector/components/BookingStartDateField.js

@@ -74,7 +74,7 @@ var h = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), g = (e) =>
 		I && w(!0);
 	};
 	return /* @__PURE__ */ u("div", {
-		className: f("group/form-item relative flex-grow", I && "cursor-pointer rounded-md"),
+		className: f("group/form-item relative min-w-0 w-full", I && "cursor-pointer rounded-md"),
 		onPointerDownCapture: W,
 		onClick: W,
 		children: [

package/dist/components/BookingPeriodSelector/components/BookingStartTimeField.js

@@ -53,7 +53,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		g,
 		h
 	]), /* @__PURE__ */ l("div", {
-		className: "group/form-item relative min-w-0 w-[150px] md:shrink-0",
+		className: "group/form-item relative w-full min-w-0",
 		children: [
 			/* @__PURE__ */ c(n, {
 				htmlFor: "start-time-picker",

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.js

@@ -516,7 +516,7 @@ function E({ id: s, value: l, onChange: u, onValueUpdate: d, options: f, placeho
 			disabled: v,
 			"data-testid": E,
 			"data-hydrated": O ? "true" : void 0,
-			className: e("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", !l && "text-muted-foreground", H && "ring-2 ring-primary ring-offset-2", _),
+			className: e("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", !l && "text-muted-foreground", H && "ring-2 ring-primary ring-offset-2", _),
 			onClick: () => {
 				v || y || U(!H);
 			},
@@ -583,7 +583,7 @@ function E({ id: s, value: l, onChange: u, onValueUpdate: d, options: f, placeho
 								"data-value": t.value,
 								"data-state": o ? "checked" : "unchecked",
 								"data-disabled": t.disabled ? "" : void 0,
-								className: e("relative flex w-full select-none items-center justify-center rounded-sm px-2 py-1.5 text-center text-sm outline-none cursor-pointer", t.disabled && "pointer-events-none opacity-50", s && "bg-accent text-accent-foreground"),
+								className: e("relative flex min-h-11 w-full cursor-pointer select-none items-center justify-center rounded-sm px-2 py-2 text-center text-base outline-none", t.disabled && "pointer-events-none opacity-50", s && "bg-accent text-accent-foreground"),
 								onMouseDown: (e) => {
 									e.preventDefault();
 								},

package/dist/components/BookingPeriodSelector/index.js

@@ -11,14 +11,14 @@ import { cn as d } from "@rpcbase/ui";
 var f = ({ className: t, ...f }) => /* @__PURE__ */ l(e, {
 	...f,
 	children: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("div", {
-		className: d("grid grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-2", t),
+		className: d("grid min-w-0 grid-cols-1 gap-x-6 gap-y-4 md:grid-cols-2", t),
 		children: [
 			/* @__PURE__ */ u("div", {
-				className: "flex items-start space-x-4",
+				className: "grid min-w-0 grid-cols-1 items-start gap-3 sm:grid-cols-[minmax(0,1fr)_150px]",
 				children: [/* @__PURE__ */ l(n, {}), /* @__PURE__ */ l(r, {})]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: "flex items-start space-x-4",
+				className: "grid min-w-0 grid-cols-1 items-start gap-3 sm:grid-cols-[minmax(0,1fr)_150px]",
 				children: [/* @__PURE__ */ l(i, {}), /* @__PURE__ */ l(a, {})]
 			}),
 			/* @__PURE__ */ l(s, {})

package/dist/components/FulfillmentSection/index.js

@@ -31,13 +31,16 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ i("span", {
-						className: "flex flex-1 flex-col gap-0.5",
+						className: "flex min-w-0 flex-1 flex-col gap-0.5",
 						children: [/* @__PURE__ */ r("span", {
 							className: "text-sm font-medium text-slate-950",
 							children: E("booking_pickup_label")
 						}), /* @__PURE__ */ r("span", {
 							className: o("text-xs text-slate-600", O && "text-destructive"),
-							children: k
+							children: /* @__PURE__ */ r("span", {
+								className: "break-words",
+								children: k
+							})
 						})]
 					})
 				]
@@ -57,7 +60,7 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 						"aria-hidden": "true"
 					}),
 					/* @__PURE__ */ i("span", {
-						className: "flex flex-1 flex-col gap-0.5",
+						className: "flex min-w-0 flex-1 flex-col gap-0.5",
 						children: [/* @__PURE__ */ r("span", {
 							className: "text-sm font-medium text-slate-950",
 							children: E("booking_delivery_label")
@@ -87,7 +90,10 @@ function u({ value: u, onValueChange: d, pickupAddress: f, deliveryEnabled: p, d
 		children: [/* @__PURE__ */ r(s, {
 			className: o("h-4 w-4 shrink-0 text-slate-900", O && "text-destructive"),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ r("span", { children: k })]
+		}), /* @__PURE__ */ r("span", {
+			className: "min-w-0 break-words",
+			children: k
+		})]
 	}) : null;
 }
 //#endregion

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CAmLlG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAMtE,KAAK,WAAW,GAAG;IACjB,uBAAuB,CAAC,EAAE,uBAAuB,CAAA;IACjD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAQD,wBAAgB,MAAM,CAAC,EAAE,uBAAuB,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,WAAW,2CA4PlG"}