rei-kit 2.14.0 → 2.16.0

package/dist/index.js

@@ -7,7 +7,7 @@ import { n as BaseSkeleton_default, r as useMediaQuery, t as BaseListbox_default
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
 import { t as BaseButton_default } from "./BaseButton-RN2an975.js";
 import { t as SettingsRow_default } from "./SettingsRow-Ct1p2C9Q.js";
-import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useTemplateRef, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, useTemplateRef, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import { ArrowDown, ArrowRight, ArrowUp, ArrowUpRight, CalendarDays, Check, CheckCircle2, ChevronDown, ChevronLeft, ChevronRight, Clock, Copy, Info, Minus, Paperclip, Plus, Star, TriangleAlert, Upload, X, XCircle } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
@@ -348,17 +348,17 @@ function useDragScroll(target) {
 }
 //#endregion
 //#region src/components/BaseAvatar.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$40 = [
+var _hoisted_1$42 = [
 	"role",
 	"aria-label",
 	"aria-hidden"
 ];
-var _hoisted_2$34 = ["src"];
-var _hoisted_3$22 = {
+var _hoisted_2$35 = ["src"];
+var _hoisted_3$23 = {
 	key: 1,
 	class: "rk-avatar-initials"
 };
-var _hoisted_4$17 = {
+var _hoisted_4$18 = {
 	key: 2,
 	viewBox: "0 0 20 20",
 	class: "rk-avatar-figure",
@@ -404,7 +404,7 @@ var BaseAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				alt: "",
 				class: "rk-avatar-img",
 				onError: _cache[0] || (_cache[0] = ($event) => broken.value = true)
-			}, null, 40, _hoisted_2$34)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$22, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$17, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
+			}, null, 40, _hoisted_2$35)) : __props.fallback === "initials" && initials.value ? (openBlock(), createElementBlock("span", _hoisted_3$23, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_4$18, [..._cache[1] || (_cache[1] = [createElementVNode("circle", {
 				cx: "10",
 				cy: "6.75",
 				r: "3.25",
@@ -413,7 +413,7 @@ var BaseAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				d: "M3.75 17c0-3.05 2.8-5.25 6.25-5.25S16.25 13.95 16.25 17",
 				"stroke-width": "1.5",
 				"stroke-linecap": "round"
-			}, null, -1)])]))], 10, _hoisted_1$40);
+			}, null, -1)])]))], 10, _hoisted_1$42);
 		};
 	}
 }), [["__scopeId", "data-v-47586bec"]]);
@@ -438,12 +438,12 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$39 = [
+var _hoisted_1$41 = [
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
 ];
-var _hoisted_2$33 = ["id"];
+var _hoisted_2$34 = ["id"];
 //#endregion
 //#region src/components/BaseMenu.vue
 var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -542,14 +542,14 @@ var BaseMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"aria-haspopup": true,
 				"aria-controls": open.value ? unref(id) : void 0,
 				onClick: _cache[0] || (_cache[0] = ($event) => open.value = !open.value)
-			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$39), open.value ? (openBlock(), createElementBlock("div", {
+			}, [renderSlot(_ctx.$slots, "trigger", { open: open.value }, void 0, true)], 8, _hoisted_1$41), open.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				id: unref(id),
 				ref_key: "panel",
 				ref: panel,
 				class: normalizeClass(["rk-menu-panel surface-overlay", `is-${__props.align}`]),
 				role: "menu"
-			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$33)) : createCommentVNode("", true)], 544);
+			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 10, _hoisted_2$34)) : createCommentVNode("", true)], 544);
 		};
 	}
 }), [["__scopeId", "data-v-e57ec901"]]);
@@ -620,13 +620,13 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseCombobox.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$38 = ["for"];
-var _hoisted_2$32 = [
+var _hoisted_1$40 = ["for"];
+var _hoisted_2$33 = [
 	"aria-label",
 	"disabled",
 	"onClick"
 ];
-var _hoisted_3$21 = [
+var _hoisted_3$22 = [
 	"id",
 	"placeholder",
 	"disabled",
@@ -635,8 +635,8 @@ var _hoisted_3$21 = [
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_4$16 = ["disabled"];
-var _hoisted_5$9 = [
+var _hoisted_4$17 = ["disabled"];
+var _hoisted_5$10 = [
 	"aria-label",
 	"aria-multiselectable",
 	"aria-busy"
@@ -871,7 +871,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				createElementVNode("label", {
 					for: unref(id),
 					class: "rk-combo-label"
-				}, toDisplayString(__props.label), 9, _hoisted_1$38),
+				}, toDisplayString(__props.label), 9, _hoisted_1$40),
 				createElementVNode("div", { class: normalizeClass(["rk-combo-field", multiple.value ? "is-multiple control" : ""]) }, [
 					(openBlock(true), createElementBlock(Fragment, null, renderList(multiple.value ? chosenOptions.value : [], (option) => {
 						return openBlock(), createElementBlock("span", {
@@ -884,7 +884,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							"aria-label": __props.removeLabel(option.label),
 							disabled: __props.disabled,
 							onClick: ($event) => remove(option.value)
-						}, " × ", 8, _hoisted_2$32)) : createCommentVNode("", true)]);
+						}, " × ", 8, _hoisted_2$33)) : createCommentVNode("", true)]);
 					}), 128)),
 					withDirectives(createElementVNode("input", {
 						id: unref(id),
@@ -903,7 +903,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						"aria-describedby": describedBy.value,
 						onKeydown,
 						onFocus: _cache[1] || (_cache[1] = ($event) => open.value = true)
-					}, null, 42, _hoisted_3$21), [[vModelText, text.value]]),
+					}, null, 42, _hoisted_3$22), [[vModelText, text.value]]),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-combo-toggle",
@@ -911,7 +911,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						"aria-hidden": "true",
 						disabled: __props.disabled,
 						onClick: _cache[2] || (_cache[2] = ($event) => open.value = !open.value)
-					}, " ▾ ", 8, _hoisted_4$16)
+					}, " ▾ ", 8, _hoisted_4$17)
 				], 2),
 				withDirectives(createElementVNode("ul", {
 					id: listId,
@@ -958,7 +958,7 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 							height: "0.75rem"
 						});
 					}), 64))])])) : matches.value.length === 0 ? (openBlock(), createElementBlock("li", _hoisted_10$3, toDisplayString(__props.emptyLabel), 1)) : createCommentVNode("", true)
-				], 40, _hoisted_5$9), [[vShow, open.value]]),
+				], 40, _hoisted_5$10), [[vShow, open.value]]),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
 					id: errorId,
@@ -974,13 +974,13 @@ var BaseCombobox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-aa2335fa"]]);
 //#endregion
 //#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$37 = ["aria-describedby"];
