@loczer/storefront-sdk 0.194.0 → 0.196.0

package/dist/chunks/pkg/ui/dist/{Button-CxG2fSpA.js → Button-Cr_u8vnh.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "./lib/utils-BN5KOMSm.js";
+import { cn as e } from "./lib/utils-DXB19bzk.js";
 import { Slot as t } from "./lib/slot-FQrvG282.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/chunks/pkg/ui/dist/{Dialog-4leTWiev.js → Dialog-CczmPDwY.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "./lib/utils-BN5KOMSm.js";
+import { cn as e } from "./lib/utils-DXB19bzk.js";
 import { composeRefs as t, createAutoFocusHandler as n } from "./lib/slot-FQrvG282.js";
 import { useBodyPointerEventsLock as r } from "./lib/body-pointer-events-DLBTed3C.js";
 import { SsrHydratablePortal as i } from "./SsrHydratablePortal/index-eGyYZilF.js";

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

@@ -1,4 +1,4 @@
-import { cn as e } from "../lib/utils-BN5KOMSm.js";
+import { cn as e } from "../lib/utils-DXB19bzk.js";
 import { useBodyPointerEventsLock as t } from "../lib/body-pointer-events-DLBTed3C.js";
 import { SsrHydratablePortal as n } from "../SsrHydratablePortal/index-eGyYZilF.js";
 import * as r from "react";

package/dist/chunks/pkg/ui/dist/Map/{MapContent-BmKjdWmq.js → MapContent-CDeWtwKa.js}

@@ -1,5 +1,5 @@
 import { __toESM as e } from "../../../../_virtual/_rolldown/runtime-CkxIErRK.js";
-import { cn as t } from "../lib/utils-BN5KOMSm.js";
+import { cn as t } from "../lib/utils-DXB19bzk.js";
 import { DEFAULT_MAP_SKELETON_COLOR as n } from "./constants-BNmiJXfg.js";
 import { DEFAULT_MAP_CENTER as r } from "../static/strings-1T2w7LqX.js";
 import { classifyMapboxError as i, toSanitizedMapboxError as a } from "./mapboxError-oRn0l3EE.js";

package/dist/chunks/pkg/ui/dist/{Map-CsOTdTtL.js → Map-Cs7wgtH9.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "./lib/utils-BN5KOMSm.js";
+import { cn as e } from "./lib/utils-DXB19bzk.js";
 import { isAutomationRuntime as t } from "./lib/isAutomationRuntime-CZ6KXlyz.js";
 import { Suspense as n, lazy as r, useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ var l = ({ className: t, style: n, color: r }) => /* @__PURE__ */ c("div", {
 			style: { backgroundColor: r ?? "rgb(201 221 176)" }
 		})
 	}), /* @__PURE__ */ s("div", { className: "h-full w-full transition-opacity duration-500 ease-out pointer-events-none opacity-0" })]
