@gntik-ai/ui 0.9.0 → 0.11.0

package/dist/index.js

@@ -1,13 +1,13 @@
 'use client';
-import { A as createFormatters, C as builtInMessages, D as catalogs, E as usePortalDir, M as localeDirection, N as tv, O as es, P as cn, S as I18nProvider, T as useOptionalI18n, _ as buttonVariants, a as FieldLabel, b as DensityContext, c as FieldsetLegend, d as useAnnounce, f as useHasLiveAnnouncer, g as BUTTON_ICON_SIZE, h as IconButton, i as FieldItem, j as interpolate, k as en, l as fieldVariants, m as Button, n as FieldDescription, o as Fieldset, p as liveAnnouncerVariants, r as FieldError, s as FieldsetDescription, t as Field, u as LiveAnnouncer, v as Spinner, w as useI18n, x as useDensity, y as RTL_FLIP } from "./Field-DPYsdteY.js";
+import { A as createFormatters, C as builtInMessages, D as catalogs, E as usePortalDir, F as cn, M as interpolate, N as localeDirection, O as es, P as tv, S as I18nProvider, T as useOptionalI18n, _ as buttonVariants, a as FieldLabel, b as DensityContext, c as FieldsetLegend, d as useAnnounce, f as useHasLiveAnnouncer, g as BUTTON_ICON_SIZE, h as IconButton, i as FieldItem, j as formatBytes, k as en, l as fieldVariants, m as Button, n as FieldDescription, o as Fieldset, p as liveAnnouncerVariants, r as FieldError, s as FieldsetDescription, t as Field, u as LiveAnnouncer, v as Spinner, w as useI18n, x as useDensity, y as RTL_FLIP } from "./Field-fY45gbLU.js";
 import { themeScript } from "./theme-script.js";
 import { Children, Fragment, cloneElement, createContext, createElement, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
 import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
 import { AlertCircle, AlertTriangle, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Ban, Bell, BellOff, CalendarClock, CalendarDays, Check, CheckCheck, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, CircleAlert, CircleCheck, ClipboardPaste, Clock, Contrast, Copy, CornerDownRight, ExternalLink, Eye, EyeOff, File, FileArchive, FileAudio, FileCode, FileImage, FileSpreadsheet, FileText, FileVideo, FolderPlus, GripHorizontal, GripVertical, Info, ListFilter, Lock, LockOpen, LogOut, Menu as Menu$1, Minus, Monitor, Moon, MoreHorizontal, MoveHorizontal, Palette, PanelLeft, PanelLeftClose, PanelLeftOpen, PanelRight, Pause, Pin, Play, Plus, Quote, RefreshCw, RotateCw, Search, Sun, Trash2, TriangleAlert, WrapText, X, ZoomIn, ZoomOut } from "lucide-react";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
 import { Drawer as Drawer$1 } from "@base-ui/react/drawer";
 import { Select as Select$1 } from "@base-ui/react/select";
@@ -96,6 +96,36 @@ function matchRanges(text, query, options = {}) {
 	return ranges;
 }
 //#endregion
+//#region src/hooks/useOs.ts
+function detect(platform, maxTouchPoints) {
+	if (/iphone|ipad|ipod|ios/i.test(platform) || /MacIntel/i.test(platform) && maxTouchPoints > 1) return "ios";
+	if (/mac/i.test(platform)) return "macos";
+	if (/win/i.test(platform)) return "windows";
+	if (/android/i.test(platform)) return "android";
+	if (/cros|chrome\s?os/i.test(platform)) return "chromeos";
+	if (/linux/i.test(platform)) return "linux";
+	return "undetermined";
+}
+/** Detect the OS from client hints, platform and user agent; safe without navigator. */
+function getOs() {
+	if (typeof navigator === "undefined") return "undetermined";
+	const nav = navigator;
+	const touchPoints = nav.maxTouchPoints ?? 0;
+	const hinted = detect(nav.userAgentData?.platform ?? "", touchPoints);
+	if (hinted !== "undetermined") return hinted;
+	const platform = detect(nav.platform ?? "", touchPoints);
+	if (platform !== "undetermined" && platform !== "linux") return platform;
+	const agent = detect(nav.userAgent ?? "", touchPoints);
+	if (platform === "linux" && agent !== "android" && agent !== "chromeos") return platform;
+	return agent;
+}
+const subscribe = () => () => {};
+const getServerSnapshot = () => "undetermined";
+/** Report the client OS, using undetermined for SSR and the initial hydration render. */
+function useOs() {
+	return useSyncExternalStore(subscribe, getOs, getServerSnapshot);
+}
+//#endregion
 //#region src/density/DensityProvider.tsx
 /**
 * Sets `data-density` so the density variables from @gntik-ai/tokens (density.css) re-scope for
@@ -228,6 +258,12 @@ const THEME_CLASS = {
 };
 const ALL_CLASSES = ["dark", "high_contrast"];
 const SYSTEM_QUERIES = ["(prefers-color-scheme: light)", "(prefers-contrast: more)"];
+const DEFAULT_THEME = {
+	mode: "dark",
+	resolved: "dark",
+	setMode: () => {},
+	brand: gntikPreset
+};
 const ThemeContext = createContext(null);
 function systemTheme() {
 	if (typeof window === "undefined" || !window.matchMedia) return "dark";
@@ -267,13 +303,13 @@ const serverSystem = () => "dark";
 * useSyncExternalStore, so they apply right after hydration without a mismatch. To avoid a
 * flash on load, inline `themeScript()` in the document <head>.
 */
-function ThemeProvider({ children, defaultMode = "dark", initialMode, brand = gntikPreset, storageKey = "gntik-theme", target = () => typeof document === "undefined" ? null : document.documentElement }) {
+function ThemeProvider({ children, defaultMode = "dark", initialMode, forcedMode, brand = gntikPreset, storageKey = "gntik-theme", target = () => typeof document === "undefined" ? null : document.documentElement }) {
 	const [localMode, setLocalMode] = useState(initialMode ?? defaultMode);
 	const getStored = useCallback(() => storageKey ? readStored(storageKey) : null, [storageKey]);
 	const stored = useSyncExternalStore(subscribeStored, getStored, serverStored);
 	const system = useSyncExternalStore(subscribeSystem, systemTheme, serverSystem);
 	const mode = stored ?? localMode;
-	const resolved = mode === "system" ? system : mode;
+	const resolved = forcedMode ?? (mode === "system" ? system : mode);
 	useEffect(() => {
 		const el = target();
 		if (!el) return;
@@ -313,12 +349,7 @@ function ThemeProvider({ children, defaultMode = "dark", initialMode, brand = gn
 }
 /** Current theme and brand. Outside a provider it reports the dark default and the gntik preset. */
 function useTheme() {
-	return useContext(ThemeContext) ?? {
-		mode: "dark",
-		resolved: "dark",
-		setMode: () => {},
-		brand: gntikPreset
-	};
+	return useContext(ThemeContext) ?? DEFAULT_THEME;
 }
 //#endregion
 //#region src/theme/Logo.tsx
@@ -343,6 +374,56 @@ function Logo({ size = 28, wordmark = false, brand, className, ...props }) {
 	});
 }
 //#endregion
+//#region src/utils/portal.ts
+/** Undefined preserves Base UI's document.body default outside a scope. */
+const PortalContainerContext = createContext(void 0);
+function usePortalContainer() {
+	return useContext(PortalContainerContext);
+}
+//#endregion
+//#region src/theme/ThemeScope.tsx
+/** Applies a theme to a subtree and its overlays; mode/setMode still control the page. */
+function ThemeScope({ theme, children, className, render, ref, ...props }) {
+	const page = useTheme();
+	const value = useMemo(() => ({
+		...page,
+		resolved: theme
+	}), [page, theme]);
+	const [container, setContainer] = useState();
+	const initialTheme = useRef(theme);
+	useEffect(() => {
+		const portal = document.createElement("div");
+		portal.className = initialTheme.current;
+		portal.dataset.themeScopePortal = initialTheme.current;
+		document.body.appendChild(portal);
+		setContainer(portal);
+		return () => portal.remove();
+	}, []);
+	useEffect(() => {
+		if (!container) return;
+		container.setAttribute("class", theme);
+		container.setAttribute("data-theme-scope-portal", theme);
+	}, [container, theme]);
+	const element = useRender({
+		defaultTagName: "div",
+		render,
+		ref,
+		props: {
+			...props,
+			className: cn(theme, className),
+			"data-theme-scope": theme,
+			children
+		}
+	});
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+			value: container,
+			children: element
+		})
+	});
+}
+//#endregion
 //#region src/components/Accordion/accordion.variants.ts
 const accordionVariants = tv({
 	slots: {
@@ -717,10 +798,11 @@ const AlertDialogTrigger = AlertDialog$1.Trigger;
 * focus returns to the trigger. Unlike Dialog, an outside press does not dismiss it.
 */
 function AlertDialogContent({ size = "sm", className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	const v = dialogVariants({ size });
 	return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: [/* @__PURE__ */ jsx(AlertDialog$1.Backdrop, { className: v.backdrop() }), /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
 			dir,
 			className: v.viewport(),
@@ -1596,11 +1678,12 @@ function SheetHandle() {
 * optional header (title, description), scrollable content and a fixed footer.
 */
 function BottomSheetContent({ className, title, description, footer, showClose = true, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const ctx = useContext(SheetContext);
 	const { t } = useI18n();
 	const s = bottomSheetVariants();
 	return /* @__PURE__ */ jsxs(Drawer$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: [/* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: s.backdrop() }), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
 			className: s.viewport(),
 			children: /* @__PURE__ */ jsxs(Drawer$1.Popup, {
@@ -2490,13 +2573,14 @@ function SelectTrigger({ size, className, placeholder, children, ref, ...props }
 }
 /** The popup: portal, positioner, popup surface and listbox. */
 function SelectContent({ className, alignItemWithTrigger = false, side = "bottom", align = "start", sideOffset = 6, container, status, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	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,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Select$1.Positioner, {
 			dir,
 			className: s$25.positioner(),
@@ -3121,7 +3205,7 @@ const doc$11 = {
 	name: "Calendar",
 	group: "Forms",
 	status: "beta",
-	description: "Day or range selection with one or two months, inclusive min/max bounds and Intl names. The clickable month heading opens a month grid, then the year heading opens a shared 12-year page (2020–2031 for 2026). Set maxView=\"day\" for the previous static header, or \"month\" to stop at months; the default is \"year\". Optional view/defaultView/onViewChange control or report the view (initially \"day\"). captionLayout=\"select\" uses labelled kit month/year selects; yearRange={from,to} defaults to the current year ±10, clipped to min/max and including the visible year. Picking a month returns to days, preserving and clamping the focused day, and calls onMonthChange once with the first day. DatePicker and DateRangePicker forward maxView and captionLayout and reopen in the day view.",
+	description: "The public localeWeekStart(locale?) helper returns the locale first weekday (0–6, Monday fallback), matching scheduling blocks. Day or range selection with one or two months, inclusive min/max bounds and Intl names. The clickable month heading opens a month grid, then the year heading opens a shared 12-year page (2020–2031 for 2026). Set maxView=\"day\" for the previous static header, or \"month\" to stop at months; the default is \"year\". Optional view/defaultView/onViewChange control or report the view (initially \"day\"). captionLayout=\"select\" uses labelled kit month/year selects; yearRange={from,to} defaults to the current year ±10, clipped to min/max and including the visible year. Picking a month returns to days, preserving and clamping the focused day, and calls onMonthChange once with the first day. DatePicker and DateRangePicker forward maxView and captionLayout and reopen in the day view.",
 	pattern: "grid (date picker dialog calendar)",
 	keyboard: [
 		["Day: ArrowLeft / ArrowRight", "Moves focus to the previous / next day (reversed in RTL)"],
@@ -4810,6 +4894,7 @@ function ComboboxChipsInput({ label, className, placeholder, getLabel = defaultL
 }
 /** The popup: portal, positioner, popup surface, async status, empty state and listbox. */
 function ComboboxContent({ className, emptyText: emptyTextProp, side = "bottom", align = "start", sideOffset = 6, container, children, itemHeight, estimatedItemHeight, overscan, ...props }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const emptyText = emptyTextProp ?? t("common.noMatches");
 	const dir = usePortalDir();
@@ -4821,7 +4906,7 @@ function ComboboxContent({ className, emptyText: emptyTextProp, side = "bottom",
 	const busy = !!enh && (enh.loading || !!enh.error);
 	const errorText = typeof enh?.errorText === "function" ? enh.errorText(enh.error) : enh?.errorText ?? t("combobox.loadFailed");
 	return /* @__PURE__ */ jsx(Combobox$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
 			dir,
 			className: s$20.positioner(),
@@ -4971,6 +5056,7 @@ const KEY_MESSAGES = {
 	"⌥": "kbd.option",
 	"⇧": "kbd.shift",
 	"⌃": "kbd.control",
+	Ctrl: "kbd.control",
 	"↵": "kbd.enter",
 	"⏎": "kbd.enter",
 	"⌫": "kbd.backspace",
@@ -4985,18 +5071,20 @@ const KEY_MESSAGES = {
 /** One keyboard key. Symbol glyphs are hidden from screen readers and replaced by their name. */
 function Kbd({ size, label, className, children, ...props }) {
 	const { t } = useI18n();
-	const key = typeof children === "string" ? KEY_MESSAGES[children] : void 0;
+	const os = useOs();
+	const resolved = children === "mod" ? os === "macos" || os === "ios" ? "⌘" : "Ctrl" : children;
+	const key = typeof resolved === "string" ? KEY_MESSAGES[resolved] : void 0;
 	const spoken = label ?? (key ? t(key) : void 0);
 	return /* @__PURE__ */ jsx("kbd", {
 		className: cn(kbdVariants({ size }).key(), className),
 		...props,
 		children: spoken ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 			"aria-hidden": true,
-			children
+			children: resolved
 		}), /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: spoken
-		})] }) : children
+		})] }) : resolved
 	});
 }
 /** A key combination: nested <kbd> elements inside an outer <kbd>, per the HTML spec. */
@@ -5021,7 +5109,7 @@ const doc$40 = {
 	name: "Kbd",
 	group: "Display",
 	status: "stable",
-	description: "Keyboard key chip (<kbd>) for shortcuts and hints, in three sizes. KbdCombo renders a key combination such as ⌘ K. Symbol keys are announced by name (Command, Shift, Enter…).",
+	description: "Keyboard key chip (<kbd>) for shortcuts and hints, in three sizes. Use mod in Kbd or KbdCombo for ⌘ on macOS/iOS and Ctrl elsewhere; explicit keys stay unchanged. Symbol keys and Ctrl are announced by name, unless label overrides the spoken name. useOs() reports the detected OS (undetermined during SSR); getOs() detects it outside React. Both and the Os type are exported from @gntik-ai/ui.",
 	tokens: [
 		"border",
 		"card",
@@ -5252,6 +5340,7 @@ function CommandPalette({ groups, recent, recentLabel: recentLabelProp, onSelect
 	}),
 	"”"
 ] }), footer, className, children }) {
+	const portalContainer = usePortalContainer();
 	const { t, locale } = useI18n();
 	const recentLabel = recentLabelProp ?? t("commandPalette.recent");
 	const label = labelProp ?? t("commandPalette.label");
@@ -5278,79 +5367,82 @@ 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, {
-			dir,
-			className: s$19.viewport(),
-			children: /* @__PURE__ */ jsx(Dialog$1.Popup, {
-				"aria-label": label,
-				className: cn(s$19.popup(), className),
-				children: /* @__PURE__ */ jsxs(Autocomplete.Root, {
-					open: true,
-					inline: true,
-					items: visible,
-					filter: null,
-					value: query,
-					onValueChange: (v, details) => {
-						if (details.reason === "item-press") return;
-						setQuery(v);
-					},
-					itemToStringValue: (entry) => entry.item.label,
-					autoHighlight: "always",
-					keepHighlight: true,
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: s$19.inputRow(),
-							children: [
-								/* @__PURE__ */ jsx(Search, {
-									size: 17,
-									"aria-hidden": true,
-									className: s$19.inputIcon()
-								}),
-								/* @__PURE__ */ jsx(Autocomplete.Input, {
-									"aria-label": placeholder.replace(/…$/, ""),
-									"aria-describedby": footer === false ? void 0 : hintsId,
-									placeholder,
-									className: s$19.input()
-								}),
-								/* @__PURE__ */ jsx(Kbd, {
-									size: "sm",
-									label: "Escape",
-									children: "esc"
-								})
-							]
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: s$19.results(),
-							children: [/* @__PURE__ */ jsx(Autocomplete.Empty, {
-								className: s$19.empty(),
-								children: count === 0 && query.trim() ? emptyText(query.trim()) : null
-							}), /* @__PURE__ */ jsx(Autocomplete.List, {
-								className: s$19.list(),
-								children: (group) => /* @__PURE__ */ jsxs(Autocomplete.Group, {
-									items: group.items,
-									className: s$19.group(),
-									children: [/* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
-										className: s$19.groupLabel(),
-										children: group.value
-									}), /* @__PURE__ */ jsx(Autocomplete.Collection, { children: (entry) => /* @__PURE__ */ jsx(CommandRow, {
-										entry,
-										onRun: run
-									}, entry.key) })]
-								}, group.value)
-							})]
-						}),
-						footer === false ? null : footer ?? /* @__PURE__ */ jsx(DefaultFooter, {
-							count,
-							id: hintsId
-						})
-					]
+		children: [children, /* @__PURE__ */ jsxs(Dialog$1.Portal, {
+			container: portalContainer,
+			children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: s$19.backdrop() }), /* @__PURE__ */ jsx(Dialog$1.Viewport, {
+				dir,
+				className: s$19.viewport(),
+				children: /* @__PURE__ */ jsx(Dialog$1.Popup, {
+					"aria-label": label,
+					className: cn(s$19.popup(), className),
+					children: /* @__PURE__ */ jsxs(Autocomplete.Root, {
+						open: true,
+						inline: true,
+						items: visible,
+						filter: null,
+						value: query,
+						onValueChange: (v, details) => {
+							if (details.reason === "item-press") return;
+							setQuery(v);
+						},
+						itemToStringValue: (entry) => entry.item.label,
+						autoHighlight: "always",
+						keepHighlight: true,
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: s$19.inputRow(),
+								children: [
+									/* @__PURE__ */ jsx(Search, {
+										size: 17,
+										"aria-hidden": true,
+										className: s$19.inputIcon()
+									}),
+									/* @__PURE__ */ jsx(Autocomplete.Input, {
+										"aria-label": placeholder.replace(/…$/, ""),
+										"aria-describedby": footer === false ? void 0 : hintsId,
+										placeholder,
+										className: s$19.input()
+									}),
+									/* @__PURE__ */ jsx(Kbd, {
+										size: "sm",
+										label: "Escape",
+										children: "esc"
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: s$19.results(),
+								children: [/* @__PURE__ */ jsx(Autocomplete.Empty, {
+									className: s$19.empty(),
+									children: count === 0 && query.trim() ? emptyText(query.trim()) : null
+								}), /* @__PURE__ */ jsx(Autocomplete.List, {
+									className: s$19.list(),
+									children: (group) => /* @__PURE__ */ jsxs(Autocomplete.Group, {
+										items: group.items,
+										className: s$19.group(),
+										children: [/* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+											className: s$19.groupLabel(),
+											children: group.value
+										}), /* @__PURE__ */ jsx(Autocomplete.Collection, { children: (entry) => /* @__PURE__ */ jsx(CommandRow, {
+											entry,
+											onRun: run
+										}, entry.key) })]
+									}, group.value)
+								})]
+							}),
+							footer === false ? null : footer ?? /* @__PURE__ */ jsx(DefaultFooter, {
+								count,
+								id: hintsId
+							})
+						]
+					})
 				})
-			})
-		})] })]
+			})]
+		})]
 	});
 }
 /** Search-style button that opens the palette; place it inside <CommandPalette>. */