-var _hoisted_2$31 = [
+var _hoisted_1$39 = ["aria-describedby"];
+var _hoisted_2$32 = [
 	"name",
 	"value",
 	"disabled"
 ];
-var _hoisted_3$20 = { class: "text-ink text-sm" };
+var _hoisted_3$21 = { class: "text-ink text-sm" };
 //#endregion
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
@@ -1024,7 +1024,7 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 						value: option.value,
 						disabled: option.disabled,
 						class: "accent-primary focus-visible:outline-primary size-4 shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2"
-					}, null, 8, _hoisted_2$31), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$20, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$32), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$21, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1035,24 +1035,24 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 					id: hintId,
 					class: "text-ink-soft text-xs"
 				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
-			], 8, _hoisted_1$37);
+			], 8, _hoisted_1$39);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$36 = { class: "relative" };
-var _hoisted_2$30 = [
+var _hoisted_1$38 = { class: "relative" };
+var _hoisted_2$31 = [
 	"id",
 	"aria-invalid",
 	"aria-describedby"
 ];
-var _hoisted_3$19 = {
+var _hoisted_3$20 = {
 	key: 0,
 	value: void 0,
 	disabled: ""
 };
-var _hoisted_4$15 = ["value", "disabled"];
+var _hoisted_4$16 = ["value", "disabled"];
 //#endregion
 //#region src/components/BaseSelect.vue
 var BaseSelect_default = /* @__PURE__ */ defineComponent({
@@ -1088,7 +1088,7 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 				"label-hidden": __props.labelHidden,
 				size: __props.size
 			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$36, [withDirectives(createElementVNode("select", {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$38, [withDirectives(createElementVNode("select", {
 					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					"aria-invalid": invalid,
@@ -1098,13 +1098,13 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 						__props.variant === "unstyled" ? "" : SIZE_CLASS[__props.size],
 						__props.variant !== "unstyled" && invalid ? "border-negative" : ""
 					]])
-				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$19, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$20, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
 					return openBlock(), createElementBlock("option", {
 						key: option.value,
 						value: option.value,
 						disabled: option.disabled
-					}, toDisplayString(option.label), 9, _hoisted_4$15);
-				}), 128))], 10, _hoisted_2$30), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
+					}, toDisplayString(option.label), 9, _hoisted_4$16);
+				}), 128))], 10, _hoisted_2$31), [[vModelSelect, model.value]]), createVNode(unref(ChevronDown), {
 					class: "text-ink-soft pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2",
 					"aria-hidden": "true"
 				})])]),
