@riverbankcms/sdk 0.143.0 → 0.144.0

package/dist/client/ThemedButton-BwNFVwi4.mjs

@@ -0,0 +1,412 @@
+import { O as clsx } from "./colorStyles-CuJBiS-1.mjs";
+import { gt as themeButtonVariantClassNames, ht as themeButtonSizeClassName } from "./propsDecoder-DPXtCZWP.mjs";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region ../blocks/src/system/runtime/nodes/spinner.tsx
+function resolveColorStyle(color) {
+	switch (color) {
+		case void 0: return;
+		case "inherit": return { color: "inherit" };
+		case "foreground": return { color: "rgb(var(--tb-foreground))" };
+		case "text": return { color: "rgb(var(--tb-text))" };
+		default: return;
+	}
+}
+function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel, style, ...rest }) {
+	const hasExplicitAriaLabel = typeof rest["aria-label"] === "string" && rest["aria-label"].trim().length > 0;
+	const accessibilityProps = srLabel ? {
+		role: "status",
+		"aria-live": "polite"
+	} : hasExplicitAriaLabel ? {} : { "aria-hidden": true };
+	const trackStroke = color === "inherit" ? "currentColor" : "var(--rb-spinner-track-color)";
+	const trackOpacity = color === "inherit" ? .25 : 1;
+	return /* @__PURE__ */ jsxs("span", {
+		...accessibilityProps,
+		className: clsx("rb-spinner", size ? `rb-spinner--${size}` : null, color === "inherit" ? "rb-spinner--inherit" : null, className),
+		style: {
+			...resolveColorStyle(color),
+			...style ?? {}
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: trackStroke,
+				strokeWidth,
+				opacity: trackOpacity
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M12 2a10 10 0 0 1 10 10",
+				stroke: "currentColor",
+				strokeWidth,
+				strokeLinecap: "round"
+			})]
+		}), srLabel ? /* @__PURE__ */ jsx("span", {
+			className: "rb-sr-only",
+			children: srLabel
+		}) : null]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/icons/svg.tsx
+function createIcon(displayName, children) {
+	const Icon = ({ size = "1em", strokeWidth = 2, title, className, focusable = false, role, ...props }) => /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": title ? void 0 : true,
+		className,
+		"data-rb-icon": displayName.replace(/Icon$/, ""),
+		fill: "none",
+		focusable,
+		height: size,
+		role: title ? role ?? "img" : role,
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth,
+		viewBox: "0 0 24 24",
+		width: size,
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [title ? /* @__PURE__ */ jsx("title", { children: title }) : null, children]
+	});
+	Icon.displayName = displayName;
+	return Icon;
+}
+createIcon("ArrowDownIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 5v14" }), /* @__PURE__ */ jsx("path", { d: "m6 13 6 6 6-6" })] }));
+createIcon("ArrowLeftIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M19 12H5" }), /* @__PURE__ */ jsx("path", { d: "m11 6-6 6 6 6" })] }));
+createIcon("ArrowRightIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "m13 6 6 6-6 6" })] }));
+createIcon("AwardIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "8",
+	r: "4"
+}), /* @__PURE__ */ jsx("path", { d: "m8.5 12.5-1.5 7 5-3 5 3-1.5-7" })] }));
+createIcon("BadgeCheckIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m8 3 4-1 4 1 3 3 1 4-1 4-3 3-4 1-4-1-3-3-1-4 1-4Z" }), /* @__PURE__ */ jsx("path", { d: "m8.5 11.5 2.5 2.5 4.5-5" })] }));
+createIcon("BookOpenIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M4 5.5A3 3 0 0 1 7 4h13v15H7a3 3 0 0 0-3 1.5Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M4 5.5V20" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 4v15" })
+] }));
+createIcon("BrainIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M9 4a4 4 0 0 0-4 4 4 4 0 0 0 0 8 4 4 0 0 0 4 4" }),
+	/* @__PURE__ */ jsx("path", { d: "M15 4a4 4 0 0 1 4 4 4 4 0 0 1 0 8 4 4 0 0 1-4 4" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 4v16" }),
+	/* @__PURE__ */ jsx("path", { d: "M15 4v16" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 8h6" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 14h6" })
+] }));
+createIcon("BriefcaseBusinessIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2" }),
+	/* @__PURE__ */ jsx("rect", {
+		x: "3",
+		y: "7",
+		width: "18",
+		height: "13",
+		rx: "2"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M3 12h18" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 12v2" }),
+	/* @__PURE__ */ jsx("path", { d: "M15 12v2" })
+] }));
+createIcon("CalendarIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M8 3v4" }),
+	/* @__PURE__ */ jsx("path", { d: "M16 3v4" }),
+	/* @__PURE__ */ jsx("rect", {
+		x: "4",
+		y: "5",
+		width: "16",
+		height: "16",
+		rx: "2"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M4 10h16" })
+] }));
+createIcon("CheckIcon", /* @__PURE__ */ jsx("path", { d: "m5 12 4 4L19 6" }));
+createIcon("ChevronDownIcon", /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }));
+createIcon("ChevronLeftIcon", /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }));
+createIcon("ChevronRightIcon", /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }));
+createIcon("ChevronUpIcon", /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }));
+createIcon("CircleMinusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ jsx("path", { d: "M8 12h8" })] }));
+createIcon("CirclePlusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 8v8" })
+] }));
+const ClockIcon = createIcon("ClockIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })] }));
+createIcon("CompassIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ jsx("path", { d: "m15 9-2 6-4 2 2-6Z" })] }));
+createIcon("DownloadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
+	/* @__PURE__ */ jsx("path", { d: "m7 10 5 5 5-5" }),
+	/* @__PURE__ */ jsx("path", { d: "M5 21h14" })
+] }));
+createIcon("ExternalLinkIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M14 4h6v6" }),
+	/* @__PURE__ */ jsx("path", { d: "m10 14 10-10" }),
+	/* @__PURE__ */ jsx("path", { d: "M20 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h5" })
+] }));
+createIcon("FileArchiveIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 7h2" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 11h2" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 15h4v4h-4Z" })
+] }));
+createIcon("FileAudioIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 16V10l5-2v6" }),
+	/* @__PURE__ */ jsx("circle", {
+		cx: "9",
+		cy: "17",
+		r: "1.5"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		cx: "15",
+		cy: "15",
+		r: "1.5"
+	})
+] }));
+createIcon("FileSpreadsheetIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
+	/* @__PURE__ */ jsx("path", { d: "M8 12h8" }),
+	/* @__PURE__ */ jsx("path", { d: "M8 16h8" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 10v8" })
+] }));
+createIcon("FileTextIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M14 2H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M14 2v5h5" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 13h6" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 17h6" })
+] }));
+createIcon("Flower2Icon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "2"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M12 10C8 4 16 4 12 10Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M14 12c6-4 6 4 0 0Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 14c4 6-4 6 0 0Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 12c-6 4-6-4 0 0Z" })
+] }));
+createIcon("GlobeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M3 12h18" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 3a14 14 0 0 1 0 18" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 3a14 14 0 0 0 0 18" })
+] }));
+createIcon("GraduationCapIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "m3 8 9-4 9 4-9 4Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M7 10v5c3 3 7 3 10 0v-5" }),
+	/* @__PURE__ */ jsx("path", { d: "M21 8v6" })
+] }));
+createIcon("HandHeartIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M3 15h4l4 4h5l5-5" }),
+	/* @__PURE__ */ jsx("path", { d: "M7 15l3-3h4a2 2 0 0 1 2 2" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 8c-2-2-5 1-2 4l2 2 2-2c3-3 0-6-2-4Z" })
+] }));
+createIcon("HeartIcon", /* @__PURE__ */ jsx("path", { d: "M12 21s-8-5-8-11a5 5 0 0 1 8-4 5 5 0 0 1 8 4c0 6-8 11-8 11Z" }));
+createIcon("HeartHandshakeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 21s-8-5-8-11a5 5 0 0 1 8-4 5 5 0 0 1 8 4c0 6-8 11-8 11Z" }), /* @__PURE__ */ jsx("path", { d: "m8 12 2 2 2-2 2 2 2-2" })] }));
+createIcon("HomeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "m3 11 9-8 9 8" }),
+	/* @__PURE__ */ jsx("path", { d: "M5 10v10h14V10" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 20v-6h6v6" })
+] }));
+createIcon("InfoIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M12 11v6" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 7h.01" })
+] }));
+createIcon("LeafIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5 20C5 10 12 4 21 4c0 9-6 16-16 16Z" }), /* @__PURE__ */ jsx("path", { d: "M5 20c4-5 8-8 13-11" })] }));
+createIcon("LightbulbIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M9 18h6" }),
+	/* @__PURE__ */ jsx("path", { d: "M10 22h4" }),
+	/* @__PURE__ */ jsx("path", { d: "M8 14a6 6 0 1 1 8 0c-1 1-1 2-1 4H9c0-2 0-3-1-4Z" })
+] }));
+createIcon("LockIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+	x: "5",
+	y: "10",
+	width: "14",
+	height: "10",
+	rx: "2"
+}), /* @__PURE__ */ jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })] }));
+createIcon("MailIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+	x: "3",
+	y: "5",
+	width: "18",
+	height: "14",
+	rx: "2"
+}), /* @__PURE__ */ jsx("path", { d: "m3 7 9 6 9-6" })] }));
+createIcon("MapPinIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 21s7-5 7-12a7 7 0 0 0-14 0c0 7 7 12 7 12Z" }), /* @__PURE__ */ jsx("circle", {
+	cx: "12",
+	cy: "9",
+	r: "2.5"
+})] }));
+createIcon("MessageCircleIcon", /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3 20l1.1-5.3A8.5 8.5 0 1 1 21 11.5Z" }) }));
+createIcon("MinusIcon", /* @__PURE__ */ jsx("path", { d: "M5 12h14" }));
+createIcon("PackageIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "m12 3 8 4.5v9L12 21l-8-4.5v-9Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 12 4 7.5" }),
+	/* @__PURE__ */ jsx("path", { d: "m12 12 8-4.5" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 12v9" })
+] }));
+createIcon("PhoneIcon", /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M22 16.9v3a2 2 0 0 1-2.2 2A19 19 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.4 2.5a2 2 0 0 1-.6 1.8L7.7 9.2a13 13 0 0 0 7.1 7.1l1.2-1.2a2 2 0 0 1 1.8-.6l2.5.4a2 2 0 0 1 1.7 2Z" }) }));
+createIcon("PlayIcon", /* @__PURE__ */ jsx("path", { d: "m8 5 11 7-11 7Z" }));
+createIcon("PlusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 5v14" }), /* @__PURE__ */ jsx("path", { d: "M5 12h14" })] }));
+createIcon("ShieldIcon", /* @__PURE__ */ jsx("path", { d: "M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z" }));
+createIcon("ShoppingBagIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M6 8h12l1 13H5Z" }), /* @__PURE__ */ jsx("path", { d: "M9 8a3 3 0 0 1 6 0" })] }));
+createIcon("ShoppingCartIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "9",
+		cy: "20",
+		r: "1"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		cx: "18",
+		cy: "20",
+		r: "1"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M2 3h3l3 12h10l3-8H7" })
+] }));
+createIcon("SmileIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2" }),
+	/* @__PURE__ */ jsx("path", { d: "M9 9h.01" }),
+	/* @__PURE__ */ jsx("path", { d: "M15 9h.01" })
+] }));
+createIcon("SparklesIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m12 3 2 5 5 2-5 2-2 5-2-5-5-2 5-2Z" }), /* @__PURE__ */ jsx("path", { d: "m19 15 .8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8Z" })] }));
+createIcon("SproutIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M12 21V10" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 10C8 5 4 6 3 10c4 1 7 0 9 0Z" }),
+	/* @__PURE__ */ jsx("path", { d: "M12 11c4-5 8-4 9 0-4 1-7 0-9 0Z" })
+] }));
+createIcon("StarIcon", /* @__PURE__ */ jsx("path", { d: "m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.2 6.4 20.2 7.5 14 3 9.6l6.2-.9Z" }));
+createIcon("TargetIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "9"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "5"
+	}),
+	/* @__PURE__ */ jsx("circle", {
+		cx: "12",
+		cy: "12",
+		r: "1"
+	})
+] }));
+createIcon("UploadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M12 21V9" }),
+	/* @__PURE__ */ jsx("path", { d: "m7 14 5-5 5 5" }),
+	/* @__PURE__ */ jsx("path", { d: "M5 3h14" })
+] }));
+createIcon("UserRoundCheckIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "10",
+		cy: "8",
+		r: "4"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M3 21a7 7 0 0 1 11.5-5.3" }),
+	/* @__PURE__ */ jsx("path", { d: "m15 19 2 2 4-5" })
+] }));
+createIcon("UsersIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("circle", {
+		cx: "9",
+		cy: "8",
+		r: "4"
+	}),
+	/* @__PURE__ */ jsx("path", { d: "M2 21a7 7 0 0 1 14 0" }),
+	/* @__PURE__ */ jsx("path", { d: "M17 11a4 4 0 0 0 0-7" }),
+	/* @__PURE__ */ jsx("path", { d: "M22 21a7 7 0 0 0-5-6.7" })
+] }));
+createIcon("WrenchIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M14.7 6.3A5 5 0 0 0 7 12.6L3.5 16a2.1 2.1 0 0 0 3 3L10 15.5A5 5 0 0 0 16.7 9Z" }), /* @__PURE__ */ jsx("path", { d: "m15 5 4 4" })] }));
+createIcon("XIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })] }));
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/ThemedButton.tsx
+function themedButtonClasses(variant, size, extraClassName) {
+	return [
+		...themeButtonVariantClassNames(variant),
+		themeButtonSizeClassName(size),
+		extraClassName
+	].filter(Boolean).join(" ");
+}
+function ThemedButtonLabel(props) {
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+		props.pending ? /* @__PURE__ */ jsx(SpinnerNode, {
+			size: props.pending.spinnerSize ?? "sm",
+			color: "inherit",
+			className: props.pending.spinnerClassName ?? "rb-mr-2",
+			srLabel: props.pending.srLabel
+		}) : null,
+		props.labelClassName ? /* @__PURE__ */ jsx("span", {
+			className: props.labelClassName,
+			children: props.pending?.label ?? props.label
+		}) : props.pending?.label ?? props.label,
+		props.screenReaderSuffix ? /* @__PURE__ */ jsx("span", {
+			className: "rb-sr-only",
+			children: props.screenReaderSuffix
+		}) : null
+	] });
+	return props.pending?.contentClassName ? /* @__PURE__ */ jsx("span", {
+		className: props.pending.contentClassName,
+		children: content
+	}) : content;
+}
+function ThemedButton({ variant, size, extraClassName, screenReaderSuffix, labelClassName, pending, label, ...buttonProps }) {
+	return /* @__PURE__ */ jsx("button", {
+		...buttonProps,
+		className: themedButtonClasses(variant, size, extraClassName),
+		children: /* @__PURE__ */ jsx(ThemedButtonLabel, {
+			label,
+			pending,
+			screenReaderSuffix,
+			labelClassName
+		})
+	});
+}
+function ThemedButtonLink({ variant, size, extraClassName, screenReaderSuffix, labelClassName, label, ...anchorProps }) {
+	return /* @__PURE__ */ jsx("a", {
+		...anchorProps,
+		className: themedButtonClasses(variant, size, extraClassName),
+		children: /* @__PURE__ */ jsx(ThemedButtonLabel, {
+			label,
+			screenReaderSuffix,
+			labelClassName
+		})
+	});
+}
+//#endregion
+export { SpinnerNode as i, ThemedButtonLink as n, ClockIcon as r, ThemedButton as t };

