@povio/ui 5.0.0-rc.2 → 5.0.0-rc.4

package/dist/components/popover.d.ts

@@ -1,2 +1,2 @@
-import { n as PopoverProps, t as Popover } from "../Popover-DUKH0q9u.js";
+import { n as PopoverProps, t as Popover } from "../Popover-BTHPteIh.js";
 export { Popover, PopoverProps };

package/dist/components/popover.js

@@ -1,9 +1,10 @@
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "../Dialog-CXoVeIkU.js";
-import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
+import { c as $542a13ca2fa5b484$export$5b6b19405a83ff9d, n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "../Dialog-CKLkS00H.js";
+import { t as popoverAnimationClassName } from "../popoverAnimation-DEZSvKP8.js";
 import { BottomSheet } from "./bottom-sheet.js";
-import { t as useBreakpoint } from "../useBreakpoint-BOA-MyoT.js";
-import { t as popoverDefinition } from "../popover.cva-BJSkLndY.js";
+import { t as useBreakpoint } from "../useBreakpoint-DQoMN-BG.js";
+import { t as popoverDefinition } from "../popover.cva-Bhud1wnp.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/Popover/Popover.tsx
@@ -68,7 +69,7 @@ const Popover = (t0) => {
 	}
 	let t4;
 	if ($[15] !== popoverClassName) {
-		t4 = clsx("my-4 outline-none", popoverClassName);
+		t4 = clsx("my-4 outline-none", popoverAnimationClassName, popoverClassName);
 		$[15] = popoverClassName;
 		$[16] = t4;
 	} else t4 = $[16];

package/dist/components/progress.d.ts

@@ -1,2 +1,2 @@
-import { t as Progress } from "../Progress-Dho39FDs.js";
+import { t as Progress } from "../Progress-CjWOR38H.js";
 export { Progress };

package/dist/components/progress.js

@@ -1,2 +1,2 @@
-import { t as Progress } from "../Progress-DQWiFP0L.js";
+import { t as Progress } from "../Progress-B3mY9rIP.js";
 export { Progress };

package/dist/components/query-autocomplete.d.ts

@@ -1,6 +1,6 @@
 import { n as FieldValues } from "../form.binding-DVJ5F0JE.js";
-import { s as SelectItem } from "../SelectBase-7SE9Za2r.js";
-import { n as QueryFn, t as QueryAutocompleteProps } from "../queryAutocomplete.types-CrbVUmvl.js";
+import { s as SelectItem } from "../SelectBase-Omiq2D3M.js";
+import { n as QueryFn, t as QueryAutocompleteProps } from "../queryAutocomplete.types-tl3r6iaY.js";
 //#region src/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts
 declare const QueryAutocompleteComponent: <TFieldValues extends FieldValues, TSelectItem extends SelectItem<any>, TQueryFn extends QueryFn>(props: QueryAutocompleteProps<TFieldValues, TSelectItem, TQueryFn>) => import("react").JSX.Element;
 declare const QueryAutocomplete: typeof QueryAutocompleteComponent;

package/dist/components/query-autocomplete.js

@@ -1,7 +1,7 @@
-import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-DB9PgioW.js";
+import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
 import { Autocomplete } from "./autocomplete.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";

package/dist/components/query-select.d.ts

@@ -1,2 +1,2 @@
-import { n as QuerySelectProps, t as QuerySelect } from "../QuerySelect-Bo1K6gi_.js";
+import { n as QuerySelectProps, t as QuerySelect } from "../QuerySelect-BGxb6Y0K.js";
 export { QuerySelect, QuerySelectProps };

package/dist/components/query-select.js

@@ -1,8 +1,8 @@
-import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-DB9PgioW.js";
-import { t as Select } from "../Select-CuZDkeQs.js";
+import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
+import { t as Select } from "../Select-UR0ec2Ux.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/radio-group.d.ts

@@ -1,2 +1,2 @@
-import { n as RadioGroup, r as RadioGroupProps, t as ControlledRadioGroupProps } from "../RadioGroup-B_zJdn4y.js";
+import { n as RadioGroup, r as RadioGroupProps, t as ControlledRadioGroupProps } from "../RadioGroup-CZg2kIMk.js";
 export { ControlledRadioGroupProps, RadioGroup, RadioGroupProps };

package/dist/components/radio-group.js

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../RadioGroup-SSZYch-J.js";
+import { t as RadioGroup } from "../RadioGroup-DOw3PRoX.js";
 export { RadioGroup };

package/dist/components/select.d.ts

@@ -1,3 +1,3 @@
-import { a as SelectAsyncProps, o as SelectBaseProps, s as SelectItem, t as DefaultInitialSelectItem } from "../SelectBase-7SE9Za2r.js";
-import { n as Select, r as SelectProps, t as ControlledSelectProps } from "../Select-DeapZMYx.js";
+import { a as SelectAsyncProps, o as SelectBaseProps, s as SelectItem, t as DefaultInitialSelectItem } from "../SelectBase-Omiq2D3M.js";
+import { n as Select, r as SelectProps, t as ControlledSelectProps } from "../Select-pHbyJdZJ.js";
 export { type ControlledSelectProps, type DefaultInitialSelectItem, Select, type SelectAsyncProps, type SelectBaseProps, type SelectItem, type SelectProps };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select-CuZDkeQs.js";
+import { t as Select } from "../Select-UR0ec2Ux.js";
 export { Select };

package/dist/components/slider.d.ts

@@ -1,2 +1,2 @@
-import { n as Slider, r as SliderProps, t as ControlledSliderProps } from "../Slider-BFViQmM3.js";
+import { n as Slider, r as SliderProps, t as ControlledSliderProps } from "../Slider-EYlGCLWe.js";
 export { ControlledSliderProps, Slider, SliderProps };

package/dist/components/slider.js

@@ -1,2 +1,2 @@
-import { t as Slider } from "../Slider-DJ9K_a-x.js";
+import { t as Slider } from "../Slider-CzEmKYBF.js";
 export { Slider };

package/dist/components/spinner.d.ts

@@ -1,2 +1,2 @@
-import { n as SpinnerProps, t as Spinner } from "../Spinner-BbcI6IOb.js";
+import { n as SpinnerProps, t as Spinner } from "../Spinner-DbXeDOa2.js";
 export { Spinner, SpinnerProps };

package/dist/components/spinner.js

@@ -1,2 +1,2 @@
-import { t as Spinner } from "../Spinner-BEYBu85B.js";
+import { t as Spinner } from "../Spinner-BeVTUzzx.js";
 export { Spinner };

package/dist/components/split-button.d.ts

@@ -1,2 +1,2 @@
-import { n as SplitButtonProps, t as SplitButton } from "../SplitButton-lL87EcBL.js";
+import { n as SplitButtonProps, t as SplitButton } from "../SplitButton-D9ngY1rJ.js";
 export { SplitButton, SplitButtonProps };

package/dist/components/split-button.js

@@ -1,7 +1,7 @@
-import { t as DropdownMenu } from "../DropdownMenu-zrodtd44.js";
+import { t as DropdownMenu } from "../DropdownMenu-5jmtgLXd.js";
 import { t as ChevronDown } from "../chevron-down-B4Pr8bD3.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as Button } from "../Button-sn52l1Yv.js";
+import { t as Button } from "../Button-C5rv4Cr2.js";
 import { IconButton } from "./icon-button.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -109,7 +109,7 @@ const SplitButton = (t0) => {
 	let t6;
 	if ($[33] !== t2 || $[34] !== t5) {
 		t6 = /* @__PURE__ */ jsxs("div", {
-			className: "group/split flex items-center",
+			className: "group/split flex items-stretch",
 			"data-split": "",
 			children: [t2, t5]
 		});

package/dist/components/stepper.d.ts

@@ -1,2 +1,2 @@
-import { n as StepItem, r as StepperProps, t as Stepper } from "../Stepper-hlhViuaK.js";
+import { n as StepItem, r as StepperProps, t as Stepper } from "../Stepper-TATlHZhQ.js";
 export { type StepItem, Stepper, type StepperProps };

package/dist/components/stepper.js

@@ -1,2 +1,2 @@
-import { t as Stepper } from "../Stepper-C1YPgTBG.js";
+import { t as Stepper } from "../Stepper-Cp5vbL5g.js";
 export { Stepper };

package/dist/components/switch.d.ts

@@ -1,2 +1,2 @@
-import { n as Switch, r as SwitchProps, t as ControlledSwitchProps } from "../Switch-DPftmB1b.js";
+import { n as Switch, r as SwitchProps, t as ControlledSwitchProps } from "../Switch-s_EPn0Jz.js";
 export { ControlledSwitchProps, Switch, SwitchProps };

package/dist/components/switch.js

@@ -1,2 +1,2 @@
-import { t as Switch } from "../Switch-JxRmH1dX.js";
+import { t as Switch } from "../Switch-CqnGEdeD.js";
 export { Switch };

package/dist/components/tag.d.ts

@@ -1,2 +1,2 @@
-import { n as TagProps, t as Tag } from "../Tag-Cch_68QO.js";
+import { n as TagProps, t as Tag } from "../Tag-AHfV_XSf.js";
 export { Tag, TagProps };

package/dist/components/tag.js

@@ -1,2 +1,2 @@
-import { t as Tag } from "../Tag-HiDH438e.js";
+import { t as Tag } from "../Tag-DPg5sL1Z.js";
 export { Tag };

package/dist/components/text-area.d.ts

@@ -1,2 +1,2 @@
-import { n as TextArea, r as TextAreaProps, t as ControlledTextAreaProps } from "../TextArea-BhrCBGbq.js";
+import { n as TextArea, r as TextAreaProps, t as ControlledTextAreaProps } from "../TextArea-l_keyLK7.js";
 export { ControlledTextAreaProps, TextArea, TextAreaProps };

package/dist/components/text-area.js

@@ -1,2 +1,2 @@
-import { t as TextArea } from "../TextArea-gikUKKDl.js";
+import { t as TextArea } from "../TextArea-D8WkKsGn.js";
 export { TextArea };

package/dist/components/text-button.d.ts

@@ -1,2 +1,2 @@
-import { n as TextButtonProps, t as TextButton } from "../TextButton-DnXRykhF.js";
+import { n as TextButtonProps, t as TextButton } from "../TextButton-XUhV_1s0.js";
 export { TextButton, TextButtonProps };

package/dist/components/text-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-sn52l1Yv.js";
+import { t as Button } from "../Button-C5rv4Cr2.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx

package/dist/components/time-picker.d.ts

@@ -1,2 +1,2 @@
-import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-CmT89X7v.js";
+import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-B1POvGWs.js";
 export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-DtNTOOGr.js";
+import { t as TimePicker } from "../TimePicker-C4taAOFQ.js";
 export { TimePicker };

package/dist/components/toast.d.ts

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "../toast.cva-Cj6o2Rmu.js";
-import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-B4cXs2rj.js";
+import { t as ToastVariantProps } from "../toast.cva-By5lvAfr.js";
+import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-ruXqONDA.js";
 import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-1H_IxvyH.js";
 export { Toast, type ToastAction, ToastContainer, type ToastProps, ToastProvider, type ToastVariantProps };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-import { r as Toast } from "../dist-B8h0VT0E.js";
-import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-BbsMIwtC.js";
+import { t as Toast } from "../Toast-DtG3pA61.js";
+import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-qgpzMFD4.js";
 export { Toast, ToastContainer, ToastProvider };

package/dist/components/toggle-button.d.ts

@@ -1,2 +1,2 @@
-import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-BGuzPJDO.js";
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-7aP8Jb11.js";
 export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-sn52l1Yv.js";
+import { t as Button } from "../Button-C5rv4Cr2.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx

package/dist/components/toggle-group.d.ts

@@ -1,3 +1,3 @@
-import { s as ToggleGroupProps, t as ControlledToggleGroupProps } from "../toggleGroup.types-DD6uRI5G.js";
-import { t as ToggleGroup } from "../ToggleGroup-D9CFdM5-.js";
+import { s as ToggleGroupProps, t as ControlledToggleGroupProps } from "../toggleGroup.types-Bp43zbSQ.js";
+import { t as ToggleGroup } from "../ToggleGroup-CRFDIPGZ.js";
 export { type ControlledToggleGroupProps, ToggleGroup, type ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,2 +1,2 @@
-import { t as ToggleGroup } from "../ToggleGroup-Cl0NS3fe.js";
+import { t as ToggleGroup } from "../ToggleGroup-DOk27fgI.js";
 export { ToggleGroup };

package/dist/components/tooltip-ellipsis.js

@@ -1,4 +1,4 @@
-import { t as Tooltip } from "../Tooltip-aE1Vswxz.js";
+import { t as Tooltip } from "../Tooltip-CpG1nz7Y.js";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip.d.ts

@@ -1,2 +1,2 @@
-import { n as TooltipProps, t as Tooltip } from "../Tooltip-D7dNwGy9.js";
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-DHv6vAqW.js";
 export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../Tooltip-aE1Vswxz.js";
+import { t as Tooltip } from "../Tooltip-CpG1nz7Y.js";
 export { Tooltip };

package/dist/components/typography.d.ts

@@ -1,3 +1,3 @@
-import { t as TypographyVariantProps } from "../typography.cva-jtp6WWUH.js";
-import { n as TypographyProps, t as Typography } from "../Typography-BiuidzDC.js";
+import { t as TypographyVariantProps } from "../typography.cva-D1JOEYl-.js";
+import { n as TypographyProps, t as Typography } from "../Typography-XljT9s02.js";
 export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -1,2 +1,2 @@
-import { t as Typography } from "../Typography-B0Gp1lpc.js";
+import { t as Typography } from "../Typography-LU4z2pR1.js";
 export { Typography };

package/dist/components/use-toast.d.ts

@@ -1,2 +1,2 @@
-import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-DMSm59Y6.js";
+import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-yreVCUer.js";
 export { ToastOptions, ToastParams, useToast };

package/dist/components/use-toast.js

@@ -5,7 +5,7 @@ let nextToastId = 0;
 const enqueueToast = (color, params, options) => {
 	const id = `povio-toast-${++nextToastId}`;
 	activateToastRenderer();
-	import("../toast.runtime-CIKvmkjo.js").then(({ showToast }) => showToast(id, color, params, options));
+	import("../toast.runtime-cxex9e4E.js").then(({ showToast }) => showToast(id, color, params, options));
 	return id;
 };
 const useToast = () => {
@@ -22,7 +22,7 @@ const useToast = () => {
 		return enqueueToast("neutral", params_2, options_2);
 	}, []);
 	const closeToast = useCallback((id) => {
-		import("../toast.runtime-CIKvmkjo.js").then(({ dismissToast }) => dismissToast(id));
+		import("../toast.runtime-cxex9e4E.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/confirmation.d.ts

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-DPAKsLYl.js";
+import { t as Confirmation } from "../confirmation.context-BOeEVczb.js";
 export { Confirmation };

package/dist/config/link-context.d.ts

@@ -1,3 +1,3 @@
-import { n as LinkNavigationProps } from "../Link-QYpprkN1.js";
-import { t as LinkContext } from "../link.context-CDZn6oL2.js";
+import { n as LinkNavigationProps } from "../Link-Ow9H7kNv.js";
+import { t as LinkContext } from "../link.context-D5qyz9Rf.js";
 export { LinkContext, type LinkNavigationProps };

package/dist/config/ui-config.d.ts

@@ -1,3 +1,3 @@
-import { a as DateRangeResolvedValue, i as DateRangeRelativeOption } from "../DateRangePicker-DKkc2B3n.js";
-import { t as UIConfig } from "../uiConfig.context-aoarCLYX.js";
+import { a as DateRangeResolvedValue, i as DateRangeRelativeOption } from "../DateRangePicker-Bfq-yDm7.js";
+import { t as UIConfig } from "../uiConfig.context-DeBX2beU.js";
 export { type DateRangeRelativeOption, type DateRangeResolvedValue, UIConfig };

package/dist/config/ui-config.js

@@ -1,2 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 export { UIConfig };

package/dist/config/ui-configurator-theme.d.ts

@@ -0,0 +1,2 @@
+import { a as parseThemeCss, i as exportCss, n as ThemeEdits, r as Tokens } from "../theme-model-T1zIdBg8.js";
+export { type ThemeEdits, type Tokens, exportCss, parseThemeCss };

package/dist/config/ui-configurator-theme.js

@@ -0,0 +1,2 @@
+import { _ as parseThemeCss, i as exportCss } from "../theme-model-DtYPxNvH.js";
+export { exportCss, parseThemeCss };

package/dist/config/ui-configurator-vite.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from "vite";
+//#region src/configurator/vite.d.ts
+interface UIConfiguratorPluginOptions {
+  /** CSS file relative to this app's Vite root. Must exist inside that root. */
+  themeFile?: string;
+}
+/** Adds the configurator's Save theme action to this app's development server. */
+declare function uiConfigurator(options?: UIConfiguratorPluginOptions): Plugin;
+//#endregion
+export { type UIConfiguratorPluginOptions, uiConfigurator };

package/dist/config/ui-configurator-vite.js

@@ -0,0 +1,174 @@
+import { randomUUID } from "node:crypto";
+import { readFile, realpath, writeFile } from "node:fs/promises";
+import { isAbsolute, relative, resolve, sep } from "node:path";
+//#region src/configurator/theme-model.ts
+const declarations = (source) => Object.fromEntries([...source.matchAll(/(--[\w-]+)\s*:\s*([^;]+);/g)].map(([, name, value]) => [name, value.trim()]));
+const selectorDeclarations = (source, selector) => Object.assign({}, ...[...source.matchAll(selector)].map((match) => declarations(match[1])));
+const parseThemeCss = (themeSource) => ({
+	light: selectorDeclarations(themeSource, /:root\s*\{([^}]+)\}/g),
+	dark: selectorDeclarations(themeSource, /\.dark\s*\{([^}]+)\}/g),
+	theme: declarations([...themeSource.matchAll(/@theme(?:\s+static)?\s*\{([^}]+)\}/g)].map((match) => match[1]).join("\n"))
+});
+const emptyTheme = () => ({
+	light: {},
+	dark: {},
+	theme: {}
+});
+//#endregion
+//#region src/configurator/theme-source.ts
+const maskComments = (css) => css.replace(/\/\*[\s\S]*?\*\//g, (comment) => " ".repeat(comment.length));
+const blocks = () => /(:root|\.dark|@theme(?:\s+static)?)\s*\{([^{}]*)\}/g;
+const bucketFor = (selector) => selector === ":root" ? "light" : selector === ".dark" ? "dark" : "theme";
+/** Accept only the flat token blocks produced by the configurator's CSS export. */
+function readExport(css) {
+	const clean = maskComments(css);
+	const edits = emptyTheme();
+	let end = 0;
+	for (const match of clean.matchAll(blocks())) {
+		if (clean.slice(end, match.index).trim()) throw new Error("Expected a configurator CSS export.");
+		const tokens = edits[bucketFor(match[1])];
+		let declarationEnd = 0;
+		for (const declaration of match[2].matchAll(/(--[\w-]+)\s*:\s*([^;{}]+);/g)) {
+			if (match[2].slice(declarationEnd, declaration.index).trim()) throw new Error("Invalid theme declaration.");
+			const value = declaration[2].trim();
+			if (!value || /[<>]/.test(value)) throw new Error("Invalid theme value.");
+			tokens[declaration[1]] = value;
+			declarationEnd = declaration.index + declaration[0].length;
+		}
+		if (match[2].slice(declarationEnd).trim()) throw new Error("Invalid theme declaration.");
+		end = match.index + match[0].length;
+	}
+	if (clean.slice(end).trim()) throw new Error("Expected a configurator CSS export.");
+	return edits;
+}
+/** Update declarations without replacing imports, layers, selectors, or inline theme blocks. */
+function updateThemeSource(source, exportedCss) {
+	const edits = readExport(exportedCss);
+	const masked = maskComments(source);
+	const defaults = parseThemeCss(masked);
+	for (const bucket of [
+		"light",
+		"dark",
+		"theme"
+	]) for (const name of Object.keys(edits[bucket])) if (!Object.hasOwn(defaults[bucket], name)) throw new Error(`Unknown ${bucket} theme token: ${name}`);
+	const replacements = [];
+	for (const match of masked.matchAll(blocks())) {
+		const editsForBlock = edits[bucketFor(match[1])];
+		const bodyStart = match.index + match[0].indexOf("{") + 1;
+		for (const declaration of match[2].matchAll(/(--[\w-]+\s*:\s*)([^;]+);/g)) {
+			const name = declaration[1].split(":")[0].trim();
+			if (!Object.hasOwn(editsForBlock, name)) continue;
+			const start = bodyStart + declaration.index + declaration[1].length;
+			replacements.push({
+				start,
+				end: start + declaration[2].trimEnd().length,
+				value: editsForBlock[name]
+			});
+		}
+	}
+	for (const { start, end, value } of replacements.reverse()) source = source.slice(0, start) + value + source.slice(end);
+	return source;
+}
+//#endregion
+//#region src/configurator/theme-writer-protocol.ts
+/** Shared by the browser configurator and the isolated Node Vite entry. */
+const themeWriterMetaName = "povio-ui-theme-writer";
+//#endregion
+//#region src/configurator/vite.ts
+var ThemeWriteError = class extends Error {
+	constructor(message, status) {
+		super(message);
+		this.status = status;
+	}
+};
+const respond = (response, status, result) => {
+	response.writeHead(status, {
+		"Content-Type": "application/json",
+		"Cache-Control": "no-store"
+	});
+	response.end(JSON.stringify(result));
+};
+async function readCss(request) {
+	const chunks = [];
+	let size = 0;
+	for await (const chunk of request) {
+		size += Buffer.byteLength(chunk);
+		if (size > 262144) throw new ThemeWriteError("Theme export is too large.", 413);
+		chunks.push(Buffer.from(chunk));
+	}
+	try {
+		const body = JSON.parse(Buffer.concat(chunks).toString("utf8"));
+		if (typeof body?.css === "string") return body.css;
+	} catch {}
+	throw new ThemeWriteError("Expected JSON containing a CSS export.", 400);
+}
+/** Adds the configurator's Save theme action to this app's development server. */
+function uiConfigurator(options = {}) {
+	let connection;
+	let pendingWrite = Promise.resolve();
+	return {
+		name: "vite-plugin-povio-ui-configurator",
+		apply: (_config, environment) => environment.command === "serve" && !environment.isPreview,
+		async configureServer(server) {
+			const root = await realpath(server.config.root);
+			const configuredFile = resolve(server.config.root, options.themeFile ?? "src/styles/theme.css");
+			const themeFile = await realpath(configuredFile);
+			const file = relative(root, themeFile);
+			if (!file || isAbsolute(file) || file === ".." || file.startsWith(`..${sep}`)) throw new Error("Povio UI themeFile must be inside this app's Vite root.");
+			if (!themeFile.endsWith(".css")) throw new Error("Povio UI themeFile must be a CSS file.");
+			const endpoint = `${new URL(server.config.base, "http://localhost").pathname.replace(/\/?$/, "/")}__povio_ui/theme`;
+			connection = {
+				endpoint,
+				token: randomUUID(),
+				file: file.split(sep).join("/")
+			};
+			const token = connection.token;
+			const save = async (request, response) => {
+				if (request.method !== "POST") {
+					response.setHeader("Allow", "POST");
+					throw new ThemeWriteError("Use POST to save a theme.", 405);
+				}
+				if (request.headers["x-povio-ui-theme-token"] !== token) throw new ThemeWriteError("Invalid theme token.", 403);
+				const origin = request.headers.origin;
+				if (origin && new URL(origin).host !== request.headers.host) throw new ThemeWriteError("Theme saves must come from this app's origin.", 403);
+				if (!request.headers["content-type"]?.startsWith("application/json")) throw new ThemeWriteError("Expected application/json.", 415);
+				const css = await readCss(request);
+				const write = pendingWrite.then(async () => {
+					if (await realpath(configuredFile) !== themeFile) throw new ThemeWriteError("The theme file moved. Restart the dev server before saving.", 409);
+					const source = await readFile(themeFile, "utf8");
+					let updated;
+					try {
+						updated = updateThemeSource(source, css);
+					} catch (error) {
+						throw new ThemeWriteError(error instanceof Error ? error.message : "Invalid theme export.", 400);
+					}
+					if (updated !== source) await writeFile(themeFile, updated, "utf8");
+				});
+				pendingWrite = write.catch(() => {});
+				await write;
+				respond(response, 200, { file: connection.file });
+			};
+			server.middlewares.use((request, response, next) => {
+				if (request.url?.split("?")[0] !== endpoint) return next();
+				save(request, response).catch((error) => {
+					const status = error instanceof ThemeWriteError ? error.status : 500;
+					const message = error instanceof Error ? error.message : "Could not save theme.";
+					respond(response, status, { error: message });
+				});
+			});
+		},
+		transformIndexHtml() {
+			if (!connection) return;
+			return [{
+				tag: "meta",
+				attrs: {
+					name: themeWriterMetaName,
+					content: JSON.stringify(connection)
+				},
+				injectTo: "head"
+			}];
+		}
+	};
+}
+//#endregion
+export { uiConfigurator };