@@ -1121,11 +1121,11 @@ var BaseSelect_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseSlider.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$35 = { class: "rk-slider" };
-var _hoisted_2$29 = { class: "rk-slider-head" };
-var _hoisted_3$18 = ["for"];
-var _hoisted_4$14 = ["for"];
-var _hoisted_5$8 = [
+var _hoisted_1$37 = { class: "rk-slider" };
+var _hoisted_2$30 = { class: "rk-slider-head" };
+var _hoisted_3$19 = ["for"];
+var _hoisted_4$15 = ["for"];
+var _hoisted_5$9 = [
 	"id",
 	"min",
 	"max",
@@ -1169,15 +1169,15 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			return span <= 0 ? 0 : (model.value - __props.min) / span * 100;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$35, [
-				createElementVNode("div", _hoisted_2$29, [createElementVNode("label", {
+			return openBlock(), createElementBlock("div", _hoisted_1$37, [
+				createElementVNode("div", _hoisted_2$30, [createElementVNode("label", {
 					for: unref(id),
 					class: "rk-slider-label"
-				}, toDisplayString(__props.label), 9, _hoisted_3$18), __props.showValue ? (openBlock(), createElementBlock("output", {
+				}, toDisplayString(__props.label), 9, _hoisted_3$19), __props.showValue ? (openBlock(), createElementBlock("output", {
 					key: 0,
 					for: unref(id),
 					class: "rk-slider-value"
-				}, toDisplayString(text.value), 9, _hoisted_4$14)) : createCommentVNode("", true)]),
+				}, toDisplayString(text.value), 9, _hoisted_4$15)) : createCommentVNode("", true)]),
 				withDirectives(createElementVNode("input", {
 					id: unref(id),
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
@@ -1190,7 +1190,7 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					"aria-valuetext": text.value,
 					"aria-describedby": __props.hint ? hintId : void 0,
 					style: normalizeStyle({ "--rk-slider-filled": `${filled.value}%` })
-				}, null, 12, _hoisted_5$8), [[
+				}, null, 12, _hoisted_5$9), [[
 					vModelText,
 					model.value,
 					void 0,
@@ -1206,6 +1206,253 @@ var BaseSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	}
 }), [["__scopeId", "data-v-7fa2769b"]]);
 //#endregion
+//#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$36 = ["aria-label", "disabled"];
+var _hoisted_2$29 = [
+	"id",
+	"value",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-invalid",
+	"aria-describedby",
+	"disabled"
+];
+var _hoisted_3$18 = ["aria-label", "disabled"];
+//#endregion
+//#region src/components/NumberInput.vue
+var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "NumberInput",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		min: { default: () => -Infinity },
+		max: { default: () => Infinity },
+		step: { default: 1 },
+		decrementLabel: {},
+		incrementLabel: {},
+		error: { default: "" },
+		hint: { default: "" },
+		size: { default: "md" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		/** The number, with `v-model`. `undefined` while the field is empty. */
+		const model = useModel(__props, "modelValue");
+		const places = computed(() => (String(__props.step).split(".")[1] ?? "").length);
+		const settle = (value) => Number(Math.min(__props.max, Math.max(__props.min, value)).toFixed(Math.min(places.value, 20)));
+		const draft = ref(model.value === void 0 ? "" : String(model.value));
+		watch(model, (value) => {
+			if ((draft.value === "" ? void 0 : Number(draft.value)) !== value) draft.value = value === void 0 ? "" : String(value);
+		});
+		function onInput(event) {
+			const text = event.target.value.replace(",", ".");
+			draft.value = text;
+			if (text.trim() === "") {
+				model.value = void 0;
+				return;
+			}
+			const value = Number(text);
+			if (Number.isFinite(value)) model.value = value;
+		}
+		function commit() {
+			if (model.value === void 0) {
+				draft.value = "";
+				return;
+			}
+			setTo(model.value);
+		}
+		function setTo(value) {
+			model.value = settle(value);
+			draft.value = String(model.value);
+		}
+		function stepBy(times) {
+			if (__props.disabled) return;
+			setTo((model.value ?? (Number.isFinite(__props.min) ? __props.min : 0)) + __props.step * times);
+		}
+		function onKeydown(event) {
+			const action = {
+				ArrowUp: () => stepBy(1),
+				ArrowDown: () => stepBy(-1),
+				PageUp: () => stepBy(10),
+				PageDown: () => stepBy(-10),
+				Home: () => {
+					if (Number.isFinite(__props.min)) setTo(__props.min);
+				},
+				End: () => {
+					if (Number.isFinite(__props.max)) setTo(__props.max);
+				}
+			}[event.key];
+			if (!action) return;
+			event.preventDefault();
+			action();
+		}
+		const atMin = computed(() => model.value !== void 0 && model.value <= __props.min);
+		const atMax = computed(() => model.value !== void 0 && model.value >= __props.max);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				size: __props.size,
+				"label-hidden": __props.labelHidden
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", { class: normalizeClass(["rk-number control", {
+					"is-invalid": invalid,
+					"is-disabled": __props.disabled
+				}]) }, [
+					createElementVNode("button", {
+						type: "button",
+						class: "rk-number-step focus-ring",
+						"aria-label": __props.decrementLabel,
+						disabled: __props.disabled || atMin.value,
+						tabindex: "-1",
+						onClick: _cache[0] || (_cache[0] = ($event) => stepBy(-1))
+					}, [createVNode(unref(Minus), {
+						class: "size-4",
+						"aria-hidden": "true"
+					})], 8, _hoisted_1$36),
+					createElementVNode("input", {
+						id,
+						value: draft.value,
+						type: "text",
+						inputmode: "decimal",
+						role: "spinbutton",
+						autocomplete: "off",
+						class: "rk-number-field",
+						"aria-valuenow": model.value,
+						"aria-valuemin": Number.isFinite(__props.min) ? __props.min : void 0,
+						"aria-valuemax": Number.isFinite(__props.max) ? __props.max : void 0,
+						"aria-invalid": invalid,
+						"aria-describedby": describedBy,
+						disabled: __props.disabled,
+						onInput,
+						onBlur: commit,
+						onKeydown
+					}, null, 40, _hoisted_2$29),
+					createElementVNode("button", {
+						type: "button",
+						class: "rk-number-step focus-ring",
+						"aria-label": __props.incrementLabel,
+						disabled: __props.disabled || atMax.value,
+						tabindex: "-1",
+						onClick: _cache[1] || (_cache[1] = ($event) => stepBy(1))
+					}, [createVNode(unref(Plus), {
+						class: "size-4",
+						"aria-hidden": "true"
+					})], 8, _hoisted_3$18)
+				], 2)]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"size",
+				"label-hidden"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-082bd3d7"]]);
+//#endregion
+//#region src/components/SliderField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$35 = { class: "rk-slider-field" };
+//#endregion
+//#region src/components/SliderField.vue
+var SliderField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "SliderField",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		decrementLabel: {},
+		incrementLabel: {},
+		hint: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		format: { type: Function }
+	}, {
+		"modelValue": { default: 0 },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		/**
+		* The field's own binding, which can be emptied; the pair's cannot.
+		*
+		* `NumberInput` hands back `undefined` while the field is empty, because
+		* halfway through typing a number there is no number. A slider has no such
+		* state — the thumb is always somewhere — so an empty field leaves the value
+		* where it was until something is typed, rather than dragging the thumb to
+		* zero the moment the last digit is deleted.
+		*/
+		const typed = computed({
+			get: () => model.value,
+			set: (value) => {
+				if (value !== void 0) model.value = value;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$35, [createVNode(BaseSlider_default, {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				label: __props.label,
+				min: __props.min,
+				max: __props.max,
+				step: __props.step,
+				hint: __props.hint,
+				disabled: __props.disabled,
+				format: __props.format,
+				"show-value": false
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"min",
+				"max",
+				"step",
+				"hint",
+				"disabled",
+				"format"
+			]), createVNode(NumberInput_default, {
+				modelValue: typed.value,
+				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => typed.value = $event),
+				class: "rk-slider-field-number",
+				label: __props.label,
+				"label-hidden": "",
+				min: __props.min,
+				max: __props.max,
+				step: __props.step,
+				"decrement-label": __props.decrementLabel,
+				"increment-label": __props.incrementLabel,
+				disabled: __props.disabled,
+				size: "sm"
+			}, null, 8, [
+				"modelValue",
+				"label",
+				"min",
+				"max",
+				"step",
+				"decrement-label",
+				"increment-label",
+				"disabled"
+			])]);
+		};
+	}
+}), [["__scopeId", "data-v-6ec3163a"]]);
+//#endregion
 //#region src/components/BaseSpinner.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$34 = {
 	class: "rk-spin-wrap",
@@ -1258,7 +1505,7 @@ var _hoisted_2$27 = {
 	class: "min-w-0"
 };
 var _hoisted_3$17 = ["id"];
-var _hoisted_4$13 = [
+var _hoisted_4$14 = [
 	"aria-checked",
 	"aria-labelledby",
 	"aria-label",
@@ -1317,7 +1564,7 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}, [..._cache[0] || (_cache[0] = [createElementVNode("span", {
 				class: "rk-switch-knob",
 				"aria-hidden": "true"
-			}, null, -1)])], 10, _hoisted_4$13)]);
+			}, null, -1)])], 10, _hoisted_4$14)]);
 		};
 	}
 }), [["__scopeId", "data-v-3f4400a0"]]);
@@ -1326,8 +1573,8 @@ var BaseSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 var _hoisted_1$32 = ["aria-label"];
 var _hoisted_2$26 = { class: "rk-table" };
 var _hoisted_3$16 = { key: 0 };
-var _hoisted_4$12 = { key: 1 };
-var _hoisted_5$7 = ["colspan"];
+var _hoisted_4$13 = { key: 1 };
+var _hoisted_5$8 = ["colspan"];
 //#endregion
 //#region src/components/BaseTable.vue
 var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -1369,10 +1616,10 @@ var BaseTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 							value: row[column.key]
 						}, () => [createTextVNode(toDisplayString(row[column.key]), 1)], true)], 2);
 					}), 128))]);
-				}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_4$12, [createElementVNode("tr", null, [createElementVNode("td", {
+				}), 128))])) : (openBlock(), createElementBlock("tbody", _hoisted_4$13, [createElementVNode("tr", null, [createElementVNode("td", {
 					colspan: __props.columns.length,
 					class: "rk-table-empty"
-				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_5$7)])]))
+				}, [renderSlot(_ctx.$slots, "empty", {}, void 0, true)], 8, _hoisted_5$8)])]))
 			])], 8, _hoisted_1$32);
 		};
 	}