-function CommandPaletteTrigger({ className, keys = ["⌘", "K"], children: childrenProp, ...props }) {
+function CommandPaletteTrigger({ className, keys = ["mod", "K"], children: childrenProp, ...props }) {
 	const { t } = useI18n();
 	const children = childrenProp ?? t("commandPalette.trigger");
 	return /* @__PURE__ */ jsxs(Dialog$1.Trigger, {
@@ -5496,8 +5588,9 @@ function ContextMenuTrigger({ className, tabIndex = 0, hint = "Press Shift+F10 f
 }
 /** The floating list (role `menu`) placed at the pointer; same look as MenuContent. */
 function ContextMenuContent({ className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	return /* @__PURE__ */ jsx(ContextMenu$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(ContextMenu$1.Positioner, {
 			className: s$18.positioner(),
 			children: /* @__PURE__ */ jsx(ContextMenu$1.Popup, {
@@ -5594,10 +5687,11 @@ const Tooltip = Tooltip$1.Root;
 const TooltipTrigger = Tooltip$1.Trigger;
 /** The floating hint. Opens on hover (after the delay) and on keyboard focus; Escape hides it. */
 function TooltipContent({ variant, side = "top", align = "center", sideOffset = 8, arrow = true, kbd, className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	const v = tooltipVariants({ variant });
 	return /* @__PURE__ */ jsx(Tooltip$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
 			dir,
 			className: v.positioner(),
@@ -5848,10 +5942,11 @@ const PopoverTrigger = Popover$1.Trigger;
 * close it and focus returns to the trigger.
 */
 function PopoverContent({ side = "bottom", align = "center", sideOffset = 8, alignOffset, arrow = false, padding, className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	const v = popoverVariants({ padding });
 	return /* @__PURE__ */ jsx(Popover$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
 			dir,
 			className: v.positioner(),
@@ -8052,6 +8147,7 @@ const DialogClose = Dialog$1.Close;
 * inside, Escape and an outside press close it, and focus returns to the trigger.
 */
 function DialogContent({ size, presentation, className, showClose = true, closeLabel: closeLabelProp, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const closeLabel = closeLabelProp ?? t("common.close");
 	const dir = usePortalDir();
@@ -8060,7 +8156,7 @@ function DialogContent({ size, presentation, className, showClose = true, closeL
 		presentation
 	});
 	return /* @__PURE__ */ jsxs(Dialog$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: v.backdrop() }), /* @__PURE__ */ jsx(Dialog$1.Viewport, {
 			dir,
 			className: v.viewport(),
@@ -8951,6 +9047,7 @@ const DrawerClose = Drawer$1.Close;
 * to the trigger. Lay out the inside with DrawerHeader, DrawerBody and DrawerFooter.
 */
 function DrawerContent({ size, className, showClose = true, closeLabel, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	const { t } = useI18n();
 	const side = useContext(SideContext);
@@ -8959,7 +9056,7 @@ function DrawerContent({ size, className, showClose = true, closeLabel, containe
 		size
 	});
 	return /* @__PURE__ */ jsxs(Drawer$1.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: [/* @__PURE__ */ jsx(Drawer$1.Backdrop, { className: v.backdrop() }), /* @__PURE__ */ jsx(Drawer$1.Viewport, {
 			dir,
 			className: v.viewport(),
@@ -9494,9 +9591,10 @@ function HoverCardTrigger({ className, delay = 500, closeDelay = 250, ...props }
 * also be reachable at the trigger's destination. Escape closes it.
 */
 function HoverCardContent({ side = "bottom", align = "center", sideOffset = 8, arrow = false, className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
 			dir,
 			className: s$14.positioner(),
@@ -11827,6 +11925,7 @@ const lightboxVariants = tv({ slots: {
 * closes and focus returns to whatever opened it.
 */
 function Lightbox({ items, open, defaultOpen = false, onOpenChange, index, defaultIndex = 0, onIndexChange, loop = false, showThumbnails = true, maxZoom = 4, labels: labelsProp, container }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const labels = {
 		title: t("lightbox.title"),
@@ -11910,7 +12009,7 @@ function Lightbox({ items, open, defaultOpen = false, onOpenChange, index, defau
 		open: isOpen,
 		onOpenChange: (next) => setOpen(next),
 		children: /* @__PURE__ */ jsxs(Dialog$1.Portal, {
-			container,
+			container: container ?? portalContainer,
 			children: [/* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: s.backdrop() }), /* @__PURE__ */ jsxs(Dialog$1.Popup, {
 				className: s.popup(),
 				onKeyDown,
@@ -12605,6 +12704,7 @@ function TopLink({ item, currentHref, onNavigate }) {
 * marked. Pair it with StackedLayout (as its sub-nav row) and `megaMenuNavItems` for MobileNav.
 */
 function MegaMenu({ items, label: labelProp, currentHref, onNavigate, className }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const label = labelProp === void 0 ? t("megaMenu.label") : labelProp;
 	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
@@ -12634,17 +12734,20 @@ function MegaMenu({ items, label: labelProp, currentHref, onNavigate, className
 					onNavigate
 				})
 			}, item.id ?? item.label))
-		}), /* @__PURE__ */ jsx(NavigationMenu.Portal, { children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
-			className: s$10.positioner(),
-			sideOffset: 8,
-			align: "start",
-			collisionPadding: 16,
-			collisionAvoidance: { side: "none" },
-			children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
-				className: s$10.popup(),
-				children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: s$10.viewport() })
+		}), /* @__PURE__ */ jsx(NavigationMenu.Portal, {
+			container: portalContainer,
+			children: /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
+				className: s$10.positioner(),
+				sideOffset: 8,
+				align: "start",
+				collisionPadding: 16,
+				collisionAvoidance: { side: "none" },
+				children: /* @__PURE__ */ jsx(NavigationMenu.Popup, {
+					className: s$10.popup(),
+					children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, { className: s$10.viewport() })
+				})
 			})
-		}) })]
+		})]
 	});
 }
 //#endregion
@@ -12689,9 +12792,10 @@ const MenuRadioGroup = Menu$2.RadioGroup;
 const MenuSub = Menu$2.SubmenuRoot;
 /** The floating list (role `menu`): portal, positioner and popup. */
 function MenuContent({ side, align = "start", sideOffset = 8, alignOffset, className, container, children, ...props }) {
+	const portalContainer = usePortalContainer();
 	const dir = usePortalDir();
 	return /* @__PURE__ */ jsx(Menu$2.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Menu$2.Positioner, {
 			dir,
 			className: s$9.positioner(),
@@ -13469,6 +13573,7 @@ const matches = (o, q, locale) => o === SELECT_ALL ? q.trim() === "" : matchText
 * (extra ones collapse into "+N"), an optional "Select all" row and a clear button.
 */
 function MultiSelect({ options, value, defaultValue, onValueChange, label, placeholder: placeholderProp, maxVisibleChips = 3, showSelectAll = true, selectAllLabel: selectAllLabelProp, deselectAllLabel: deselectAllLabelProp, clearLabel: clearLabelProp, triggerLabel: triggerLabelProp, emptyText: emptyTextProp, removeLabel: removeLabelProp, renderOption, name, id, disabled, invalid, size = "md", className, ref, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, loadOptions, debounceMs, onCreate, createLabel, loadingText, errorText, virtualized = false, itemHeight, estimatedItemHeight, overscan }) {
+	const portalContainer = usePortalContainer();
 	const { t, locale } = useI18n();
 	const placeholder = placeholderProp ?? t("common.searchPlaceholder");
 	const selectAllLabel = selectAllLabelProp ?? t("common.selectAll");
@@ -13634,76 +13739,79 @@ function MultiSelect({ options, value, defaultValue, onValueChange, label, place
 					})
 				]
 			}),
-			/* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-				dir,
-				className: cb.positioner(),
-				side: "bottom",
-				align: "start",
-				sideOffset: 6,
-				children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
-					className: cn(cb.popup(), virtualized && "flex flex-col overflow-hidden"),
-					children: [
-						(loadOptions || onCreate) && /* @__PURE__ */ jsx(Combobox$1.Status, {
-							className: cn(cb.status(), !!remote.error && !remote.loading && cb.statusError()),
-							children: remote.loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { size: 13 }), loadingText ?? t("common.loading")] }) : remote.error ? errorText ?? t("combobox.loadFailed") : null
-						}),
-						/* @__PURE__ */ jsx(Combobox$1.Empty, {
-							className: cb.empty(),
-							children: busy ? null : emptyText
-						}),
-						/* @__PURE__ */ jsx(List, {
-							...virtualized ? {
-								itemHeight,
-								estimatedItemHeight,
-								overscan
-							} : { className: cb.list() },
-							"aria-busy": remote.loading || void 0,
-							children: (o) => isSpecialItem(o) ? /* @__PURE__ */ jsx(ComboboxSpecialItem, {
-								item: o,
-								createLabel
-							}, `${o.__gntikSpecial}:${o.value}`) : o === SELECT_ALL ? /* @__PURE__ */ jsxs(Combobox$1.Item, {
-								value: o,
-								className: cn(cb.item(), s.selectAll()),
-								children: [/* @__PURE__ */ jsx("span", {
-									className: cb.itemContent(),
-									children: allSelected ? deselectAllLabel : selectAllLabel
-								}), /* @__PURE__ */ jsx("span", {
-									className: s.check(),
-									children: allSelected && /* @__PURE__ */ jsx(Check, {
-										size: 15,
-										strokeWidth: 2.4,
-										"aria-hidden": true
-									})
-								})]
-							}, o.value) : /* @__PURE__ */ jsxs(Combobox$1.Item, {
-								value: o,
-								disabled: o.disabled,
-								className: cb.item(),
-								children: [/* @__PURE__ */ jsx("span", {
-									className: cb.itemContent(),
-									children: renderOption ? renderOption(o) : /* @__PURE__ */ jsxs("span", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ jsx("span", {
-											className: "block truncate",
-											children: o.label
-										}), o.description && /* @__PURE__ */ jsx("span", {
-											className: s.description(),
-											children: o.description
-										})]
-									})
-								}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
-									className: cb.indicator(),
-									children: /* @__PURE__ */ jsx(Check, {
-										size: 15,
-										strokeWidth: 2.4,
-										"aria-hidden": true
-									})
-								})]
-							}, o.value)
-						})
-					]
+			/* @__PURE__ */ jsx(Combobox$1.Portal, {
+				container: portalContainer,
+				children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+					dir,
+					className: cb.positioner(),
+					side: "bottom",
+					align: "start",
+					sideOffset: 6,
+					children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
+						className: cn(cb.popup(), virtualized && "flex flex-col overflow-hidden"),
+						children: [
+							(loadOptions || onCreate) && /* @__PURE__ */ jsx(Combobox$1.Status, {
+								className: cn(cb.status(), !!remote.error && !remote.loading && cb.statusError()),
+								children: remote.loading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Spinner, { size: 13 }), loadingText ?? t("common.loading")] }) : remote.error ? errorText ?? t("combobox.loadFailed") : null
+							}),
+							/* @__PURE__ */ jsx(Combobox$1.Empty, {
+								className: cb.empty(),
+								children: busy ? null : emptyText
+							}),
+							/* @__PURE__ */ jsx(List, {
+								...virtualized ? {
+									itemHeight,
+									estimatedItemHeight,
+									overscan
+								} : { className: cb.list() },
+								"aria-busy": remote.loading || void 0,
+								children: (o) => isSpecialItem(o) ? /* @__PURE__ */ jsx(ComboboxSpecialItem, {
+									item: o,
+									createLabel
+								}, `${o.__gntikSpecial}:${o.value}`) : o === SELECT_ALL ? /* @__PURE__ */ jsxs(Combobox$1.Item, {
+									value: o,
+									className: cn(cb.item(), s.selectAll()),
+									children: [/* @__PURE__ */ jsx("span", {
+										className: cb.itemContent(),
+										children: allSelected ? deselectAllLabel : selectAllLabel
+									}), /* @__PURE__ */ jsx("span", {
+										className: s.check(),
+										children: allSelected && /* @__PURE__ */ jsx(Check, {
+											size: 15,
+											strokeWidth: 2.4,
+											"aria-hidden": true
+										})
+									})]
+								}, o.value) : /* @__PURE__ */ jsxs(Combobox$1.Item, {
+									value: o,
+									disabled: o.disabled,
+									className: cb.item(),
+									children: [/* @__PURE__ */ jsx("span", {
+										className: cb.itemContent(),
+										children: renderOption ? renderOption(o) : /* @__PURE__ */ jsxs("span", {
+											className: "min-w-0",
+											children: [/* @__PURE__ */ jsx("span", {
+												className: "block truncate",
+												children: o.label
+											}), o.description && /* @__PURE__ */ jsx("span", {
+												className: s.description(),
+												children: o.description
+											})]
+										})
+									}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
+										className: cb.indicator(),
+										children: /* @__PURE__ */ jsx(Check, {
+											size: 15,
+											strokeWidth: 2.4,
+											"aria-hidden": true
+										})
+									})]
+								}, o.value)
+							})
+						]
+					})
 				})
-			}) })
+			})
 		]
 	});
 }
@@ -15163,6 +15271,7 @@ const TYPED = /^([\w.-]+)\s*(!=|>=|<=|!~|=|~|:|>|<)(.*)$/s;
 * terms. Emits a typed query AST (`{ type: 'and', terms }`); see `matchPowerSearch`.
 */
 function PowerSearch({ fields, value, defaultValue, onValueChange, onSubmit, allowFreeText = true, placeholder = "Filter by field or search…", name, disabled, labels: labelsProp, operatorLabels: opLabelsProp, className, "aria-label": ariaLabel }) {
+	const portalContainer = usePortalContainer();
 	const { locale } = useI18n();
 	const labels = {
 		...defaultLabels,
@@ -15465,43 +15574,46 @@ function PowerSearch({ fields, value, defaultValue, onValueChange, onSubmit, all
 					placeholder: query.terms.length || field ? void 0 : placeholder,
 					className: s.input(),
 					onKeyDown
-				}), /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-					className: s.positioner(),
-					side: "bottom",
-					align: "start",
-					sideOffset: 8,
-					anchor: rootRef,
-					children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
-						className: s.popup(),
-						children: [/* @__PURE__ */ jsx(Combobox$1.Empty, {
-							className: s.empty(),
-							children: stage === "value" ? labels.typeValue : null
-						}), /* @__PURE__ */ jsx(Combobox$1.List, {
-							className: "outline-none data-empty:hidden",
-							children: (item) => /* @__PURE__ */ jsx(Combobox$1.Item, {
-								value: item,
-								className: s.item(),
-								children: /* @__PURE__ */ jsxs("span", {
-									className: s.itemMain(),
-									children: [
-										item.code && /* @__PURE__ */ jsx("span", {
-											className: s.itemCode(),
-											children: item.code
-										}),
-										/* @__PURE__ */ jsx("span", {
-											className: "truncate",
-											children: item.label
-										}),
-										item.hint && /* @__PURE__ */ jsx("span", {
-											className: s.itemHint(),
-											children: item.hint
-										})
-									]
-								})
-							}, item.id)
-						})]
+				}), /* @__PURE__ */ jsx(Combobox$1.Portal, {
+					container: portalContainer,
+					children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+						className: s.positioner(),
+						side: "bottom",
+						align: "start",
+						sideOffset: 8,
+						anchor: rootRef,
+						children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
+							className: s.popup(),
+							children: [/* @__PURE__ */ jsx(Combobox$1.Empty, {
+								className: s.empty(),
+								children: stage === "value" ? labels.typeValue : null
+							}), /* @__PURE__ */ jsx(Combobox$1.List, {
+								className: "outline-none data-empty:hidden",
+								children: (item) => /* @__PURE__ */ jsx(Combobox$1.Item, {
+									value: item,
+									className: s.item(),
+									children: /* @__PURE__ */ jsxs("span", {
+										className: s.itemMain(),
+										children: [
+											item.code && /* @__PURE__ */ jsx("span", {
+												className: s.itemCode(),
+												children: item.code
+											}),
+											/* @__PURE__ */ jsx("span", {
+												className: "truncate",
+												children: item.label
+											}),
+											item.hint && /* @__PURE__ */ jsx("span", {
+												className: s.itemHint(),
+												children: item.hint
+											})
+										]
+									})
+								}, item.id)
+							})]
+						})
 					})
