@loczer/storefront-sdk 0.212.0 → 0.214.0

package/dist/StorefrontContext.d.ts

@@ -236,6 +236,15 @@ export declare function useStorefrontConfig(): {
                 autoTranslated?: boolean | undefined;
             }> | undefined;
         } | undefined;
+        information?: {
+            rentalTerms?: {
+                version: 1;
+                json: string;
+                html: string;
+                text: string;
+            } | undefined;
+            rentalTermsUpdatedAt?: string | null | undefined;
+        } | undefined;
         modules?: {
             reviews?: {
                 enabled: boolean;
@@ -463,6 +472,15 @@ export declare function useStorefrontConfig(): {
                 autoTranslated?: boolean | undefined;
             }> | undefined;
         } | undefined;
+        information?: {
+            rentalTerms?: {
+                version: 1;
+                json: string;
+                html: string;
+                text: string;
+            } | undefined;
+            rentalTermsUpdatedAt?: string | null | undefined;
+        } | undefined;
         modules?: {
             reviews?: {
                 enabled: boolean;

package/dist/StorefrontContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontContext.d.ts","sourceRoot":"","sources":["../src/StorefrontContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,KAAK,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAGzG,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;IAChC,WAAW,EAAE,0BAA0B,EAAE,CAAA;IACzC,mBAAmB,EAAE,0BAA0B,EAAE,CAAA;CAClD,CAAA;AAUD,eAAO,MAAM,iBAAiB,6CAEmC,CAAA;AAKjE,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C;AAED,wBAAgB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGvC"}
+{"version":3,"file":"StorefrontContext.d.ts","sourceRoot":"","sources":["../src/StorefrontContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,KAAK,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAGzG,MAAM,MAAM,sBAAsB,GAAG;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;IAChC,WAAW,EAAE,0BAA0B,EAAE,CAAA;IACzC,mBAAmB,EAAE,0BAA0B,EAAE,CAAA;CAClD,CAAA;AAUD,eAAO,MAAM,iBAAiB,6CAEmC,CAAA;AAKjE,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C;AAED,wBAAgB,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGvC"}

package/dist/StorefrontProvider.d.ts

@@ -217,6 +217,15 @@ export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderA
                 autoTranslated?: boolean | undefined;
             }> | undefined;
         } | undefined;
+        information?: {
+            rentalTerms?: {
+                version: 1;
+                json: string;
+                html: string;
+                text: string;
+            } | undefined;
+            rentalTermsUpdatedAt?: string | null | undefined;
+        } | undefined;
         modules?: {
             reviews?: {
                 enabled: boolean;

package/dist/StorefrontProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,cAAc,qBAAqB,CAAA"}

package/dist/chunks/pkg/ui/dist/Drawer/{index-CSvSVP_J.js → index-Dp62Y2o5.js}

@@ -69,11 +69,14 @@ var h = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a(s.Backdrop
 }));
 h.displayName = "DrawerOverlay";
 var g = r.forwardRef(({ className: u, children: d, overlayClassName: f, showHandle: m = !0, ...g }, _) => {
-	let v = r.useContext(c), y = r.useContext(l);
-	t(y.open && y.modal === !0);
-	let b = e("bg-background pointer-events-auto fixed z-50 flex flex-col gap-4 shadow-lg outline-none", "group/drawer-content data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:data-[closed]:slide-out-to-top", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:max-h-[95dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-[closed]:slide-out-to-bottom", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:data-[closed]:slide-out-to-right data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:data-[closed]:slide-out-to-left data-[vaul-drawer-direction=left]:sm:max-w-sm", u), x = m ? /* @__PURE__ */ a("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : null;
+	let v = r.useContext(c), y = r.useContext(l), [b, x] = r.useState(y.open);
+	r.useEffect(() => {
+		y.open && x(!0);
+	}, [y.open]), t(y.open && y.modal === !0);
+	let S = e("bg-background pointer-events-auto fixed z-50 flex flex-col gap-4 shadow-lg outline-none", "group/drawer-content data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=top]:slide-in-from-top data-[vaul-drawer-direction=top]:data-[closed]:slide-out-to-top", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:max-h-[95dvh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=bottom]:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-[closed]:slide-out-to-bottom", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:slide-in-from-right data-[vaul-drawer-direction=right]:data-[closed]:slide-out-to-right data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:slide-in-from-left data-[vaul-drawer-direction=left]:data-[closed]:slide-out-to-left data-[vaul-drawer-direction=left]:sm:max-w-sm", u), C = m ? /* @__PURE__ */ a("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }) : null;
 	return /* @__PURE__ */ a(n, {
 		enabled: y.open,
+		keepMounted: b,
 		inline: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("div", {
 			"data-slot": "drawer-overlay",
 			className: e("pointer-events-auto fixed inset-0 z-50 bg-black/80 outline-none data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0", f),
@@ -87,11 +90,11 @@ var g = r.forwardRef(({ className: u, children: d, overlayClassName: f, showHand
 				role: "dialog",
 				"aria-modal": "true",
 				"data-vaul-drawer-direction": v,
-				className: b,
+				className: S,
 				"data-open": "",
 				"data-state": "open",
 				...g,
-				children: [x, /* @__PURE__ */ a("div", {
+				children: [C, /* @__PURE__ */ a("div", {
 					"data-slot": "drawer-content-inner",
 					children: d
 				})]
@@ -107,13 +110,13 @@ var g = r.forwardRef(({ className: u, children: d, overlayClassName: f, showHand
 					role: "dialog",
 					"aria-modal": "true",
 					"data-vaul-drawer-direction": v,
-					className: b,
+					className: S,
 					render: (e, t) => /* @__PURE__ */ a("div", {
 						...e,
 						"data-state": t.open ? "open" : "closed"
 					}),
 					...g,
-					children: [x, /* @__PURE__ */ a(s.Content, {
+					children: [C, /* @__PURE__ */ a(s.Content, {
 						"data-slot": "drawer-content-inner",
 						children: d
 					})]

package/dist/chunks/pkg/ui/dist/{ResponsiveDialog-BVwhTZQo.js → ResponsiveDialog-BJ0RG6gh.js}

@@ -1,6 +1,6 @@
 import { cn as e } from "./lib/utils-DXB19bzk.js";
 import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogTitle as s, DialogTrigger as c } from "./Dialog-CczmPDwY.js";
-import { Drawer as l, DrawerClose as u, DrawerContent as d, DrawerDescription as f, DrawerFooter as p, DrawerHeader as m, DrawerTitle as h, DrawerTrigger as g } from "./Drawer/index-CSvSVP_J.js";
+import { Drawer as l, DrawerClose as u, DrawerContent as d, DrawerDescription as f, DrawerFooter as p, DrawerHeader as m, DrawerTitle as h, DrawerTrigger as g } from "./Drawer/index-Dp62Y2o5.js";
 import { useMediaQuery as _ } from "./lib/useMediaQuery-CrZFwD6A.js";
 import * as v from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";

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,kDA2O/B"}

package/dist/components/BookingBikeVariantDialog/index.js

@@ -4,7 +4,7 @@ import { getAvailabilityVariant as i } from "../../lib/utils.js";
 import { Badge as a } from "../../ui/badge.js";
 import { Button as o } from "../../ui/button.js";
 import { useStorefrontWorkspaceLanguage as s } from "../../StorefrontContext.js";
-import { RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY as c, ResponsiveDialog as l, ResponsiveDialogContent as u, ResponsiveDialogDescription as d, ResponsiveDialogFooter as f, ResponsiveDialogHeader as p, ResponsiveDialogTitle as m } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
+import { RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY as c, ResponsiveDialog as l, ResponsiveDialogContent as u, ResponsiveDialogDescription as d, ResponsiveDialogFooter as f, ResponsiveDialogHeader as p, ResponsiveDialogTitle as m } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BJ0RG6gh.js";
 import { Input as h } from "../../ui/input.js";
 import { ProductWarningNotice as g } from "../ProductWarningNotice/index.js";
 import { ProductPriceBadge as _ } from "../ProductPriceBadge/index.js";
@@ -30,7 +30,7 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 			...n,
 			[e]: t
 		}));
-	}, G = r(j.name, z.language, V), K = r(j.description, z.language, V), q = r(j.warning, z.language, V), J = typeof j.images?.[0] == "string" ? j.images[0].trim() : "", Y = v(j.primaryImageStyle), X = i(j.availabilityStatus), Z = j.features?.slice(0, 4) ?? [], Q = j.productVariants ?? [], $ = Q.some((t) => !!e(t, "size")) ? R("product_size_label") : R("product_variant_label");
+	}, G = r(j.name, z.language, V), K = r(j.description, z.language, V), q = r(j.warning, z.language, V), J = typeof j.images?.[0] == "string" ? j.images[0].trim() : "", Y = v(j.primaryImageStyle), X = i(j.availabilityStatus), Z = j.features ?? [], Q = Z.slice(0, 4), $ = j.productVariants ?? [], ee = $.some((t) => !!e(t, "size")) ? R("product_size_label") : R("product_variant_label");
 	return /* @__PURE__ */ x(l, {
 		open: h,
 		onOpenChange: N,
@@ -41,10 +41,10 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 			mobileClassName: "max-h-[95dvh] gap-0",
 			children: /* @__PURE__ */ S("div", {
 				"data-testid": "storefront-booking-bike-dialog",
-				className: "flex max-h-[92dvh] flex-col",
+				className: "flex max-h-[calc(95dvh-1.5rem)] min-h-0 flex-col sm:max-h-[92dvh]",
 				children: [
 					/* @__PURE__ */ S(p, {
-						className: "border-b border-slate-200 px-5 py-4 text-left sm:px-6",
+						className: "shrink-0 border-b border-slate-200 px-5 py-4 text-left sm:px-6",
 						children: [/* @__PURE__ */ x(m, {
 							className: "text-left text-lg font-semibold text-slate-950",
 							children: /* @__PURE__ */ x("span", { children: G })
@@ -54,7 +54,8 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 						})]
 					}),
 					/* @__PURE__ */ x("div", {
-						className: "overflow-y-auto",
+						className: "min-h-0 overflow-y-auto",
+						"data-testid": "storefront-booking-bike-dialog-scroll",
 						children: /* @__PURE__ */ S("div", {
 							className: "grid gap-5 px-5 py-5 sm:grid-cols-[minmax(0,0.92fr)_minmax(0,1.08fr)] sm:px-6",
 							children: [/* @__PURE__ */ S("div", {
@@ -89,14 +90,14 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 											openOnHover: j.kind !== "accessory"
 										})]
 									}),
-									!B && Z.length > 0 ? /* @__PURE__ */ S("div", {
+									!B && Q.length > 0 ? /* @__PURE__ */ S("div", {
 										className: "grid gap-2",
 										children: [/* @__PURE__ */ x("p", {
 											className: "text-sm font-semibold text-slate-950",
 											children: /* @__PURE__ */ x("span", { children: R("product_features_title") })
 										}), /* @__PURE__ */ x("ul", {
 											className: "grid gap-1.5 text-sm text-slate-700",
-											children: Z.map((e, t) => /* @__PURE__ */ S("li", {
+											children: Q.map((e, t) => /* @__PURE__ */ S("li", {
 												className: "inline-flex items-start gap-2",
 												children: [/* @__PURE__ */ x(D, {
 													className: "mt-0.5 h-4 w-4 text-success",
@@ -121,39 +122,33 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 										})]
 									}) : null,
 									B && Z.length > 0 ? /* @__PURE__ */ S("details", {
-										className: "group rounded-2xl border border-slate-200 bg-slate-50",
+										className: "w-full",
 										children: [/* @__PURE__ */ S("summary", {
-											className: "flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2.5 text-sm font-semibold text-slate-950 [&::-webkit-details-marker]:hidden",
+											className: "flex cursor-pointer list-none items-center justify-between gap-2 border-b border-slate-200 pb-2 text-left text-base font-semibold text-slate-950 transition-colors hover:text-primary [&::-webkit-details-marker]:hidden",
 											children: [/* @__PURE__ */ x("span", { children: R("product_features_title") }), /* @__PURE__ */ x(k, {
-												className: "h-4 w-4 shrink-0 transition-transform group-open:rotate-45",
+												className: "h-4 w-4 shrink-0",
 												"aria-hidden": "true"
 											})]
 										}), /* @__PURE__ */ x("div", {
-											className: "border-t border-slate-200 px-3 py-3",
+											className: "pt-3",
 											children: /* @__PURE__ */ x("ul", {
-												className: "grid gap-1.5 text-sm text-slate-700",
-												children: Z.map((e, t) => /* @__PURE__ */ S("li", {
-													className: "inline-flex items-start gap-2",
-													children: [/* @__PURE__ */ x(D, {
-														className: "mt-0.5 h-4 w-4 text-success",
-														"aria-hidden": "true"
-													}), /* @__PURE__ */ x("span", { children: r(e, z.language, V) })]
-												}, `${j.id}-mobile-${t}`))
+												className: "list-inside list-disc space-y-1 text-base text-slate-600",
+												children: Z.map((e, t) => /* @__PURE__ */ x("li", { children: /* @__PURE__ */ x("span", { children: r(e, z.language, V) }) }, `${j.id}-mobile-${t}`))
 											})
 										})]
 									}) : null,
 									B ? /* @__PURE__ */ x(g, { warning: q }) : null,
 									/* @__PURE__ */ x("p", {
 										className: "text-2xs font-medium uppercase tracking-[0.18em] text-slate-500",
-										children: /* @__PURE__ */ x("span", { children: $ })
+										children: /* @__PURE__ */ x("span", { children: ee })
 									}),
 									/* @__PURE__ */ x("div", {
-										className: "grid gap-2",
-										children: Q.map((e) => {
+										className: "grid sm:gap-2",
+										children: $.map((e) => {
 											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-3 border-b border-slate-100 py-1.5 last:border-b-0", "sm:rounded-2xl sm:border sm:border-slate-200 sm:bg-slate-50 sm:px-3 sm:py-2.5 sm:last:border-b"),
 												children: [/* @__PURE__ */ S("div", {
 													className: "flex min-w-0 flex-1 flex-col gap-0.5",
 													children: [
@@ -181,7 +176,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 sm:gap-2",
 													children: [/* @__PURE__ */ x(M, {
 														quantity: l,
 														ariaLabel: R("quantity_label"),
@@ -189,7 +184,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: T("h-8 shrink-0 gap-1 rounded-l-none px-2 text-xs", "sm:h-9 sm:gap-1.5 sm:rounded-xl sm:px-3 sm:text-sm"),
 														"data-testid": `storefront-booking-bike-dialog-variant-add-${j.id}-${e.id}`.toLowerCase(),
 														disabled: I,
 														onClick: () => {
@@ -209,7 +205,7 @@ function j({ open: h, product: j, onOpenChange: N, getVariantAvailabilityLabel:
 						})
 					}),
 					/* @__PURE__ */ x(f, {
-						className: "border-t border-slate-200 px-5 py-4 sm:px-6",
+						className: "shrink-0 border-t border-slate-200 px-5 py-4 sm:px-6",
 						children: /* @__PURE__ */ x(o, {
 							type: "button",
 							variant: "outline",
@@ -236,7 +232,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: T("h-8 w-9 rounded-r-none border-r-0 px-1 text-center text-sm focus-visible:z-10", "sm:h-9 sm:w-16 sm:rounded-md sm:border-r sm:px-3 sm:text-base"),
 			"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();
 								},