@@ -1445,11 +1692,11 @@ var _hoisted_2$25 = {
 	class: "bg-muted text-primary rounded-card flex size-12 items-center justify-center"
 };
 var _hoisted_3$15 = { class: "text-ink text-base font-semibold" };
-var _hoisted_4$11 = {
+var _hoisted_4$12 = {
 	key: 1,
 	class: "text-ink-soft max-w-[36ch] text-sm"
 };
-var _hoisted_5$6 = {
+var _hoisted_5$7 = {
 	key: 2,
 	class: "mt-2 flex w-full flex-col gap-2"
 };
@@ -1474,8 +1721,8 @@ var EmptyState_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", _hoisted_1$30, [
 				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$25, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
 				createElementVNode("h3", _hoisted_3$15, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$11, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$6, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
+				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4$12, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5$7, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
 			]);
 		};
 	}
@@ -1545,8 +1792,8 @@ var PageContainer_default = /* @__PURE__ */ defineComponent({
 var _hoisted_1$29 = { class: "grid h-12 shrink-0 grid-cols-[2.5rem_1fr_2.5rem] items-center" };
 var _hoisted_2$24 = { class: "justify-self-start" };
 var _hoisted_3$14 = { class: "text-ink flex min-w-0 justify-center text-base font-semibold tabular-nums" };
-var _hoisted_4$10 = { class: "truncate" };
-var _hoisted_5$5 = { class: "justify-self-end" };
+var _hoisted_4$11 = { class: "truncate" };
+var _hoisted_5$6 = { class: "justify-self-end" };
 //#endregion
 //#region src/components/PageHeader.vue
 var PageHeader_default = /* @__PURE__ */ defineComponent({
@@ -1565,8 +1812,8 @@ var PageHeader_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("header", _hoisted_1$29, [
 				createElementVNode("div", _hoisted_2$24, [renderSlot(_ctx.$slots, "left")]),
-				createElementVNode("h1", _hoisted_3$14, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$10, toDisplayString(__props.title), 1)])]),
-				createElementVNode("div", _hoisted_5$5, [renderSlot(_ctx.$slots, "right")])
+				createElementVNode("h1", _hoisted_3$14, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_4$11, toDisplayString(__props.title), 1)])]),
+				createElementVNode("div", _hoisted_5$6, [renderSlot(_ctx.$slots, "right")])
 			]);
 		};
 	}
@@ -1617,11 +1864,11 @@ var _hoisted_1$27 = {
 };
 var _hoisted_2$23 = { class: "flex items-start justify-between gap-4" };
 var _hoisted_3$13 = { class: "text-ink mt-5 text-lg font-semibold" };
-var _hoisted_4$9 = {
+var _hoisted_4$10 = {
 	key: 1,
 	class: "text-ink-soft mt-1.5 text-sm leading-relaxed"
 };
-var _hoisted_5$4 = { class: "mt-6 flex items-baseline gap-1.5" };
+var _hoisted_5$5 = { class: "mt-6 flex items-baseline gap-1.5" };
 var _hoisted_6$4 = { class: "text-ink text-3xl font-semibold tracking-tight tabular-nums" };
 var _hoisted_7$3 = {
 	key: 0,
@@ -1695,8 +1942,8 @@ var PriceCard_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["rounded-cell ml-auto px-2.5 py-1 text-[0.7rem] font-medium", palette.value.soft])
 				}, toDisplayString(__props.chip), 3)) : createCommentVNode("", true)]),
 				createElementVNode("h3", _hoisted_3$13, toDisplayString(__props.name), 1),
-				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$9, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
-				createElementVNode("p", _hoisted_5$4, [createElementVNode("span", _hoisted_6$4, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
+				__props.lead ? (openBlock(), createElementBlock("p", _hoisted_4$10, toDisplayString(__props.lead), 1)) : createCommentVNode("", true),
+				createElementVNode("p", _hoisted_5$5, [createElementVNode("span", _hoisted_6$4, toDisplayString(__props.price), 1), __props.period ? (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(__props.period), 1)) : createCommentVNode("", true)]),
 				__props.note ? (openBlock(), createElementBlock("p", _hoisted_8$2, toDisplayString(__props.note), 1)) : createCommentVNode("", true),
 				createElementVNode("ul", _hoisted_9$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.features, (feature) => {
 					return openBlock(), createElementBlock("li", {
@@ -1830,7 +2077,7 @@ var SkeletonList_default = /* @__PURE__ */ defineComponent({
 var _hoisted_1$22 = { class: "surface rounded-card flex flex-1 flex-col gap-0.5 p-3" };
 var _hoisted_2$19 = { class: "flex items-baseline gap-1" };
 var _hoisted_3$12 = { class: "text-ink text-xl font-semibold tabular-nums" };
-var _hoisted_4$8 = { class: "text-ink-soft text-xs" };
+var _hoisted_4$9 = { class: "text-ink-soft text-xs" };
 //#endregion
 //#region src/components/StatCard.vue
 var StatCard_default = /* @__PURE__ */ defineComponent({
@@ -1850,7 +2097,7 @@ var StatCard_default = /* @__PURE__ */ defineComponent({
 			return openBlock(), createElementBlock("div", _hoisted_1$22, [createElementVNode("div", _hoisted_2$19, [createElementVNode("span", _hoisted_3$12, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createBlock(resolveDynamicComponent(TREND_ICON[__props.trend]), {
 				key: 0,
 				class: "text-ink-soft size-3"
-			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$8, toDisplayString(__props.label), 1)]);
+			})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_4$9, toDisplayString(__props.label), 1)]);
 		};
 	}
 });
@@ -2010,7 +2257,7 @@ var LocaleLinks_default = /* @__PURE__ */ defineComponent({
 var _hoisted_1$19 = { class: "tab-bar" };
 var _hoisted_2$16 = ["aria-label"];
 var _hoisted_3$11 = { class: "tab-icon-slot" };
-var _hoisted_4$7 = { class: "tab-label" };
+var _hoisted_4$8 = { class: "tab-label" };
 //#endregion
 //#region src/components/TabBar.vue
 var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2033,7 +2280,7 @@ var TabBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"aria-current": item.key === __props.active ? "page" : void 0,
 					onClick: _cache[0] || (_cache[0] = ($event) => unref(tapFeedback)())
 				}, {
-					default: withCtx(() => [createElementVNode("span", _hoisted_3$11, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$7, toDisplayString(item.label), 1)]),
+					default: withCtx(() => [createElementVNode("span", _hoisted_3$11, [(openBlock(), createBlock(resolveDynamicComponent(item.icon), { class: "tab-icon" }))]), createElementVNode("span", _hoisted_4$8, toDisplayString(item.label), 1)]),
 					_: 2
 				}, 1032, [
 					"to",
@@ -2094,8 +2341,8 @@ var AvatarStack_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 var _hoisted_1$17 = { class: "rk-cal" };
 var _hoisted_2$14 = { class: "rk-cal-head" };
 var _hoisted_3$10 = ["aria-label"];
-var _hoisted_4$6 = ["aria-expanded"];
-var _hoisted_5$3 = ["aria-label"];
+var _hoisted_4$7 = ["aria-expanded"];
+var _hoisted_5$4 = ["aria-label"];
 var _hoisted_6$3 = {
 	key: 0,
 	class: "rk-cal-weekdays",
@@ -2304,7 +2551,7 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 						class: "rk-cal-title focus-ring",
 						"aria-expanded": view.value !== "days",
 						onClick: cycleView
-					}, toDisplayString(view.value === "years" ? `${years.value[0]} – ${years.value[11]}` : monthTitle.value), 9, _hoisted_4$6),
+					}, toDisplayString(view.value === "years" ? `${years.value[0]} – ${years.value[11]}` : monthTitle.value), 9, _hoisted_4$7),
 					createElementVNode("button", {
 						type: "button",
 						class: "rk-cal-arrow focus-ring",
@@ -2313,7 +2560,7 @@ var BaseCalendar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 					}, [createVNode(unref(ChevronRight), {
 						class: "size-4",
 						"aria-hidden": "true"
-					})], 8, _hoisted_5$3)
+					})], 8, _hoisted_5$4)
 				]),
 				view.value === "days" ? (openBlock(), createElementBlock("div", _hoisted_6$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(weekdays.value, (day) => {
 					return openBlock(), createElementBlock("span", { key: day.long }, toDisplayString(day.short), 1);
@@ -2622,10 +2869,151 @@ var BaseSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	}
 }), [["__scopeId", "data-v-9f8cc9aa"]]);
 //#endregion