package/dist/client/{accordion-DOmnDoyg.mjs → accordion-DRhMdkbd.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-CIZ-hbIG.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-DPXtCZWP.mjs";
 //#region src/rendering/islands/enhancers/accordion.ts
 const decode = defineIslandPropsDecoder("accordion");
 function parseDefaultValues(value) {

package/dist/client/{bookingForm-C0vk7pgS.mjs → bookingForm-iJ_nCsNF.mjs}

@@ -1,18 +1,19 @@
 "use client";
-import { C as unsafeAsPassId, b as unsafeAsCustomerPassId, v as unsafeAsAppointmentResourceId, x as unsafeAsFormId, y as unsafeAsAppointmentServiceId } from "./colorStyles-3013aRAY.mjs";
-import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as StepIndicator, r as SpinnerNode, t as BookingConsentAgreement } from "./BookingConsentAgreement-BoCtvzzu.mjs";
-import { At as resolveSelectedAppointmentConsent, Bt as reportWorkflowError, Ct as prepareBookingSubmission, Dt as resolveDefaultBookingServiceId, Et as resolveBookingSiteId, Ft as assertNever, Gt as addLocalScheduleDays, It as clearWorkflowFeedback, Lt as err, Mt as isBookingRequirementConsentFieldId, Ot as toSelectedCollectionOptionKind, St as parseBookingCurrencyInputToCents, Tt as resolveBookingPaymentStep, Vt as reportWorkflowSuccess, Yt as formatBookingInstant, Zt as formatLocalScheduleDate, _t as formatBookingSubmissionPreparationError, bt as getBookingSuccessMessage, en as parseBookingLocalDate, ft as themeButtonClassName, gt as formatBookingCentsAsCurrencyInput, ht as deriveBookingFormViewState, jt as BOOKING_FORM_DATA_RESERVED_KEYS, kt as projectSelectedAppointmentConsentIntoForm, mt as logger, pn as formatCurrencyAmount, t as defineIslandPropsDecoder, tn as resolveBookingTimeZoneId, vt as getBookingRedirectStateFromLocation, wt as resolveAppointmentCheckoutVerificationState, xt as isBookingServiceSlidingAmountInRange, yt as getBookingServiceSlidingScale, zt as okWith } from "./propsDecoder-CIZ-hbIG.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-BOimxE3U.mjs";
+import { C as unsafeAsPassId, b as unsafeAsCustomerPassId, v as unsafeAsAppointmentResourceId, x as unsafeAsFormId, y as unsafeAsAppointmentServiceId } from "./colorStyles-CuJBiS-1.mjs";
+import { i as buildBookingPaymentSelectionViewModel, n as StepIndicator, r as usePolling, t as BookingConsentAgreement } from "./BookingConsentAgreement-DoAILrkN.mjs";
+import { $t as formatBookingInstant, At as resolveBookingSiteId, Bt as clearWorkflowFeedback, Ct as getBookingServiceSlidingScale, Dt as prepareBookingSubmission, Et as parseBookingCurrencyInputToCents, Ft as BOOKING_FORM_DATA_RESERVED_KEYS, Gt as reportWorkflowSuccess, It as isBookingRequirementConsentFieldId, Mt as toSelectedCollectionOptionKind, Nt as projectSelectedAppointmentConsentIntoForm, Ot as resolveAppointmentCheckoutVerificationState, Pt as resolveSelectedAppointmentConsent, St as getBookingRedirectStateFromLocation, Tt as isBookingServiceSlidingAmountInRange, Ut as okWith, Vt as err, Wt as reportWorkflowError, Yt as addLocalScheduleDays, _n as formatCurrencyAmount, an as resolveBookingTimeZoneId, bt as formatBookingCentsAsCurrencyInput, in as parseBookingLocalDate, jt as resolveDefaultBookingServiceId, kt as resolveBookingPaymentStep, t as defineIslandPropsDecoder, tn as formatLocalScheduleDate, vt as logger, wt as getBookingSuccessMessage, xt as formatBookingSubmissionPreparationError, yt as deriveBookingFormViewState, zt as assertNever } from "./propsDecoder-DPXtCZWP.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-CDLCfDep.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-BPZl0gPZ.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-B5S30nZk.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-0-C3DVhK.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-X528hUTf.mjs";
+import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-BwNFVwi4.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
-import { t as buildCheckoutReturnUrls } from "./checkoutUrls-FL6lRkrt.mjs";
+import { t as buildCheckoutReturnUrls } from "./checkoutUrls-CW3-78uu.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-NGYiUWXu.mjs";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/components/booking/SuccessMessage.tsx
 const SuccessMessage = ({ message, resourceName, className }) => {
 	return /* @__PURE__ */ jsx(TerminalPanel, {
@@ -2228,30 +2229,25 @@ function HeadlessBookingDefaultForm({ booking, onSubmit }) {
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "rb-wizard-actions",
-				children: [!isFirstStep ? /* @__PURE__ */ jsx("button", {
+				children: [!isFirstStep ? /* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
 					onClick: booking.actions.back,
-					className: themeButtonClassName({
-						variant: "outline",
-						size: "md"
-					}),
-					children: "Back"
-				}) : null, /* @__PURE__ */ jsx("button", {
+					variant: "outline",
+					size: "md",
+					label: "Back"
+				}) : null, /* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
 					onClick: () => {
 						handlePrimaryAction();
 					},
 					disabled: isSubmitting,
-					className: themeButtonClassName({
-						variant: "primary",
-						size: "md"
-					}),
-					children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerNode, {
-						size: "sm",
-						color: "inherit",
-						className: "rb-mr-2",
+					variant: "primary",
+					size: "md",
+					label: isLastStep ? "Complete" : "Continue",
+					pending: isSubmitting ? {
+						label: "Submitting...",
 						srLabel: "Submitting"
-					}), "Submitting..."] }) : isLastStep ? "Complete" : "Continue"
+					} : void 0
 				})]
 			}),
 			/* @__PURE__ */ jsx(DefaultBookingDiscount, { booking }),
@@ -2879,14 +2875,12 @@ function DefaultBookingFeedback({ booking }) {
 		children: [/* @__PURE__ */ jsx("p", {
 			className: "ab-text",
 			children: booking.feedback.message
-		}), /* @__PURE__ */ jsx("button", {
+		}), /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
-			className: themeButtonClassName({
-				variant: "secondary",
-				size: "sm"
-			}),
-			onClick: booking.actions.clearFeedback,
-			children: "Dismiss"
+			variant: "secondary",
+			size: "sm",
+			label: "Dismiss",
+			onClick: booking.actions.clearFeedback
 		})]
 	});
 }