@gntik-ai/ui 0.5.0 → 0.7.0

package/dist/index.js

@@ -360,6 +360,12 @@ const en = {
 	"calendar.agenda": "Agenda",
 	"calendar.emptyTitle": "Nothing scheduled",
 	"calendar.emptyDescription": "There is no scheduled work in this period.",
+	"table.loadMore": "Load more",
+	"table.loadingMore": "Loading…",
+	"table.loadMoreGroup": "Load more items",
+	"table.moreAvailable": "More items available.",
+	"table.loadedSummary": "{count, plural, one {# item loaded} other {# items loaded}}",
+	"table.loadedAnnouncement": "{count, plural, one {# item added.} other {# items added.}}",
 	"table.rows": "Rows",
 	"table.collectionNoun": "{count, plural, one {item} other {items}}",
 	"table.visibleCount": "{noun}:",
@@ -911,6 +917,12 @@ const es = {
 	"calendar.agenda": "Agenda",
 	"calendar.emptyTitle": "Nada programado",
 	"calendar.emptyDescription": "No hay trabajo programado en este periodo.",
+	"table.loadMore": "Cargar más",
+	"table.loadingMore": "Cargando…",
+	"table.loadMoreGroup": "Cargar más elementos",
+	"table.moreAvailable": "Hay más elementos disponibles.",
+	"table.loadedSummary": "{count, plural, one {# elemento cargado} other {# elementos cargados}}",
+	"table.loadedAnnouncement": "{count, plural, one {# elemento añadido.} other {# elementos añadidos.}}",
 	"table.rows": "Filas",
 	"table.collectionNoun": "{count, plural, one {elemento} other {elementos}}",
 	"table.visibleCount": "{noun}:",
@@ -2132,7 +2144,7 @@ const alertDialogVariants = tv({
 });
 //#endregion
 //#region src/components/AlertDialog/AlertDialog.tsx
-const s$25 = alertDialogVariants();
+const s$26 = alertDialogVariants();
 const TONE_ICON$1 = {
 	destructive: TriangleAlert,
 	warning: TriangleAlert,
@@ -2155,7 +2167,7 @@ function AlertDialogContent({ size = "sm", className, container, children, ...pr
 			dir,
 			className: v.viewport(),
 			children: /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
-				className: cn(v.popup(), s$25.popup(), className),
+				className: cn(v.popup(), s$26.popup(), className),
 				...props,
 				children
 			})
@@ -2166,7 +2178,7 @@ function AlertDialogContent({ size = "sm", className, container, children, ...pr
 function AlertDialogHeader({ tone = "destructive", icon, className, children, ...props }) {
 	const IconCmp = icon === void 0 ? TONE_ICON$1[tone] : icon;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn(s$25.header(), className),
+		className: cn(s$26.header(), className),
 		...props,
 		children: [IconCmp && /* @__PURE__ */ jsx("span", {
 			className: alertDialogVariants({ tone }).icon(),
@@ -2175,27 +2187,27 @@ function AlertDialogHeader({ tone = "destructive", icon, className, children, ..
 				"aria-hidden": true
 			})
 		}), /* @__PURE__ */ jsx("div", {
-			className: s$25.text(),
+			className: s$26.text(),
 			children
 		})]
 	});
 }
 function AlertDialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialog$1.Title, {
-		className: cn(s$25.title(), className),
+		className: cn(s$26.title(), className),
 		...props
 	});
 }
 function AlertDialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(AlertDialog$1.Description, {
-		className: cn(s$25.description(), className),
+		className: cn(s$26.description(), className),
 		...props
 	});
 }
 /** Right-aligned action row: Cancel first, the confirming action last. */
 function AlertDialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$25.footer(), className),
+		className: cn(s$26.footer(), className),
 		...props
 	});
 }