+//#region src/components/ColorPicker.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$12 = { class: "rk-color-row" };
+var _hoisted_2$10 = [
+	"id",
+	"value",
+	"disabled",
+	"aria-describedby",
+	"aria-invalid"
+];
+var _hoisted_3$9 = [
+	"aria-label",
+	"disabled",
+	"onKeydown"
+];
+var _hoisted_4$6 = {
+	key: 1,
+	class: "rk-color-swatches"
+};
+var _hoisted_5$3 = [
+	"aria-label",
+	"aria-pressed",
+	"disabled",
+	"onClick"
+];
+//#endregion
+//#region src/components/ColorPicker.vue
+var ColorPicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "ColorPicker",
+	props: {
+		label: {},
+		modelValue: {},
+		swatches: { default: () => [] },
+		hexLabel: { default: "" },
+		hint: { default: "" },
+		error: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		labelHidden: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		/** `#abc` and `#AABBCC` both mean the same colour; this is the spelling. */
+		function normalise(value) {
+			const text = value.trim().toLowerCase();
+			const short = /^#?([0-9a-f])([0-9a-f])([0-9a-f])$/.exec(text);
+			if (short) return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`;
+			const long = /^#?([0-9a-f]{6})$/.exec(text);
+			return long ? `#${long[1]}` : void 0;
+		}
+		/**
+		* The value, or nothing when it cannot be read.
+		*
+		* No fallback colour: a hex written here would be a colour the kit chose,
+		* and the kit chooses none — a test enforces that, and it is right to.
+		* Unreadable input is handed to the native control as an empty value, and
+		* whatever it shows then is the platform's decision rather than ours.
+		*/
+		const current = computed(() => normalise(__props.modelValue));
+		function set(value) {
+			const next = normalise(value);
+			if (next && next !== current.value) emit("update:modelValue", next);
+		}
+		/**
+		* What the hex field shows while it is being typed in.
+		*
+		* Not the value: "#ab" is not a colour, and rewriting the field on every
+		* keystroke would make it impossible to type the third character. It
+		* catches up with the value whenever the value changes from elsewhere — a
+		* swatch, the native picker — and commits what it holds on blur and Enter.
+		*/
+		const draft = ref(current.value ?? "");
+		watch(current, (value) => draft.value = value ?? "");
+		function commit() {
+			const next = normalise(draft.value);
+			if (next) set(next);
+			else draft.value = current.value ?? "";
+		}
+		const chosen = (value) => normalise(value) === current.value;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				hint: __props.hint,
+				error: __props.error,
+				"label-hidden": __props.labelHidden,
+				class: "rk-color"
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$12, [
+					createElementVNode("span", {
+						class: "rk-color-well",
+						style: normalizeStyle(current.value ? { "--rk-color": current.value } : void 0)
+					}, [createElementVNode("input", {
+						id,
+						type: "color",
+						class: "rk-color-native focus-ring",
+						value: current.value ?? "",
+						disabled: __props.disabled,
+						"aria-describedby": describedBy,
+						"aria-invalid": invalid,
+						onInput: _cache[0] || (_cache[0] = ($event) => set($event.target.value))
+					}, null, 40, _hoisted_2$10)], 4),
+					__props.hexLabel ? withDirectives((openBlock(), createElementBlock("input", {
+						key: 0,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => draft.value = $event),
+						type: "text",
+						class: "rk-color-hex control",
+						spellcheck: "false",
+						autocomplete: "off",
+						"aria-label": __props.hexLabel,
+						disabled: __props.disabled,
+						onBlur: commit,
+						onKeydown: withKeys(withModifiers(commit, ["prevent"]), ["enter"])
+					}, null, 40, _hoisted_3$9)), [[vModelText, draft.value]]) : createCommentVNode("", true),
+					__props.swatches.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_4$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.swatches, (swatch) => {
+						return openBlock(), createElementBlock("li", { key: swatch.value }, [createElementVNode("button", {
+							type: "button",
+							class: normalizeClass(["rk-color-swatch focus-ring", { "is-chosen": chosen(swatch.value) }]),
+							style: normalizeStyle({ "--rk-color": swatch.value }),
+							"aria-label": swatch.label,
+							"aria-pressed": chosen(swatch.value),
+							disabled: __props.disabled,
+							onClick: ($event) => set(swatch.value)
+						}, null, 14, _hoisted_5$3)]);
+					}), 128))])) : createCommentVNode("", true)
+				])]),
+				_: 1
+			}, 8, [
+				"label",
+				"hint",
+				"error",
+				"label-hidden"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-5ca23aa9"]]);
+//#endregion
 //#region src/components/CopyButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$12 = ["aria-label"];
-var _hoisted_2$10 = { key: 2 };
-var _hoisted_3$9 = {
+var _hoisted_1$11 = ["aria-label"];
+var _hoisted_2$9 = { key: 2 };
+var _hoisted_3$8 = {
 	class: "sr-only",
 	role: "status",
 	"aria-live": "polite"
@@ -2683,16 +3071,16 @@ var CopyButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					class: "size-4 shrink-0",
 					"aria-hidden": "true"
 				})),