-				}) })]
+				})]
 			}),
 			query.terms.length > 0 && /* @__PURE__ */ jsx("button", {
 				type: "button",
@@ -15735,6 +15847,16 @@ function isConditionComplete(c) {
 	if (arity === "list") return Array.isArray(v) && v.length > 0;
 	return v !== void 0 && v !== null && v !== "";
 }
+/** False only for a complete, inverted numeric or date `between` pair. Check completeness separately. */
+function isConditionValid(c) {
+	if (c.operator !== "between" || !isConditionComplete(c) || !Array.isArray(c.value)) return true;
+	const [from, to] = c.value;
+	const numeric = typeof from === "number" && typeof to === "number";
+	const dates = typeof from === "string" && typeof to === "string" && dayKey(from) !== null && dayKey(to) !== null;
+	if (!numeric && !dates) return true;
+	const order = compare(from, to, void 0);
+	return order === null || !(order > 0);
+}
 /**
 * Human-readable query: `Status is "Active" AND (Age greater than 30 OR Country is any of
 * "Spain", "France")`. Incomplete conditions and empty groups are left out.
@@ -15842,16 +15964,16 @@ function test(c, record, type, locale) {
 		}
 	}
 }
-const hasCompleteCondition = (node) => node.type === "condition" ? isConditionComplete(node) : node.children.some(hasCompleteCondition);
+const hasCompleteCondition = (node) => node.type === "condition" ? isConditionComplete(node) && isConditionValid(node) : node.children.some(hasCompleteCondition);
 /**
 * Whether `record` matches the query. Text comparisons ignore case; dates compare by day
 * (`YYYY-MM-DD` strings or Date objects); array-valued record fields match `eq` / `in` when any
-* item does. Incomplete conditions are ignored, and an empty group matches everything.
+* item does. Incomplete and invalid conditions are ignored; a group with none left matches everything.
 * Pass `fields` so values are compared by their declared type.
 */
 function evaluateQuery(tree, record, fields, locale) {
 	if (tree.type === "condition") {
-		if (!isConditionComplete(tree)) return true;
+		if (!isConditionComplete(tree) || !isConditionValid(tree)) return true;
 		return test(tree, record, fields?.find((f) => f.id === tree.field)?.type, locale);
 	}
 	const relevant = tree.children.filter(hasCompleteCondition);
@@ -15900,6 +16022,8 @@ const asNumber = (v) => typeof v === "number" && !Number.isNaN(v) ? v : null;
 /** The value control for a condition: depends on the field type and the operator's arity. */
 function QueryValueEditor({ condition, field, onChange, disabled, locale }) {
 	const { t } = useI18n();
+	const errorId = useId();
+	const inverted = !isConditionValid(condition);
 	const arity = operatorArity(condition.operator);
 	if (!field || arity === "none") return null;
 	const v = condition.value;
@@ -15932,23 +16056,35 @@ function QueryValueEditor({ condition, field, onChange, disabled, locale }) {
 				next[i] = n;
 				onChange(next[0] === null && next[1] === null ? void 0 : next);
 			};
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NumberInput, {
-				"aria-label": t("queryBuilder.valueFrom"),
-				value: asNumber(pair[0]),
-				onValueChange: (n) => set(0, n),
-				disabled,
-				size: "sm",
-				hideSteppers: true,
-				className: "w-28"
-			}), /* @__PURE__ */ jsx(NumberInput, {
-				"aria-label": t("queryBuilder.valueTo"),
-				value: asNumber(pair[1]),
-				onValueChange: (n) => set(1, n),
-				disabled,
-				size: "sm",
-				hideSteppers: true,
-				className: "w-28"
-			})] });
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(NumberInput, {
+					"aria-label": t("queryBuilder.valueFrom"),
+					invalid: inverted,
+					"aria-describedby": inverted ? errorId : void 0,
+					value: asNumber(pair[0]),
+					onValueChange: (n) => set(0, n),
+					disabled,
+					size: "sm",
+					hideSteppers: true,
+					className: "w-28"
+				}),
+				/* @__PURE__ */ jsx(NumberInput, {
+					"aria-label": t("queryBuilder.valueTo"),
+					invalid: inverted,
+					"aria-describedby": inverted ? errorId : void 0,
+					value: asNumber(pair[1]),
+					onValueChange: (n) => set(1, n),
+					disabled,
+					size: "sm",
+					hideSteppers: true,
+					className: "w-28"
+				}),
+				inverted && /* @__PURE__ */ jsx("p", {
+					id: errorId,
+					className: "w-full text-[12px] leading-5 text-destructive-text",
+					children: t("queryBuilder.rangeInverted")
+				})
+			] });
 		}
 		return /* @__PURE__ */ jsx(NumberInput, {
 			"aria-label": t("queryBuilder.value"),
@@ -15967,23 +16103,35 @@ function QueryValueEditor({ condition, field, onChange, disabled, locale }) {
 				next[i] = d ? toISODate(d) : "";
 				onChange(next[0] || next[1] ? next : void 0);
 			};
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DatePicker, {
-				"aria-label": t("queryBuilder.valueFrom"),
-				value: fromISO(pair[0]),
-				onValueChange: (d) => set(0, d),
-				locale,
-				disabled,
-				size: "sm",
-				className: "w-44"
-			}), /* @__PURE__ */ jsx(DatePicker, {
-				"aria-label": t("queryBuilder.valueTo"),
-				value: fromISO(pair[1]),
-				onValueChange: (d) => set(1, d),
-				locale,
-				disabled,
-				size: "sm",
-				className: "w-44"
-			})] });
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(DatePicker, {
+					"aria-label": t("queryBuilder.valueFrom"),
+					invalid: inverted,
+					"aria-describedby": inverted ? errorId : void 0,
+					value: fromISO(pair[0]),
+					onValueChange: (d) => set(0, d),
+					locale,
+					disabled,
+					size: "sm",
+					className: "w-44"
+				}),
+				/* @__PURE__ */ jsx(DatePicker, {
+					"aria-label": t("queryBuilder.valueTo"),
+					invalid: inverted,
+					"aria-describedby": inverted ? errorId : void 0,
+					value: fromISO(pair[1]),
+					onValueChange: (d) => set(1, d),
+					locale,
+					disabled,
+					size: "sm",
+					className: "w-44"
+				}),
+				inverted && /* @__PURE__ */ jsx("p", {
+					id: errorId,
+					className: "w-full text-[12px] leading-5 text-destructive-text",
+					children: t("queryBuilder.rangeInverted")
+				})
+			] });
 		}
 		return /* @__PURE__ */ jsx(DatePicker, {
 			"aria-label": t("queryBuilder.value"),
@@ -16225,7 +16373,7 @@ const doc$65 = {
 	name: "QueryBuilder",
 	group: "Forms",
 	status: "beta",
-	description: "Visual filter editor: nested AND/OR groups of field / operator / value conditions. Typed fields (text, number, enum, date, boolean) offer their operators and value editor (Input, NumberInput, Select / MultiSelect, DatePicker, ranges for \"between\"); add and remove conditions and groups up to `maxDepth`. The value is a serialisable tree; `queryToString(tree)` makes it human-readable and `evaluateQuery(tree, record)` tests a record.",
+	description: "Visual filter editor: nested AND/OR groups of field / operator / value conditions. Typed fields (text, number, enum, date, boolean) offer their operators and value editor (Input, NumberInput, Select / MultiSelect, DatePicker, ranges for \"between\"); add and remove conditions and groups up to `maxDepth`. The value is a serialisable tree; `queryToString(tree)` makes it human-readable and `evaluateQuery(tree, record)` tests a record. Inverted numeric or date \"between\" ranges show an inline error and are ignored by evaluation. Before sending a query to a backend, check each condition with `isConditionComplete` and `isConditionValid`; validation preserves the entered values.",
 	primitive: "Select, MultiSelect, Input, NumberInput, DatePicker, ToggleGroup, Button",
 	pattern: "nested groups of form controls",
 	keyboard: [
@@ -16241,7 +16389,8 @@ const doc$65 = {
 		"foreground",
 		"muted-foreground",
 		"primary",
-		"focus-ring"
+		"focus-ring",
+		"destructive-text"
 	]
 };
 //#endregion
@@ -20609,24 +20758,6 @@ const FILE_ICON = {
 	document: FileText,
 	file: File
 };
-/** "2.4 MB" style size with binary multiples. */
-function formatBytes(bytes, locale) {
-	const units = [
-		"B",
-		"KB",
-		"MB",
-		"GB",
-		"TB"
-	];
-	let value = bytes;
-	let i = 0;
-	while (value >= 1024 && i < units.length - 1) {
-		value /= 1024;
-		i++;
-	}
-	const digits = i === 0 || value >= 10 ? 0 : 1;
-	return `${new Intl.NumberFormat(locale, { maximumFractionDigits: digits }).format(value)} ${units[i]}`;
-}
 //#endregion
 //#region src/components/Thumbnail/thumbnail.variants.ts
 const thumbnailVariants = tv({
@@ -20670,7 +20801,8 @@ const thumbnailVariants = tv({
 * icon, upload progress with a reduced-motion-safe shimmer, error state and a remove button.
 */
 function Thumbnail({ name, size, type, src, preview, progress, error, onRemove, onRetry, locale, labels: labelsProp, className, ...props }) {
-	const { t } = useI18n();
+	const { t, formatBytes: providerFormatBytes } = useI18n();
+	const formatSize = (bytes) => locale === void 0 ? providerFormatBytes(bytes) : formatBytes(bytes, locale);
 	const labels = {
 		uploading: (label) => t("thumbnail.uploading", { label }),
 		error: t("thumbnail.error"),
@@ -20744,7 +20876,7 @@ function Thumbnail({ name, size, type, src, preview, progress, error, onRemove,
 						onClick: onRetry,
 						className: s.retry(),
 						children: labels.retry
-					})] })] }) : uploading && pct !== void 0 ? `${pct}%${size !== void 0 ? ` · ${formatBytes(size, locale)}` : ""}` : size !== void 0 ? formatBytes(size, locale) : ext ?? ""
+					})] })] }) : uploading && pct !== void 0 ? `${pct}%${size !== void 0 ? ` · ${formatSize(size)}` : ""}` : size !== void 0 ? formatSize(size) : ext ?? ""
 				})]
 			}),
 			onRemove && /* @__PURE__ */ jsx("button", {
@@ -20776,7 +20908,7 @@ const doc$95 = {
 	name: "Thumbnail",
 	group: "Display",
 	status: "beta",
-	description: "File or image preview tile: image or file-type icon with extension tag, name and size caption, upload progress (progressbar + shimmer that holds still under reduced motion), error state with retry, and a remove button. ThumbnailList lays tiles out as a wrapping list. Built-in labels follow I18nProvider (en/es); caller overrides take precedence. See the TransferList catalog defaults example for a live Spanish preview of this component.",
+	description: "File or image preview tile: image or file-type icon with extension tag, name and size caption, upload progress (progressbar + shimmer that holds still under reduced motion), error state with retry, and a remove button. ThumbnailList lays tiles out as a wrapping list. Sizes use the shared formatBytes export (decimal SI by default); ThumbnailSizes demonstrates localized labels, IEC base, bits, display widths and precision. Built-in labels and sizes follow I18nProvider (en/es); caller overrides take precedence. See the TransferList catalog defaults example for a live Spanish preview of this component.",
 	pattern: "figure",
 	keyboard: [["Tab", "Moves to the remove button (and retry, in the error state) of each tile"], ["Enter / Space", "Activates remove or retry"]],
 	tokens: [
@@ -21144,13 +21276,14 @@ function useToast() {
 * hovering or focusing it pauses auto-dismiss.
 */
 function Toaster({ className, closeLabel: closeLabelProp, container }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const closeLabel = closeLabelProp ?? t("toast.dismiss");
 	const dir = usePortalDir();
 	const { toasts } = Toast.useToastManager();
 	const s = toastVariants();
 	return /* @__PURE__ */ jsx(Toast.Portal, {
-		container,
+		container: container ?? portalContainer,
 		children: /* @__PURE__ */ jsx(Toast.Viewport, {
 			dir,
 			className: cn(s.viewport(), className),
@@ -21859,6 +21992,7 @@ const centre = { getBoundingClientRect: () => {
 * outline (no overlay).
 */
 function Tour({ steps, open, defaultOpen = false, onOpenChange, step, defaultStep = 0, onStepChange, onFinish, highlight = true, labels: labelsProp, className }) {
+	const portalContainer = usePortalContainer();
 	const { t } = useI18n();
 	const labels = {
 		skip: t("tour.skip"),
@@ -21942,69 +22076,72 @@ function Tour({ steps, open, defaultOpen = false, onOpenChange, step, defaultSte
 			if (details.reason === "outside-press" || details.reason === "focus-out") return;
 			end(false);
 		},
-		children: /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
-			className: s.positioner(),
-			anchor: () => resolve(target) ?? centre,
-			side: current?.side ?? "bottom",
-			align: current?.align ?? "center",
-			sideOffset: 14,
-			collisionPadding: 12,
-			children: /* @__PURE__ */ jsxs(Popover$1.Popup, {
-				className: cn(s.popup(), className),
-				initialFocus: primaryRef,
-				onKeyDown,
-				children: [
-					/* @__PURE__ */ jsx(Popover$1.Arrow, { className: s.arrow() }),
-					/* @__PURE__ */ jsx("p", {
-						className: s.counter(),
-						children: labels.counter(index, steps.length)
-					}),
-					/* @__PURE__ */ jsx(Popover$1.Title, {
-						className: s.title(),
-						children: current?.title
-					}),
-					current?.content != null && /* @__PURE__ */ jsx(Popover$1.Description, {
-						className: s.description(),
-						children: current.content
-					}),
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						"aria-label": labels.close,
-						className: s.close(),
-						onClick: () => end(false),
-						children: /* @__PURE__ */ jsx(X, {
-							size: 14,
-							"aria-hidden": true
-						})
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: s.footer(),
-						children: [
-							!last && /* @__PURE__ */ jsx(Button, {
-								size: "sm",
-								variant: "ghost",
-								className: s.skip(),
-								onClick: () => end(false),
-								children: labels.skip
-							}),
-							last && /* @__PURE__ */ jsx("span", { className: s.skip() }),
-							index > 0 && /* @__PURE__ */ jsx(Button, {
-								size: "sm",
-								variant: "secondary",
-								onClick: () => goTo(index - 1),
-								children: labels.back
-							}),
-							/* @__PURE__ */ jsx(Button, {
-								ref: primaryRef,
-								size: "sm",
-								onClick: () => last ? end(true) : goTo(index + 1),
-								children: last ? labels.finish : labels.next
+		children: /* @__PURE__ */ jsx(Popover$1.Portal, {
+			container: portalContainer,
+			children: /* @__PURE__ */ jsx(Popover$1.Positioner, {
+				className: s.positioner(),
+				anchor: () => resolve(target) ?? centre,
+				side: current?.side ?? "bottom",
+				align: current?.align ?? "center",
+				sideOffset: 14,
+				collisionPadding: 12,
+				children: /* @__PURE__ */ jsxs(Popover$1.Popup, {
+					className: cn(s.popup(), className),
+					initialFocus: primaryRef,
+					onKeyDown,
+					children: [
+						/* @__PURE__ */ jsx(Popover$1.Arrow, { className: s.arrow() }),
+						/* @__PURE__ */ jsx("p", {
+							className: s.counter(),
+							children: labels.counter(index, steps.length)
+						}),
+						/* @__PURE__ */ jsx(Popover$1.Title, {
+							className: s.title(),
+							children: current?.title
+						}),
+						current?.content != null && /* @__PURE__ */ jsx(Popover$1.Description, {
+							className: s.description(),
+							children: current.content
+						}),
+						/* @__PURE__ */ jsx("button", {
+							type: "button",
+							"aria-label": labels.close,
+							className: s.close(),
+							onClick: () => end(false),
+							children: /* @__PURE__ */ jsx(X, {
+								size: 14,
+								"aria-hidden": true
 							})
-						]
-					})
-				]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: s.footer(),
+							children: [
+								!last && /* @__PURE__ */ jsx(Button, {
+									size: "sm",
+									variant: "ghost",
+									className: s.skip(),
+									onClick: () => end(false),
+									children: labels.skip
+								}),
+								last && /* @__PURE__ */ jsx("span", { className: s.skip() }),
+								index > 0 && /* @__PURE__ */ jsx(Button, {
+									size: "sm",
+									variant: "secondary",
+									onClick: () => goTo(index - 1),
+									children: labels.back
+								}),
+								/* @__PURE__ */ jsx(Button, {
+									ref: primaryRef,
+									size: "sm",
+									onClick: () => last ? end(true) : goTo(index + 1),
+									children: last ? labels.finish : labels.next
+								})
+							]
+						})
+					]
+				})
 			})
-		}) })
+		})
 	}), isOpen && highlight && typeof document !== "undefined" && createPortal(/* @__PURE__ */ jsx("div", {
 		ref: ringRef,
 		"aria-hidden": true,
@@ -23026,6 +23163,7 @@ const CREATE_ID = "__create-workspace__";
 const s$1 = workspaceSwitcherVariants();
 /** Searchable variant of WorkspaceSwitcher: a combobox with the input inside its popup. */
 function WorkspaceSearch({ className, workspaces, current, onSelect, onCreate, createLabel, label, searchPlaceholder: searchPlaceholderProp, emptyText: emptyTextProp }) {
+	const portalContainer = usePortalContainer();
 	const { t, locale } = useI18n();
 	const searchPlaceholder = searchPlaceholderProp ?? t("workspace.search");
 	const emptyText = emptyTextProp ?? t("workspace.empty");
@@ -23055,67 +23193,70 @@ function WorkspaceSearch({ className, workspaces, current, onSelect, onCreate, c
 			"aria-label": triggerLabel(current, label),
 			className: cn(s$1.trigger(), className),
 			children: /* @__PURE__ */ jsx(WorkspaceTriggerContent, { workspace: current })
-		}), /* @__PURE__ */ jsx(Combobox$1.Portal, { children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
-			dir,
-			className: "z-50 outline-none",
-			align: "start",
-			sideOffset: 8,
-			children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
-				className: s$1.searchPopup(),
-				"aria-label": label,
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: s$1.searchField(),
-						children: [/* @__PURE__ */ jsx(Search, {
-							size: 15,
-							"aria-hidden": true,
-							className: s$1.searchIcon()
-						}), /* @__PURE__ */ jsx(Combobox$1.Input, {
-							"aria-label": searchPlaceholder.replace(/…$/, ""),
-							placeholder: searchPlaceholder,
-							className: s$1.searchInput()
-						})]
-					}),
-					/* @__PURE__ */ jsx(Combobox$1.Empty, {
-						className: s$1.searchEmpty(),
-						children: emptyText
-					}),
-					/* @__PURE__ */ jsx(Combobox$1.List, {
-						className: s$1.searchList(),
-						children: (w) => w.id === CREATE_ID ? /* @__PURE__ */ jsx(Combobox$1.Item, {
-							value: w,
-							className: s$1.searchItem(),
-							children: /* @__PURE__ */ jsxs("span", {
-								className: s$1.optionBody(),
-								children: [/* @__PURE__ */ jsx("span", {
-									className: s$1.createIcon(),
-									children: /* @__PURE__ */ jsx(Plus, {
+		}), /* @__PURE__ */ jsx(Combobox$1.Portal, {
+			container: portalContainer,
+			children: /* @__PURE__ */ jsx(Combobox$1.Positioner, {
+				dir,
+				className: "z-50 outline-none",
+				align: "start",
+				sideOffset: 8,
+				children: /* @__PURE__ */ jsxs(Combobox$1.Popup, {
+					className: s$1.searchPopup(),
+					"aria-label": label,
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: s$1.searchField(),
+							children: [/* @__PURE__ */ jsx(Search, {
+								size: 15,
+								"aria-hidden": true,
+								className: s$1.searchIcon()
+							}), /* @__PURE__ */ jsx(Combobox$1.Input, {
+								"aria-label": searchPlaceholder.replace(/…$/, ""),
+								placeholder: searchPlaceholder,
+								className: s$1.searchInput()
+							})]
+						}),
+						/* @__PURE__ */ jsx(Combobox$1.Empty, {
+							className: s$1.searchEmpty(),
+							children: emptyText
+						}),
+						/* @__PURE__ */ jsx(Combobox$1.List, {
+							className: s$1.searchList(),
+							children: (w) => w.id === CREATE_ID ? /* @__PURE__ */ jsx(Combobox$1.Item, {
+								value: w,
+								className: s$1.searchItem(),
+								children: /* @__PURE__ */ jsxs("span", {
+									className: s$1.optionBody(),
+									children: [/* @__PURE__ */ jsx("span", {
+										className: s$1.createIcon(),
+										children: /* @__PURE__ */ jsx(Plus, {
+											size: 15,
+											"aria-hidden": true
+										})
+									}), /* @__PURE__ */ jsx("span", {
+										className: s$1.optionName(),
+										children: w.name
+									})]
+								})
+							}, w.id) : /* @__PURE__ */ jsxs(Combobox$1.Item, {
+								value: w,
+								className: s$1.searchItem(),
+								children: [/* @__PURE__ */ jsx(WorkspaceOptionBody, {
+									workspace: w,
+									current: w.id === current?.id
+								}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
+									className: s$1.searchIndicator(),
+									children: /* @__PURE__ */ jsx(Check, {
 										size: 15,
 										"aria-hidden": true
 									})
-								}), /* @__PURE__ */ jsx("span", {
-									className: s$1.optionName(),
-									children: w.name
 								})]
-							})
-						}, w.id) : /* @__PURE__ */ jsxs(Combobox$1.Item, {
-							value: w,
-							className: s$1.searchItem(),
-							children: [/* @__PURE__ */ jsx(WorkspaceOptionBody, {
-								workspace: w,
-								current: w.id === current?.id
-							}), /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
-								className: s$1.searchIndicator(),
-								children: /* @__PURE__ */ jsx(Check, {
-									size: 15,
-									"aria-hidden": true
-								})
-							})]
-						}, w.id)
-					})
-				]
+							}, w.id)
+						})
+					]
+				})
 			})
-		}) })]
+		})]
 	});
 }
 //#endregion
@@ -25797,6 +25938,6 @@ const doc$59 = {
 	]
 };
 //#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, CursorPagination, DEFAULT_DATE_RANGE_PRESETS, DEFAULT_STATUSES, DEFAULT_STRENGTH_LABELS, DEFAULT_TIME_RANGE_PRESETS, DateField, DatePicker, DateRangeField, 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, PeriodCalendar, PeriodPicker, 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 dateFieldDoc, dateFieldVariants, doc$25 as datePickerDoc, datePickerVariants, doc$26 as dateTimeRangePickerDoc, dateTimeRangePickerVariants, describeCron, describeTrend, doc$27 as dialogDoc, dialogVariants, diffJson, diffLines, diffStats, doc$28 as diffViewerDoc, diffViewerVariants, diffWords, doc$29 as docsLayoutDoc, docsLayoutVariants, doc$30 as drawerDoc, drawerVariants, emptyPowerSearchQuery, doc$31 as emptyStateDoc, emptyStateVariants, en, es, evaluateQuery, falconePreset, doc$32 as fieldDoc, fieldVariants, fileKind, filterCommandGroups, flattenVisible, foldText, formatBytes, formatClock, formatCompact, formatDateRange, formatListInputPairs, formatPowerSearch, formatRelative, formatTimeOfDay, getDefaultPeriodPresets, getInitials, getMeterLevel, getPageRange, gntikPreset, doc$33 as gridDoc, gridVariants, headingVariants, doc$34 as hoverCardDoc, hoverCardVariants, doc$35 as infoTipDoc, infoTipVariants, doc$36 as inputDoc, inputVariants, doc$37 as inspectorLayoutDoc, inspectorLayoutVariants, interpolate, isConditionComplete, isNavItemCurrent, isSameTimeRange, isSupportedLanguage, joinPath, jsonType, jsonTypeClass, doc$38 as jsonViewerDoc, jsonViewerVariants, doc$39 as kanbanBoardDoc, kanbanBoardVariants, doc$40 as kbdDoc, kbdVariants, doc$41 as keyValueEditorDoc, keyValueEditorVariants, doc$42 as lightboxDoc, lightboxVariants, doc$43 as linkDoc, linkVariants, doc$44 as listInputDoc, listInputVariants, doc$45 as liveAnnouncerDoc, liveAnnouncerVariants, localeDirection, localeHourCycle, maskSecret, matchAncestors, matchPowerSearch, matchRanges, matchText, measureJsonDisplay, doc$46 as megaMenuDoc, megaMenuNavItems, megaMenuVariants, doc$47 as menuDoc, menuVariants, mergeEnvRows, doc$48 as meterDoc, meterVariants, doc$49 as mobileNavDoc, mobileNavVariants, moveKanbanCard, doc$50 as multiSelectDoc, multiSelectVariants, musematicPreset, doc$51 as navListDoc, navListVariants, nextRuns, nextSortDirection, doc$52 as notificationsPopoverDoc, notificationsPopoverVariants, doc$53 as numberInputDoc, numberInputVariants, operatorArity, operatorsFor, doc$54 as otpInputDoc, otpInputVariants, outlineVariants, doc$55 as overflowListDoc, overflowListVariants, doc$56 as pageDoc, pageVariants, doc$57 as paginationDoc, paginationVariants, parseAnsi, parseCron, parseEnv, parseListInputPairs, parsePowerSearch, parsePowerSearchFilter, parseTimeOfDay, doc$58 as passwordInputDoc, passwordInputVariants, doc$59 as periodPickerDoc, periodPickerVariants, doc$60 as permissionMatrixDoc, permissionMatrixVariants, doc$61 as popoverDoc, popoverVariants, doc$62 as powerSearchDoc, defaultOperatorLabels as powerSearchOperatorLabels, operatorsFor$1 as powerSearchOperatorsFor, powerSearchVariants, presets, previewSortable, doc$63 as printLayoutDoc, printLayoutVariants, doc$64 as progressDoc, progressVariants, doc$65 as queryBuilderDoc, queryBuilderVariants, queryToString, doc$66 as radioGroupDoc, radioGroupVariants, relativeTimeRangeLabel, doc$67 as resizableDoc, resizableVariants, resolveStepStatus, resolveTimeRange, rowAt, scheduleFromCron, doc$68 as scheduleInputDoc, scheduleInputVariants, scoreCommand, scorePassword, doc$69 as scrollAreaDoc, scrollAreaVariants, doc$70 as secretFieldDoc, secretFieldVariants, doc$71 as sectionDoc, sectionVariants, doc$72 as selectDoc, selectVariants, selectableCardVariants, doc$73 as separatorDoc, separatorVariants, serializeEnv, doc$74 as settingsLayoutDoc, settingsLayoutVariants, doc$75 as sidebarLayoutDoc, sidebarLayoutVariants, doc$76 as skeletonDoc, skeletonVariants, skipLinkVariants, doc$77 as sliderDoc, sliderVariants, doc$78 as sparklineDoc, sparklineVariants, doc$79 as spinnerDoc, doc$80 as splitButtonDoc, splitButtonVariants, doc$81 as splitLayoutDoc, splitLayoutVariants, splitLines, stableStringify, doc$82 as stackDoc, stackVariants, doc$83 as stackedLayoutDoc, stackedLayoutVariants, doc$84 as statusDotDoc, statusDotVariants, doc$85 as statusLayoutDoc, statusLayoutVariants, doc$86 as statusTagDoc, statusTagVariants, doc$87 as stepperDoc, stepperVariants, stripAnsi, doc$88 as switchDoc, switchVariants, doc$89 as tableDoc, tableVariants, doc$90 as tabsDoc, tabsVariants, doc$91 as terminalDoc, terminalVariants, doc$92 as textDoc, textVariants, doc$93 as textareaDoc, textareaVariants, themeScript, doc$94 as themeSwitcherDoc, themeSwitcherVariants, doc$95 as thumbnailDoc, thumbnailVariants, doc$96 as timePickerDoc, timePickerVariants, doc$97 as timerDoc, timerVariants, doc$98 as timestampDoc, timestampVariants, toDate, toIsoDuration, toJsonText, doc$99 as toastDoc, toastVariants, doc$100 as toggleGroupDoc, toggleGroupVariants, toggleVariants, tokenClass, doc$101 as tokenDoc, doc$102 as tokenInputDoc, tokenInputVariants, tokenVariants, tokenize, tokenizeLines, doc$103 as toolbarDoc, toolbarVariants, doc$104 as tooltipDoc, tooltipVariants, doc$105 as tourDoc, tourVariants, doc$106 as transferListDoc, transferListVariants, doc$107 as treeListDoc, treeListVariants, tv, useAnnounce, useAsyncOptions, useCommandPaletteShortcut, useDensity, useFitCount, useHasLiveAnnouncer, useI18n, useInspectorLayout, useLinkComponent, useOptionalI18n, usePortalDir, useSidebarLayout, useSortable, useTheme, useThemeOptions, useToast, useTreeList, useVirtualWindow, doc$108 as userMenuDoc, userMenuVariants, validateKeyValueRows, doc$109 as virtualListDoc, virtualListVariants, doc$110 as visuallyHiddenDoc, visuallyHiddenVariants, doc$111 as wizardLayoutDoc, wizardLayoutVariants, doc$112 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, DateField, DatePicker, DateRangeField, 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, PeriodCalendar, PeriodPicker, 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, ThemeScope, 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 dateFieldDoc, dateFieldVariants, doc$25 as datePickerDoc, datePickerVariants, doc$26 as dateTimeRangePickerDoc, dateTimeRangePickerVariants, describeCron, describeTrend, doc$27 as dialogDoc, dialogVariants, diffJson, diffLines, diffStats, doc$28 as diffViewerDoc, diffViewerVariants, diffWords, doc$29 as docsLayoutDoc, docsLayoutVariants, doc$30 as drawerDoc, drawerVariants, emptyPowerSearchQuery, doc$31 as emptyStateDoc, emptyStateVariants, en, es, evaluateQuery, falconePreset, doc$32 as fieldDoc, fieldVariants, fileKind, filterCommandGroups, flattenVisible, foldText, formatBytes, formatClock, formatCompact, formatDateRange, formatListInputPairs, formatPowerSearch, formatRelative, formatTimeOfDay, getDefaultPeriodPresets, getInitials, getMeterLevel, getOs, getPageRange, gntikPreset, doc$33 as gridDoc, gridVariants, headingVariants, doc$34 as hoverCardDoc, hoverCardVariants, doc$35 as infoTipDoc, infoTipVariants, doc$36 as inputDoc, inputVariants, doc$37 as inspectorLayoutDoc, inspectorLayoutVariants, interpolate, isConditionComplete, isConditionValid, isNavItemCurrent, isSameTimeRange, isSupportedLanguage, joinPath, jsonType, jsonTypeClass, doc$38 as jsonViewerDoc, jsonViewerVariants, doc$39 as kanbanBoardDoc, kanbanBoardVariants, doc$40 as kbdDoc, kbdVariants, doc$41 as keyValueEditorDoc, keyValueEditorVariants, doc$42 as lightboxDoc, lightboxVariants, doc$43 as linkDoc, linkVariants, doc$44 as listInputDoc, listInputVariants, doc$45 as liveAnnouncerDoc, liveAnnouncerVariants, localeDirection, localeHourCycle, localeWeekStart, maskSecret, matchAncestors, matchPowerSearch, matchRanges, matchText, measureJsonDisplay, doc$46 as megaMenuDoc, megaMenuNavItems, megaMenuVariants, doc$47 as menuDoc, menuVariants, mergeEnvRows, doc$48 as meterDoc, meterVariants, doc$49 as mobileNavDoc, mobileNavVariants, moveKanbanCard, doc$50 as multiSelectDoc, multiSelectVariants, musematicPreset, doc$51 as navListDoc, navListVariants, nextRuns, nextSortDirection, doc$52 as notificationsPopoverDoc, notificationsPopoverVariants, doc$53 as numberInputDoc, numberInputVariants, operatorArity, operatorsFor, doc$54 as otpInputDoc, otpInputVariants, outlineVariants, doc$55 as overflowListDoc, overflowListVariants, doc$56 as pageDoc, pageVariants, doc$57 as paginationDoc, paginationVariants, parseAnsi, parseCron, parseEnv, parseListInputPairs, parsePowerSearch, parsePowerSearchFilter, parseTimeOfDay, doc$58 as passwordInputDoc, passwordInputVariants, doc$59 as periodPickerDoc, periodPickerVariants, doc$60 as permissionMatrixDoc, permissionMatrixVariants, doc$61 as popoverDoc, popoverVariants, doc$62 as powerSearchDoc, defaultOperatorLabels as powerSearchOperatorLabels, operatorsFor$1 as powerSearchOperatorsFor, powerSearchVariants, presets, previewSortable, doc$63 as printLayoutDoc, printLayoutVariants, doc$64 as progressDoc, progressVariants, doc$65 as queryBuilderDoc, queryBuilderVariants, queryToString, doc$66 as radioGroupDoc, radioGroupVariants, relativeTimeRangeLabel, doc$67 as resizableDoc, resizableVariants, resolveStepStatus, resolveTimeRange, rowAt, scheduleFromCron, doc$68 as scheduleInputDoc, scheduleInputVariants, scoreCommand, scorePassword, doc$69 as scrollAreaDoc, scrollAreaVariants, doc$70 as secretFieldDoc, secretFieldVariants, doc$71 as sectionDoc, sectionVariants, doc$72 as selectDoc, selectVariants, selectableCardVariants, doc$73 as separatorDoc, separatorVariants, serializeEnv, doc$74 as settingsLayoutDoc, settingsLayoutVariants, doc$75 as sidebarLayoutDoc, sidebarLayoutVariants, doc$76 as skeletonDoc, skeletonVariants, skipLinkVariants, doc$77 as sliderDoc, sliderVariants, doc$78 as sparklineDoc, sparklineVariants, doc$79 as spinnerDoc, doc$80 as splitButtonDoc, splitButtonVariants, doc$81 as splitLayoutDoc, splitLayoutVariants, splitLines, stableStringify, doc$82 as stackDoc, stackVariants, doc$83 as stackedLayoutDoc, stackedLayoutVariants, doc$84 as statusDotDoc, statusDotVariants, doc$85 as statusLayoutDoc, statusLayoutVariants, doc$86 as statusTagDoc, statusTagVariants, doc$87 as stepperDoc, stepperVariants, stripAnsi, doc$88 as switchDoc, switchVariants, doc$89 as tableDoc, tableVariants, doc$90 as tabsDoc, tabsVariants, doc$91 as terminalDoc, terminalVariants, doc$92 as textDoc, textVariants, doc$93 as textareaDoc, textareaVariants, themeScript, doc$94 as themeSwitcherDoc, themeSwitcherVariants, doc$95 as thumbnailDoc, thumbnailVariants, doc$96 as timePickerDoc, timePickerVariants, doc$97 as timerDoc, timerVariants, doc$98 as timestampDoc, timestampVariants, toDate, toIsoDuration, toJsonText, doc$99 as toastDoc, toastVariants, doc$100 as toggleGroupDoc, toggleGroupVariants, toggleVariants, tokenClass, doc$101 as tokenDoc, doc$102 as tokenInputDoc, tokenInputVariants, tokenVariants, tokenize, tokenizeLines, doc$103 as toolbarDoc, toolbarVariants, doc$104 as tooltipDoc, tooltipVariants, doc$105 as tourDoc, tourVariants, doc$106 as transferListDoc, transferListVariants, doc$107 as treeListDoc, treeListVariants, tv, useAnnounce, useAsyncOptions, useCommandPaletteShortcut, useDensity, useFitCount, useHasLiveAnnouncer, useI18n, useInspectorLayout, useLinkComponent, useOptionalI18n, useOs, usePortalDir, useSidebarLayout, useSortable, useTheme, useThemeOptions, useToast, useTreeList, useVirtualWindow, doc$108 as userMenuDoc, userMenuVariants, validateKeyValueRows, doc$109 as virtualListDoc, virtualListVariants, doc$110 as visuallyHiddenDoc, visuallyHiddenVariants, doc$111 as wizardLayoutDoc, wizardLayoutVariants, doc$112 as workspaceSwitcherDoc, workspaceSwitcherVariants };
 
 //# sourceMappingURL=index.js.map