rei-kit 2.3.1 → 2.4.0

package/dist/components/BaseInput.vue.d.ts

@@ -1,52 +1,55 @@
-type __VLS_Props = {
-    label: string;
-    error?: string | undefined;
-    hint?: string | undefined;
-    /**
-     * Hides the label visually but keeps it for assistive tech. For fields whose
-     * surrounding row already names them — dropping the label entirely would
-     * leave the input with no accessible name at all.
-     */
-    labelHidden?: boolean | undefined;
-    /**
-     * Every type a text field can be, because the ones missing were the ones
-     * apps needed: `date` and `search` were hand-written three times each and
-     * `url` twice, in files that already imported this component.
-     */
-    type?: 'text' | 'email' | 'password' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | undefined;
-    /** `sm` for a field inside a row rather than in a form of its own. */
-    size?: 'sm' | 'md' | undefined;
-    /**
-     * `unstyled` keeps the wiring and drops the surface.
-     *
-     * The label, the generated id, `aria-describedby` and the error are what a
-     * field is; the border and the height are what it looks like. A search box
-     * inside a bordered row, a url field in an editor popover — those places
-     * were hand-writing the whole thing to avoid the appearance, and losing the
-     * wiring with it.
-     *
-     * The same reasoning as `BaseButton`'s `unstyled`, and the same test: a
-     * primitive is finished when the app can take its behaviour without its
-     * paint.
-     */
-    variant?: 'default' | 'unstyled' | undefined;
+import { InputHTMLAttributes } from 'vue';
+declare const __VLS_export: <T extends string | number | undefined = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        /** The value, with `v-model`. Its type is whatever you bind. */
+        modelValue?: T | undefined;
+        label: string;
+        error?: string | undefined;
+        hint?: string | undefined;
+        /**
+         * Hides the label visually but keeps it for assistive tech. For fields whose
+         * surrounding row already names them — dropping the label entirely would
+         * leave the input with no accessible name at all.
+         */
+        labelHidden?: boolean | undefined;
+        /**
+         * Every type a text field can be, because the ones missing were the ones
+         * apps needed: `date` and `search` were hand-written three times each and
+         * `url` twice, in files that already imported this component.
+         */
+        type?: "text" | "email" | "password" | "number" | "search" | "tel" | "url" | "date" | "time" | "datetime-local" | undefined;
+        /** `sm` for a field inside a row rather than in a form of its own. */
+        size?: "sm" | "md" | undefined;
+        /**
+         * `unstyled` keeps the wiring and drops the surface.
+         *
+         * The label, the generated id, `aria-describedby` and the error are what a
+         * field is; the border and the height are what it looks like. A search box
+         * inside a bordered row, a url field in an editor popover — those places
+         * were hand-writing the whole thing to avoid the appearance, and losing the
+         * wiring with it.
+         *
+         * The same reasoning as `BaseButton`'s `unstyled`, and the same test: a
+         * primitive is finished when the app can take its behaviour without its
+         * paint.
+         */
+        variant?: "default" | "unstyled" | undefined;
+    } & Omit<InputHTMLAttributes, "type" | "size">) & {
+        "onUpdate:modelValue"?: (value: T) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: T) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
-type __VLS_ModelProps = {
-    /**
-     * A number field's value is a number.
-     *
-     * Typed to `string` alone, `type="number"` forced the caller to keep a string
-     * ref and convert on both sides of it — and a component you have to wrap in
-     * order to use is one you write yourself instead, which is exactly what the
-     * first numeric field tried to reach for it did.
-     */
-    modelValue?: string | number | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | number | undefined) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/BaseRadioGroup.vue.d.ts