-				__props.withText ? (openBlock(), createElementBlock("span", _hoisted_2$10, toDisplayString(state.value === "copied" ? __props.copiedLabel : __props.copyLabel), 1)) : createCommentVNode("", true),
-				createElementVNode("span", _hoisted_3$9, toDisplayString(state.value === "copied" ? __props.copiedLabel : state.value === "failed" ? __props.errorLabel ?? "" : ""), 1)
-			], 10, _hoisted_1$12);
+				__props.withText ? (openBlock(), createElementBlock("span", _hoisted_2$9, toDisplayString(state.value === "copied" ? __props.copiedLabel : __props.copyLabel), 1)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3$8, toDisplayString(state.value === "copied" ? __props.copiedLabel : state.value === "failed" ? __props.errorLabel ?? "" : ""), 1)
+			], 10, _hoisted_1$11);
 		};
 	}
 }), [["__scopeId", "data-v-c481e140"]]);
 //#endregion
 //#region src/components/DescriptionList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$11 = { class: "rk-dl-term" };
-var _hoisted_2$9 = { class: "rk-dl-value" };
+var _hoisted_1$10 = { class: "rk-dl-term" };
+var _hoisted_2$8 = { class: "rk-dl-value" };
 //#endregion
 //#region src/components/DescriptionList.vue
 var DescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -2707,16 +3095,16 @@ var DescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				return openBlock(), createElementBlock("div", {
 					key: item.key ?? item.term,
 					class: "rk-dl-row"
-				}, [createElementVNode("dt", _hoisted_1$11, toDisplayString(item.term), 1), createElementVNode("dd", _hoisted_2$9, [renderSlot(_ctx.$slots, item.key ?? item.term, { item }, () => [createTextVNode(toDisplayString(item.description), 1)], true)])]);
+				}, [createElementVNode("dt", _hoisted_1$10, toDisplayString(item.term), 1), createElementVNode("dd", _hoisted_2$8, [renderSlot(_ctx.$slots, item.key ?? item.term, { item }, () => [createTextVNode(toDisplayString(item.description), 1)], true)])]);
 			}), 128))], 2);
 		};
 	}
 }), [["__scopeId", "data-v-831e205b"]]);
 //#endregion
 //#region src/components/FileDrop.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$10 = { class: "rk-drop" };
-var _hoisted_2$8 = ["for"];
-var _hoisted_3$8 = [
+var _hoisted_1$9 = { class: "rk-drop" };
+var _hoisted_2$7 = ["for"];
+var _hoisted_3$7 = [
 	"id",
 	"accept",
 	"multiple",
@@ -2802,7 +3190,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const size = (bytes) => bytes >= 1048576 ? `${(bytes / 1048576).toFixed(1)} MB` : `${Math.max(1, Math.round(bytes / 1024))} KB`;
 		const count = computed(() => model.value.length);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$10, [
+			return openBlock(), createElementBlock("div", _hoisted_1$9, [
 				createElementVNode("label", {
 					class: normalizeClass(["rk-drop-box control", {
 						"is-over": over.value,
@@ -2821,7 +3209,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 						multiple: __props.multiple,
 						disabled: __props.disabled,
 						onChange: onInput
-					}, null, 40, _hoisted_3$8),
+					}, null, 40, _hoisted_3$7),
 					createVNode(unref(Upload), {
 						class: "text-ink-soft size-6",
 						"aria-hidden": "true"
@@ -2829,7 +3217,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					createElementVNode("span", _hoisted_4$5, toDisplayString(__props.label), 1),
 					__props.hint ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString(__props.hint), 1)) : createCommentVNode("", true),
 					createElementVNode("span", _hoisted_6$2, toDisplayString(__props.browseLabel), 1)
-				], 42, _hoisted_2$8),
+				], 42, _hoisted_2$7),
 				refused.value && __props.tooLargeLabel ? (openBlock(), createElementBlock("p", _hoisted_7$1, toDisplayString(__props.tooLargeLabel), 1)) : createCommentVNode("", true),
 				count.value ? (openBlock(), createElementBlock("ul", _hoisted_8, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (file, index) => {
 					return openBlock(), createElementBlock("li", {
@@ -2860,7 +3248,7 @@ var FileDrop_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-a42eab69"]]);
 //#endregion
 //#region src/components/TagsInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$9 = [
+var _hoisted_1$8 = [
 	"id",
 	"placeholder",
 	"aria-describedby",
@@ -2978,7 +3366,7 @@ var TagsInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					onKeydown,
 					onPaste,
 					onBlur: add
-				}, null, 40, _hoisted_1$9), [[vModelText, draft.value]])], 2)]),
+				}, null, 40, _hoisted_1$8), [[vModelText, draft.value]])], 2)]),
 				_: 1
 			}, 8, [
 				"label",
@@ -2992,7 +3380,7 @@ var TagsInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 }), [["__scopeId", "data-v-1fd08921"]]);
 //#endregion
 //#region src/components/BasePopover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$8 = ["id", "aria-label"];
+var _hoisted_1$7 = ["id", "aria-label"];
 var FOCUSABLE = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
 //#endregion
 //#region src/components/BasePopover.vue
@@ -3109,7 +3497,7 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					role: "dialog",
 					"aria-label": __props.label,
 					tabindex: "-1"
-				}, [renderSlot(_ctx.$slots, "default", { close }, void 0, true)], 14, _hoisted_1$8)) : createCommentVNode("", true)]),
+				}, [renderSlot(_ctx.$slots, "default", { close }, void 0, true)], 14, _hoisted_1$7)) : createCommentVNode("", true)]),
 				_: 3
 			})], 544);
 		};
@@ -3117,13 +3505,13 @@ var BasePopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-1371bff2"]]);
 //#endregion
 //#region src/components/TimePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$7 = [
