rei-kit 0.4.4 → 0.5.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { n as registerErrorMapper, r as toAppError, t as AppError } from "./app-error-DF9cijE0.js";
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelDynamic, vModelRadio, watch, watchEffect, withCtx, withDirectives } from "vue";
-import { ArrowDown, ArrowRight, ArrowUp, ChevronRight, X } from "lucide-vue-next";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onErrorCaptured, onMounted, onScopeDispose, onUnmounted, openBlock, readonly, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useModel, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives } from "vue";
+import { ArrowDown, ArrowRight, ArrowUp, ChevronDown, ChevronRight, X } from "lucide-vue-next";
 import { RouterLink } from "vue-router";
 import { createI18n } from "vue-i18n";
 //#region src/utils/date.ts
@@ -728,9 +728,9 @@ function useVisualViewport() {
 }
 //#endregion
 //#region src/components/BaseAlert.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$17 = ["role", "aria-live"];
-var _hoisted_2$15 = { class: "min-w-0 flex-1" };
-var _hoisted_3$10 = {
+var _hoisted_1$22 = ["role", "aria-live"];
+var _hoisted_2$17 = { class: "min-w-0 flex-1" };
+var _hoisted_3$12 = {
 	key: 0,
 	class: "text-ink font-semibold"
 };
@@ -771,9 +771,9 @@ var BaseAlert_default = /* @__PURE__ */ defineComponent({
 					class: normalizeClass(["mt-px grid size-6 shrink-0 place-items-center rounded-full text-xs font-semibold", mark.value]),
 					"aria-hidden": "true"
 				}, [renderSlot(_ctx.$slots, "mark")], 2)) : createCommentVNode("", true),
-				createElementVNode("div", _hoisted_2$15, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$10, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(_ctx.$slots.title ? "mt-1" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				createElementVNode("div", _hoisted_2$17, [_ctx.$slots.title ? (openBlock(), createElementBlock("p", _hoisted_3$12, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(_ctx.$slots.title ? "mt-1" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
 				renderSlot(_ctx.$slots, "action")
-			], 10, _hoisted_1$17);
+			], 10, _hoisted_1$22);
 		};
 	}
 });