@@ -10,6 +10,8 @@
  * are options for.
  */
 type __VLS_Props = {
+    /** The chosen option's value, with `v-model`. */
+    modelValue?: string | undefined;
     legend: string;
     options: readonly {
         value: string;
@@ -20,14 +22,10 @@ type __VLS_Props = {
     hint?: string | undefined;
     legendHidden?: boolean | undefined;
 };
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | undefined) => any;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/BaseTextarea.vue.d.ts

@@ -1,4 +1,6 @@
 type __VLS_Props = {
+    /** The text, with `v-model`. */
+    modelValue?: string | undefined;
     label: string;
     error?: string | undefined;
     hint?: string | undefined;
@@ -26,14 +28,10 @@ type __VLS_Props = {
      */
     variant?: 'default' | 'unstyled' | undefined;
 };
-type __VLS_ModelProps = {
-    modelValue?: string | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | undefined) => any;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/composables/use-bound-value.d.ts

@@ -0,0 +1,20 @@
+import { WritableComputedRef } from 'vue';
+/**
+ * A `v-model` that accepts `undefined` and emits only what a field produces.
+ *
+ * `defineModel` could not be typed both ways. Without a default it declares
+ * that it may emit `undefined`, so under vue-tsc's strictTemplates a
+ * `ref('')` cannot be bound to it. With a default it drops `undefined` from
+ * what it accepts, so under `exactOptionalPropertyTypes` a form library's
+ * `string | undefined` cannot be. Hibi binds exactly that, and 2.4.0 as first
+ * written broke it — the consumer check caught it before the tag.
+ *
+ * So the prop and the event are declared by hand — the prop as
+ * `T | undefined`, the event as `T` — and this is the rest of what
+ * `defineModel` did: follow the prop, and keep a value of its own when
+ * nothing is bound. Vue applies `.trim` and `.number` to the event itself, so
+ * modifiers behave as they did.
+ *
+ * Internal: not exported from the package.
+ */
+export declare function useBoundValue<T>(read: () => T | undefined, write: (value: T) => void): WritableComputedRef<T | undefined>;

package/dist/index.js

@@ -1,10 +1,10 @@
 import { a as addDays, c as lastNDays, d as toDateKey, f as todayKey, i as needsIosInstall, l as leadingBlanks, n as isApplePortable, o as eachDayOfYear, r as isInstalled, s as fromDateKey, t as SettingsGroup_default, u as startOfWeek } from "./SettingsGroup-BXkajKGl.js";
 import { n as formatNumber, r as setFormatLocale, t as formatDate } from "./format-BEvBK1SJ.js";
-import { _ as toRedirectPath, a as FormField_default, c as useVisualViewport, d as isThemePreference, f as readStoredTheme, g as safeRedirect, h as tapFeedback, i as BaseInput_default, l as useOnline, m as useTheme, n as BaseCheckbox_default, o as BaseAlert_default, p as setThemeStorageKey, r as BaseSheet_default, s as useToast, t as GoogleButton_default, u as applyTheme, v as SHEET_ROOT_ID, y as ensureSheetRoot } from "./GoogleButton-D82EoXSQ.js";
+import { _ as safeRedirect, a as useBoundValue, b as ensureSheetRoot, c as useToast, d as applyTheme, f as isThemePreference, g as tapFeedback, h as useTheme, i as BaseInput_default, l as useVisualViewport, m as setThemeStorageKey, n as BaseCheckbox_default, o as FormField_default, p as readStoredTheme, r as BaseSheet_default, s as BaseAlert_default, t as GoogleButton_default, u as useOnline, v as toRedirectPath, y as SHEET_ROOT_ID } from "./GoogleButton-tEyI7znu.js";
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
 import { n as BaseButton_default, t as SettingsRow_default } from "./SettingsRow-BXFn8tCk.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelRadio, vModelSelect, vModelText, vShow, watch, watchEffect, withCtx, withDirectives, withModifiers } from "vue";
 import { ArrowDown, ArrowRight, ArrowUp, CheckCircle2, ChevronDown, Info, TriangleAlert, X, XCircle } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
@@ -866,7 +866,8 @@ var _hoisted_3$9 = { class: "text-ink text-sm" };
 //#region src/components/BaseRadioGroup.vue
 var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseRadioGroup",
-	props: /*@__PURE__*/ mergeModels({
+	props: {
+		modelValue: { default: () => void 0 },
 		legend: {},
 		options: {},
 		error: { default: "" },
@@ -875,13 +876,11 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		}
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
+	},
 	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useBoundValue(() => __props.modelValue, (value) => emit("update:modelValue", value));
 		const id = useId();
 		const errorId = `${id}-error`;
 		const hintId = `${id}-hint`;
@@ -900,13 +899,13 @@ var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
 						key: option.value,
 						class: normalizeClass(["flex items-center gap-3", option.disabled ? "opacity-50" : "cursor-pointer"])
 					}, [withDirectives(createElementVNode("input", {
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
 						type: "radio",
 						name: unref(id),
 						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$15), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$9, toDisplayString(option.label), 1)], 2);
+					}, null, 8, _hoisted_2$15), [[vModelRadio, unref(model)]]), createElementVNode("span", _hoisted_3$9, toDisplayString(option.label), 1)], 2);
 				}), 128)),
 				__props.error ? (openBlock(), createElementBlock("p", {
 					key: 0,
@@ -1272,7 +1271,8 @@ var _hoisted_1$12 = [
 var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "BaseTextarea",
-	props: /*@__PURE__*/ mergeModels({
+	props: {
+		modelValue: { default: () => void 0 },
 		label: {},
 		error: { default: "" },
 		hint: { default: "" },
@@ -1283,13 +1283,11 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 		rows: { default: 4 },
 		size: { default: "md" },
 		variant: { default: "default" }
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
+	},
 	emits: ["update:modelValue"],
-	setup(__props) {
-		const model = useModel(__props, "modelValue");
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const model = useBoundValue(() => __props.modelValue, (value) => emit("update:modelValue", value));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(FormField_default, {
 				label: __props.label,
@@ -1300,7 +1298,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(({ id, describedBy, invalid }) => [withDirectives(createElementVNode("textarea", mergeProps({
 					id,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(model) ? model.value = $event : null),
 					rows: __props.rows,
 					"aria-invalid": invalid,
 					"aria-describedby": describedBy
@@ -1308,7 +1306,7 @@ var BaseTextarea_default = /* @__PURE__ */ defineComponent({
 					__props.variant === "unstyled" ? "" : "control text-ink rounded-card focus-visible:outline-primary resize-y px-3 py-2 leading-relaxed focus-visible:outline-2 focus-visible:outline-offset-1",
 					"text-base",
 					__props.variant !== "unstyled" && invalid ? "border-negative" : ""
-				] }), null, 16, _hoisted_1$12), [[vModelText, model.value]])]),
+				] }), null, 16, _hoisted_1$12), [[vModelText, unref(model)]])]),
 				_: 1
 			}, 8, [
 				"label",
@@ -2056,7 +2054,7 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "2.3.1";
+var VERSION = "2.4.0";
 //#endregion
 export { AppError, BaseAlert_default as BaseAlert, BaseAvatar_default as BaseAvatar, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseCombobox_default as BaseCombobox, BaseInput_default as BaseInput, BaseMenu_default as BaseMenu, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSheet_default as BaseSheet, BaseSlider_default as BaseSlider, BaseSpinner_default as BaseSpinner, BaseSwitch_default as BaseSwitch, BaseTable_default as BaseTable, BaseTextarea_default as BaseTextarea, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, MATERIALS, PALETTES, PageContainer_default as PageContainer, PageHeader_default as PageHeader, 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, ToastHost_default as ToastHost, 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 };