+var _hoisted_1$6 = [
 	"id",
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_2$7 = { class: "truncate" };
-var _hoisted_3$7 = { class: "rk-time-columns" };
+var _hoisted_2$6 = { class: "truncate" };
+var _hoisted_3$6 = { class: "rk-time-columns" };
 //#endregion
 //#region src/components/TimePicker.vue
 var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3225,8 +3613,8 @@ var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 					}, props), [createVNode(unref(Clock), {
 						class: "size-4 shrink-0",
 						"aria-hidden": "true"
-					}), createElementVNode("span", _hoisted_2$7, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$7)]),
-					default: withCtx(() => [createElementVNode("div", _hoisted_3$7, [createVNode(BaseListbox_default, {
+					}), createElementVNode("span", _hoisted_2$6, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$6)]),
+					default: withCtx(() => [createElementVNode("div", _hoisted_3$6, [createVNode(BaseListbox_default, {
 						"model-value": chosenHour.value,
 						options: hours.value,
 						label: __props.hoursLabel,
@@ -3262,13 +3650,13 @@ var TimePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 }), [["__scopeId", "data-v-0037adb2"]]);
 //#endregion
 //#region src/components/BaseDatePicker.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$6 = [
+var _hoisted_1$5 = [
 	"id",
 	"aria-describedby",
 	"disabled"
 ];
-var _hoisted_2$6 = { class: "truncate" };
-var _hoisted_3$6 = ["aria-label", "disabled"];
+var _hoisted_2$5 = { class: "truncate" };
+var _hoisted_3$5 = ["aria-label", "disabled"];
 var _hoisted_4$4 = { class: "rk-date-panel" };
 var _hoisted_5$1 = {
 	key: 0,
@@ -3358,7 +3746,7 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, props), [createVNode(unref(CalendarDays), {
 						class: "size-4 shrink-0",
 						"aria-hidden": "true"
-					}), createElementVNode("span", _hoisted_2$6, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$6), __props.clearLabel && shown.value ? (openBlock(), createElementBlock("button", {
+					}), createElementVNode("span", _hoisted_2$5, toDisplayString(shown.value || __props.placeholder), 1)], 16, _hoisted_1$5), __props.clearLabel && shown.value ? (openBlock(), createElementBlock("button", {
 						key: 0,
 						type: "button",
 						class: "rk-date-clear focus-ring",
@@ -3368,7 +3756,7 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, [createVNode(unref(X), {
 						class: "size-3.5",
 						"aria-hidden": "true"
-					})], 8, _hoisted_3$6)) : createCommentVNode("", true)], 2)]),
+					})], 8, _hoisted_3$5)) : createCommentVNode("", true)], 2)]),
 					default: withCtx(() => [createElementVNode("div", _hoisted_4$4, [__props.presets?.length ? (openBlock(), createElementBlock("ul", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.presets, (preset) => {
 						return openBlock(), createElementBlock("li", { key: preset.label }, [createElementVNode("button", {
 							type: "button",
@@ -3409,12 +3797,12 @@ var BaseDatePicker_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-154e27fb"]]);
 //#endregion
 //#region src/components/BasePopconfirm.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$5 = { class: "rk-confirm" };
-var _hoisted_2$5 = {
+var _hoisted_1$4 = { class: "rk-confirm" };
+var _hoisted_2$4 = {
 	key: 0,
 	class: "rk-confirm-title"
 };
-var _hoisted_3$5 = { class: "rk-confirm-message" };
+var _hoisted_3$4 = { class: "rk-confirm-message" };
 var _hoisted_4$3 = { class: "rk-confirm-actions" };
 //#endregion
 //#region src/components/BasePopconfirm.vue
@@ -3454,9 +3842,9 @@ var BasePopconfirm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				align: "end"
 			}, {
 				trigger: withCtx((slotProps) => [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(slotProps)), void 0, true)]),
-				default: withCtx(({ close }) => [createElementVNode("div", _hoisted_1$5, [
-					__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-					createElementVNode("p", _hoisted_3$5, toDisplayString(__props.message), 1),
+				default: withCtx(({ close }) => [createElementVNode("div", _hoisted_1$4, [
+					__props.title ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+					createElementVNode("p", _hoisted_3$4, toDisplayString(__props.message), 1),
 					createElementVNode("div", _hoisted_4$3, [createVNode(BaseButton_default, {
 						size: "sm",
 						variant: "secondary",
@@ -3480,8 +3868,8 @@ var BasePopconfirm_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-9453e511"]]);
 //#endregion
 //#region src/components/ToggleGroup.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$4 = ["aria-label"];
-var _hoisted_2$4 = [
+var _hoisted_1$3 = ["aria-label"];
+var _hoisted_2$3 = [
 	"aria-pressed",
 	"aria-label",
 	"disabled",
@@ -3489,7 +3877,7 @@ var _hoisted_2$4 = [
 	"onClick",
 	"onKeydown"
 ];
-var _hoisted_3$4 = { key: 1 };
+var _hoisted_3$3 = { key: 1 };
 //#endregion
 //#region src/components/ToggleGroup.vue
 var ToggleGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -3572,170 +3960,12 @@ var ToggleGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 					key: 0,
 					class: "rk-toggle-icon",
 					"aria-hidden": "true"
-				})) : createCommentVNode("", true), !option.iconOnly ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(option.label), 1)) : createCommentVNode("", true)], 40, _hoisted_2$4);
-			}), 128))], 10, _hoisted_1$4);
+				})) : createCommentVNode("", true), !option.iconOnly ? (openBlock(), createElementBlock("span", _hoisted_3$3, toDisplayString(option.label), 1)) : createCommentVNode("", true)], 40, _hoisted_2$3);
+			}), 128))], 10, _hoisted_1$3);
 		};
 	}
 }), [["__scopeId", "data-v-9076e36f"]]);
 //#endregion