@@ -3180,7 +3192,7 @@ function Link({ tone, underline, external = false, externalLabel: externalLabelP
 }
 //#endregion
 //#region src/components/Link/Link.doc.ts
-const doc$41 = {
+const doc$42 = {
 	name: "Link",
 	group: "Navigation",
 	status: "stable",
@@ -3455,7 +3467,7 @@ function normalizeRange(a, b) {
 }
 //#endregion
 //#region src/components/Calendar/Calendar.tsx
-const s$24 = calendarVariants();
+const s$25 = calendarVariants();
 const EMPTY_RANGE = {
 	start: null,
 	end: null
@@ -3567,64 +3579,64 @@ function Calendar(props) {
 		ref: setRefs,
 		role: "group",
 		"aria-label": props["aria-label"] ?? t("calendar.label"),
-		className: cn(s$24.root(), className),
+		className: cn(s$25.root(), className),
 		children: months.map((m, mi) => {
 			const headingId = `${baseId}-m${mi}`;
 			return /* @__PURE__ */ jsxs("div", {
-				className: s$24.month(),
+				className: s$25.month(),
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: s$24.header(),
+					className: s$25.header(),
 					children: [
 						mi === 0 ? /* @__PURE__ */ jsx("button", {
 							type: "button",
 							"aria-label": previousMonthLabel,
 							disabled: prevDisabled,
-							className: s$24.nav(),
+							className: s$25.nav(),
 							onClick: () => setMonth(addMonths(visibleMonth, -1)),
 							children: /* @__PURE__ */ jsx(ChevronLeft, {
 								size: 16,
 								"aria-hidden": true,
 								className: RTL_FLIP
 							})
-						}) : /* @__PURE__ */ jsx("span", { className: s$24.navSpacer() }),
+						}) : /* @__PURE__ */ jsx("span", { className: s$25.navSpacer() }),
 						/* @__PURE__ */ jsx("h2", {
 							id: headingId,
 							"aria-live": "polite",
-							className: s$24.heading(),
+							className: s$25.heading(),
 							children: formatMonth(m, locale)
 						}),
 						mi === months.length - 1 ? /* @__PURE__ */ jsx("button", {
 							type: "button",
 							"aria-label": nextMonthLabel,
 							disabled: nextDisabled,
-							className: s$24.nav(),
+							className: s$25.nav(),
 							onClick: () => setMonth(addMonths(visibleMonth, 1)),
 							children: /* @__PURE__ */ jsx(ChevronRight, {
 								size: 16,
 								"aria-hidden": true,
 								className: RTL_FLIP
 							})
-						}) : /* @__PURE__ */ jsx("span", { className: s$24.navSpacer() })
+						}) : /* @__PURE__ */ jsx("span", { className: s$25.navSpacer() })
 					]
 				}), /* @__PURE__ */ jsxs("table", {
 					role: "grid",
 					"aria-labelledby": headingId,
-					className: s$24.grid(),
+					className: s$25.grid(),
 					children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: weekdays.map((w) => /* @__PURE__ */ jsx("th", {
 						scope: "col",
-						className: s$24.weekday(),
+						className: s$25.weekday(),
 						children: /* @__PURE__ */ jsx("abbr", {
 							title: w.long,
-							className: s$24.weekdayAbbr(),
+							className: s$25.weekdayAbbr(),
 							children: w.narrow
 						})
 					}, w.long)) }) }), /* @__PURE__ */ jsx("tbody", { children: monthWeeks(m, weekStartsOn).map((week) => /* @__PURE__ */ jsx("tr", { children: week.map((d) => {
 						const key = toISODate(d);
 						if (!isSameMonth(d, m)) return /* @__PURE__ */ jsx("td", {
-							className: s$24.cell(),
+							className: s$25.cell(),
 							children: showOutsideDays && /* @__PURE__ */ jsx("span", {
 								"aria-hidden": true,
-								className: s$24.outside(),
+								className: s$25.outside(),
 								children: d.getDate()
 							})
 						}, key);
@@ -3639,7 +3651,7 @@ function Calendar(props) {
 							"data-in-range": within || void 0,
 							"data-range-start": rangeStart || void 0,
 							"data-range-end": rangeEnd || void 0,
-							className: s$24.cell(),
+							className: s$25.cell(),
 							children: /* @__PURE__ */ jsx("button", {
 								type: "button",
 								"data-day": key,
@@ -3650,7 +3662,7 @@ function Calendar(props) {
 								"aria-label": formatDayLabel(d, locale),
 								"aria-current": today ? "date" : void 0,
 								"aria-disabled": disabled || void 0,
-								className: s$24.day(),
+								className: s$25.day(),
 								onClick: () => select(d),
 								onKeyDown: (e) => onDayKeyDown(e, d),
 								onFocus: () => setFocused(d),
@@ -3715,7 +3727,7 @@ const cardVariants = tv({
 });
 //#endregion
 //#region src/components/Card/Card.tsx
-const s$23 = cardVariants();
+const s$24 = cardVariants();
 /** Content surface: 1px border, token radius and a flat shadow. Compose with the Card* parts. */
 function Card({ variant, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
@@ -3732,33 +3744,33 @@ function CardHeader({ divided, className, ...props }) {
 }
 function CardTitle({ as: Heading = "h3", className, ...props }) {
 	return /* @__PURE__ */ jsx(Heading, {
-		className: cn(s$23.title(), className),
+		className: cn(s$24.title(), className),
 		...props
 	});
 }
 function CardDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx("p", {
-		className: cn(s$23.description(), className),
+		className: cn(s$24.description(), className),
 		...props
 	});
 }
 /** Right-hand header slot (button, menu, status). */
 function CardAction({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$23.action(), className),
+		className: cn(s$24.action(), className),
 		...props
 	});
 }
 function CardBody({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$23.body(), className),
+		className: cn(s$24.body(), className),
 		...props
 	});
 }
 /** Action row on a subtle well, right-aligned. */
 function CardFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$23.footer(), className),
+		className: cn(s$24.footer(), className),
 		...props
 	});
 }
@@ -4068,7 +4080,7 @@ const checkboxVariants = tv({
 });
 //#endregion
 //#region src/components/Checkbox/Checkbox.tsx
-const s$22 = checkboxVariants();
+const s$23 = checkboxVariants();
 /**
 * Two-state (or indeterminate) checkbox. Controlled with `checked` + `onCheckedChange`,
 * uncontrolled with `defaultChecked`. Inside a CheckboxGroup, identify it with `value`.
@@ -4076,11 +4088,11 @@ const s$22 = checkboxVariants();
 function Checkbox({ label, description, className, ...props }) {
 	const descId = useId();
 	const control = /* @__PURE__ */ jsx(Checkbox$1.Root, {
-		className: cn(s$22.root(), label != null && "mt-px", label == null && className),
+		className: cn(s$23.root(), label != null && "mt-px", label == null && className),
 		"aria-describedby": description != null ? descId : void 0,
 		...props,
 		children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {
-			className: s$22.indicator(),
+			className: s$23.indicator(),
 			render: (indicatorProps, state) => /* @__PURE__ */ jsx("span", {
 				...indicatorProps,
 				children: state.indeterminate ? /* @__PURE__ */ jsx(Minus, {
@@ -4097,16 +4109,16 @@ function Checkbox({ label, description, className, ...props }) {
 	});
 	if (label == null) return control;
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn(s$22.item(), className),
+		className: cn(s$23.item(), className),
 		children: [/* @__PURE__ */ jsxs("label", {
-			className: s$22.label(),
+			className: s$23.label(),
 			children: [control, /* @__PURE__ */ jsx("span", {
-				className: s$22.labelText(),
+				className: s$23.labelText(),
 				children: label
 			})]
 		}), description != null && /* @__PURE__ */ jsx("p", {
 			id: descId,
-			className: s$22.description(),
+			className: s$23.description(),
 			children: description
 		})]
 	});
@@ -4198,7 +4210,7 @@ const selectableCardVariants = tv({
 });
 //#endregion
 //#region src/components/ChoiceCard/ClickableCard.tsx
-const s$21 = clickableCardVariants();
+const s$22 = clickableCardVariants();
 /**
 * A card whose whole surface is one link or button. The title holds the only focus target and
 * stretches over the card, so the accessible name stays short and the description is linked
@@ -4211,27 +4223,27 @@ function ClickableCard({ title, description, meta, icon, href, onClick, titleAs:
 		href,
 		onClick,
 		"aria-describedby": describedBy,
-		className: cn(s$21.action(), s$21.title()),
+		className: cn(s$22.action(), s$22.title()),
 		children: title
 	}) : /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick,
 		disabled,
 		"aria-describedby": describedBy,
-		className: cn(s$21.action(), s$21.title()),
+		className: cn(s$22.action(), s$22.title()),
 		children: title
 	});
 	return /* @__PURE__ */ jsxs("div", {
 		"data-disabled": disabled || void 0,
-		className: cn("group/card", s$21.root(), className),
+		className: cn("group/card", s$22.root(), className),
 		...props,
 		children: [
 			icon != null && /* @__PURE__ */ jsx("span", {
-				className: s$21.icon(),
+				className: s$22.icon(),
 				children: icon
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: s$21.body(),
+				className: s$22.body(),
 				children: [
 					/* @__PURE__ */ jsx(Title, {
 						className: "block",
@@ -4239,11 +4251,11 @@ function ClickableCard({ title, description, meta, icon, href, onClick, titleAs:
 					}),
 					description != null && /* @__PURE__ */ jsx("span", {
 						id: descId,
-						className: s$21.description(),
+						className: s$22.description(),
 						children: description
 					}),
 					meta != null && /* @__PURE__ */ jsx("div", {
-						className: s$21.meta(),
+						className: s$22.meta(),
 						children: meta
 					}),
 					children
@@ -4251,7 +4263,7 @@ function ClickableCard({ title, description, meta, icon, href, onClick, titleAs:
 			}),
 			chevron && /* @__PURE__ */ jsx(ChevronRight, {
 				"aria-hidden": true,
-				className: s$21.chevron()
+				className: s$22.chevron()
 			})
 		]
 	});
@@ -4780,7 +4792,7 @@ const doc$18 = {
 };
 //#endregion
 //#region src/components/Spinner/Spinner.doc.ts
-const doc$76 = {
+const doc$77 = {
 	name: "Spinner",
 	group: "Feedback",
 	status: "stable",
@@ -5083,7 +5095,7 @@ function EnhancedCombobox({ root, loadOptions, debounceMs, onCreate, createLabel
 }
 //#endregion
 //#region src/components/Combobox/Combobox.tsx
-const s$20 = comboboxVariants();
+const s$21 = comboboxVariants();
 /** Single-select field: search icon, text input, optional clear, chevron trigger. */
 function ComboboxInput({ size, label, className, showClear = false, clearLabel: clearLabelProp, triggerLabel: triggerLabelProp, id, ...props }) {
 	const { t } = useI18n();
@@ -5095,7 +5107,7 @@ function ComboboxInput({ size, label, className, showClear = false, clearLabel:
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [label && /* @__PURE__ */ jsx("label", {
 		id: `${inputId}-label`,
 		htmlFor: inputId,
-		className: s$20.label(),
+		className: s$21.label(),
 		children: label
 	}), /* @__PURE__ */ jsxs(Combobox$1.InputGroup, {
 		className: cn(v.inputGroup(), className),
@@ -5144,20 +5156,20 @@ function ComboboxChipsInput({ label, className, placeholder, getLabel = defaultL
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [label && /* @__PURE__ */ jsx("label", {
 		id: `${inputId}-label`,
 		htmlFor: inputId,
-		className: s$20.label(),
+		className: s$21.label(),
 		children: label
 	}), /* @__PURE__ */ jsx(Combobox$1.InputGroup, {
-		className: cn(s$20.chipsGroup(), className),
+		className: cn(s$21.chipsGroup(), className),
 		children: /* @__PURE__ */ jsx(Combobox$1.Value, { children: (values) => /* @__PURE__ */ jsxs(Combobox$1.Chips, {
-			className: s$20.chips(),
+			className: s$21.chips(),
 			children: [values.map((item, i) => {
 				const text = getLabel(item);
 				return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
-					className: s$20.chip(),
+					className: s$21.chip(),
 					"aria-label": text,
 					children: [text, /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
 						"aria-label": removeLabel(text),
-						className: s$20.chipRemove(),
+						className: s$21.chipRemove(),
 						children: /* @__PURE__ */ jsx(X, {
 							size: 11,
 							strokeWidth: 2.4,
@@ -5169,7 +5181,7 @@ function ComboboxChipsInput({ label, className, placeholder, getLabel = defaultL
 				id: inputId,
 				"aria-labelledby": label ? `${inputId}-label` : void 0,
 				placeholder: values.length ? void 0 : placeholder,
-				className: s$20.chipsInput(),
+				className: s$21.chipsInput(),
 				...props
 			})]
 		}) })
@@ -5190,24 +5202,24 @@ function ComboboxContent({ className, emptyText: emptyTextProp, side = "bottom",
 		container,
 		children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
 			dir,
-			className: s$20.positioner(),
+			className: s$21.positioner(),
 			side,
 			align,
 			sideOffset,
 			children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
-				className: cn(s$20.popup(), className),
+				className: cn(s$21.popup(), className),
 				...props,
 				children: [
 					enh && /* @__PURE__ */ jsx(Combobox$1.Status, {
-						className: cn(s$20.status(), !!enh.error && !enh.loading && s$20.statusError()),
+						className: cn(s$21.status(), !!enh.error && !enh.loading && s$21.statusError()),
 						children: enh.loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { size: 13 }), enh.loadingText ?? t("common.loading")] }) : enh.error ? errorText : null
 					}),
 					/* @__PURE__ */ jsx(Combobox$1.Empty, {
-						className: s$20.empty(),
+						className: s$21.empty(),
 						children: busy ? null : emptyText
 					}),
 					/* @__PURE__ */ jsx(Combobox$1.List, {
-						className: s$20.list(),
+						className: s$21.list(),
 						"aria-busy": enh?.loading || void 0,
 						children: list
 					})
@@ -5224,17 +5236,17 @@ function ComboboxSpecialItem({ item, createLabel }) {
 	const create = item.__gntikSpecial === "create";
 	return /* @__PURE__ */ jsx(Combobox$1.Item, {
 		value: item,
-		className: cn(s$20.item(), s$20.specialItem()),
+		className: cn(s$21.item(), s$21.specialItem()),
 		children: /* @__PURE__ */ jsxs("span", {
-			className: s$20.itemContent(),
+			className: s$21.itemContent(),
 			children: [create ? /* @__PURE__ */ jsx(Plus, {
 				size: 14,
 				"aria-hidden": true,
-				className: s$20.specialIcon()
+				className: s$21.specialIcon()
 			}) : /* @__PURE__ */ jsx(RotateCw, {
 				size: 14,
 				"aria-hidden": true,
-				className: s$20.specialIcon()
+				className: s$21.specialIcon()
 			}), /* @__PURE__ */ jsx("span", {
 				className: "truncate",
 				children: create ? label?.(item.value) ?? t("combobox.create", { label: item.value }) : t("common.retry")
@@ -5245,13 +5257,13 @@ function ComboboxSpecialItem({ item, createLabel }) {
 /** One option. Shows a check when selected. */
 function ComboboxItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Combobox$1.Item, {
-		className: cn(s$20.item(), className),
+		className: cn(s$21.item(), className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: s$20.itemContent(),
+			className: s$21.itemContent(),
 			children
 		}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
-			className: s$20.indicator(),
+			className: s$21.indicator(),
 			children: /* @__PURE__ */ jsx(Check, {
 				size: 15,
 				strokeWidth: 2.4,
@@ -5375,7 +5387,7 @@ function KbdCombo({ keys, size, separator, className, ...props }) {
 }
 //#endregion
 //#region src/components/Kbd/Kbd.doc.ts
-const doc$38 = {
+const doc$39 = {
 	name: "Kbd",
 	group: "Display",
 	status: "stable",
@@ -5515,7 +5527,7 @@ function useCommandPaletteShortcut(onTrigger, { key = "k", enabled = true } = {}
 }
 //#endregion
 //#region src/components/CommandPalette/CommandPalette.tsx
-const s$19 = commandPaletteVariants();
+const s$20 = commandPaletteVariants();
 function CommandRow({ entry, onRun }) {
 	const { item } = entry;
 	const v = commandPaletteVariants({ mono: item.mono });
@@ -5555,11 +5567,11 @@ function CommandRow({ entry, onRun }) {
 function DefaultFooter({ count, id }) {
 	const { t } = useI18n();
 	return /* @__PURE__ */ jsxs("div", {
-		className: s$19.footer(),
+		className: s$20.footer(),
 		children: [
 			/* @__PURE__ */ jsxs("span", {
 				id,
-				className: s$19.hint(),
+				className: s$20.hint(),
 				children: [
 					/* @__PURE__ */ jsx(Kbd, {
 						size: "sm",
@@ -5573,21 +5585,21 @@ function DefaultFooter({ count, id }) {
 				]
 			}),
 			/* @__PURE__ */ jsxs("span", {
-				className: s$19.hint(),
+				className: s$20.hint(),
 				children: [/* @__PURE__ */ jsx(Kbd, {
 					size: "sm",
 					children: "↵"
 				}), t("commandPalette.run")]
 			}),
 			/* @__PURE__ */ jsxs("span", {
-				className: s$19.hint(),
+				className: s$20.hint(),
 				children: [/* @__PURE__ */ jsx(Kbd, {
 					size: "sm",
 					children: "esc"
 				}), t("commandPalette.close")]
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: s$19.count(),
+				className: s$20.count(),
 				"aria-live": "polite",
 				children: t("common.results", { count })
 			})
@@ -5633,12 +5645,12 @@ function CommandPalette({ groups, recent, recentLabel: recentLabelProp, onSelect
 	return /* @__PURE__ */ jsxs(Dialog$1.Root, {
 		open,
 		onOpenChange: (next) => setOpen(next),
-		children: [children, /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: s$19.backdrop() }), /* @__PURE__ */ jsx(Dialog$1.Viewport, {
+		children: [children, /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: s$20.backdrop() }), /* @__PURE__ */ jsx(Dialog$1.Viewport, {
 			dir,
-			className: s$19.viewport(),
+			className: s$20.viewport(),
 			children: /* @__PURE__ */ jsx(Dialog$1.Popup, {
 				"aria-label": label,
-				className: cn(s$19.popup(), className),
+				className: cn(s$20.popup(), className),
 				children: /* @__PURE__ */ jsxs(Autocomplete.Root, {
 					open: true,
 					inline: true,
@@ -5654,18 +5666,18 @@ function CommandPalette({ groups, recent, recentLabel: recentLabelProp, onSelect
 					keepHighlight: true,
 					children: [
 						/* @__PURE__ */ jsxs("div", {
-							className: s$19.inputRow(),
+							className: s$20.inputRow(),
 							children: [
 								/* @__PURE__ */ jsx(Search, {
 									size: 17,
 									"aria-hidden": true,
-									className: s$19.inputIcon()
+									className: s$20.inputIcon()
 								}),
 								/* @__PURE__ */ jsx(Autocomplete.Input, {
 									"aria-label": placeholder.replace(/…$/, ""),
 									"aria-describedby": footer === false ? void 0 : hintsId,
 									placeholder,
-									className: s$19.input()
+									className: s$20.input()
 								}),
 								/* @__PURE__ */ jsx(Kbd, {
 									size: "sm",
@@ -5675,17 +5687,17 @@ function CommandPalette({ groups, recent, recentLabel: recentLabelProp, onSelect
 							]
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: s$19.results(),
+							className: s$20.results(),
 							children: [/* @__PURE__ */ jsx(Autocomplete.Empty, {
-								className: s$19.empty(),
+								className: s$20.empty(),
 								children: count === 0 && query.trim() ? emptyText(query.trim()) : null
 							}), /* @__PURE__ */ jsx(Autocomplete.List, {
-								className: s$19.list(),
+								className: s$20.list(),
 								children: (group) => /* @__PURE__ */ jsxs(Autocomplete.Group, {
 									items: group.items,
-									className: s$19.group(),
+									className: s$20.group(),
 									children: [/* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
-										className: s$19.groupLabel(),
+										className: s$20.groupLabel(),
 										children: group.value
 									}), /* @__PURE__ */ jsx(Autocomplete.Collection, { children: (entry) => /* @__PURE__ */ jsx(CommandRow, {
 										entry,
@@ -5709,7 +5721,7 @@ function CommandPaletteTrigger({ className, keys = ["⌘", "K"], children: child
 	const { t } = useI18n();
 	const children = childrenProp ?? t("commandPalette.trigger");
 	return /* @__PURE__ */ jsxs(Dialog$1.Trigger, {
-		className: cn(s$19.trigger(), className),
+		className: cn(s$20.trigger(), className),
 		...props,
 		children: [
 			/* @__PURE__ */ jsx(Search, {
@@ -5717,7 +5729,7 @@ function CommandPaletteTrigger({ className, keys = ["⌘", "K"], children: child
 				"aria-hidden": true
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: s$19.triggerText(),
+				className: s$20.triggerText(),
 				children
 			}),
 			/* @__PURE__ */ jsx(KbdCombo, {
@@ -5805,7 +5817,7 @@ const contextMenuVariants = tv({ slots: {
 } });
 //#endregion
 //#region src/components/ContextMenu/ContextMenu.tsx
-const s$18 = contextMenuVariants();
+const s$19 = contextMenuVariants();
 /**
 * Context menu state container (open, defaultOpen, onOpenChange, disabled). Renders no element.
 * Items, groups, separators and submenus are the Menu parts (MenuItem, MenuCheckboxItem,
@@ -5835,7 +5847,7 @@ function ContextMenuTrigger({ className, tabIndex = 0, hint = "Press Shift+F10 f
 		}));
 	}
 	return /* @__PURE__ */ jsxs(ContextMenu$1.Trigger, {
-		className: cn(s$18.trigger(), className),
+		className: cn(s$19.trigger(), className),
 		tabIndex,
 		onKeyDown: handleKeyDown,
 		...props,
@@ -5854,9 +5866,9 @@ function ContextMenuContent({ className, container, children, ...props }) {
 	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
 		container,
 		children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
-			className: s$18.positioner(),
+			className: s$19.positioner(),
 			children: /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
-				className: cn(s$18.popup(), className),
+				className: cn(s$19.popup(), className),
 				...props,
 				children
 			})
@@ -5947,7 +5959,7 @@ function useHasLiveAnnouncer() {
 }
 //#endregion
 //#region src/components/LiveAnnouncer/LiveAnnouncer.doc.ts
-const doc$43 = {
+const doc$44 = {
 	name: "LiveAnnouncer",
 	group: "Feedback",
 	status: "beta",
@@ -6045,7 +6057,7 @@ function SimpleTooltip({ content, children, delay, disabled, ...contentProps })
 }
 //#endregion
 //#region src/components/Tooltip/Tooltip.doc.ts
-const doc$101 = {
+const doc$102 = {
 	name: "Tooltip",
 	group: "Overlays",
 	status: "stable",
@@ -6248,7 +6260,7 @@ const popoverVariants = tv({
 });
 //#endregion
 //#region src/components/Popover/Popover.tsx
-const s$17 = popoverVariants();
+const s$18 = popoverVariants();
 /** Popover state container (open, defaultOpen, onOpenChange, modal). Renders no element. */
 const Popover = Popover$1.Root;
 /** Toggles the popover. Use `render={<Button />}` to style it as a kit button. */
@@ -6279,13 +6291,13 @@ function PopoverContent({ side = "bottom", align = "center", sideOffset = 8, ali
 }
 function PopoverTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Popover$1.Title, {
-		className: cn(s$17.title(), className),
+		className: cn(s$18.title(), className),
 		...props
 	});
 }
 function PopoverDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Popover$1.Description, {
-		className: cn(s$17.description(), className),
+		className: cn(s$18.description(), className),
 		...props
 	});
 }
@@ -6303,7 +6315,7 @@ function PopoverClose({ className, label: labelProp, children, ...props }) {
 	});
 	return /* @__PURE__ */ jsx(Popover$1.Close, {
 		"aria-label": label,
-		className: cn(s$17.close(), className),
+		className: cn(s$18.close(), className),
 		...props,
 		children: /* @__PURE__ */ jsx(X, {
 			size: 14,
@@ -6313,7 +6325,7 @@ function PopoverClose({ className, label: labelProp, children, ...props }) {
 }
 //#endregion
 //#region src/components/Popover/Popover.doc.ts
-const doc$58 = {
+const doc$59 = {
 	name: "Popover",
 	group: "Overlays",
 	status: "stable",
@@ -7071,7 +7083,7 @@ function DateRangePicker({ value, defaultValue, onValueChange, presets = DEFAULT
 const DateRangeInput = DateRangePicker;
 //#endregion
 //#region src/components/DatePicker/DatePicker.doc.ts
-const doc$23 = {
+const doc$24 = {
 	name: "DatePicker",
 	group: "Forms",
 	status: "beta",
@@ -7251,7 +7263,7 @@ function NumberInput({ size = "auto", align, className, inputClassName, ref, uni
 }
 //#endregion
 //#region src/components/NumberInput/NumberInput.doc.ts
-const doc$51 = {
+const doc$52 = {
 	name: "NumberInput",
 	group: "Forms",
 	status: "beta",
@@ -7277,52 +7289,84 @@ const doc$51 = {
 };
 //#endregion
 //#region src/components/Select/Select.tsx
-const s$16 = selectVariants();
+const s$17 = selectVariants();
+const SelectTriggerContext = createContext(null);
 /** Select state container (value, defaultValue, onValueChange, items, multiple, open…). Renders no element. */
-const Select = Select$1.Root;
+function Select(props) {
+	const [trigger, setTrigger] = useState(null);
+	return /* @__PURE__ */ jsx(SelectTriggerContext.Provider, {
+		value: {
+			trigger,
+			setTrigger
+		},
+		children: /* @__PURE__ */ jsx(Select$1.Root, { ...props })
+	});
+}
+function useTriggerAttribute(trigger, attribute) {
+	const subscribe = useCallback((onChange) => {
+		if (!trigger) return () => {};
+		const observer = new MutationObserver(onChange);
+		observer.observe(trigger, {
+			attributes: true,
+			attributeFilter: [attribute]
+		});
+		return () => observer.disconnect();
+	}, [trigger, attribute]);
+	return useSyncExternalStore(subscribe, () => trigger?.getAttribute(attribute) ?? void 0, () => void 0);
+}
 /** Visible label; automatically labels the trigger. */
 function SelectLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select$1.Label, {
-		className: cn(s$16.label(), className),
+		className: cn(s$17.label(), className),
 		...props
 	});
 }
 /** The button that shows the current value and a chevron, and opens the popup. */
-function SelectTrigger({ size, className, placeholder, children, ...props }) {
+function SelectTrigger({ size, className, placeholder, children, ref, ...props }) {
 	const v = selectVariants({ size });
-	return /* @__PURE__ */ jsxs(Select$1.Trigger, {
-		className: cn(v.trigger(), className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Select$1.Value, {
-			className: v.value(),
-			placeholder,
-			children
-		}), /* @__PURE__ */ jsx(Select$1.Icon, {
-			className: v.icon(),
-			children: /* @__PURE__ */ jsx(ChevronDown, {
-				size: 15,
-				"aria-hidden": true
-			})
-		})]
+	const context = useContext(SelectTriggerContext);
+	return useRender({
+		ref: [ref ?? null, context?.setTrigger ?? null],
+		render: /* @__PURE__ */ jsxs(Select$1.Trigger, {
+			className: cn(v.trigger(), className),
+			...props,
+			children: [/* @__PURE__ */ jsx(Select$1.Value, {
+				className: v.value(),
+				placeholder,
+				children
+			}), /* @__PURE__ */ jsx(Select$1.Icon, {
+				className: v.icon(),
+				children: /* @__PURE__ */ jsx(ChevronDown, {
+					size: 15,
+					"aria-hidden": true
+				})
+			})]
+		})
 	});
 }
 /** The popup: portal, positioner, popup surface and listbox. */
 function SelectContent({ className, alignItemWithTrigger = false, side = "bottom", align = "start", sideOffset = 6, container, status, children, ...props }) {
 	const dir = usePortalDir();
+	const context = useContext(SelectTriggerContext);
+	const labelledBy = useTriggerAttribute(context?.trigger ?? null, "aria-labelledby");
+	const ariaLabel = useTriggerAttribute(context?.trigger ?? null, "aria-label");
+	const explicitName = props["aria-label"] !== void 0 || props["aria-labelledby"] !== void 0;
 	return /* @__PURE__ */ jsx(Select$1.Portal, {
 		container,
 		children: /* @__PURE__ */ jsx(Select$1.Positioner, {
 			dir,
-			className: s$16.positioner(),
+			className: s$17.positioner(),
 			alignItemWithTrigger,
 			side,
 			align,
 			sideOffset,
 			children: /* @__PURE__ */ jsxs(Select$1.Popup, {
-				className: cn(s$16.popup(), className),
+				className: cn(s$17.popup(), className),
 				...props,
 				children: [status, /* @__PURE__ */ jsx(Select$1.List, {
-					className: s$16.list(),
+					className: s$17.list(),
+					"aria-labelledby": explicitName ? props["aria-labelledby"] : labelledBy,
+					"aria-label": explicitName ? props["aria-label"] : ariaLabel,
 					children
 				})]
 			})
@@ -7332,13 +7376,13 @@ function SelectContent({ className, alignItemWithTrigger = false, side = "bottom
 /** One option. Shows a check when selected. */
 function SelectItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Select$1.Item, {
-		className: cn(s$16.item(), className),
+		className: cn(s$17.item(), className),
 		...props,
 		children: [/* @__PURE__ */ jsx(Select$1.ItemText, {
-			className: s$16.itemText(),
+			className: s$17.itemText(),
 			children
 		}), /* @__PURE__ */ jsx(Select$1.ItemIndicator, {
-			className: s$16.indicator(),
+			className: s$17.indicator(),
 			children: /* @__PURE__ */ jsx(Check, {
 				size: 15,
 				strokeWidth: 2.4,
@@ -7350,13 +7394,13 @@ function SelectItem({ className, children, ...props }) {
 const SelectGroup = Select$1.Group;
 function SelectGroupLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select$1.GroupLabel, {
-		className: cn(s$16.groupLabel(), className),
+		className: cn(s$17.groupLabel(), className),
 		...props
 	});
 }
 function SelectSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select$1.Separator, {
-		className: cn(s$16.separator(), className),
+		className: cn(s$17.separator(), className),
 		...props
 	});
 }
@@ -7432,7 +7476,7 @@ function SimpleSelect({ items: itemsProp, loadOptions, loadingText, errorText, e
 }
 //#endregion
 //#region src/components/Select/Select.doc.ts
-const doc$69 = {
+const doc$70 = {
 	name: "Select",
 	group: "Forms",
 	status: "stable",
@@ -7589,7 +7633,7 @@ function ToggleGroup({ variant = "segmented", size = "auto", className, ...props
 }
 //#endregion
 //#region src/components/ToggleGroup/ToggleGroup.doc.ts
-const doc$97 = {
+const doc$98 = {
 	name: "ToggleGroup",
 	group: "Actions",
 	status: "stable",
@@ -8013,7 +8057,7 @@ function DateTimeRangePicker({ value, defaultValue = null, onValueChange, preset
 }
 //#endregion
 //#region src/components/DateTimeRangePicker/DateTimeRangePicker.doc.ts
-const doc$24 = {
+const doc$25 = {
 	name: "DateTimeRangePicker",
 	group: "Forms",
 	status: "beta",
@@ -8043,7 +8087,7 @@ const doc$24 = {
 };
 //#endregion
 //#region src/components/Dialog/Dialog.tsx
-const s$15 = dialogVariants();
+const s$16 = dialogVariants();
 /** Dialog state container (open, defaultOpen, onOpenChange, modal). Renders no element. */
 const Dialog = Dialog$1.Root;
 /** Opens the dialog. Use `render={<Button />}` to style it as a kit button. */
@@ -8084,37 +8128,37 @@ function DialogContent({ size, presentation, className, showClose = true, closeL
 }
 function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$15.header(), className),
+		className: cn(s$16.header(), className),
 		...props
 	});
 }
 function DialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Title, {
-		className: cn(s$15.title(), className),
+		className: cn(s$16.title(), className),
 		...props
 	});
 }
 function DialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Dialog$1.Description, {
-		className: cn(s$15.description(), className),
+		className: cn(s$16.description(), className),
 		...props
 	});
 }
 function DialogBody({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$15.body(), className),
+		className: cn(s$16.body(), className),
 		...props
 	});
 }
 function DialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$15.footer(), className),
+		className: cn(s$16.footer(), className),
 		...props
 	});
 }
 //#endregion
 //#region src/components/Dialog/Dialog.doc.ts
-const doc$25 = {
+const doc$26 = {
 	name: "Dialog",
 	group: "Overlays",
 	status: "stable",
@@ -8798,7 +8842,7 @@ function DiffViewer({ oldValue, newValue, format = "text", mode: modeProp, defau
 }
 //#endregion
 //#region src/components/DiffViewer/DiffViewer.doc.ts
-const doc$26 = {
+const doc$27 = {
 	name: "DiffViewer",
 	group: "Display",
 	status: "beta",
@@ -8919,7 +8963,7 @@ const drawerVariants = tv({
 });
 //#endregion
 //#region src/components/Drawer/Drawer.tsx
-const s$14 = drawerVariants();
+const s$15 = drawerVariants();
 const SWIPE = {
 	ltr: {
 		right: "right",
@@ -8994,39 +9038,39 @@ function DrawerContent({ size, className, showClose = true, closeLabel, containe
 /** Fixed top bar: title, description and any leading media. */
 function DrawerHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$14.header(), className),
+		className: cn(s$15.header(), className),
 		...props
 	});
 }
 function DrawerTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer$1.Title, {
-		className: cn(s$14.title(), className),
+		className: cn(s$15.title(), className),
 		...props
 	});
 }
 function DrawerDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Drawer$1.Description, {
-		className: cn(s$14.description(), className),
+		className: cn(s$15.description(), className),
 		...props
 	});
 }
 /** Scrollable middle section. */
 function DrawerBody({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$14.body(), className),
+		className: cn(s$15.body(), className),
 		...props
 	});
 }
 /** Fixed bottom bar for actions. */
 function DrawerFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cn(s$14.footer(), className),
+		className: cn(s$15.footer(), className),
 		...props
 	});
 }
 //#endregion
 //#region src/components/Drawer/Drawer.doc.ts
-const doc$28 = {
+const doc$29 = {
 	name: "Drawer",
 	group: "Overlays",
 	status: "stable",
@@ -9132,7 +9176,7 @@ function EmptyState({ icon: Icon, title, titleAs: Heading = "h3", description, p
 }
 //#endregion
 //#region src/components/EmptyState/EmptyState.doc.ts
-const doc$29 = {
+const doc$30 = {
 	name: "EmptyState",
 	group: "Feedback",
 	status: "stable",
@@ -9146,7 +9190,7 @@ const doc$29 = {
 };
 //#endregion
 //#region src/components/Field/Field.doc.ts
-const doc$30 = {
+const doc$31 = {
 	name: "Field",
 	group: "Forms",
 	status: "stable",
@@ -9451,7 +9495,7 @@ function GridItem({ as = "div", span, className, render, ref, ...props }) {
 }
 //#endregion
 //#region src/components/Grid/Grid.doc.ts
-const doc$31 = {
+const doc$32 = {
 	name: "Grid",
 	group: "Layout",
 	status: "stable",
@@ -9477,7 +9521,7 @@ const hoverCardVariants = tv({ slots: {
 } });
 //#endregion
 //#region src/components/HoverCard/HoverCard.tsx
-const s$13 = hoverCardVariants();
+const s$14 = hoverCardVariants();
 /** Hover card state container (open, defaultOpen, onOpenChange). Renders no element. */
 const HoverCard = PreviewCard.Root;
 /**
@@ -9488,7 +9532,7 @@ function HoverCardTrigger({ className, delay = 500, closeDelay = 250, ...props }
 	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
 		delay,
 		closeDelay,
-		className: cn(s$13.trigger(), className),
+		className: cn(s$14.trigger(), className),
 		...props
 	});
 }
@@ -9502,21 +9546,21 @@ function HoverCardContent({ side = "bottom", align = "center", sideOffset = 8, a
 		container,
 		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
 			dir,
-			className: s$13.positioner(),
+			className: s$14.positioner(),
 			side,
 			align,
 			sideOffset,
 			children: /* @__PURE__ */ jsxs(PreviewCard.Popup, {
-				className: cn(s$13.popup(), className),
+				className: cn(s$14.popup(), className),
 				...props,
-				children: [arrow && /* @__PURE__ */ jsx(PreviewCard.Arrow, { className: s$13.arrow() }), children]
+				children: [arrow && /* @__PURE__ */ jsx(PreviewCard.Arrow, { className: s$14.arrow() }), children]
 			})
 		})
 	});
 }
 //#endregion
 //#region src/components/HoverCard/HoverCard.doc.ts
-const doc$32 = {
+const doc$33 = {
 	name: "HoverCard",
 	group: "Overlays",
 	status: "beta",
@@ -9594,7 +9638,7 @@ function InfoTip({ label, children, title, openOnHover = false, delay = 200, sid
 }
 //#endregion
 //#region src/components/InfoTip/InfoTip.doc.ts
-const doc$33 = {
+const doc$34 = {
 	name: "InfoTip",
 	group: "Overlays",
 	status: "beta",
@@ -9705,7 +9749,7 @@ function InputKbd({ className, children }) {
 }
 //#endregion
 //#region src/components/Input/Input.doc.ts
-const doc$34 = {
+const doc$35 = {
 	name: "Input",
 	group: "Forms",
 	status: "stable",
@@ -9867,7 +9911,7 @@ const DEFAULT_LABELS$4 = {
 	error: "Could not load items.",
 	retry: "Retry"
 };
-const s$12 = treeListVariants();
+const s$13 = treeListVariants();
 /**
 * Hierarchical list on the WAI-ARIA tree pattern: roving focus, arrow keys (Left/Right
 * collapse/expand), Home/End, typeahead, single or multiple selection and lazily loaded
@@ -10002,7 +10046,7 @@ function TreeList({ nodes, expanded, defaultExpanded, onExpandedChange, selectio
 			onFocus: (e) => {
 				if (e.target === e.currentTarget) tree.setActiveId(node.id);
 			},
-			className: s$12.item(),
+			className: s$13.item(),
 			children: [/* @__PURE__ */ jsxs("div", {
 				"data-row": true,
 				id: v.rowId,
@@ -10031,22 +10075,22 @@ function TreeList({ nodes, expanded, defaultExpanded, onExpandedChange, selectio
 						className: v2.icon()
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: s$12.label(),
+						className: s$13.label(),
 						children: node.content ?? node.label
 					}),
 					node.meta != null && /* @__PURE__ */ jsx("span", {
-						className: s$12.meta(),
+						className: s$13.meta(),
 						children: node.meta
 					})
 				]
 			}), v.expanded && (kids || childState) && /* @__PURE__ */ jsxs("ul", {
 				role: "group",
-				className: s$12.group(),
+				className: s$13.group(),
 				children: [
 					kids && renderLevel(kids),
 					!kids && childState?.status === "loading" && /* @__PURE__ */ jsxs("li", {
 						role: "none",
-						className: s$12.status(),
+						className: s$13.status(),
 						style: { paddingInlineStart: `${v.level * indent + 6}px` },
 						children: [
 							/* @__PURE__ */ jsx(Spinner, { size: 13 }),
@@ -10056,7 +10100,7 @@ function TreeList({ nodes, expanded, defaultExpanded, onExpandedChange, selectio
 					}),
 					!kids && childState?.status === "error" && /* @__PURE__ */ jsxs("li", {
 						role: "none",
-						className: cn(s$12.status(), "text-destructive-text"),
+						className: cn(s$13.status(), "text-destructive-text"),
 						style: { paddingInlineStart: `${v.level * indent + 6}px` },
 						children: [labels.error, /* @__PURE__ */ jsx("button", {
 							type: "button",
@@ -10076,7 +10120,7 @@ function TreeList({ nodes, expanded, defaultExpanded, onExpandedChange, selectio
 	return /* @__PURE__ */ jsx("ul", {
 		role: "tree",
 		"aria-multiselectable": multi || void 0,
-		className: cn(s$12.root(), className),
+		className: cn(s$13.root(), className),
 		onKeyDown: handleKeyDown,
 		...props,
 		children: renderLevel(nodes)
@@ -10203,7 +10247,7 @@ const DEFAULT_LABELS$3 = {
 	items: (n) => `${n} ${n === 1 ? "item" : "items"}`,
 	root: "(root)"
 };
-const s$11 = jsonViewerVariants();
+const s$12 = jsonViewerVariants();
 function highlight(text, query) {
 	const q = query.trim().toLowerCase();
 	if (!q) return text;
@@ -10213,7 +10257,7 @@ function highlight(text, query) {
 	while (at !== -1) {
 		if (at > from) out.push(text.slice(from, at));
 		out.push(/* @__PURE__ */ jsx("mark", {
-			className: s$11.mark(),
+			className: s$12.mark(),
 			children: text.slice(at, at + q.length)
 		}, at));
 		from = at + q.length;
@@ -10243,7 +10287,7 @@ function preview(value, labels, query) {
 * matches, and the toolbar copies the selected node's path or value.
 */
 function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = Infinity, search = "", toolbar = true, maxHeight, maxDisplayChars, emptyContent = /* @__PURE__ */ jsx("span", {
-	className: s$11.emptyValue(),
+	className: s$12.emptyValue(),
 	children: "—"
 }), labels: labelsProp, className, ref }) {
 	const labels = {
@@ -10278,7 +10322,7 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 			id,
 			label: keyText,
 			content: /* @__PURE__ */ jsxs("span", {
-				className: s$11.row(),
+				className: s$12.row(),
 				children: [
 					/* @__PURE__ */ jsx("span", {
 						className: typeof key === "number" ? jsonTypeClass.punctuation : jsonTypeClass.key,
@@ -10299,7 +10343,7 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 		id: "",
 		label: labels.root,
 		content: /* @__PURE__ */ jsx("span", {
-			className: s$11.row(),
+			className: s$12.row(),
 			children: preview(data, labels, search)
 		})
 	}];
@@ -10319,15 +10363,15 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: cn(s$11.root(), className),
+		className: cn(s$12.root(), className),
 		children: [
 			toolbar && /* @__PURE__ */ jsxs("div", {
-				className: s$11.toolbar(),
+				className: s$12.toolbar(),
 				children: [
 					/* @__PURE__ */ jsx("span", {
-						className: s$11.path(),
+						className: s$12.path(),
 						children: truncated ? labels.copyFullHint : current !== void 0 ? /* @__PURE__ */ jsx("span", {
-							className: s$11.pathValue(),
+							className: s$12.pathValue(),
 							children: current || labels.root
 						}) : labels.selectHint
 					}),
@@ -10335,7 +10379,7 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 						type: "button",
 						disabled: !showTree || current === void 0,
 						onClick: () => current !== void 0 && copy(current),
-						className: s$11.action(),
+						className: s$12.action(),
 						children: [/* @__PURE__ */ jsx(Copy, {
 							size: 13,
 							"aria-hidden": true
@@ -10345,7 +10389,7 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 						type: "button",
 						disabled: !truncated && (!showTree || current === void 0),
 						onClick: () => truncated && display ? copy(display.text) : current !== void 0 && copy(JSON.stringify(values.get(current), null, 2) ?? "null"),
-						className: s$11.action(),
+						className: s$12.action(),
 						children: [status === "copied" ? /* @__PURE__ */ jsx(Check, {
 							size: 13,
 							"aria-hidden": true
@@ -10362,20 +10406,20 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 				]
 			}),
 			truncated && /* @__PURE__ */ jsx("div", {
-				className: s$11.truncated(),
+				className: s$12.truncated(),
 				children: /* @__PURE__ */ jsx(Badge, {
 					tone: "warning",
 					children: labels.truncated
 				})
 			}),
 			/* @__PURE__ */ jsx("div", {
-				className: s$11.body(),
+				className: s$12.body(),
 				style: maxHeight !== void 0 ? { maxHeight } : void 0,
 				role: truncated ? "region" : void 0,
 				"aria-label": truncated ? label : void 0,
 				tabIndex: truncated ? 0 : void 0,
 				children: display?.empty ? emptyContent : truncated ? /* @__PURE__ */ jsx("pre", {
-					className: s$11.text(),
+					className: s$12.text(),
 					children: display?.displayText
 				}) : /* @__PURE__ */ jsx(TreeList, {
 					"aria-label": label,
@@ -10392,7 +10436,7 @@ function JsonViewer({ data, label = "JSON", defaultExpandDepth = 1, maxDepth = I
 }
 //#endregion
 //#region src/components/JsonViewer/JsonViewer.doc.ts
-const doc$36 = {
+const doc$37 = {
 	name: "JsonViewer",
 	group: "Display",
 	status: "beta",
@@ -10824,7 +10868,7 @@ function moveKanbanCard(columns, move) {
 		};
 	});
 }
-const s$10 = kanbanBoardVariants;
+const s$11 = kanbanBoardVariants;
 function DefaultCard({ card, slots }) {
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsx("span", {
@@ -10845,7 +10889,7 @@ function Board({ columns, onMove, renderCard, getCardLabel = (card) => card.titl
 	const { t } = useI18n();
 	const announce = useAnnounce();
 	const id = useId();
-	const slots = s$10({ size });
+	const slots = s$11({ size });
 	const containers = useMemo(() => columns.map((c) => ({
 		id: c.id,
 		items: c.cards.map((card) => card.id)
@@ -10973,7 +11017,7 @@ function KanbanBoard(props) {
 }
 //#endregion
 //#region src/components/KanbanBoard/KanbanBoard.doc.ts
-const doc$37 = {
+const doc$38 = {
 	name: "KanbanBoard",
 	group: "Display",
 	status: "beta",
@@ -11161,7 +11205,7 @@ function PasswordInput({ value, defaultValue, onValueChange, visible: visiblePro
 }
 //#endregion
 //#region src/components/PasswordInput/PasswordInput.doc.ts
-const doc$56 = {
+const doc$57 = {
 	name: "PasswordInput",
 	group: "Forms",
 	status: "beta",
@@ -11244,7 +11288,7 @@ function Textarea({ size, resize, autosize, invalid, className, ref, id, name, d
 }
 //#endregion
 //#region src/components/Textarea/Textarea.doc.ts
-const doc$90 = {
+const doc$91 = {
 	name: "Textarea",
 	group: "Forms",
 	status: "stable",
@@ -11695,7 +11739,7 @@ function KeyValueEditorInner({ value, defaultValue, onChange, onValidityChange,
 }
 //#endregion
 //#region src/components/KeyValueEditor/KeyValueEditor.doc.ts
-const doc$39 = {
+const doc$40 = {
 	name: "KeyValueEditor",
 	group: "Forms",
 	status: "beta",
@@ -11986,7 +12030,7 @@ function Lightbox({ items, open, defaultOpen = false, onOpenChange, index, defau
 }
 //#endregion
 //#region src/components/Lightbox/Lightbox.doc.ts
-const doc$40 = {
+const doc$41 = {
 	name: "Lightbox",
 	group: "Overlays",
 	status: "beta",
@@ -12366,7 +12410,7 @@ function ListInput({ value, defaultValue, onValueChange, label, validate, unique
 }
 //#endregion
 //#region src/components/ListInput/ListInput.doc.ts
-const doc$42 = {
+const doc$43 = {
 	name: "ListInput",
 	group: "Forms",
 	status: "beta",
@@ -12428,7 +12472,7 @@ const megaMenuVariants = tv({ slots: {
 } });
 //#endregion
 //#region src/components/MegaMenu/MegaMenu.tsx
-const s$9 = megaMenuVariants();
+const s$10 = megaMenuVariants();
 const isCurrent = (l, currentHref) => l.current ?? (!!l.href && l.href === currentHref);
 /** Flattens MegaMenu items into NavItems, e.g. to feed StackedLayout `links` / MobileNav on small screens. */
 function megaMenuNavItems(items) {
@@ -12455,22 +12499,22 @@ function PanelLink({ link, currentHref, onNavigate }) {
 		closeOnClick: true,
 		"aria-current": current ? "page" : void 0,
 		render: RouterLink ? (props) => createElement(RouterLink, props) : void 0,
-		className: s$9.link(),
+		className: s$10.link(),
 		onClick: () => onNavigate?.(link),
 		children: [IconCmp && /* @__PURE__ */ jsx("span", {
-			className: s$9.linkIcon(),
+			className: s$10.linkIcon(),
 			"aria-hidden": true,
 			children: /* @__PURE__ */ jsx(IconCmp, {
 				size: 15,
 				"aria-hidden": true
 			})
 		}), /* @__PURE__ */ jsxs("span", {
-			className: s$9.linkText(),
+			className: s$10.linkText(),
 			children: [/* @__PURE__ */ jsx("span", {
-				className: s$9.linkLabel(),
+				className: s$10.linkLabel(),
 				children: link.label
 			}), link.description && /* @__PURE__ */ jsx("span", {
-				className: s$9.linkDescription(),
+				className: s$10.linkDescription(),
 				children: link.description
 			})]
 		})]
@@ -12481,18 +12525,18 @@ function Panel({ item, currentHref, onNavigate }) {
 	const sections = item.sections ?? [];
 	const cols = { "--mega-cols": Math.min(sections.length, 3) };
 	return /* @__PURE__ */ jsxs(NavigationMenu.Content, {
-		className: s$9.content(),
+		className: s$10.content(),
 		children: [/* @__PURE__ */ jsx("div", {
-			className: s$9.columns(),
+			className: s$10.columns(),
 			style: cols,
 			children: sections.map((sec, i) => /* @__PURE__ */ jsxs("div", {
-				className: s$9.section(),
+				className: s$10.section(),
 				children: [sec.title && /* @__PURE__ */ jsx("p", {
 					id: `${id}-${i}`,
-					className: s$9.sectionTitle(),
+					className: s$10.sectionTitle(),
 					children: sec.title
 				}), /* @__PURE__ */ jsx("ul", {
-					className: s$9.links(),
+					className: s$10.links(),
 					"aria-labelledby": sec.title ? `${id}-${i}` : void 0,
 					children: sec.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PanelLink, {
 						link,
@@ -12502,7 +12546,7 @@ function Panel({ item, currentHref, onNavigate }) {
 				})]
 			}, sec.title ?? i))
 		}), item.featured != null && /* @__PURE__ */ jsx("div", {
-			className: s$9.featured(),
+			className: s$10.featured(),
 			children: item.featured
 		})]
 	});
@@ -12515,7 +12559,7 @@ function TopLink({ item, currentHref, onNavigate }) {
 		active: current,
 		"aria-current": current ? "page" : void 0,
 		render: RouterLink ? (props) => createElement(RouterLink, props) : void 0,
-		className: s$9.trigger(),
+		className: s$10.trigger(),
 		onClick: () => onNavigate?.(item),
 		children: item.label
 	});
@@ -12529,16 +12573,16 @@ function TopLink({ item, currentHref, onNavigate }) {
 function MegaMenu({ items, label = "Main", currentHref, onNavigate, className }) {
 	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
 		"aria-label": label,
-		className: cn(s$9.root(), className),
+		className: cn(s$10.root(), className),
 		children: [/* @__PURE__ */ jsx(NavigationMenu.List, {
-			className: s$9.list(),
+			className: s$10.list(),
 			children: items.map((item) => /* @__PURE__ */ jsx(NavigationMenu.Item, {
 				value: item.id ?? item.label,
 				children: item.sections?.length ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
-					className: s$9.trigger(),
+					className: s$10.trigger(),
 					"data-current": item.sections.some((sec) => sec.links.some((l) => isCurrent(l, currentHref))) || void 0,
 					children: [item.label, /* @__PURE__ */ jsx(NavigationMenu.Icon, {
-						className: s$9.chevron(),
+						className: s$10.chevron(),
 						children: /* @__PURE__ */ jsx(ChevronDown, {
 							size: 14,
 							"aria-hidden": true
@@ -12555,21 +12599,21 @@ function MegaMenu({ items, label = "Main", currentHref, onNavigate, className })
 				})
 			}, item.id ?? item.label))
 		}), /* @__PURE__ */ jsx(NavigationMenu.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
-			className: s$9.positioner(),
+			className: s$10.positioner(),
 			sideOffset: 8,
 			align: "start",
 			collisionPadding: 16,
 			collisionAvoidance: { side: "none" },
 			children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
-				className: s$9.popup(),
-				children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: s$9.viewport() })
+				className: s$10.popup(),
+				children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: s$10.viewport() })
 			})
 		}) })]
 	});
 }
 //#endregion
 //#region src/components/MegaMenu/MegaMenu.doc.ts
-const doc$44 = {
+const doc$45 = {
 	name: "MegaMenu",
 	group: "Navigation",
 	status: "beta",
@@ -12596,7 +12640,7 @@ const doc$44 = {
 };
 //#endregion
 //#region src/components/Menu/Menu.tsx
-const s$8 = menuVariants();
+const s$9 = menuVariants();
 /** Menu state container (open, defaultOpen, onOpenChange, modal). Renders no element. */
 const Menu = Menu$2.Root;
 /** Opens the menu. Use `render={<Button />}` or `render={<IconButton … />}` to keep the kit look. */
@@ -12614,13 +12658,13 @@ function MenuContent({ side, align = "start", sideOffset = 8, alignOffset, class
 		container,
 		children: /* @__PURE__ */ jsx(Menu$2.Positioner, {
 			dir,
-			className: s$8.positioner(),
+			className: s$9.positioner(),
 			side,
 			align,
 			sideOffset,
 			alignOffset,
 			children: /* @__PURE__ */ jsx(Menu$2.Popup, {
-				className: cn(s$8.popup(), className),
+				className: cn(s$9.popup(), className),
 				...props,
 				children
 			})
@@ -12662,10 +12706,10 @@ function MenuItem({ icon: IconCmp, shortcut, destructive, className, children, .
 /** Toggle item (role `menuitemcheckbox`). Stays open on select so several can be toggled. */
 function MenuCheckboxItem({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu$2.CheckboxItem, {
-		className: cn(s$8.item(), "group", className),
+		className: cn(s$9.item(), "group", className),
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: s$8.checkbox(),
+			className: s$9.checkbox(),
 			"aria-hidden": true,
 			children: /* @__PURE__ */ jsx(Menu$2.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(Check, {
 				size: 12,
@@ -12673,7 +12717,7 @@ function MenuCheckboxItem({ className, children, ...props }) {
 				"aria-hidden": true
 			}) })
 		}), /* @__PURE__ */ jsx("span", {
-			className: s$8.itemLabel(),
+			className: s$9.itemLabel(),
 			children
 		})]
 	});
@@ -12681,14 +12725,14 @@ function MenuCheckboxItem({ className, children, ...props }) {
 /** Single-choice item (role `menuitemradio`) inside a MenuRadioGroup; a check marks the selection. */
 function MenuRadioItem({ className, children, closeOnClick = true, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu$2.RadioItem, {
-		className: cn(s$8.item(), className),
+		className: cn(s$9.item(), className),
 		closeOnClick,
 		...props,
 		children: [/* @__PURE__ */ jsx("span", {
-			className: s$8.itemLabel(),
+			className: s$9.itemLabel(),
 			children
 		}), /* @__PURE__ */ jsx(Menu$2.RadioItemIndicator, {
-			className: s$8.radioIndicator(),
+			className: s$9.radioIndicator(),
 			children: /* @__PURE__ */ jsx(Check, {
 				size: 15,
 				"aria-hidden": true
@@ -12698,35 +12742,35 @@ function MenuRadioItem({ className, children, closeOnClick = true, ...props }) {
 }
 function MenuGroupLabel({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu$2.GroupLabel, {
-		className: cn(s$8.groupLabel(), className),
+		className: cn(s$9.groupLabel(), className),
 		...props
 	});
 }
 function MenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu$2.Separator, {
-		className: cn(s$8.separator(), className),
+		className: cn(s$9.separator(), className),
 		...props
 	});
 }
 /** Item that opens a submenu (ArrowRight, Enter or hover). */
 function MenuSubTrigger({ icon: IconCmp, className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(Menu$2.SubmenuTrigger, {
-		className: cn(s$8.subTrigger(), className),
+		className: cn(s$9.subTrigger(), className),
 		...props,
 		children: [
 			IconCmp && /* @__PURE__ */ jsx(IconCmp, {
 				size: 15,
 				"aria-hidden": true,
-				className: s$8.itemIcon()
+				className: s$9.itemIcon()
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: s$8.itemLabel(),
+				className: s$9.itemLabel(),
 				children
 			}),
 			/* @__PURE__ */ jsx(ChevronRight, {
 				size: 14,
 				"aria-hidden": true,
-				className: s$8.subChevron()
+				className: s$9.subChevron()
 			})
 		]
 	});
@@ -12757,7 +12801,7 @@ function MoreMenu({ items, label: labelProp, variant = "secondary", size = "md",
 }
 //#endregion
 //#region src/components/Menu/Menu.doc.ts
-const doc$45 = {
+const doc$46 = {
 	name: "Menu",
 	group: "Overlays",
 	status: "stable",
@@ -12890,7 +12934,7 @@ function Meter({ value, min = 0, max = 100, size, label, valueLabel, hideValue =
 }
 //#endregion
 //#region src/components/Meter/Meter.doc.ts
-const doc$46 = {
+const doc$47 = {
 	name: "Meter",
 	group: "Feedback",
 	status: "stable",
@@ -13241,7 +13285,7 @@ function NavList({ groups, currentHref, collapsed = false, label: labelProp, onN
 }
 //#endregion
 //#region src/components/NavList/NavList.doc.ts
-const doc$49 = {
+const doc$50 = {
 	name: "NavList",
 	group: "Navigation",
 	status: "beta",
@@ -13335,7 +13379,7 @@ function MobileNav({ className, contentClassName, groups, currentHref, title, la
 }
 //#endregion
 //#region src/components/MobileNav/MobileNav.doc.ts
-const doc$47 = {
+const doc$48 = {
 	name: "MobileNav",
 	group: "Navigation",
 	status: "beta",
@@ -13620,7 +13664,7 @@ function MultiSelect({ options, value, defaultValue, onValueChange, label, place
 }
 //#endregion
 //#region src/components/MultiSelect/MultiSelect.doc.ts
-const doc$48 = {
+const doc$49 = {
 	name: "MultiSelect",
 	group: "Forms",
 	status: "beta",
@@ -13854,7 +13898,7 @@ function NotificationsPopover({ className, notifications, onSelect, onMarkAllRea
 }
 //#endregion
 //#region src/components/NotificationsPopover/NotificationsPopover.doc.ts
-const doc$50 = {
+const doc$51 = {
 	name: "NotificationsPopover",
 	group: "Overlays",
 	status: "beta",
@@ -13946,7 +13990,7 @@ function OtpInput({ length = 6, type = "numeric", size, invalid, onComplete, gro
 }
 //#endregion
 //#region src/components/OtpInput/OtpInput.doc.ts
-const doc$52 = {
+const doc$53 = {
 	name: "OtpInput",
 	group: "Forms",
 	status: "beta",
@@ -14124,7 +14168,7 @@ function OverflowList({ items, renderItem, renderOverflowItem, getKey = (_item,
 }
 //#endregion
 //#region src/components/OverflowList/OverflowList.doc.ts
-const doc$53 = {
+const doc$54 = {
 	name: "OverflowList",
 	group: "Display",
 	status: "beta",
@@ -14369,7 +14413,7 @@ function PaginationCompact({ page, pageSize, total, onPageChange, locale, ofLabe
 }
 //#endregion
 //#region src/components/Pagination/Pagination.doc.ts
-const doc$55 = {
+const doc$56 = {
 	name: "Pagination",
 	group: "Navigation",
 	status: "stable",
@@ -14389,6 +14433,145 @@ const doc$55 = {
 	]
 };
 //#endregion
+//#region src/components/CursorPagination/cursor-pagination.variants.ts
+const cursorPaginationVariants = tv({ slots: {
+	root: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring",
+	selectGroup: "flex items-center gap-2.5",
+	selectLabel: "text-[12.5px] text-muted-foreground",
+	select: "w-[76px] font-mono",
+	controls: "flex flex-wrap items-center gap-3",
+	status: "text-[12.5px] text-muted-foreground tabular-nums"
+} });
+//#endregion
+//#region src/components/CursorPagination/CursorPagination.tsx
+const s$8 = cursorPaginationVariants();
+/** Stateless navigation: the consumer owns all cursors and request state. */
+function CursorPagination({ hasPrevious, hasNext, onPrevious, onNext, loading = false, busy = false, loadingLabel, unavailableBehaviour = "disabled", summary, shownCount, total, pageSize, pageSizeOptions, onPageSizeChange, previousLabel, nextLabel, ariaLabel, labels, className }) {
+	const { t } = useI18n();
+	const isBusy = loading || busy;
+	const showPrevious = hasPrevious || unavailableBehaviour === "disabled";
+	const showNext = hasNext || unavailableBehaviour === "disabled";
+	const root = useRef(null);
+	const removedFocusRef = useRef(false);
+	const [previous, previousRef] = useControlRef(removedFocusRef);
+	const [next, nextRef] = useControlRef(removedFocusRef);
+	const [select, selectRef] = useControlRef(removedFocusRef);
+	useLayoutEffect(() => {
+		if (!removedFocusRef.current) return;
+		removedFocusRef.current = false;
+		(next.current ?? previous.current ?? select.current ?? root.current)?.focus();
+	});
+	const summaryText = summary !== void 0 ? plainText(summary) : typeof total === "number" && total > 0 ? labels?.totalSummary?.(total) ?? "" : labels?.shownSummary?.(shownCount ?? 0) ?? "";
+	const status = isBusy && loadingLabel !== null ? loadingLabel ?? t("common.loading") : summaryText;
+	return /* @__PURE__ */ jsxs("nav", {
+		ref: root,
+		tabIndex: -1,
+		"aria-label": ariaLabel ?? labels?.navLabel ?? t("pagination.label"),
+		className: cn(s$8.root(), className),
+		children: [pageSizeOptions !== void 0 && /* @__PURE__ */ jsxs("div", {
+			className: s$8.selectGroup(),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: s$8.selectLabel(),
+				"aria-hidden": true,
+				children: labels?.rowsPerPage
+			}), /* @__PURE__ */ jsx(SimpleSelect, {
+				triggerRef: selectRef,
+				"aria-label": labels?.rowsPerPageLabel,
+				size: "sm",
+				className: s$8.select(),
+				value: String(pageSize),
+				onValueChange: (value) => {
+					if (value !== null) onPageSizeChange?.(Number(value));
+				},
+				items: pageSizeOptions.map((n) => ({
+					value: String(n),
+					label: String(n)
+				}))
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: s$8.controls(),
+			children: [
+				showPrevious && /* @__PURE__ */ jsx(Button, {
+					ref: previousRef,
+					variant: "secondary",
+					size: "sm",
+					disabled: !hasPrevious || isBusy,
+					focusableWhenDisabled: true,
+					"aria-busy": isBusy || void 0,
+					onClick: () => onPrevious(),
+					children: previousLabel ?? labels?.previous ?? t("pagination.previous")
+				}),
+				/* @__PURE__ */ jsx("p", {
+					role: "status",
+					"aria-live": "polite",
+					"aria-atomic": "true",
+					className: s$8.status(),
+					children: status
+				}),
+				showNext && /* @__PURE__ */ jsx(Button, {
+					ref: nextRef,
+					variant: "secondary",
+					size: "sm",
+					disabled: !hasNext || isBusy,
+					focusableWhenDisabled: true,
+					"aria-busy": isBusy || void 0,
+					onClick: () => onNext(),
+					children: nextLabel ?? labels?.next ?? t("pagination.next")
+				})
+			]
+		})]
+	});
+}
+/** Ref detachment runs before removal, while the focused element still exists. */
+function useControlRef(removedFocusRef) {
+	const current = useRef(null);
+	return [current, useCallback((node) => {
+		const control = current.current;
+		const popupId = control?.getAttribute("aria-controls");
+		const popup = popupId ? control?.ownerDocument.getElementById(popupId) : null;
+		const active = control?.ownerDocument.activeElement;
+		if (!node && (control?.contains(active ?? null) || popup?.contains(active ?? null))) removedFocusRef.current = true;
+		current.current = node;
+	}, [removedFocusRef])];
+}
+/** Flatten plain text nodes to one text value, so a changed commit writes to the region once. */
+function plainText(node) {
+	return Children.toArray(node).map((child) => {
+		if (typeof child === "string" || typeof child === "number") return String(child);
+		return isValidElement(child) ? plainText(child.props.children) : "";
+	}).join("");
+}
+//#endregion
+//#region src/components/CursorPagination/CursorPagination.doc.ts
+const doc$23 = {
+	name: "CursorPagination",
+	group: "Navigation",
+	status: "beta",
+	description: "See the cursor-pager-footer block example for data-table paginated={false} with a consumer-owned token stack. Stateless Previous/Next navigation for consumer-owned cursor stacks, with no page numbers, ranges or invented totals. Supply a plain-text summary (null keeps it empty) or shownCount with required labels.shownSummary and labels.totalSummary; only a positive exact total uses totalSummary. A pageSizeOptions select requires pageSize, onPageSizeChange, labels.rowsPerPage and labels.rowsPerPageLabel. Flat previousLabel, nextLabel and ariaLabel override labels.previous, labels.next and labels.navLabel, then provider catalog defaults. loading and busy are aliases: rendered buttons stay focusable and aria-disabled with aria-busy, while the select stays enabled. loadingLabel defaults to the catalog; null keeps the summary during busy. One persistent polite status writes once per changed text; mount, empty text and unchanged commits do not announce. Removal of the focused control moves focus to Next, Previous, the select or the nav root, in that order, even while busy; focus elsewhere never moves.",
+	primitive: "@base-ui/react/button + @base-ui/react/select (kit Button and SimpleSelect)",
+	pattern: "named navigation landmark with one persistent polite atomic status",
+	keyboard: [
+		["Tab / Shift+Tab", "Moves through the select (when present), Previous and Next, including aria-disabled buttons"],
+		["Enter / Space", "Activates an available button once; busy and unavailable buttons do nothing; opens the select"],
+		["ArrowDown / ArrowUp", "Opens the select and moves between page-size options"],
+		["Enter / Escape", "Selects the highlighted page size or closes the select; focus returns to its trigger"]
+	],
+	tokens: [
+		"card",
+		"border",
+		"foreground",
+		"muted-foreground",
+		"secondary",
+		"focus-ring",
+		"background",
+		"primary",
+		"ring",
+		"popover",
+		"popover-foreground",
+		"primary-text"
+	]
+};
+//#endregion
 //#region src/components/PermissionMatrix/permission-matrix.variants.ts
 /**
 * Roles × permissions grid. Each cell is a chip-like button: allowed and denied use their tone
@@ -14632,7 +14815,7 @@ function PermissionMatrix({ roles, sections, value, defaultValue, onChange, reso
 }
 //#endregion
 //#region src/components/PermissionMatrix/PermissionMatrix.doc.ts
-const doc$57 = {
+const doc$58 = {
 	name: "PermissionMatrix",
 	group: "Forms",
 	status: "beta",
@@ -15301,7 +15484,7 @@ function PowerSearch({ fields, value, defaultValue, onValueChange, onSubmit, all
 }
 //#endregion
 //#region src/components/PowerSearch/PowerSearch.doc.ts
-const doc$59 = {
+const doc$60 = {
 	name: "PowerSearch",
 	group: "Forms",
 	status: "experimental",
@@ -15401,7 +15584,7 @@ function Progress({ tone, size, label, showValue = false, className, ...props })
 }
 //#endregion
 //#region src/components/Progress/Progress.doc.ts
-const doc$61 = {
+const doc$62 = {
 	name: "Progress",
 	group: "Feedback",
 	status: "stable",
@@ -15983,7 +16166,7 @@ function QueryBuilder({ fields, value, defaultValue, onChange, maxDepth = 3, sho
 }
 //#endregion
 //#region src/components/QueryBuilder/QueryBuilder.doc.ts
-const doc$62 = {
+const doc$63 = {
 	name: "QueryBuilder",
 	group: "Forms",
 	status: "beta",
@@ -16100,7 +16283,7 @@ function Radio({ label, description, trailing, className, ...props }) {
 }
 //#endregion
 //#region src/components/RadioGroup/RadioGroup.doc.ts
-const doc$63 = {
+const doc$64 = {
 	name: "RadioGroup",
 	group: "Forms",
 	status: "stable",
@@ -16486,7 +16669,7 @@ function ResizeHandle({ withHandle, step = 5, disabled, className, onKeyDown, on
 }
 //#endregion
 //#region src/components/Resizable/Resizable.doc.ts
-const doc$64 = {
+const doc$65 = {
 	name: "Resizable",
 	group: "Layout",
 	status: "stable",
@@ -17316,7 +17499,7 @@ function ScheduleInput({ value, defaultValue = "0 9 * * 1-5", onValueChange, tim
 }
 //#endregion
 //#region src/components/ScheduleInput/ScheduleInput.doc.ts
-const doc$65 = {
+const doc$66 = {
 	name: "ScheduleInput",
 	group: "Forms",
 	status: "beta",
@@ -17398,7 +17581,7 @@ function ScrollArea({ orientation = "vertical", bordered, className, viewportCla
 }
 //#endregion
 //#region src/components/ScrollArea/ScrollArea.doc.ts
-const doc$66 = {
+const doc$67 = {
 	name: "ScrollArea",
 	group: "Layout",
 	status: "stable",
@@ -17536,7 +17719,7 @@ function Timestamp({ value, format = "relative", locale: localeProp, relativeSty
 }
 //#endregion
 //#region src/components/Timestamp/Timestamp.doc.ts
-const doc$95 = {
+const doc$96 = {
 	name: "Timestamp",
 	group: "Display",
 	status: "beta",
@@ -17736,7 +17919,7 @@ function SecretFieldInner({ value, editable = false, onValueChange, revealed: re
 }
 //#endregion
 //#region src/components/SecretField/SecretField.doc.ts
-const doc$67 = {
+const doc$68 = {
 	name: "SecretField",
 	group: "Forms",
 	status: "beta",
@@ -17880,7 +18063,7 @@ function Section({ variant, padding, divided, title, description, actions, headi
 }
 //#endregion
 //#region src/components/Section/Section.doc.ts
-const doc$68 = {
+const doc$69 = {
 	name: "Section",
 	group: "Layout",
 	status: "stable",
@@ -17979,7 +18162,7 @@ function Separator({ orientation = "horizontal", variant, labelStyle, label, lab
 }
 //#endregion
 //#region src/components/Separator/Separator.doc.ts
-const doc$70 = {
+const doc$71 = {
 	name: "Separator",
 	group: "Layout",
 	status: "stable",
@@ -18028,7 +18211,7 @@ function Skeleton({ shape, lines = 1, className, ...props }) {
 }
 //#endregion
 //#region src/components/Skeleton/Skeleton.doc.ts
-const doc$73 = {
+const doc$74 = {
 	name: "Skeleton",
 	group: "Feedback",
 	status: "stable",
@@ -18108,7 +18291,7 @@ function Slider({ size, label, "aria-label": ariaLabel, thumbLabels, showValue =
 }
 //#endregion
 //#region src/components/Slider/Slider.doc.ts
-const doc$74 = {
+const doc$75 = {
 	name: "Slider",
 	group: "Forms",
 	status: "stable",
@@ -18299,7 +18482,7 @@ function Sparkline({ data, variant = "line", area = false, markers = [], tone, w
 }
 //#endregion
 //#region src/components/Sparkline/Sparkline.doc.ts
-const doc$75 = {
+const doc$76 = {
 	name: "Sparkline",
 	group: "Display",
 	status: "beta",
@@ -18397,7 +18580,7 @@ function SplitButtonMenuItem({ action, first }) {
 }
 //#endregion
 //#region src/components/SplitButton/SplitButton.doc.ts
-const doc$77 = {
+const doc$78 = {
 	name: "SplitButton",
 	group: "Actions",
 	status: "beta",
@@ -18467,7 +18650,7 @@ function Center({ as = "div", inline, className, render, ref, ...props }) {
 }
 //#endregion
 //#region src/components/Stack/Stack.doc.ts
-const doc$79 = {
+const doc$80 = {
 	name: "Stack",
 	group: "Layout",
 	status: "stable",
@@ -18561,7 +18744,7 @@ function StatusDot({ tone, size, label, pulse = false, className, ...props }) {
 }
 //#endregion
 //#region src/components/StatusDot/StatusDot.doc.ts
-const doc$81 = {
+const doc$82 = {
 	name: "StatusDot",
 	group: "Display",
 	status: "beta",
@@ -18643,7 +18826,7 @@ function StatusTag({ status, statuses, label, uppercase, className, ...props })
 }
 //#endregion
 //#region src/components/StatusTag/StatusTag.doc.ts
-const doc$83 = {
+const doc$84 = {
 	name: "StatusTag",
 	group: "Display",
 	status: "stable",
@@ -18850,7 +19033,7 @@ function Stepper({ steps, current = 0, orientation = "horizontal", onStepClick,
 }
 //#endregion
 //#region src/components/Stepper/Stepper.doc.ts
-const doc$84 = {
+const doc$85 = {
 	name: "Stepper",
 	group: "Navigation",
 	status: "beta",
@@ -18921,7 +19104,7 @@ function Switch({ size, label, labelPosition = "end", className, ...props }) {
 }
 //#endregion
 //#region src/components/Switch/Switch.doc.ts
-const doc$85 = {
+const doc$86 = {
 	name: "Switch",
 	group: "Forms",
 	status: "stable",
@@ -19113,7 +19296,7 @@ function TableCaption({ srOnly = false, className, ...props }) {
 }
 //#endregion
 //#region src/components/Table/Table.doc.ts
-const doc$86 = {
+const doc$87 = {
 	name: "Table",
 	group: "Display",
 	status: "stable",
@@ -19287,7 +19470,7 @@ function TabsPanel({ className, ...props }) {
 }
 //#endregion
 //#region src/components/Tabs/Tabs.doc.ts
-const doc$87 = {
+const doc$88 = {
 	name: "Tabs",
 	group: "Navigation",
 	status: "stable",
@@ -20008,7 +20191,7 @@ function Terminal({ lines: linesProp, defaultLines, ref, maxLines = 5e3, showLin
 }
 //#endregion
 //#region src/components/Terminal/Terminal.doc.ts
-const doc$88 = {
+const doc$89 = {
 	name: "Terminal",
 	group: "Display",
 	status: "beta",
@@ -20160,7 +20343,7 @@ function Heading({ level = 2, size, tone, truncate, lineClamp, className, render
 }
 //#endregion
 //#region src/components/Text/Text.doc.ts
-const doc$89 = {
+const doc$90 = {
 	name: "Text",
 	group: "Display",
 	status: "stable",
@@ -20284,7 +20467,7 @@ function ThemeCycleButton({ options: optionsProp, getLabel, variant = "secondary
 }
 //#endregion
 //#region src/components/ThemeSwitcher/ThemeSwitcher.doc.ts
-const doc$91 = {
+const doc$92 = {
 	name: "ThemeSwitcher",
 	group: "Theme",
 	status: "beta",
@@ -20536,7 +20719,7 @@ function ThumbnailList({ className, children, ...props }) {
 }
 //#endregion
 //#region src/components/Thumbnail/Thumbnail.doc.ts
-const doc$92 = {
+const doc$93 = {
 	name: "Thumbnail",
 	group: "Display",
 	status: "beta",
@@ -20557,7 +20740,7 @@ const doc$92 = {
 };
 //#endregion
 //#region src/components/TimePicker/TimePicker.doc.ts
-const doc$93 = {
+const doc$94 = {
 	name: "TimePicker",
 	group: "Forms",
 	status: "beta",
@@ -20738,7 +20921,7 @@ function Timer({ start, offset = 0, status = "running", end, format = "clock", s
 }
 //#endregion
 //#region src/components/Timer/Timer.doc.ts
-const doc$94 = {
+const doc$95 = {
 	name: "Timer",
 	group: "Display",
 	status: "beta",
@@ -20972,7 +21155,7 @@ function Toaster({ className, closeLabel: closeLabelProp, container }) {
 }
 //#endregion
 //#region src/components/Toast/Toast.doc.ts
-const doc$96 = {
+const doc$97 = {
 	name: "Toast",
 	group: "Feedback",
 	status: "stable",
@@ -21136,7 +21319,7 @@ function Token({ label, prefix, icon, tone, size, onRemove, removeLabel, disable
 }
 //#endregion
 //#region src/components/Token/Token.doc.ts
-const doc$98 = {
+const doc$99 = {
 	name: "Token",
 	group: "Display",
 	status: "beta",
@@ -21397,7 +21580,7 @@ function TokenInput({ value, defaultValue, onValueChange, validate, maxItems, se
 }
 //#endregion
 //#region src/components/TokenInput/TokenInput.doc.ts
-const doc$99 = {
+const doc$100 = {
 	name: "TokenInput",
 	group: "Forms",
 	status: "beta",
@@ -21551,7 +21734,7 @@ function ToolbarInput({ icon: IconCmp, className, wrapperClassName, ...props })
 }
 //#endregion
 //#region src/components/Toolbar/Toolbar.doc.ts
-const doc$100 = {
+const doc$101 = {
 	name: "Toolbar",
 	group: "Actions",
 	status: "stable",
@@ -21779,7 +21962,7 @@ function Tour({ steps, open, defaultOpen = false, onOpenChange, step, defaultSte
 }
 //#endregion
 //#region src/components/Tour/Tour.doc.ts
-const doc$102 = {
+const doc$103 = {
 	name: "Tour",
 	group: "Overlays",
 	status: "beta",
@@ -22144,7 +22327,7 @@ function TransferList({ items, value, defaultValue = [], onValueChange, searchab
 }
 //#endregion
 //#region src/components/TransferList/TransferList.doc.ts
-const doc$103 = {
+const doc$104 = {
 	name: "TransferList",
 	group: "Forms",
 	status: "beta",
@@ -22173,7 +22356,7 @@ const doc$103 = {
 };
 //#endregion
 //#region src/components/TreeList/TreeList.doc.ts
-const doc$104 = {
+const doc$105 = {
 	name: "TreeList",
 	group: "Navigation",
 	status: "beta",
@@ -22344,7 +22527,7 @@ function UserMenu({ className, user, items = [], showTheme = true, themeOptions:
 }
 //#endregion
 //#region src/components/UserMenu/UserMenu.doc.ts
-const doc$105 = {
+const doc$106 = {
 	name: "UserMenu",
 	group: "Navigation",
 	status: "beta",
@@ -22593,7 +22776,7 @@ function VirtualList({ items, renderItem, getKey = (_item, index) => index, item
 }
 //#endregion
 //#region src/components/VirtualList/VirtualList.doc.ts
-const doc$106 = {
+const doc$107 = {
 	name: "VirtualList",
 	group: "Display",
 	status: "beta",
@@ -22672,7 +22855,7 @@ function SkipLink({ targetId, className, children: childrenProp, onClick, ...pro
 }
 //#endregion
 //#region src/components/VisuallyHidden/VisuallyHidden.doc.ts
-const doc$107 = {
+const doc$108 = {
 	name: "VisuallyHidden",
 	group: "Layout",
 	status: "stable",
@@ -22921,7 +23104,7 @@ function WorkspaceSwitcher(props) {
 }
 //#endregion
 //#region src/components/WorkspaceSwitcher/WorkspaceSwitcher.doc.ts
-const doc$109 = {
+const doc$110 = {
 	name: "WorkspaceSwitcher",
 	group: "Navigation",
 	status: "beta",
@@ -23516,7 +23699,7 @@ function DocsLayout({ children, header, nav, toc, tocLabel: tocLabelProp, aside,
 }
 //#endregion
 //#region src/layouts/DocsLayout/DocsLayout.doc.ts
-const doc$27 = {
+const doc$28 = {
 	name: "DocsLayout",
 	group: "Layout",
 	status: "beta",
@@ -23730,7 +23913,7 @@ function InspectorToggle({ label: labelProp, icon = PanelRight, className, ...pr
 }
 //#endregion
 //#region src/layouts/InspectorLayout/InspectorLayout.doc.ts
-const doc$35 = {
+const doc$36 = {
 	name: "InspectorLayout",
 	group: "Layout",
 	status: "beta",
@@ -23833,7 +24016,7 @@ function Page({ width = "default", header, title, description, actions, actionBa
 }
 //#endregion
 //#region src/layouts/Page/Page.doc.ts
-const doc$54 = {
+const doc$55 = {
 	name: "Page",
 	group: "Layout",
 	status: "beta",
@@ -23960,7 +24143,7 @@ function PageBreak({ className, label: labelProp, ...props }) {
 }
 //#endregion
 //#region src/layouts/PrintLayout/PrintLayout.doc.ts
-const doc$60 = {
+const doc$61 = {
 	name: "PrintLayout",
 	group: "Layout",
 	status: "beta",
@@ -24113,7 +24296,7 @@ function SettingsLayout({ groups, value: valueProp, defaultValue, onValueChange,
 }
 //#endregion
 //#region src/layouts/SettingsLayout/SettingsLayout.doc.ts
-const doc$71 = {
+const doc$72 = {
 	name: "SettingsLayout",
 	group: "Layout",
 	status: "beta",
@@ -24347,7 +24530,7 @@ function SidebarLayout({ className, sidebar, sidebarHeader, sidebarFooter, topba
 }
 //#endregion
 //#region src/layouts/SidebarLayout/SidebarLayout.doc.ts
-const doc$72 = {
+const doc$73 = {
 	name: "SidebarLayout",
 	group: "Layout",
 	status: "beta",
@@ -24483,7 +24666,7 @@ function SplitLayout({ className, list, detail, listHeader, detailHeader, showDe
 }
 //#endregion
 //#region src/layouts/SplitLayout/SplitLayout.doc.ts
-const doc$78 = {
+const doc$79 = {
 	name: "SplitLayout",
 	group: "Layout",
 	status: "beta",
@@ -24679,7 +24862,7 @@ function StackedLayout({ className, brand, links = [], currentHref, onNavigate,
 }
 //#endregion
 //#region src/layouts/StackedLayout/StackedLayout.doc.ts
-const doc$80 = {
+const doc$81 = {
 	name: "StackedLayout",
 	group: "Layout",
 	status: "beta",
@@ -24833,7 +25016,7 @@ function StatusLayout({ code, title, heading, titleRef, description, icon: Icon,
 }
 //#endregion
 //#region src/layouts/StatusLayout/StatusLayout.doc.ts
-const doc$82 = {
+const doc$83 = {
 	name: "StatusLayout",
 	group: "Layout",
 	status: "beta",
@@ -24883,7 +25066,7 @@ function WizardOverlayBody({ id, current, announcement, className, children }) {
 		tabIndex: -1,
 		className,
 		children
-	}), /* @__PURE__ */ jsx("div", {
+	}), announcement && /* @__PURE__ */ jsx("div", {
 		role: "status",
 		"aria-live": "polite",
 		"aria-atomic": "true",
@@ -24944,7 +25127,7 @@ const wizardLayoutVariants = tv({
 * step body · Back/Next footer. Exit (or Escape anywhere in the layout) asks for confirmation in
 * an AlertDialog. Below `lg` the Stepper collapses to "Step 2 of 5".
 */
-function WizardLayout({ mode = "page", size = "fullscreen", open = false, onOpenChange, description, returnFocusRef, closeOnInteractOutside = false, cancelLabel: cancelLabelProp, stepsSummaryLabel: stepsSummaryLabelProp, stepAnnouncement, steps, current, onStepChange, onFinish, onExit, title, logo, children, footerStart, footer, backLabel: backLabelProp, nextLabel: nextLabelProp, finishLabel: finishLabelProp, nextDisabled = false, nextLoading = false, finishPending = false, pendingLabel: pendingLabelProp, exitLabel: exitLabelProp, confirmExit = true, exitTitle: exitTitleProp, exitDescription: exitDescriptionProp, exitConfirmLabel: exitConfirmLabelProp, exitCancelLabel: exitCancelLabelProp, stepsLabel: stepsLabelProp, width, mainId = "main", skipLinkLabel: skipLinkLabelProp, fullScreen = false, className, onKeyDown, ...props }) {
+function WizardLayout({ mode = "page", size = "fullscreen", open = false, onOpenChange, description, returnFocusRef, closeOnInteractOutside = false, cancelLabel: cancelLabelProp, stepsSummaryLabel: stepsSummaryLabelProp, stepAnnouncement, steps, stepsInteractive = true, stepStatusText, formatStepCount, current, onStepChange, onFinish, onExit, title, logo, children, footerStart, footer, backLabel: backLabelProp, backDisabled = false, nextLabel: nextLabelProp, finishLabel: finishLabelProp, nextDisabled = false, nextLoading = false, finishPending = false, pendingLabel: pendingLabelProp, exitLabel: exitLabelProp, confirmExit = true, exitTitle: exitTitleProp, exitDescription: exitDescriptionProp, exitConfirmLabel: exitConfirmLabelProp, exitCancelLabel: exitCancelLabelProp, stepsLabel: stepsLabelProp, width, mainId = "main", skipLinkLabel: skipLinkLabelProp, fullScreen = false, className, onKeyDown, ...props }) {
 	const { t } = useI18n();
 	const id = useId();
 	const overlay = mode === "overlay";
@@ -25034,12 +25217,16 @@ function WizardLayout({ mode = "page", size = "fullscreen", open = false, onOpen
 						label: stepsLabel,
 						steps,
 						current,
-						onStepClick: onStepChange
+						onStepClick: stepsInteractive ? onStepChange : void 0,
+						statusText: stepStatusText,
+						formatCount: formatStepCount
 					}), /* @__PURE__ */ jsx(Stepper, {
 						className: s.stepsCompact(),
 						label: stepsSummaryLabel,
 						steps,
 						current,
+						statusText: stepStatusText,
+						formatCount: formatStepCount,
 						compact: true
 					})]
 				})]
@@ -25078,8 +25265,13 @@ function WizardLayout({ mode = "page", size = "fullscreen", open = false, onOpen
 						/* @__PURE__ */ jsx(Button, {
 							variant: "secondary",
 							icon: ChevronLeft,
-							disabled: !overlay && current <= 0,
-							onClick: () => overlay && current === 0 ? requestExit() : onStepChange?.(current - 1),
+							disabled: backDisabled || !overlay && current <= 0,
+							focusableWhenDisabled: backDisabled,
+							onClick: () => {
+								if (backDisabled) return;
+								if (overlay && current === 0) requestExit();
+								else onStepChange?.(current - 1);
+							},
 							children: overlay && current === 0 ? cancelLabel : backLabel
 						}),
 						/* @__PURE__ */ jsx(Button, {
@@ -25132,11 +25324,11 @@ function WizardLayout({ mode = "page", size = "fullscreen", open = false, onOpen
 }
 //#endregion
 //#region src/layouts/WizardLayout/WizardLayout.doc.ts
-const doc$108 = {
+const doc$109 = {
 	name: "WizardLayout",
 	group: "Layout",
 	status: "beta",
-	description: "Focus-mode shell: title and Exit, Stepper, step body, Back / Next and Finish. mode=\"page\" is the unchanged default (container height, or fullScreen for h-dvh). mode=\"overlay\" is a controlled Base UI modal: open/onOpenChange keep the parent page mounted without navigation; size defaults to \"fullscreen\" at every viewport, while \"dialog\" reuses Dialog xl sizing and fills mobile viewports. Use page for a dedicated flow, fullscreen for a focused in-page flow, or the dialog-wizard block (default \"dialog\") for a compact create flow. Closing never resets the consumer-controlled current step or data. Exit, Escape and Cancel on step zero use confirmExit (default true). Outside presses are ignored unless closeOnInteractOutside is true, then use the same exit confirmation. returnFocusRef overrides focus return to the opener. Each step focuses its heading, first control or body, then announces via a separate polite live region. Supply stepAnnouncement({position,total,label}) from your i18n (required for rich step labels); positions are one-based. All action labels, stepsSummaryLabel and pendingLabel are overridable with i18n fallbacks. finishPending or nextLoading disables Finish and shows pendingLabel in overlay mode. Below lg, Stepper uses its compact summary.",
+	description: "Focus-mode shell: title and Exit, Stepper, step body, Back / Next and Finish. mode=\"page\" is the unchanged default (container height, or fullScreen for h-dvh). mode=\"overlay\" is a controlled Base UI modal: open/onOpenChange keep the parent page mounted without navigation; size defaults to \"fullscreen\" at every viewport, while \"dialog\" reuses Dialog xl sizing and fills mobile viewports. Use page for a dedicated flow, fullscreen for a focused in-page flow, or the dialog-wizard block (default \"dialog\") for a compact create flow. Closing never resets the consumer-controlled current step or data. Exit, Escape and Cancel on step zero use confirmExit (default true). Outside presses are ignored unless closeOnInteractOutside is true, then use the same exit confirmation. returnFocusRef overrides focus return to the opener. Each step focuses its heading, first control or body, then announces via a separate polite live region. Supply stepAnnouncement({position,total,label}) from your i18n (required for rich step labels); positions are one-based. All action labels, stepsSummaryLabel and pendingLabel are overridable with i18n fallbacks. finishPending or nextLoading disables Finish and shows pendingLabel in overlay mode. stepsInteractive defaults to true; false omits onStepClick so completed steps are display-only. stepStatusText and formatStepCount pass through to both Stepper variants for localized status words and position text. backDisabled locks Back using aria-disabled while keeping it focusable, including on step zero; it cannot activate Cancel. This does not affect Exit. Below lg, Stepper uses its compact summary. An empty stepAnnouncement suppresses the overlay live region so a composition can announce through its nearest LiveAnnouncer instead; heading focus is preserved.",
 	primitive: "@base-ui/react/dialog + @base-ui/react/alert-dialog (exit confirmation)",
 	pattern: "page landmarks or modal dialog with labelled step nav + nested alertdialog",
 	keyboard: [
@@ -25159,6 +25351,6 @@ const doc$108 = {
 	]
 };
 //#endregion
-export { ANSI_BG_CLASS, ANSI_TEXT_CLASS, Accordion, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AuthLayout, Avatar, AvatarGroup, Badge, Blockquote, BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetTrigger, Breadcrumbs, Button, COL_SPAN, COL_SPAN_FULL, Calendar, CanvasLayout, Card, CardAction, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Center, Checkbox, CheckboxGroup, ClickableCard, Code, CodeBlock, Collapsible, CollapsiblePanel, CollapsibleTrigger, Combobox, ComboboxChipsInput, ComboboxContent, ComboboxInput, ComboboxItem, CommandPalette, CommandPaletteTrigger, ContextMenu, ContextMenuContent, ContextMenuTrigger, CopyButton, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_STATUSES, DEFAULT_STRENGTH_LABELS, DEFAULT_TIME_RANGE_PRESETS, DatePicker, DateRangeInput, DateRangePicker, DateTimeRangePicker, DensityProvider, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DiffViewer, DocsLayout, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, EMPTY_STATE_ICON_SIZE, ENV_KEY_PATTERN, EmptyState, Field, FieldDescription, FieldError, FieldItem, FieldLabel, Fieldset, FieldsetDescription, FieldsetLegend, GAP_CLASSES, GRID_COLS, Grid, GridItem, HStack, Heading, HoverCard, HoverCardContent, HoverCardTrigger, I18nProvider, INPUT_ICON_SIZE, IconButton, InfoTip, Input, InputKbd, InspectorLayout, InspectorToggle, JsonViewer, KEY_NAMES, KanbanBoard, Kbd, KbdCombo, KeyValueEditor, Lightbox, Link, LinkProvider, ListInput, LiveAnnouncer, Logo, MASK_CHAR, MegaMenu, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Meter, MobileNav, MoreMenu, MultiSelect, NUMBER_INPUT_ICON_SIZE, NavList, NotificationsPopover, NumberInput, OtpInput, Outline, OverflowList, PASSWORD_SEGMENT_FILL, POWER_SEARCH_OPERATORS, Page, PageBreak, Pagination, PaginationCompact, PasswordInput, PermissionMatrix, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, PowerSearch, PowerSearchChip, PrintLayout, Progress, QUERY_OPERATORS, QueryBuilder, QueryValueEditor, Radio, RadioGroup, ResizablePanel, ResizablePanelGroup, ResizeHandle, ScheduleInput, ScrollArea, SecretField, Section, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectableCard, SelectableCardGroup, Separator, SettingsLayout, SidebarLayout, SimpleSelect, SimpleTooltip, Skeleton, SkipLink, Slider, Sparkline, Spinner, SplitButton, SplitLayout, Stack, StackedLayout, StatusDot, StatusLayout, StatusTag, Stepper, Switch, THEME_OPTIONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, Terminal, Text, Textarea, ThemeCycleButton, ThemeProvider, ThemeSwitcher, Thumbnail, ThumbnailList, TimePicker, Timer, Timestamp, ToastProvider, Toaster, Toggle, ToggleGroup, Token, TokenInput, TokenInputChip, Toolbar, ToolbarButton, ToolbarCenter, ToolbarEnd, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator, ToolbarStart, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TransferList, TransferListPane, TreeList, UserMenu, VStack, VirtualList, VisuallyHidden, WizardLayout, WorkspaceSwitcher, doc as accordionDoc, accordionVariants, doc$1 as alertDialogDoc, alertDialogVariants, doc$2 as alertDoc, alertVariants, ansiClassName, doc$3 as aspectRatioDoc, aspectRatioVariants, doc$4 as authLayoutDoc, authLayoutVariants, doc$5 as avatarDoc, avatarVariants, doc$6 as badgeDoc, badgeVariants, doc$7 as blockquoteDoc, blockquoteVariants, doc$8 as bottomSheetDoc, bottomSheetVariants, doc$9 as breadcrumbsDoc, breadcrumbsVariants, builtInMessages, doc$10 as buttonDoc, buttonVariants, doc$11 as calendarDoc, calendarVariants, doc$12 as canvasLayoutDoc, canvasLayoutVariants, doc$13 as cardDoc, cardVariants, doc$14 as carouselDoc, carouselVariants, catalogs, centerVariants, doc$15 as checkboxDoc, checkboxVariants, doc$16 as choiceCardDoc, clickableCardVariants, cn, doc$17 as codeBlockDoc, codeBlockVariants, codeVariants, coerceValue as coercePowerSearchValue, doc$18 as collapsibleDoc, collapsibleVariants, doc$19 as comboboxDoc, comboboxVariants, doc$20 as commandPaletteDoc, commandPaletteVariants, computeOffsets, doc$21 as contextMenuDoc, contextMenuVariants, doc$22 as copyButtonDoc, copyButtonVariants, copyToClipboard, createFormatters, createKeyValueRow, createListInputRow, createQueryCondition, createQueryGroup, cronErrorMessage, cronFromSchedule, doc$23 as datePickerDoc, datePickerVariants, doc$24 as dateTimeRangePickerDoc, dateTimeRangePickerVariants, describeCron, describeTrend, doc$25 as dialogDoc, dialogVariants, diffJson, diffLines, diffStats, doc$26 as diffViewerDoc, diffViewerVariants, diffWords, doc$27 as docsLayoutDoc, docsLayoutVariants, doc$28 as drawerDoc, drawerVariants, emptyPowerSearchQuery, doc$29 as emptyStateDoc, emptyStateVariants, en, es, evaluateQuery, falconePreset, doc$30 as fieldDoc, fieldVariants, fileKind, filterCommandGroups, flattenVisible, formatBytes, formatClock, formatCompact, formatDateRange, formatListInputPairs, formatPowerSearch, formatRelative, formatTimeOfDay, getInitials, getMeterLevel, getPageRange, gntikPreset, doc$31 as gridDoc, gridVariants, headingVariants, doc$32 as hoverCardDoc, hoverCardVariants, doc$33 as infoTipDoc, infoTipVariants, doc$34 as inputDoc, inputVariants, doc$35 as inspectorLayoutDoc, inspectorLayoutVariants, interpolate, isConditionComplete, isNavItemCurrent, isSameTimeRange, isSupportedLanguage, joinPath, jsonType, jsonTypeClass, doc$36 as jsonViewerDoc, jsonViewerVariants, doc$37 as kanbanBoardDoc, kanbanBoardVariants, doc$38 as kbdDoc, kbdVariants, doc$39 as keyValueEditorDoc, keyValueEditorVariants, doc$40 as lightboxDoc, lightboxVariants, doc$41 as linkDoc, linkVariants, doc$42 as listInputDoc, listInputVariants, doc$43 as liveAnnouncerDoc, liveAnnouncerVariants, localeDirection, localeHourCycle, maskSecret, matchAncestors, matchPowerSearch, measureJsonDisplay, doc$44 as megaMenuDoc, megaMenuNavItems, megaMenuVariants, doc$45 as menuDoc, menuVariants, mergeEnvRows, doc$46 as meterDoc, meterVariants, doc$47 as mobileNavDoc, mobileNavVariants, moveKanbanCard, doc$48 as multiSelectDoc, multiSelectVariants, musematicPreset, doc$49 as navListDoc, navListVariants, nextRuns, nextSortDirection, doc$50 as notificationsPopoverDoc, notificationsPopoverVariants, doc$51 as numberInputDoc, numberInputVariants, operatorArity, operatorsFor, doc$52 as otpInputDoc, otpInputVariants, outlineVariants, doc$53 as overflowListDoc, overflowListVariants, doc$54 as pageDoc, pageVariants, doc$55 as paginationDoc, paginationVariants, parseAnsi, parseCron, parseEnv, parseListInputPairs, parsePowerSearch, parsePowerSearchFilter, parseTimeOfDay, doc$56 as passwordInputDoc, passwordInputVariants, doc$57 as permissionMatrixDoc, permissionMatrixVariants, doc$58 as popoverDoc, popoverVariants, doc$59 as powerSearchDoc, defaultOperatorLabels as powerSearchOperatorLabels, operatorsFor$1 as powerSearchOperatorsFor, powerSearchVariants, presets, previewSortable, doc$60 as printLayoutDoc, printLayoutVariants, doc$61 as progressDoc, progressVariants, doc$62 as queryBuilderDoc, queryBuilderVariants, queryToString, doc$63 as radioGroupDoc, radioGroupVariants, relativeTimeRangeLabel, doc$64 as resizableDoc, resizableVariants, resolveStepStatus, resolveTimeRange, rowAt, scheduleFromCron, doc$65 as scheduleInputDoc, scheduleInputVariants, scoreCommand, scorePassword, doc$66 as scrollAreaDoc, scrollAreaVariants, doc$67 as secretFieldDoc, secretFieldVariants, doc$68 as sectionDoc, sectionVariants, doc$69 as selectDoc, selectVariants, selectableCardVariants, doc$70 as separatorDoc, separatorVariants, serializeEnv, doc$71 as settingsLayoutDoc, settingsLayoutVariants, doc$72 as sidebarLayoutDoc, sidebarLayoutVariants, doc$73 as skeletonDoc, skeletonVariants, skipLinkVariants, doc$74 as sliderDoc, sliderVariants, doc$75 as sparklineDoc, sparklineVariants, doc$76 as spinnerDoc, doc$77 as splitButtonDoc, splitButtonVariants, doc$78 as splitLayoutDoc, splitLayoutVariants, splitLines, stableStringify, doc$79 as stackDoc, stackVariants, doc$80 as stackedLayoutDoc, stackedLayoutVariants, doc$81 as statusDotDoc, statusDotVariants, doc$82 as statusLayoutDoc, statusLayoutVariants, doc$83 as statusTagDoc, statusTagVariants, doc$84 as stepperDoc, stepperVariants, stripAnsi, doc$85 as switchDoc, switchVariants, doc$86 as tableDoc, tableVariants, doc$87 as tabsDoc, tabsVariants, doc$88 as terminalDoc, terminalVariants, doc$89 as textDoc, textVariants, doc$90 as textareaDoc, textareaVariants, themeScript, doc$91 as themeSwitcherDoc, themeSwitcherVariants, doc$92 as thumbnailDoc, thumbnailVariants, doc$93 as timePickerDoc, timePickerVariants, doc$94 as timerDoc, timerVariants, doc$95 as timestampDoc, timestampVariants, toDate, toIsoDuration, toJsonText, doc$96 as toastDoc, toastVariants, doc$97 as toggleGroupDoc, toggleGroupVariants, toggleVariants, tokenClass, doc$98 as tokenDoc, doc$99 as tokenInputDoc, tokenInputVariants, tokenVariants, tokenize, tokenizeLines, doc$100 as toolbarDoc, toolbarVariants, doc$101 as tooltipDoc, tooltipVariants, doc$102 as tourDoc, tourVariants, doc$103 as transferListDoc, transferListVariants, doc$104 as treeListDoc, treeListVariants, tv, useAnnounce, useAsyncOptions, useCommandPaletteShortcut, useDensity, useFitCount, useHasLiveAnnouncer, useI18n, useInspectorLayout, useLinkComponent, useOptionalI18n, usePortalDir, useSidebarLayout, useSortable, useTheme, useThemeOptions, useToast, useTreeList, useVirtualWindow, doc$105 as userMenuDoc, userMenuVariants, validateKeyValueRows, doc$106 as virtualListDoc, virtualListVariants, doc$107 as visuallyHiddenDoc, visuallyHiddenVariants, doc$108 as wizardLayoutDoc, wizardLayoutVariants, doc$109 as workspaceSwitcherDoc, workspaceSwitcherVariants };
+export { ANSI_BG_CLASS, ANSI_TEXT_CLASS, Accordion, AccordionItem, AccordionPanel, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AspectRatio, AuthLayout, Avatar, AvatarGroup, Badge, Blockquote, BottomSheet, BottomSheetClose, BottomSheetContent, BottomSheetTrigger, Breadcrumbs, Button, COL_SPAN, COL_SPAN_FULL, Calendar, CanvasLayout, Card, CardAction, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Center, Checkbox, CheckboxGroup, ClickableCard, Code, CodeBlock, Collapsible, CollapsiblePanel, CollapsibleTrigger, Combobox, ComboboxChipsInput, ComboboxContent, ComboboxInput, ComboboxItem, CommandPalette, CommandPaletteTrigger, ContextMenu, ContextMenuContent, ContextMenuTrigger, CopyButton, CursorPagination, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_STATUSES, DEFAULT_STRENGTH_LABELS, DEFAULT_TIME_RANGE_PRESETS, DatePicker, DateRangeInput, DateRangePicker, DateTimeRangePicker, DensityProvider, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DiffViewer, DocsLayout, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, EMPTY_STATE_ICON_SIZE, ENV_KEY_PATTERN, EmptyState, Field, FieldDescription, FieldError, FieldItem, FieldLabel, Fieldset, FieldsetDescription, FieldsetLegend, GAP_CLASSES, GRID_COLS, Grid, GridItem, HStack, Heading, HoverCard, HoverCardContent, HoverCardTrigger, I18nProvider, INPUT_ICON_SIZE, IconButton, InfoTip, Input, InputKbd, InspectorLayout, InspectorToggle, JsonViewer, KEY_NAMES, KanbanBoard, Kbd, KbdCombo, KeyValueEditor, Lightbox, Link, LinkProvider, ListInput, LiveAnnouncer, Logo, MASK_CHAR, MegaMenu, Menu, MenuCheckboxItem, MenuContent, MenuGroup, MenuGroupLabel, MenuItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Meter, MobileNav, MoreMenu, MultiSelect, NUMBER_INPUT_ICON_SIZE, NavList, NotificationsPopover, NumberInput, OtpInput, Outline, OverflowList, PASSWORD_SEGMENT_FILL, POWER_SEARCH_OPERATORS, Page, PageBreak, Pagination, PaginationCompact, PasswordInput, PermissionMatrix, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, PowerSearch, PowerSearchChip, PrintLayout, Progress, QUERY_OPERATORS, QueryBuilder, QueryValueEditor, Radio, RadioGroup, ResizablePanel, ResizablePanelGroup, ResizeHandle, ScheduleInput, ScrollArea, SecretField, Section, Select, SelectContent, SelectGroup, SelectGroupLabel, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectableCard, SelectableCardGroup, Separator, SettingsLayout, SidebarLayout, SimpleSelect, SimpleTooltip, Skeleton, SkipLink, Slider, Sparkline, Spinner, SplitButton, SplitLayout, Stack, StackedLayout, StatusDot, StatusLayout, StatusTag, Stepper, Switch, THEME_OPTIONS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab, Terminal, Text, Textarea, ThemeCycleButton, ThemeProvider, ThemeSwitcher, Thumbnail, ThumbnailList, TimePicker, Timer, Timestamp, ToastProvider, Toaster, Toggle, ToggleGroup, Token, TokenInput, TokenInputChip, Toolbar, ToolbarButton, ToolbarCenter, ToolbarEnd, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator, ToolbarStart, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TransferList, TransferListPane, TreeList, UserMenu, VStack, VirtualList, VisuallyHidden, WizardLayout, WorkspaceSwitcher, doc as accordionDoc, accordionVariants, doc$1 as alertDialogDoc, alertDialogVariants, doc$2 as alertDoc, alertVariants, ansiClassName, doc$3 as aspectRatioDoc, aspectRatioVariants, doc$4 as authLayoutDoc, authLayoutVariants, doc$5 as avatarDoc, avatarVariants, doc$6 as badgeDoc, badgeVariants, doc$7 as blockquoteDoc, blockquoteVariants, doc$8 as bottomSheetDoc, bottomSheetVariants, doc$9 as breadcrumbsDoc, breadcrumbsVariants, builtInMessages, doc$10 as buttonDoc, buttonVariants, doc$11 as calendarDoc, calendarVariants, doc$12 as canvasLayoutDoc, canvasLayoutVariants, doc$13 as cardDoc, cardVariants, doc$14 as carouselDoc, carouselVariants, catalogs, centerVariants, doc$15 as checkboxDoc, checkboxVariants, doc$16 as choiceCardDoc, clickableCardVariants, cn, doc$17 as codeBlockDoc, codeBlockVariants, codeVariants, coerceValue as coercePowerSearchValue, doc$18 as collapsibleDoc, collapsibleVariants, doc$19 as comboboxDoc, comboboxVariants, doc$20 as commandPaletteDoc, commandPaletteVariants, computeOffsets, doc$21 as contextMenuDoc, contextMenuVariants, doc$22 as copyButtonDoc, copyButtonVariants, copyToClipboard, createFormatters, createKeyValueRow, createListInputRow, createQueryCondition, createQueryGroup, cronErrorMessage, cronFromSchedule, doc$23 as cursorPaginationDoc, cursorPaginationVariants, doc$24 as datePickerDoc, datePickerVariants, doc$25 as dateTimeRangePickerDoc, dateTimeRangePickerVariants, describeCron, describeTrend, doc$26 as dialogDoc, dialogVariants, diffJson, diffLines, diffStats, doc$27 as diffViewerDoc, diffViewerVariants, diffWords, doc$28 as docsLayoutDoc, docsLayoutVariants, doc$29 as drawerDoc, drawerVariants, emptyPowerSearchQuery, doc$30 as emptyStateDoc, emptyStateVariants, en, es, evaluateQuery, falconePreset, doc$31 as fieldDoc, fieldVariants, fileKind, filterCommandGroups, flattenVisible, formatBytes, formatClock, formatCompact, formatDateRange, formatListInputPairs, formatPowerSearch, formatRelative, formatTimeOfDay, getInitials, getMeterLevel, getPageRange, gntikPreset, doc$32 as gridDoc, gridVariants, headingVariants, doc$33 as hoverCardDoc, hoverCardVariants, doc$34 as infoTipDoc, infoTipVariants, doc$35 as inputDoc, inputVariants, doc$36 as inspectorLayoutDoc, inspectorLayoutVariants, interpolate, isConditionComplete, isNavItemCurrent, isSameTimeRange, isSupportedLanguage, joinPath, jsonType, jsonTypeClass, doc$37 as jsonViewerDoc, jsonViewerVariants, doc$38 as kanbanBoardDoc, kanbanBoardVariants, doc$39 as kbdDoc, kbdVariants, doc$40 as keyValueEditorDoc, keyValueEditorVariants, doc$41 as lightboxDoc, lightboxVariants, doc$42 as linkDoc, linkVariants, doc$43 as listInputDoc, listInputVariants, doc$44 as liveAnnouncerDoc, liveAnnouncerVariants, localeDirection, localeHourCycle, maskSecret, matchAncestors, matchPowerSearch, measureJsonDisplay, doc$45 as megaMenuDoc, megaMenuNavItems, megaMenuVariants, doc$46 as menuDoc, menuVariants, mergeEnvRows, doc$47 as meterDoc, meterVariants, doc$48 as mobileNavDoc, mobileNavVariants, moveKanbanCard, doc$49 as multiSelectDoc, multiSelectVariants, musematicPreset, doc$50 as navListDoc, navListVariants, nextRuns, nextSortDirection, doc$51 as notificationsPopoverDoc, notificationsPopoverVariants, doc$52 as numberInputDoc, numberInputVariants, operatorArity, operatorsFor, doc$53 as otpInputDoc, otpInputVariants, outlineVariants, doc$54 as overflowListDoc, overflowListVariants, doc$55 as pageDoc, pageVariants, doc$56 as paginationDoc, paginationVariants, parseAnsi, parseCron, parseEnv, parseListInputPairs, parsePowerSearch, parsePowerSearchFilter, parseTimeOfDay, doc$57 as passwordInputDoc, passwordInputVariants, doc$58 as permissionMatrixDoc, permissionMatrixVariants, doc$59 as popoverDoc, popoverVariants, doc$60 as powerSearchDoc, defaultOperatorLabels as powerSearchOperatorLabels, operatorsFor$1 as powerSearchOperatorsFor, powerSearchVariants, presets, previewSortable, doc$61 as printLayoutDoc, printLayoutVariants, doc$62 as progressDoc, progressVariants, doc$63 as queryBuilderDoc, queryBuilderVariants, queryToString, doc$64 as radioGroupDoc, radioGroupVariants, relativeTimeRangeLabel, doc$65 as resizableDoc, resizableVariants, resolveStepStatus, resolveTimeRange, rowAt, scheduleFromCron, doc$66 as scheduleInputDoc, scheduleInputVariants, scoreCommand, scorePassword, doc$67 as scrollAreaDoc, scrollAreaVariants, doc$68 as secretFieldDoc, secretFieldVariants, doc$69 as sectionDoc, sectionVariants, doc$70 as selectDoc, selectVariants, selectableCardVariants, doc$71 as separatorDoc, separatorVariants, serializeEnv, doc$72 as settingsLayoutDoc, settingsLayoutVariants, doc$73 as sidebarLayoutDoc, sidebarLayoutVariants, doc$74 as skeletonDoc, skeletonVariants, skipLinkVariants, doc$75 as sliderDoc, sliderVariants, doc$76 as sparklineDoc, sparklineVariants, doc$77 as spinnerDoc, doc$78 as splitButtonDoc, splitButtonVariants, doc$79 as splitLayoutDoc, splitLayoutVariants, splitLines, stableStringify, doc$80 as stackDoc, stackVariants, doc$81 as stackedLayoutDoc, stackedLayoutVariants, doc$82 as statusDotDoc, statusDotVariants, doc$83 as statusLayoutDoc, statusLayoutVariants, doc$84 as statusTagDoc, statusTagVariants, doc$85 as stepperDoc, stepperVariants, stripAnsi, doc$86 as switchDoc, switchVariants, doc$87 as tableDoc, tableVariants, doc$88 as tabsDoc, tabsVariants, doc$89 as terminalDoc, terminalVariants, doc$90 as textDoc, textVariants, doc$91 as textareaDoc, textareaVariants, themeScript, doc$92 as themeSwitcherDoc, themeSwitcherVariants, doc$93 as thumbnailDoc, thumbnailVariants, doc$94 as timePickerDoc, timePickerVariants, doc$95 as timerDoc, timerVariants, doc$96 as timestampDoc, timestampVariants, toDate, toIsoDuration, toJsonText, doc$97 as toastDoc, toastVariants, doc$98 as toggleGroupDoc, toggleGroupVariants, toggleVariants, tokenClass, doc$99 as tokenDoc, doc$100 as tokenInputDoc, tokenInputVariants, tokenVariants, tokenize, tokenizeLines, doc$101 as toolbarDoc, toolbarVariants, doc$102 as tooltipDoc, tooltipVariants, doc$103 as tourDoc, tourVariants, doc$104 as transferListDoc, transferListVariants, doc$105 as treeListDoc, treeListVariants, tv, useAnnounce, useAsyncOptions, useCommandPaletteShortcut, useDensity, useFitCount, useHasLiveAnnouncer, useI18n, useInspectorLayout, useLinkComponent, useOptionalI18n, usePortalDir, useSidebarLayout, useSortable, useTheme, useThemeOptions, useToast, useTreeList, useVirtualWindow, doc$106 as userMenuDoc, userMenuVariants, validateKeyValueRows, doc$107 as virtualListDoc, virtualListVariants, doc$108 as visuallyHiddenDoc, visuallyHiddenVariants, doc$109 as wizardLayoutDoc, wizardLayoutVariants, doc$110 as workspaceSwitcherDoc, workspaceSwitcherVariants };
 
 //# sourceMappingURL=index.js.map