@@ -798,12 +798,7 @@ var BaseBadge_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/BaseButton.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$16 = [
-	"type",
-	"disabled",
-	"aria-busy"
-];
-var _hoisted_2$14 = {
+var _hoisted_1$21 = {
 	key: 0,
 	class: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent",
 	"aria-hidden": "true"
@@ -813,6 +808,7 @@ var _hoisted_2$14 = {
 var BaseButton_default = /* @__PURE__ */ defineComponent({
 	__name: "BaseButton",
 	props: {
+		as: { default: "button" },
 		variant: { default: "primary" },
 		size: { default: "md" },
 		loading: {
@@ -823,7 +819,17 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		type: { default: "button" }
+		type: { default: "button" },
+		icon: {
+			type: Boolean,
+			default: false
+		},
+		block: {
+			type: Boolean,
+			default: false
+		},
+		to: { default: () => void 0 },
+		href: { default: () => void 0 }
 	},
 	setup(__props) {
 		const VARIANT_CLASS = {
@@ -834,23 +840,97 @@ var BaseButton_default = /* @__PURE__ */ defineComponent({
 		};
 		const SIZE_CLASS = {
 			sm: "h-9 px-3 text-sm",
-			md: "h-11 px-4 text-base"
+			md: "h-11 px-4 text-base",
+			lg: "h-14 px-6 text-lg"
+		};
+		const ICON_SIZE_CLASS = {
+			sm: "size-9 text-sm",
+			md: "size-11 text-base",
+			lg: "size-14 text-lg"
 		};
+		/** Anything that is not a `<button>` cannot be `disabled`; it has to be told. */
+		const inactive = computed(() => __props.disabled || __props.loading);
+		const linkProps = computed(() => {
+			if (__props.as === "router-link") return { to: __props.to };
+			if (__props.as === "a") return inactive.value ? {} : { href: __props.href };
+			return {};
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", {
-				type: __props.type,
-				disabled: __props.disabled || __props.loading,
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps(linkProps.value, {
+				type: __props.as === "button" ? __props.type : void 0,
+				disabled: __props.as === "button" ? inactive.value : void 0,
+				"aria-disabled": __props.as !== "button" && inactive.value ? "true" : void 0,
 				"aria-busy": __props.loading,
-				class: normalizeClass(["rounded-card focus-visible:outline-primary inline-flex items-center justify-center gap-2 font-medium transition-transform duration-100 select-none focus-visible:outline-2 focus-visible:outline-offset-2 active:scale-95 disabled:pointer-events-none disabled:opacity-50", [VARIANT_CLASS[__props.variant], SIZE_CLASS[__props.size]]])
-			}, [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2$14)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")], 10, _hoisted_1$16);
+				class: ["rounded-card focus-visible:outline-primary inline-flex items-center justify-center gap-2 font-medium transition-transform duration-100 select-none focus-visible:outline-2 focus-visible:outline-offset-2 active:scale-95 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50", [
+					VARIANT_CLASS[__props.variant],
+					__props.icon ? ICON_SIZE_CLASS[__props.size] : SIZE_CLASS[__props.size],
+					__props.block ? "w-full" : ""
+				]]
+			}), {
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("span", _hoisted_1$21)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"disabled",
+				"aria-disabled",
+				"aria-busy",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/FormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$20 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2$16 = ["for"];
+//#endregion
+//#region src/components/FormField.vue
+var FormField_default = /* @__PURE__ */ defineComponent({
+	__name: "FormField",
+	props: {
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const id = useId();
+		const errorId = `${id}-error`;
+		const hintId = `${id}-hint`;
+		const describedBy = computed(() => {
+			if (__props.error) return errorId;
+			if (__props.hint) return hintId;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$20, [
+				createElementVNode("label", {
+					for: unref(id),
+					class: normalizeClass(["text-ink text-sm font-medium", __props.labelHidden ? "sr-only" : ""])
+				}, toDisplayString(__props.label), 11, _hoisted_2$16),
+				renderSlot(_ctx.$slots, "default", {
+					id: unref(id),
+					describedBy: describedBy.value,
+					invalid: Boolean(__props.error)
+				}),
+				__props.error ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: errorId,
+					class: "text-negative text-xs"
+				}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: hintId,
+					class: "text-ink-soft text-xs"
+				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseInput.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$15 = { class: "flex flex-col gap-1.5" };
-var _hoisted_2$13 = ["for"];
-var _hoisted_3$9 = [
+var _hoisted_1$19 = [
 	"id",
 	"type",
 	"aria-invalid",
@@ -877,45 +957,36 @@ var BaseInput_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const model = useModel(__props, "modelValue");
-		const id = useId();
-		const errorId = `${id}-error`;
-		const hintId = `${id}-hint`;
-		const describedBy = computed(() => {
-			if (__props.error) return errorId;
-			if (__props.hint) return hintId;
-		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$15, [
-				createElementVNode("label", {
-					for: unref(id),
-					class: normalizeClass(["text-ink text-sm font-medium", __props.labelHidden ? "sr-only" : ""])
-				}, toDisplayString(__props.label), 11, _hoisted_2$13),
-				withDirectives(createElementVNode("input", mergeProps({
-					id: unref(id),
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				"label-hidden": __props.labelHidden
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [withDirectives(createElementVNode("input", mergeProps({
+					id,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
 					type: __props.type,
-					"aria-invalid": Boolean(__props.error),
-					"aria-describedby": describedBy.value
-				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary h-11 border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", __props.error ? "border-negative" : ""] }), null, 16, _hoisted_3$9), [[vModelDynamic, model.value]]),
-				__props.error ? (openBlock(), createElementBlock("p", {
-					key: 0,
-					id: errorId,
-					class: "text-negative text-xs"
-				}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
-					key: 1,
-					id: hintId,
-					class: "text-ink-soft text-xs"
-				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy
+				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary h-11 border px-3 focus-visible:outline-2 focus-visible:outline-offset-1", invalid ? "border-negative" : ""] }), null, 16, _hoisted_1$19), [[vModelDynamic, model.value]])]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"label-hidden"
 			]);
 		};
 	}
 });
 //#endregion
 //#region src/components/BaseSheet.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$14 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
-var _hoisted_2$12 = ["aria-label"];
-var _hoisted_3$8 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
-var _hoisted_4$6 = { class: "min-w-0 flex-1" };
+var _hoisted_1$18 = { class: "shell-frame md:rounded-shell relative flex max-h-full flex-col justify-end overflow-hidden" };
+var _hoisted_2$15 = ["aria-label"];
+var _hoisted_3$11 = { class: "flex shrink-0 items-start gap-3 px-6 pt-4 pb-5" };
+var _hoisted_4$8 = { class: "min-w-0 flex-1" };
 var _hoisted_5$4 = { class: "text-ink text-xl leading-tight font-semibold" };
 var _hoisted_6$2 = {
 	key: 0,
@@ -993,7 +1064,7 @@ var BaseSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 					key: 0,
 					class: "fixed inset-x-0 top-0 bottom-0 z-50 flex items-center justify-center",
 					style: normalizeStyle(viewportStyle.value)
-				}, [createElementVNode("div", _hoisted_1$14, [createElementVNode("div", {
+				}, [createElementVNode("div", _hoisted_1$18, [createElementVNode("div", {
 					class: "bg-ink/45 absolute inset-0 backdrop-blur-[2px]",
 					onClick: close
 				}), createElementVNode("section", {
@@ -1009,14 +1080,14 @@ var BaseSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						class: "flex shrink-0 justify-center pt-3",
 						"aria-hidden": "true"
 					}, [createElementVNode("span", { class: "bg-hair h-1.5 w-10 rounded-full" })], -1)),
-					createElementVNode("header", _hoisted_3$8, [createElementVNode("div", _hoisted_4$6, [createElementVNode("h2", _hoisted_5$4, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6$2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), createElementVNode("button", {
+					createElementVNode("header", _hoisted_3$11, [createElementVNode("div", _hoisted_4$8, [createElementVNode("h2", _hoisted_5$4, toDisplayString(__props.title), 1), __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_6$2, toDisplayString(__props.subtitle), 1)) : createCommentVNode("", true)]), createElementVNode("button", {
 						type: "button",
 						class: "text-ink-soft hover:bg-muted hover:text-ink -mt-1 flex size-10 shrink-0 items-center justify-center rounded-full transition-colors active:scale-90",
 						"aria-label": __props.closeLabel,
 						onClick: close
 					}, [createVNode(unref(X), { class: "size-5" })], 8, _hoisted_7$2)]),
 					createElementVNode("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])
-				], 8, _hoisted_2$12)])], 4)) : createCommentVNode("", true)]),
+				], 8, _hoisted_2$15)])], 4)) : createCommentVNode("", true)]),
 				_: 3
 			})]);
 		};
@@ -1034,12 +1105,12 @@ var _plugin_vue_export_helper_default = (sfc, props) => {
 var BaseSheet_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BaseSheet_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cb967015"]]);
 //#endregion
 //#region src/components/BaseCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1$13 = {
+var _hoisted_1$17 = {
 	key: 0,
 	class: "border-hair/70 border-b px-5 py-4"
 };
-var _hoisted_2$11 = { class: "px-5 py-4" };
-var _hoisted_3$7 = {
+var _hoisted_2$14 = { class: "px-5 py-4" };
+var _hoisted_3$10 = {
 	key: 1,
 	class: "border-hair/70 bg-muted/30 border-t px-5 py-3.5"
 };
@@ -1070,9 +1141,9 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(resolveDynamicComponent(__props.as), { class: normalizeClass(["border-hair bg-surface rounded-card border", __props.interactive ? "transition-[transform,box-shadow] duration-300 ease-out hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0 active:shadow-sm" : ""]) }, {
 				default: withCtx(() => [
-					_ctx.$slots.head ? (openBlock(), createElementBlock("div", _hoisted_1$13, [renderSlot(_ctx.$slots, "head")])) : createCommentVNode("", true),
-					createElementVNode("div", _hoisted_2$11, [renderSlot(_ctx.$slots, "default")]),
-					_ctx.$slots.foot ? (openBlock(), createElementBlock("div", _hoisted_3$7, [renderSlot(_ctx.$slots, "foot")])) : createCommentVNode("", true)
+					_ctx.$slots.head ? (openBlock(), createElementBlock("div", _hoisted_1$17, [renderSlot(_ctx.$slots, "head")])) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_2$14, [renderSlot(_ctx.$slots, "default")]),
+					_ctx.$slots.foot ? (openBlock(), createElementBlock("div", _hoisted_3$10, [renderSlot(_ctx.$slots, "foot")])) : createCommentVNode("", true)
 				]),
 				_: 3
 			}, 8, ["class"]);
@@ -1080,6 +1151,259 @@ var BaseCard_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/components/BaseCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$16 = { class: "flex flex-col gap-1.5" };
+var _hoisted_2$13 = ["for"];
+var _hoisted_3$9 = [
+	"id",
+	"disabled",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_4$7 = { class: "text-ink text-sm" };
+//#endregion
+//#region src/components/BaseCheckbox.vue
+var BaseCheckbox_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const id = useId();
+		const errorId = `${id}-error`;
+		const hintId = `${id}-hint`;
+		const describedBy = computed(() => {
+			if (__props.error) return errorId;
+			if (__props.hint) return hintId;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1$16, [createElementVNode("label", {
+				for: unref(id),
+				class: normalizeClass(["flex items-center gap-3", __props.disabled ? "opacity-50" : "cursor-pointer"])
+			}, [withDirectives(createElementVNode("input", {
+				id: unref(id),
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				type: "checkbox",
+				disabled: __props.disabled,
+				"aria-invalid": Boolean(__props.error),
+				"aria-describedby": describedBy.value,
+				class: "accent-primary focus-visible:outline-primary size-4 shrink-0 focus-visible:outline-2 focus-visible:outline-offset-2"
+			}, null, 8, _hoisted_3$9), [[vModelCheckbox, model.value]]), createElementVNode("span", _hoisted_4$7, toDisplayString(__props.label), 1)], 10, _hoisted_2$13), __props.error ? (openBlock(), createElementBlock("p", {
+				key: 0,
+				id: errorId,
+				class: "text-negative text-xs"
+			}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
+				key: 1,
+				id: hintId,
+				class: "text-ink-soft text-xs"
+			}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseRadioGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$15 = ["aria-describedby"];
+var _hoisted_2$12 = [
+	"name",
+	"value",
+	"disabled"
+];
+var _hoisted_3$8 = { class: "text-ink text-sm" };
+//#endregion
+//#region src/components/BaseRadioGroup.vue
+var BaseRadioGroup_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseRadioGroup",
+	props: /*@__PURE__*/ mergeModels({
+		legend: {},
+		options: {},
+		error: { default: "" },
+		hint: { default: "" },
+		legendHidden: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		const id = useId();
+		const errorId = `${id}-error`;
+		const hintId = `${id}-hint`;
+		const describedBy = computed(() => {
+			if (__props.error) return errorId;
+			if (__props.hint) return hintId;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", {
+				class: "flex flex-col gap-1.5",
+				"aria-describedby": describedBy.value
+			}, [
+				createElementVNode("legend", { class: normalizeClass(["text-ink mb-1.5 text-sm font-medium", __props.legendHidden ? "sr-only" : ""]) }, toDisplayString(__props.legend), 3),
+				(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+					return openBlock(), createElementBlock("label", {
+						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),
+						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$12), [[vModelRadio, model.value]]), createElementVNode("span", _hoisted_3$8, toDisplayString(option.label), 1)], 2);
+				}), 128)),
+				__props.error ? (openBlock(), createElementBlock("p", {
+					key: 0,
+					id: errorId,
+					class: "text-negative text-xs"
+				}, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", {
+					key: 1,
+					id: hintId,
+					class: "text-ink-soft text-xs"
+				}, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+			], 8, _hoisted_1$15);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseSelect.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$14 = { class: "relative" };
+var _hoisted_2$11 = [
+	"id",
+	"aria-invalid",
+	"aria-describedby"
+];
+var _hoisted_3$7 = {
+	key: 0,
+	value: "",
+	disabled: ""
+};
+var _hoisted_4$6 = ["value", "disabled"];
+//#endregion
+//#region src/components/BaseSelect.vue
+var BaseSelect_default = /* @__PURE__ */ defineComponent({
+	__name: "BaseSelect",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		options: {},
+		error: { default: "" },
+		hint: { default: "" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "" }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				"label-hidden": __props.labelHidden
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [createElementVNode("div", _hoisted_1$14, [withDirectives(createElementVNode("select", {
+					id,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy,
+					class: normalizeClass(["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary h-11 w-full appearance-none border py-0 pr-10 pl-3 focus-visible:outline-2 focus-visible:outline-offset-1", invalid ? "border-negative" : ""])
+				}, [__props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$7, 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$6);
+				}), 128))], 10, _hoisted_2$11), [[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"
+				})])]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"label-hidden"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/BaseTextarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$13 = [
+	"id",
+	"rows",
+	"aria-invalid",
+	"aria-describedby"
+];
+//#endregion
+//#region src/components/BaseTextarea.vue
+var BaseTextarea_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "BaseTextarea",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		error: { default: "" },
+		hint: { default: "" },
+		labelHidden: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 4 }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(FormField_default, {
+				label: __props.label,
+				error: __props.error,
+				hint: __props.hint,
+				"label-hidden": __props.labelHidden
+			}, {
+				default: withCtx(({ id, describedBy, invalid }) => [withDirectives(createElementVNode("textarea", mergeProps({
+					id,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					rows: __props.rows,
+					"aria-invalid": invalid,
+					"aria-describedby": describedBy
+				}, _ctx.$attrs, { class: ["border-hair bg-surface text-ink rounded-card focus-visible:outline-primary resize-y border px-3 py-2 leading-relaxed focus-visible:outline-2 focus-visible:outline-offset-1", invalid ? "border-negative" : ""] }), null, 16, _hoisted_1$13), [[vModelText, model.value]])]),
+				_: 1
+			}, 8, [
+				"label",
+				"error",
+				"hint",
+				"label-hidden"
+			]);
+		};
+	}
+});
+//#endregion
 //#region src/components/EmptyState.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$12 = { class: "flex flex-col items-center gap-3 px-6 py-10 text-center" };
 var _hoisted_2$10 = {
@@ -1800,8 +2124,8 @@ function createI18nRuntime(options) {
 *
 * The fallback keeps `vitest` and `vite dev` honest, where no define runs.
 */
-var VERSION = "0.4.4";
+var VERSION = "0.5.0";
 //#endregion
-export { AppError, BaseAlert_default as BaseAlert, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCard_default as BaseCard, BaseInput_default as BaseInput, BaseSheet_default as BaseSheet, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, 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, ToneDot_default as ToneDot, VERSION, addDays, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, formatDate, fromDateKey, isApplePortable, isInstalled, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, todayKey, useDebouncedCallback, useDragScroll, useMediaQuery, useOnline, useTheme, useToday, useVisualViewport };
+export { AppError, BaseAlert_default as BaseAlert, BaseBadge_default as BaseBadge, BaseButton_default as BaseButton, BaseCard_default as BaseCard, BaseCheckbox_default as BaseCheckbox, BaseInput_default as BaseInput, BaseRadioGroup_default as BaseRadioGroup, BaseSelect_default as BaseSelect, BaseSheet_default as BaseSheet, BaseTextarea_default as BaseTextarea, EmptyState_default as EmptyState, ErrorBoundary_default as ErrorBoundary, FormField_default as FormField, GoogleButton_default as GoogleButton, LocaleLinks_default as LocaleLinks, PageContainer_default as PageContainer, PageHeader_default as PageHeader, PriceCard_default as PriceCard, ProgressBar_default as ProgressBar, 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, ToneDot_default as ToneDot, VERSION, addDays, applyTheme, createI18nRuntime, downloadJson, eachDayOfYear, formatDate, fromDateKey, isApplePortable, isInstalled, isThemePreference, lastNDays, leadingBlanks, needsIosInstall, readStoredTheme, registerErrorMapper, relativeDayLabel, safeRedirect, setFormatLocale, setThemeStorageKey, startOfWeek, tapFeedback, toAppError, toDateKey, todayKey, useDebouncedCallback, useDragScroll, useMediaQuery, useOnline, useTheme, useToday, useVisualViewport };
 
 //# sourceMappingURL=index.js.map