-//#region src/components/NumberInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$3 = ["aria-label", "disabled"];
-var _hoisted_2$3 = [
-	"id",
-	"value",
-	"aria-valuenow",
-	"aria-valuemin",
-	"aria-valuemax",
-	"aria-invalid",
-	"aria-describedby",
-	"disabled"
-];
-var _hoisted_3$3 = ["aria-label", "disabled"];
-//#endregion
-//#region src/components/NumberInput.vue
-var NumberInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "NumberInput",
-	props: /*@__PURE__*/ mergeModels({
-		label: {},
-		min: { default: () => -Infinity },
-		max: { default: () => Infinity },
-		step: { default: 1 },
-		decrementLabel: {},
-		incrementLabel: {},
-		error: { default: "" },
-		hint: { default: "" },
-		size: { default: "md" },
-		labelHidden: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		/** The number, with `v-model`. `undefined` while the field is empty. */
-		const model = useModel(__props, "modelValue");
-		const places = computed(() => (String(__props.step).split(".")[1] ?? "").length);
-		const settle = (value) => Number(Math.min(__props.max, Math.max(__props.min, value)).toFixed(Math.min(places.value, 20)));
-		const draft = ref(model.value === void 0 ? "" : String(model.value));
-		watch(model, (value) => {
-			if ((draft.value === "" ? void 0 : Number(draft.value)) !== value) draft.value = value === void 0 ? "" : String(value);
-		});
-		function onInput(event) {
-			const text = event.target.value.replace(",", ".");
-			draft.value = text;
-			if (text.trim() === "") {
-				model.value = void 0;
-				return;
-			}
-			const value = Number(text);
-			if (Number.isFinite(value)) model.value = value;
-		}
-		function commit() {
-			if (model.value === void 0) {
-				draft.value = "";
-				return;
-			}
-			setTo(model.value);
-		}
-		function setTo(value) {
-			model.value = settle(value);
-			draft.value = String(model.value);
-		}
-		function stepBy(times) {
-			if (__props.disabled) return;
-			setTo((model.value ?? (Number.isFinite(__props.min) ? __props.min : 0)) + __props.step * times);
-		}
-		function onKeydown(event) {
-			const action = {
-				ArrowUp: () => stepBy(1),
-				ArrowDown: () => stepBy(-1),
-				PageUp: () => stepBy(10),
-				PageDown: () => stepBy(-10),
-				Home: () => {
-					if (Number.isFinite(__props.min)) setTo(__props.min);
-				},
-				End: () => {
-					if (Number.isFinite(__props.max)) setTo(__props.max);
-				}
-			}[event.key];
-			if (!action) return;
-			event.preventDefault();
-			action();
-		}
-		const atMin = computed(() => model.value !== void 0 && model.value <= __props.min);
-		const atMax = computed(() => model.value !== void 0 && model.value >= __props.max);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(FormField_default, {
-				label: __props.label,
-				error: __props.error,
-				hint: __props.hint,
-				size: __props.size,
-				"label-hidden": __props.labelHidden
-			}, {
-				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", { class: normalizeClass(["rk-number control", {
-					"is-invalid": invalid,
-					"is-disabled": __props.disabled
-				}]) }, [
-					createElementVNode("button", {
-						type: "button",
-						class: "rk-number-step focus-ring",
-						"aria-label": __props.decrementLabel,
-						disabled: __props.disabled || atMin.value,
-						tabindex: "-1",
-						onClick: _cache[0] || (_cache[0] = ($event) => stepBy(-1))
-					}, [createVNode(unref(Minus), {
-						class: "size-4",
-						"aria-hidden": "true"
-					})], 8, _hoisted_1$3),
-					createElementVNode("input", {
-						id,
-						value: draft.value,
-						type: "text",
-						inputmode: "decimal",
-						role: "spinbutton",
-						autocomplete: "off",
-						class: "rk-number-field",
-						"aria-valuenow": model.value,
-						"aria-valuemin": Number.isFinite(__props.min) ? __props.min : void 0,
-						"aria-valuemax": Number.isFinite(__props.max) ? __props.max : void 0,
-						"aria-invalid": invalid,
-						"aria-describedby": describedBy,
-						disabled: __props.disabled,
-						onInput,
-						onBlur: commit,
-						onKeydown
-					}, null, 40, _hoisted_2$3),
-					createElementVNode("button", {
-						type: "button",
-						class: "rk-number-step focus-ring",
-						"aria-label": __props.incrementLabel,
-						disabled: __props.disabled || atMax.value,
-						tabindex: "-1",
-						onClick: _cache[1] || (_cache[1] = ($event) => stepBy(1))
-					}, [createVNode(unref(Plus), {
-						class: "size-4",
-						"aria-hidden": "true"
-					})], 8, _hoisted_3$3)
-				], 2)]),
-				_: 1
-			}, 8, [
-				"label",
-				"error",
-				"hint",
-				"size",
-				"label-hidden"
-			]);
-		};
-	}
-}), [["__scopeId", "data-v-082bd3d7"]]);
-//#endregion
 //#region src/components/PinInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$2 = { class: "rk-pin" };
 var _hoisted_2$2 = ["aria-label"];
@@ -4174,8 +4404,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.14.0";
+var VERSION = "2.16.0";
 //#endregion
-export { AppError, AvatarStack_default as AvatarStack, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCalendar_default as BaseCalendar, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseChip_default as BaseChip, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseKbd_default as BaseKbd, BaseLink_default as BaseLink, BaseListbox_default as BaseListbox, BaseMenu_default as BaseMenu, BasePopconfirm_default as BasePopconfirm, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseRating_default as BaseRating, BaseSelect_default as BaseSelect, BaseSeparator_default as BaseSeparator, BaseSheet_default as BaseSheet, BaseSkeleton_default as BaseSkeleton, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, CircularProgress_default as CircularProgress, CopyButton_default as CopyButton, DescriptionList_default as DescriptionList, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, TimePicker_default as TimePicker, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
+export { AppError, AvatarStack_default as AvatarStack, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCalendar_default as BaseCalendar, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseChip_default as BaseChip, BaseCombobox_default as BaseCombobox, BaseDatePicker_default as BaseDatePicker, BaseInput_default as BaseInput, BaseKbd_default as BaseKbd, BaseLink_default as BaseLink, BaseListbox_default as BaseListbox, BaseMenu_default as BaseMenu, BasePopconfirm_default as BasePopconfirm, BasePopover_default as BasePopover, BaseRadioGroup_default as BaseRadioGroup, BaseRating_default as BaseRating, BaseSelect_default as BaseSelect, BaseSeparator_default as BaseSeparator, BaseSheet_default as BaseSheet, BaseSkeleton_default as BaseSkeleton, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseStepper_default as BaseStepper, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, CircularProgress_default as CircularProgress, ColorPicker_default as ColorPicker, CopyButton_default as CopyButton, DescriptionList_default as DescriptionList, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FileDrop_default as FileDrop, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, NumberInput_default as NumberInput, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PinInput_default as PinInput, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, SHEET_ROOT_ID, SectionHeading_default as SectionHeading, SegmentedControl_default as SegmentedControl, SettingsGroup_default as SettingsGroup, SettingsRow_default as SettingsRow, SkeletonList_default as SkeletonList, SliderField_default as SliderField, StatCard_default as StatCard, TabBar_default as TabBar, TagsInput_default as TagsInput, TimePicker_default as TimePicker, ToastHost_default as ToastHost, ToggleGroup_default as ToggleGroup, ToneDot_default as ToneDot, VERSION, addDays, applyMaterial, applyPalette, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, ensureSheetRoot, formatDate, formatNumber, fromDateKey, isApplePortable, isInstalled, isMaterial, isPaletteName, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setMaterialStorageKey, setPaletteStorageKey, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, toRedirectPath, todayKey, useDebouncedCallback, useDragScroll, useMaterial, useMediaQuery, useOnline, usePalette, useTheme, useToast, useToday, useVisualViewport };
 
 //# sourceMappingURL=index.js.map