-}), u = r(() => import("./Map/MapContent-BmKjdWmq.js")), d = (e) => {
+}), u = r(() => import("./Map/MapContent-CDeWtwKa.js")), d = (e) => {
 	let r = a(null), [c, d] = o(!1);
 	i(() => {
 		if (t()) return;

package/dist/chunks/pkg/ui/dist/{MorphingModalWizard-CfEqkJ0y.js → MorphingModalWizard-j1CgFGLe.js}

@@ -1,6 +1,7 @@
-import "./Dialog-4leTWiev.js";
-import "./ScrollArea-Bjwo84cv.js";
-import "./Button-CxG2fSpA.js";
+import "./lib/utils-DXB19bzk.js";
+import "./Dialog-CczmPDwY.js";
+import "./ScrollArea-BqLd0xZj.js";
+import "./Button-Cr_u8vnh.js";
 import { createContext as e, useContext as t } from "react";
 import "react/jsx-runtime";
 import "lucide-react";

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

@@ -1,6 +1,6 @@
-import { cn as e } from "./lib/utils-BN5KOMSm.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-4leTWiev.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-DA5V7R_q.js";
+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 { 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/chunks/pkg/ui/dist/{ScrollArea-Bjwo84cv.js → ScrollArea-BqLd0xZj.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "./lib/utils-BN5KOMSm.js";
+import { cn as e } from "./lib/utils-DXB19bzk.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { ScrollArea as r } from "@base-ui/react/scroll-area";

package/dist/chunks/pkg/ui/dist/Spinner/{index-DzMEU0iA.js → index-Cgi70z_E.js}

@@ -1,4 +1,4 @@
-import { cn as e } from "../lib/utils-BN5KOMSm.js";
+import { cn as e } from "../lib/utils-DXB19bzk.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region ../ui/dist/Spinner/index.js
 function r({ className: r, ...i }) {

package/dist/chunks/pkg/ui/dist/lib/utils-DXB19bzk.js

@@ -0,0 +1,8 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region ../ui/dist/lib/utils.js
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };

package/dist/components/BikeProductCard/index.js

@@ -5,13 +5,13 @@ import { Button as r } from "../../ui/button.js";
 import { ProductPriceBadge as i } from "../ProductPriceBadge/index.js";
 import { resolveProductImageContainerStyle as a } from "../../lib/productImageStyles.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, Bike as p } from "lucide-react";
 //#region src/components/BikeProductCard/index.tsx
 function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey: _ = "product_cta", onAction: v, actionDisabled: y = !1, availabilityLabel: b, fallbackLanguage: x, variant: S = "default", testId: C }) {
-	let { t: w, i18n: T } = d(), E = t(m.name, T.language, x), D = t(m.description, T.language, x), O = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", k = a(m.primaryImageStyle), A = e(m.availabilityStatus), j = S === "booking", M = m.availabilityStatus === "OUT_OF_STOCK";
+	let { t: w, i18n: T } = u(), E = t(m.name, T.language, x), D = t(m.description, T.language, x), O = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", k = a(m.primaryImageStyle), A = e(m.availabilityStatus), j = S === "booking", M = m.availabilityStatus === "OUT_OF_STOCK";
 	return /* @__PURE__ */ c("div", {
 		className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
 		"data-testid": C,
@@ -20,7 +20,7 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 			children: [/* @__PURE__ */ s("div", {
 				className: "w-24 shrink-0 sm:w-28",
 				children: /* @__PURE__ */ c("div", {
-					className: l("relative h-full min-h-20 overflow-hidden rounded-xl", k.className),
+					className: d("relative h-full min-h-20 overflow-hidden rounded-xl", k.className),
 					style: k.style,
 					children: [O ? /* @__PURE__ */ s("img", {
 						src: O,
@@ -66,7 +66,7 @@ function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey
 					className: "text-slate-400",
 					children: "·"
 				})] }),
-				/* @__PURE__ */ s(u, {
+				/* @__PURE__ */ s(l, {
 					to: h,
 					state: g,
 					className: "text-xs font-medium text-slate-700 hover:text-slate-950",

package/dist/components/BookingBikeVariantDialog/index.js

@@ -3,7 +3,7 @@ import { getAvailabilityVariant as n } from "../../lib/utils.js";
 import { getLocalizedValue as r } from "../../localization.js";
 import { Badge as i } from "../../ui/badge.js";
 import { Button as a } from "../../ui/button.js";
-import { RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY as o, ResponsiveDialog as s, ResponsiveDialogContent as c, ResponsiveDialogDescription as l, ResponsiveDialogFooter as u, ResponsiveDialogHeader as d, ResponsiveDialogTitle as f } from "../../chunks/pkg/ui/dist/ResponsiveDialog-C6IWYoIg.js";
+import { RESPONSIVE_DIALOG_MOBILE_MEDIA_QUERY as o, ResponsiveDialog as s, ResponsiveDialogContent as c, ResponsiveDialogDescription as l, ResponsiveDialogFooter as u, ResponsiveDialogHeader as d, ResponsiveDialogTitle as f } from "../../chunks/pkg/ui/dist/ResponsiveDialog-BVwhTZQo.js";
 import { Input as p } from "../../ui/input.js";
 import { useStorefrontWorkspaceLanguage as m } from "../../StorefrontProvider.js";
 import { ProductWarningNotice as h } from "../ProductWarningNotice/index.js";
@@ -11,13 +11,13 @@ import { ProductPriceBadge as g } from "../ProductPriceBadge/index.js";
 import { resolveProductImageContainerStyle as _ } from "../../lib/productImageStyles.js";
 import { useEffect as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
-import { cn as S } from "@rpcbase/ui";
-import { useMediaQuery as C } from "@rpcbase/client";
-import { useTranslation as w } from "react-i18next";
+import { useMediaQuery as S } from "@rpcbase/client";
+import { useTranslation as C } from "react-i18next";
+import { cn as w } from "@rpcbase/ui";
 import { Bike as T, CheckCircle2 as E, Plus as D } from "lucide-react";
 //#region src/components/BookingBikeVariantDialog/index.tsx
 function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel: j, isVariantOutOfCapacity: M, addDisabled: N = !1, onAddVariant: P }) {
-	let { t: F, i18n: I } = w(), L = C(o), R = m(), [z, B] = y({});
+	let { t: F, i18n: I } = C(), L = S(o), R = m(), [z, B] = y({});
 	if (v(() => {
 		!O || !p || B((O.productVariants ?? []).reduce((e, t) => (e[t.id] = 1, e), {}));
 	}, [p, O]), !O) return null;
@@ -57,7 +57,7 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 								className: "grid gap-4",
 								children: [
 									/* @__PURE__ */ b("div", {
-										className: S("relative aspect-[1618/1000] overflow-hidden rounded-2xl", K.className),
+										className: w("relative aspect-[1618/1000] overflow-hidden rounded-2xl", K.className),
 										style: K.style,
 										children: G ? /* @__PURE__ */ b("img", {
 											src: G,
@@ -140,7 +140,7 @@ function O({ open: p, product: O, onOpenChange: A, getVariantAvailabilityLabel:
 											let n = `storefront-booking-bike-dialog-variant-option-${O.id}-${e.id}`.toLowerCase(), { label: r, description: o } = t(e), s = z[e.id] ?? 1, c = M?.(e.id) === !0, l = j?.(e.id) ?? null;
 											return /* @__PURE__ */ x("div", {
 												"data-testid": n,
-												className: S("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: w("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"),
 												children: [/* @__PURE__ */ x("div", {
 													className: "flex min-w-0 flex-1 flex-col gap-0.5",
 													children: [

package/dist/components/BookingFlowSteps/index.js

@@ -1,23 +1,23 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { cn as n } from "@rpcbase/ui";
-import { Link as r } from "@rpcbase/router";
-import { useTranslation as i } from "react-i18next";
+import { Link as n } from "@rpcbase/router";
+import { useTranslation as r } from "react-i18next";
+import { cn as i } from "@rpcbase/ui";
 //#region src/components/BookingFlowSteps/index.tsx
-var a = ({ index: i, label: a, state: o, href: s }) => {
+var a = ({ index: r, label: a, state: o, href: s }) => {
 	let c = /* @__PURE__ */ t("span", {
-		className: n("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"),
+		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: n("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: i
+			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 })]
 	});
-	return !s || o === "active" ? c : /* @__PURE__ */ e(r, {
+	return !s || o === "active" ? c : /* @__PURE__ */ e(n, {
 		to: s,
 		className: "inline-flex",
 		children: c
 	});
-}, o = ({ currentStep: n, bookingPath: r, checkoutPath: o, checkoutEnabled: s = !0 }) => {
-	let { t: c } = i(), l = n === "booking" ? "active" : "done", u = n === "checkout" ? "active" : "pending";
+}, 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",
 		children: [
@@ -25,7 +25,7 @@ var a = ({ index: i, label: a, state: o, href: s }) => {
 				index: 1,
 				label: c("flow_step_booking"),
 				state: l,
-				href: n === "checkout" ? r : void 0
+				href: n === "checkout" ? i : void 0
 			}),
 			/* @__PURE__ */ e("span", {
 				className: "text-slate-300",

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

@@ -1,6 +1,6 @@
 import { Content as e, Provider as t, Root as n, TooltipTrigger as r } from "../../../ui/tooltip.js";
 import { useBookingPeriod as i } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as a } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-CfEqkJ0y.js";
+import { useMorphingModalWizardOverlayLayer as a } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
 import { DayPicker as o } from "../../../ui/day-picker.js";
 import { Label as s } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as c } from "./BookingPeriodFieldErrorMessage.js";

package/dist/components/BookingPeriodSelector/components/BookingEndTimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingEndTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,mBAAmB,+CAmJ/B,CAAA"}
+{"version":3,"file":"BookingEndTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingEndTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,mBAAmB,+CAqJ/B,CAAA"}

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

@@ -1,5 +1,5 @@
 import { useBookingPeriod as e } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-CfEqkJ0y.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
 import { Label as n } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as r } from "./BookingPeriodFieldErrorMessage.js";
 import { BookingHourPickerField as i } from "./internal/BookingHourPickerField.js";
@@ -13,8 +13,8 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 	minimumFractionDigits: 0,
 	maximumFractionDigits: 0
 }).format(e / 100), f = () => {
-	let { labels: f, localeCode: p, currencyCode: m, endTime: h, selectEndTime: g, availableEndTimeSlots: _, endTimeSlotsStatus: v, isEndTimeSelectOpen: y, setIsEndTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, startMinutesValue: E, isSameDaySelection: D, isEndToday: O, earliestMinutesForToday: k } = e(), A = _.map((e) => {
-		let t = !!D && E != null && e.startMinutes <= E, n = O && k != null && e.startMinutes < k, r = e.isDisabled || t || n, i = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, a = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, o = e.isDisabled && i ? i : null, u = a && o ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	let { labels: f, localeCode: p, currencyCode: m, endTime: h, selectEndTime: g, availableEndTimeSlots: _, endTimeSlotsStatus: v, isEndTimeSelectOpen: y, setIsEndTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isMobile: T, isHydrated: E, startMinutesValue: D, isSameDaySelection: O, isEndToday: k, earliestMinutesForToday: A } = e(), j = _.map((e) => {
+		let t = !!O && D != null && e.startMinutes <= D, n = k && A != null && e.startMinutes < A, r = e.isDisabled || t || n, i = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, a = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, o = e.isDisabled && i ? i : null, u = a && o ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 			className: "block",
 			children: a
 		}), /* @__PURE__ */ c("span", {
@@ -27,12 +27,12 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			disabled: r,
 			description: u
 		};
-	}), j = A.some((e) => !e.disabled), M = v !== "local" && (v !== "ready" || !j), N = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !j ? f.timeSlotsUnavailable : f.endTime, P = A.find((e) => !e.disabled)?.value, F = o(h ?? P ?? null), I = t();
+	}), M = j.some((e) => !e.disabled), N = v !== "local" && (v !== "ready" || !M), P = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !M ? f.timeSlotsUnavailable : f.endTime, F = j.find((e) => !e.disabled)?.value, I = o(h ?? F ?? null), L = t();
 	return a(() => {
-		y || (F.current = h ?? P ?? null);
+		y || (I.current = h ?? F ?? null);
 	}, [
 		h,
-		P,
+		F,
 		y
 	]), a(() => {
 		let e = document.getElementById("end-time-picker");
@@ -40,7 +40,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		let t = (e) => {
 			if (e.key !== "Enter" || !y) return;
 			e.preventDefault(), e.stopPropagation();
-			let t = F.current ?? h ?? P;
+			let t = I.current ?? h ?? F;
 			t && g(t);
 		};
 		return e.addEventListener("keydown", t, !0), () => {
@@ -48,7 +48,7 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		};
 	}, [
 		h,
-		P,
+		F,
 		y,
 		g
 	]), /* @__PURE__ */ l("div", {
@@ -61,23 +61,24 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			}),
 			/* @__PURE__ */ c(i, {
 				id: "end-time-picker",
-				placeholder: N,
+				placeholder: P,
 				value: h ?? null,
 				onValueUpdate: (e) => {
-					e && (F.current = e);
+					e && (I.current = e);
 				},
 				onChange: (e) => {
-					e && (F.current = e, g(e));
+					e && (I.current = e, g(e));
 				},
-				options: A,
-				disabled: M,
+				options: j,
+				compact: T,
+				disabled: N,
 				open: y,
 				onOpenChange: b,
 				triggerTestId: "end-time-trigger",
 				contentTestId: "end-time-select-content",
-				isHydrated: T,
+				isHydrated: E,
 				inputClassName: u(w.endTime && "border-destructive", S, C),
-				portalContainer: I
+				portalContainer: L
 			}),
 			w.endTime && /* @__PURE__ */ c(r, { children: w.endTime })
 		]

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

@@ -1,5 +1,5 @@
 import { useBookingPeriod as e } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-CfEqkJ0y.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
 import { DayPicker as n } from "../../../ui/day-picker.js";
 import { Label as r } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as i } from "./BookingPeriodFieldErrorMessage.js";

package/dist/components/BookingPeriodSelector/components/BookingStartTimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingStartTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,qBAAqB,+CA6IjC,CAAA"}
+{"version":3,"file":"BookingStartTimeField.d.ts","sourceRoot":"","sources":["../../../../src/components/BookingPeriodSelector/components/BookingStartTimeField.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,qBAAqB,+CA+IjC,CAAA"}

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

@@ -1,5 +1,5 @@
 import { useBookingPeriod as e } from "../BookingPeriodContext.js";
-import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-CfEqkJ0y.js";
+import { useMorphingModalWizardOverlayLayer as t } from "../../../chunks/pkg/ui/dist/MorphingModalWizard-j1CgFGLe.js";
 import { Label as n } from "../../../ui/label.js";
 import { BookingPeriodFieldErrorMessage as r } from "./BookingPeriodFieldErrorMessage.js";
 import { BookingHourPickerField as i } from "./internal/BookingHourPickerField.js";
@@ -13,8 +13,8 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 	minimumFractionDigits: 0,
 	maximumFractionDigits: 0
 }).format(e / 100), f = () => {
-	let { labels: f, localeCode: p, currencyCode: m, startTime: h, selectStartTime: g, startTimeSlots: _, startTimeSlotsStatus: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isHydrated: T, isStartToday: E, earliestMinutesForToday: D } = e(), O = _.map((e) => {
-		let t = E && D != null && e.startMinutes < D, n = e.isDisabled || t, r = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
+	let { labels: f, localeCode: p, currencyCode: m, startTime: h, selectStartTime: g, startTimeSlots: _, startTimeSlotsStatus: v, isStartTimeSelectOpen: y, setIsStartTimeSelectOpen: b, labelClassName: x, inputClassName: S, buttonClassName: C, errors: w, isMobile: T, isHydrated: E, isStartToday: D, earliestMinutesForToday: O } = e(), k = _.map((e) => {
+		let t = D && O != null && e.startMinutes < O, n = e.isDisabled || t, r = e.disabledReason === "closed" ? f.timeSlotClosedLabel ?? "Closed" : e.disabledReason, i = e.isExtra && e.extraAmount != null ? f.timeSlotExtraFee?.({ amount: d(e.extraAmount, p, m) }) ?? `Extra fee: ${d(e.extraAmount, p, m)}` : null, a = e.isDisabled && r ? r : null, o = i && a ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("span", {
 			className: "block",
 			children: i
 		}), /* @__PURE__ */ c("span", {
@@ -27,11 +27,11 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			disabled: n,
 			description: o
 		};
-	}), k = O.some((e) => !e.disabled), A = v !== "local" && (v !== "ready" || !k), j = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !k ? f.timeSlotsUnavailable : f.startTime, M = O.find((e) => !e.disabled)?.value, N = o(h ?? M ?? null), P = t();
+	}), A = k.some((e) => !e.disabled), j = v !== "local" && (v !== "ready" || !A), M = v === "loading" ? f.timeSlotsLoading : v === "error" ? f.timeSlotsLoadError : v === "ready" && !A ? f.timeSlotsUnavailable : f.startTime, N = k.find((e) => !e.disabled)?.value, P = o(h ?? N ?? null), F = t();
 	return a(() => {
-		y || (N.current = h ?? M ?? null);
+		y || (P.current = h ?? N ?? null);
 	}, [
-		M,
+		N,
 		y,
 		h
 	]), a(() => {
@@ -41,14 +41,14 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 		let t = (e) => {
 			if (e.key !== "Enter" || !y) return;
 			e.preventDefault(), e.stopPropagation();
-			let t = N.current ?? h ?? M;
+			let t = P.current ?? h ?? N;
 			t && g(t);
 		};
 		return e.addEventListener("keydown", t, !0), () => {
 			e.removeEventListener("keydown", t, !0);
 		};
 	}, [
-		M,
+		N,
 		y,
 		g,
 		h
@@ -62,23 +62,24 @@ var d = (e, t, n) => new Intl.NumberFormat(t, {
 			}),
 			/* @__PURE__ */ c(i, {
 				id: "start-time-picker",
-				placeholder: j,
+				placeholder: M,
 				value: h ?? null,
 				onValueUpdate: (e) => {
-					e && (N.current = e);
+					e && (P.current = e);
 				},
 				onChange: (e) => {
-					e && (N.current = e, g(e));
+					e && (P.current = e, g(e));
 				},
-				options: O,
-				disabled: A,
+				options: k,
+				compact: T,
+				disabled: j,
 				open: y,
 				onOpenChange: b,
 				triggerTestId: "start-time-trigger",
 				contentTestId: "start-time-select-content",
-				isHydrated: T,
+				isHydrated: E,
 				inputClassName: u(w.startTime && "border-destructive", S, C),
-				portalContainer: P
+				portalContainer: F
 			}),
 			w.startTime && /* @__PURE__ */ c(r, { children: w.startTime })
 		]

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.d.ts

@@ -1,4 +1,4 @@
-import { HourPickerFieldProps } from '@rpcbase/ui';
+import { HourPickerFieldProps } from './StorefrontHourPickerField';
 type BookingHourPickerFieldProps = HourPickerFieldProps & {
     portalContainer?: HTMLElement | null;
 };

package/dist/components/BookingPeriodSelector/components/internal/BookingHourPickerField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BookingHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,aAAa,CAAA;AAKpB,KAAK,2BAA2B,GAAG,oBAAoB,GAAG;IACxD,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,mEAMpC,2BAA2B,4CA2B7B,CAAA"}
+{"version":3,"file":"BookingHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EAE1B,MAAM,6BAA6B,CAAA;AAIpC,KAAK,2BAA2B,GAAG,oBAAoB,GAAG;IACxD,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,mEAMpC,2BAA2B,4CAmB7B,CAAA"}

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

@@ -1,29 +1,26 @@
-import { ModalHourPickerField as e } from "./ModalHourPickerField.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { HourPickerField as i, cn as a } from "@rpcbase/ui";
+import { cn as e } from "../../../../lib/utils.js";
+import { HourPickerField as t } from "./StorefrontHourPickerField.js";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/BookingPeriodSelector/components/internal/BookingHourPickerField.tsx
-var o = ({ options: o, className: s, inputClassName: c, portalContainer: l, ...u }) => {
-	let d = o.map((e) => ({
+var r = ({ options: r, className: i, inputClassName: a, portalContainer: o, ...s }) => {
+	let c = r.map((e) => ({
 		...e,
-		selectedLabel: /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
-			"data-slot": "booking-hour-picker-mobile-selected-label",
-			className: "md:hidden",
-			children: e.value
-		}), /* @__PURE__ */ n("span", {
+		selectedLabel: /* @__PURE__ */ n("span", {
 			"data-slot": "booking-hour-picker-desktop-selected-label",
-			className: "hidden md:inline",
 			children: e.label
-		})] })
-	})), f = {
-		...u,
-		options: d,
-		className: a("w-full min-w-0", s),
-		inputClassName: a("min-w-0", c)
-	};
-	return l ? /* @__PURE__ */ n(e, {
-		...f,
-		portalContainer: l
-	}) : /* @__PURE__ */ n(i, { ...f });
+		}),
+		compactSelectedLabel: /* @__PURE__ */ n("span", {
+			"data-slot": "booking-hour-picker-mobile-selected-label",
+			children: e.value
+		})
+	}));
+	return /* @__PURE__ */ n(t, {
+		...s,
+		options: c,
+		className: e("w-full min-w-0", i),
+		inputClassName: e("min-w-0", a),
+		portalContainer: o
+	});
 };
 //#endregion
-export { o as BookingHourPickerField };
+export { r as BookingHourPickerField };

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export type HourPickerOption = {
+    value: string;
+    label: string;
+    selectedLabel?: React.ReactNode;
+    compactSelectedLabel?: React.ReactNode;
+    disabled?: boolean;
+    description?: React.ReactNode;
+};
+export type HourPickerInputProps = {
+    id?: string;
+    value: string | null;
+    onChange: (value: string | null) => void;
+    onValueUpdate?: (value: string | null) => void;
+    options: HourPickerOption[];
+    placeholder?: string;
+    className?: string;
+    inputClassName?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerTestId?: string;
+    contentTestId?: string;
+    isHydrated?: boolean;
+    portalContainer?: HTMLElement | null;
+};
+export declare function HourPickerInput({ id, value, onChange, onValueUpdate, options, placeholder, className, inputClassName, disabled, readOnly, open: openProp, onOpenChange, triggerTestId, contentTestId, isHydrated, portalContainer, }: HourPickerInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HourPickerInput {
+    var displayName: string;
+}
+export type HourPickerFieldProps = HourPickerInputProps & {
+    compact?: boolean;
+};
+export declare function HourPickerField({ compact, ...props }: HourPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HourPickerField {
+    var displayName: string;
+}
+//# sourceMappingURL=StorefrontHourPickerField.d.ts.map

package/dist/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorefrontHourPickerField.d.ts","sourceRoot":"","sources":["../../../../../src/components/BookingPeriodSelector/components/internal/StorefrontHourPickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B,CAAA;AAyYD,MAAM,MAAM,oBAAoB,GAAG;IACjC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CACrC,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,EACP,WAA2B,EAC3B,SAAS,EACT,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAa,EACb,aAAa,EACb,UAAU,EACV,eAAe,GAChB,EAAE,oBAAoB,2CA6ctB;yBA9de,eAAe;;;AAke/B,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,GAAG;IACxD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AA6YD,wBAAgB,eAAe,CAAC,EAAE,OAAe,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAMlF;yBANe,eAAe"}