@bridge-ui/vue 0.0.3 → 0.0.5

package/dist/Components/Checkbox/Checkbox.vue.d.ts

@@ -2,13 +2,13 @@ import { CheckboxOwnProps, CheckboxSlots } from './checkbox.types';
 type __VLS_Slots = CheckboxSlots;
 type __VLS_Props = CheckboxOwnProps;
 type __VLS_ModelProps = {
-    modelValue?: boolean;
+    modelValue?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,20 +1,20 @@
 import e from "../FormControl/FormControl.js";
 import { useCheckbox as t } from "./composables/useCheckbox.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, unref as m, useAttrs as h, useModel as g, withCtx as _ } from "vue";
-import { cn as v } from "@bridge-ui/core";
-import { Check as y } from "@lucide/vue";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, guardReactiveProps as c, mergeModels as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, ref as m, unref as h, useAttrs as g, useModel as _, withCtx as v } from "vue";
+import { cn as y } from "@bridge-ui/core";
+import { Check as b } from "@lucide/vue";
 //#region src/Components/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var b = ["for"], x = ["checked"], S = {
+var x = ["for"], S = ["checked"], C = {
 	key: 1,
 	class: "block h-0.5 w-[55%] rounded-full bg-white"
-}, C = /* @__PURE__ */ s({
+}, w = /* @__PURE__ */ s({
 	inheritAttrs: !1,
 	__name: "Checkbox",
 	props: /* @__PURE__ */ l({
-		checked: { type: Boolean },
 		classes: {},
 		color: {},
 		customProps: {},
+		defaultChecked: { type: Boolean },
 		indeterminate: { type: Boolean },
 		rounded: {},
 		size: {},
@@ -32,38 +32,39 @@ var b = ["for"], x = ["checked"], S = {
 	}, {
 		modelValue: {
 			type: Boolean,
-			default: !1
+			default: void 0
 		},
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(s) {
-		let l = h(), C = s, w = g(s, "modelValue"), { merged: T, iconBind: E, inputRef: D, fieldBind: O, inputBind: k, isChecked: A, formControl: j, controlBind: M } = t(() => ({
+		let l = g(), w = s, T = m(!!w.defaultChecked), E = _(s, "modelValue"), { merged: D, iconBind: O, inputRef: k, fieldBind: A, inputBind: j, isChecked: M, formControl: N, controlBind: P } = t(() => ({
 			...l,
-			...C
+			...w
 		}), {
 			size: "md",
 			rounded: "sm",
 			color: "primary"
-		}, n(() => w.value));
-		function N(e) {
-			w.value = e.target.checked;
+		}, n(() => E.value ?? T.value));
+		function F(e) {
+			let t = e.target;
+			E.value = t.checked, T.value = t.checked;
 		}
-		return (t, n) => (p(), r(m(e), { field: m(j) }, {
-			default: _(() => [o("label", u(m(O), { for: m(j).controlId.value }), [o("input", u({
+		return (t, n) => (p(), r(h(e), { field: h(N) }, {
+			default: v(() => [o("label", u(h(A), { for: h(N).controlId.value }), [o("input", u({
 				ref_key: "inputRef",
-				ref: D
-			}, m(k), {
-				checked: m(A),
-				onChange: N
-			}), null, 16, x), o("span", f(c(m(M))), [m(A) && !m(T).indeterminate ? (p(), r(m(y), {
+				ref: k
+			}, h(j), {
+				checked: h(M),
+				onChange: F
+			}), null, 16, S), o("span", f(c(h(P))), [h(M) && !h(D).indeterminate ? (p(), r(h(b), {
 				key: 0,
 				"stroke-width": 3,
-				class: d(m(v)("h-[65%] w-[65%]", m(E).class))
-			}, null, 8, ["class"])) : m(T).indeterminate ? (p(), a("span", S)) : i("", !0)], 16)], 16, b)]),
+				class: d(h(y)("h-[65%] w-[65%]", h(O).class))
+			}, null, 8, ["class"])) : h(D).indeterminate ? (p(), a("span", C)) : i("", !0)], 16)], 16, x)]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { C as default };
+export { w as default };

package/dist/Components/Checkbox/checkbox.types.d.ts

@@ -39,12 +39,6 @@ export interface CheckboxEmits {
     "update:modelValue": [value: boolean];
 }
 export interface CheckboxOwnProps extends Omit<FormControlOwnProps, "field" | "slots" | "classes" | "customProps"> {
-    /**
-     * Whether the checkbox is checked.
-     *
-     * @default undefined
-     */
-    checked?: boolean;
     /**
      * Classes for the form control chrome and the checkbox control.
      *
@@ -63,6 +57,13 @@ export interface CheckboxOwnProps extends Omit<FormControlOwnProps, "field" | "s
      * @default undefined
      */
     customProps?: CheckboxCustomProps;
+    /**
+     * Initial checked state for uncontrolled usage (when `v-model` /
+     * `modelValue` is not bound).
+     *
+     * @default false
+     */
+    defaultChecked?: boolean;
     /**
      * Whether the checkbox is in an indeterminate state.
      *

package/dist/Components/Checkbox/composables/useCheckbox.d.ts

@@ -229,7 +229,7 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<CheckboxOwnProps, "color" | "size" | "classes" | "customProps" | "rounded" | "indeterminate">>>>;
+    }, Partial<Omit<CheckboxOwnProps, "color" | "size" | "classes" | "customProps" | "rounded" | "indeterminate" | "defaultChecked">>>>;
     isChecked: import('vue').ComputedRef<boolean>;
     formControl: {
         slots: Readonly<{

package/dist/Components/Checkbox/composables/useCheckbox.js

@@ -11,7 +11,8 @@ var v = [
 	"classes",
 	"rounded",
 	"customProps",
-	"indeterminate"
+	"indeterminate",
+	"defaultChecked"
 ];
 function y(y, b, x) {
 	let S = s(), C = a(null), w = r(() => ({

package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js

@@ -3,16 +3,18 @@ import { mergePartBind as t, resolveFieldAdornmentIconSize as n } from "../../Ut
 import r from "../Icon/Icon.js";
 import i from "../FormField/FormField.js";
 import { useNumberField as a } from "./composables/useNumberField.js";
-import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, isRef as f, mergeModels as p, mergeProps as m, normalizeProps as h, openBlock as g, unref as _, useModel as v, vModelDynamic as y, withCtx as b, withDirectives as x } from "vue";
-import { cn as S } from "@bridge-ui/core";
-import { ChevronDown as C, ChevronUp as w } from "@lucide/vue";
+import { computed as o, createBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, isRef as f, mergeModels as p, mergeProps as m, normalizeProps as h, openBlock as g, ref as _, unref as v, useModel as y, vModelDynamic as b, withCtx as x, withDirectives as S } from "vue";
+import { isUndefined as C } from "es-toolkit/compat";
+import { cn as w } from "@bridge-ui/core";
+import { ChevronDown as T, ChevronUp as E } from "@lucide/vue";
 //#region src/Components/NumberField/NumberField.vue?vue&type=script&setup=true&lang.ts
-var T = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, E = /* @__PURE__ */ u({
+var D = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overflow-hidden" }, O = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "NumberField",
 	props: /* @__PURE__ */ p({
 		classes: {},
 		customProps: {},
+		defaultValue: {},
 		max: {},
 		min: {},
 		step: { default: 1 },
@@ -41,41 +43,46 @@ var T = { class: "bridge-end-adornment flex h-full min-w-9 flex-col gap-px overf
 	}),
 	emits: /* @__PURE__ */ p(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(u, { emit: p }) {
-		let E = p, D = v(u, "modelValue"), O = u, { decrement: k, formField: A, increment: j, inputBind: M, stringModel: N, mergedClasses: P } = a(O, D, { onChange: (e) => E("change", e) }), F = e(() => j(), () => ({ disabled: O.disabled })), I = e(() => k(), () => ({ disabled: O.disabled })), L = o(() => n(O.size)), R = o(() => t(O.customProps?.increment, {
+		let O = p, k = y(u, "modelValue"), A = u, j = _(A.defaultValue), { decrement: M, formField: N, increment: P, inputBind: F, stringModel: I, mergedClasses: L } = a(A, o({
+			set: (e) => {
+				k.value = e, j.value = e;
+			},
+			get: () => C(k.value) ? j.value : k.value
+		}), { onChange: (e) => O("change", e) }), R = e(() => P(), () => ({ disabled: A.disabled })), z = e(() => M(), () => ({ disabled: A.disabled })), B = o(() => n(A.size)), V = o(() => t(A.customProps?.increment, {
 			type: "button",
-			disabled: O.disabled,
+			disabled: A.disabled,
 			"aria-label": "Increment value",
-			onClick: F.onPressClick,
-			onPointerup: F.onPressPointerUp,
-			onPointerdown: F.onPressPointerDown,
-			onLostpointercapture: F.onPressLostPointerCapture
-		}, S({
+			onClick: R.onPressClick,
+			onPointerup: R.onPressPointerUp,
+			onPointerdown: R.onPressPointerDown,
+			onLostpointercapture: R.onPressLostPointerCapture
+		}, w({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[P.value.increment ?? ""]: !0
-		}))), z = o(() => t(O.customProps?.decrement, {
+			[L.value.increment ?? ""]: !0
+		}))), H = o(() => t(A.customProps?.decrement, {
 			type: "button",
-			disabled: O.disabled,
+			disabled: A.disabled,
 			"aria-label": "Decrement value",
-			onClick: I.onPressClick,
-			onPointerup: I.onPressPointerUp,
-			onPointerdown: I.onPressPointerDown,
-			onLostpointercapture: I.onPressLostPointerCapture
-		}, S({
+			onClick: z.onPressClick,
+			onPointerup: z.onPressPointerUp,
+			onPointerdown: z.onPressPointerDown,
+			onLostpointercapture: z.onPressLostPointerCapture
+		}, w({
 			"bridge-field-adornment-button inline-flex min-h-0 min-w-8 flex-1 items-center justify-center": !0,
-			[P.value.decrement ?? ""]: !0
+			[L.value.decrement ?? ""]: !0
 		})));
-		return (e, t) => (g(), s(_(i), { field: _(A) }, {
-			end: b(() => [c("div", T, [c("button", h(d(R.value)), [l(_(r), m({
-				icon: _(w),
-				size: L.value
-			}, O.customProps?.incrementIcon), null, 16, ["icon", "size"])], 16), c("button", h(d(z.value)), [l(_(r), m({
-				icon: _(C),
-				size: L.value
-			}, O.customProps?.decrementIcon), null, 16, ["icon", "size"])], 16)])]),
-			default: b(() => [x(c("input", m({ "onUpdate:modelValue": t[0] ||= (e) => f(N) ? N.value = e : null }, _(M)), null, 16), [[y, _(N)]])]),
+		return (e, t) => (g(), s(v(i), { field: v(N) }, {
+			end: x(() => [c("div", D, [c("button", h(d(V.value)), [l(v(r), m({
+				icon: v(E),
+				size: B.value
+			}, A.customProps?.incrementIcon), null, 16, ["icon", "size"])], 16), c("button", h(d(H.value)), [l(v(r), m({
+				icon: v(T),
+				size: B.value
+			}, A.customProps?.decrementIcon), null, 16, ["icon", "size"])], 16)])]),
+			default: x(() => [S(c("input", m({ "onUpdate:modelValue": t[0] ||= (e) => f(I) ? I.value = e : null }, v(F)), null, 16), [[b, v(I)]])]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { E as default };
+export { O as default };

package/dist/Components/NumberField/composables/useNumberField.js

@@ -12,10 +12,10 @@ function c(c, l, u = {}) {
 		entry: p,
 		props: () => ({ classes: c.classes })
 	}), h = r(() => {
-		let { min: e, max: t, step: n, classes: r, ...i } = c;
+		let { min: e, max: t, step: n, classes: r, defaultValue: i, ...a } = c;
 		return {
 			...d,
-			...i,
+			...a,
 			withErrorIcon: !1,
 			classes: m.value
 		};

package/dist/Components/NumberField/numberField.types.d.ts

@@ -60,6 +60,13 @@ export interface NumberFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "
      * @default undefined
      */
     customProps?: NumberFieldCustomProps;
+    /**
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
+     */
+    defaultValue?: number;
     /**
      * The maximum value.
      */

package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js

@@ -2,16 +2,18 @@ import { mergePartBind as e, resolveFieldAdornmentIconSize as t } from "../../Ut
 import n from "../Icon/Icon.js";
 import r from "../FormField/FormField.js";
 import { usePasswordField as i } from "./composables/usePasswordField.js";
-import { computed as a, createBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, unref as h, useModel as g, vModelDynamic as _, withCtx as v, withDirectives as y } from "vue";
-import { cn as b } from "@bridge-ui/core";
-import { Eye as x, EyeOff as S } from "@lucide/vue";
+import { computed as a, createBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, guardReactiveProps as u, mergeModels as d, mergeProps as f, normalizeProps as p, openBlock as m, ref as h, unref as g, useModel as _, vModelDynamic as v, withCtx as y, withDirectives as b } from "vue";
+import { isUndefined as x } from "es-toolkit/compat";
+import { cn as S } from "@bridge-ui/core";
+import { Eye as C, EyeOff as w } from "@lucide/vue";
 //#region src/Components/PasswordField/PasswordField.vue?vue&type=script&setup=true&lang.ts
-var C = /* @__PURE__ */ l({
+var T = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "PasswordField",
 	props: /* @__PURE__ */ d({
 		classes: {},
 		customProps: {},
+		defaultValue: {},
 		visible: {
 			type: [null, Boolean],
 			default: null
@@ -43,24 +45,29 @@ var C = /* @__PURE__ */ l({
 	}),
 	emits: /* @__PURE__ */ d(["visibility-change"], ["update:modelValue"]),
 	setup(l, { emit: d }) {
-		let C = d, w = g(l, "modelValue"), T = l, { formField: E, inputBind: D, isVisible: O, mergedClasses: k, toggleVisibility: A } = i(T, { onVisibilityChange: (e) => C("visibility-change", e) }), j = a(() => e(T.customProps?.toggle, {
+		let T = d, E = _(l, "modelValue"), D = l, O = h(D.defaultValue), k = a({
+			set: (e) => {
+				E.value = e, O.value = e;
+			},
+			get: () => x(E.value) ? O.value : E.value
+		}), { formField: A, inputBind: j, isVisible: M, mergedClasses: N, toggleVisibility: P } = i(D, { onVisibilityChange: (e) => T("visibility-change", e) }), F = a(() => e(D.customProps?.toggle, {
 			type: "button",
-			disabled: T.disabled,
-			onClick: A,
-			"aria-label": O.value ? "Hide password" : "Show password"
-		}, b({
+			disabled: D.disabled,
+			onClick: P,
+			"aria-label": M.value ? "Hide password" : "Show password"
+		}, S({
 			"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
-			[k.value.toggle ?? ""]: !0
+			[N.value.toggle ?? ""]: !0
 		})));
-		return (e, i) => (m(), o(h(r), { field: h(E) }, {
-			end: v(() => [s("button", p(u(j.value)), [c(h(n), f({
-				icon: h(O) ? h(S) : h(x),
-				size: h(t)(T.size)
-			}, T.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
-			default: v(() => [y(s("input", f({ "onUpdate:modelValue": i[0] ||= (e) => w.value = e }, h(D)), null, 16), [[_, w.value]])]),
+		return (e, i) => (m(), o(g(r), { field: g(A) }, {
+			end: y(() => [s("button", p(u(F.value)), [c(g(n), f({
+				icon: g(M) ? g(w) : g(C),
+				size: g(t)(D.size)
+			}, D.customProps?.toggleIcon), null, 16, ["icon", "size"])], 16)]),
+			default: y(() => [b(s("input", f({ "onUpdate:modelValue": i[0] ||= (e) => k.value = e }, g(j)), null, 16), [[v, k.value]])]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { C as default };
+export { T as default };

package/dist/Components/PasswordField/composables/usePasswordField.js

@@ -11,10 +11,10 @@ function l(l, u = {}) {
 		entry: _,
 		props: () => ({ classes: l.classes })
 	}), y = r(() => {
-		let { visible: e, classes: t, ...n } = l;
+		let { visible: e, classes: t, defaultValue: n, ...r } = l;
 		return {
 			...d,
-			...n,
+			...r,
 			withErrorIcon: !1,
 			classes: v.value
 		};

package/dist/Components/PasswordField/passwordField.types.d.ts

@@ -40,6 +40,13 @@ export interface PasswordFieldOwnProps extends Omit<FormFieldOwnProps, "type" |
      * @default undefined
      */
     customProps?: PasswordFieldCustomProps;
+    /**
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
+     */
+    defaultValue?: string;
     /**
      * Whether the password is visible. Omit for uncontrolled mode.
      */

package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
 import e from "../FormControl/FormControl.js";
 import { useRadio as t } from "./composables/useRadio.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, unref as d, useAttrs as f, useModel as p, withCtx as m } from "vue";
-import { isNil as h } from "es-toolkit/compat";
+import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
+import { isNil as g } from "es-toolkit/compat";
 //#region src/Components/Radio/Radio.vue?vue&type=script&setup=true&lang.ts
-var g = ["for"], _ = ["checked"], v = /* @__PURE__ */ a({
+var _ = ["for"], v = ["checked"], y = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "Radio",
 	props: /* @__PURE__ */ s({
-		checked: { type: Boolean },
 		classes: {},
 		color: {},
 		customProps: {},
+		defaultChecked: { type: Boolean },
 		name: {},
 		rounded: {},
 		size: {},
@@ -32,25 +32,25 @@ var g = ["for"], _ = ["checked"], v = /* @__PURE__ */ a({
 	}),
 	emits: ["update:modelValue"],
 	setup(a) {
-		let s = f(), v = a, y = p(a, "modelValue"), { merged: b, dotBind: x, fieldBind: S, inputBind: C, isChecked: w, formControl: T, controlBind: E } = t(() => ({
+		let s = p(), y = a, b = m(a, "modelValue"), x = d(!!y.defaultChecked), { merged: S, dotBind: C, fieldBind: w, inputBind: T, isChecked: E, formControl: D, controlBind: O } = t(() => ({
 			...s,
-			...v
+			...y
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, n(() => y.value));
-		function D() {
-			h(b.value.value) || (y.value = b.value.value);
+		}, n(() => g(b.value) && x.value ? y.value : b.value));
+		function k() {
+			x.value = !0, g(S.value.value) || (b.value = S.value.value);
 		}
-		return (t, n) => (u(), r(d(e), { field: d(T) }, {
-			default: m(() => [i("label", c(d(S), { for: d(T).controlId.value }), [i("input", c(d(C), {
-				checked: d(w),
-				onChange: D
-			}), null, 16, _), i("span", l(o(d(E))), [i("span", l(o(d(x))), null, 16)], 16)], 16, g)]),
+		return (t, n) => (u(), r(f(e), { field: f(D) }, {
+			default: h(() => [i("label", c(f(w), { for: f(D).controlId.value }), [i("input", c(f(T), {
+				checked: f(E),
+				onChange: k
+			}), null, 16, v), i("span", l(o(f(O))), [i("span", l(o(f(C))), null, 16)], 16)], 16, _)]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { v as default };
+export { y as default };

package/dist/Components/Radio/composables/useRadio.d.ts

@@ -228,7 +228,7 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<RadioOwnProps, "color" | "name" | "size" | "value" | "classes" | "customProps" | "rounded">>>>;
+    }, Partial<Omit<RadioOwnProps, "color" | "name" | "size" | "value" | "classes" | "customProps" | "rounded" | "defaultChecked">>>>;
     isChecked: import('vue').ComputedRef<boolean>;
     formControl: {
         slots: Readonly<{

package/dist/Components/Radio/composables/useRadio.js

@@ -12,7 +12,8 @@ var g = [
 	"value",
 	"classes",
 	"rounded",
-	"customProps"
+	"customProps",
+	"defaultChecked"
 ];
 function _(_, v, y) {
 	let b = o(), x = r(() => ({

package/dist/Components/Radio/radio.types.d.ts

@@ -39,12 +39,6 @@ export interface RadioEmits {
     "update:modelValue": [value: number | string];
 }
 export interface RadioOwnProps extends Omit<FormControlOwnProps, "field" | "slots" | "classes" | "customProps"> {
-    /**
-     * Whether the radio is checked.
-     *
-     * @default undefined
-     */
-    checked?: boolean;
     /**
      * Classes for the form control chrome and the radio control.
      *
@@ -63,6 +57,13 @@ export interface RadioOwnProps extends Omit<FormControlOwnProps, "field" | "slot
      * @default undefined
      */
     customProps?: RadioCustomProps;
+    /**
+     * Initial selected state for uncontrolled usage (when `v-model` /
+     * `modelValue` is not bound). For interactive groups, prefer `v-model`.
+     *
+     * @default false
+     */
+    defaultChecked?: boolean;
     /**
      * The `name` attribute shared by radios in the same group.
      *

package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js

@@ -1,28 +1,29 @@
 import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
 import { mergeNestedComponentProps as n } from "../../Utils/index.js";
-import ee from "../Icon/Icon.js";
-import r from "../Chip/Chip.js";
+import r from "../Icon/Icon.js";
+import ee from "../Chip/Chip.js";
 import i from "../FormField/FormField.js";
 import a from "../Listbox/Listbox.js";
 import { useSelect as o } from "./composables/useSelect.js";
 import { SELECT_OPTION_KEY as s } from "./selectInjectionKey.js";
-import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, isRef as v, mergeModels as y, mergeProps as b, normalizeProps as x, openBlock as S, provide as C, ref as w, renderList as T, renderSlot as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, useModel as te, useTemplateRef as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
-import { X as P } from "@lucide/vue";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as te, createTextVNode as ne, createVNode as m, defineComponent as h, guardReactiveProps as g, isRef as _, mergeModels as v, mergeProps as y, normalizeProps as b, openBlock as x, provide as re, ref as S, renderList as C, renderSlot as w, resolveDynamicComponent as T, toDisplayString as ie, unref as E, useModel as ae, useTemplateRef as D, withCtx as O, withKeys as k, withModifiers as A } from "vue";
+import { isUndefined as j } from "es-toolkit/compat";
+import { X as M } from "@lucide/vue";
 //#region src/Components/Select/Select.vue?vue&type=script&setup=true&lang.ts
-var F = {
+var N = {
 	key: 0,
 	class: "flex min-w-0 flex-1 flex-wrap items-center gap-0.5"
-}, I = {
+}, P = {
 	key: 1,
 	class: "flex min-w-0 flex-1 items-center gap-1"
-}, L = {
+}, F = {
 	key: 0,
 	hidden: "",
 	"aria-hidden": "true"
-}, R = /* @__PURE__ */ g({
+}, I = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Select",
-	props: /* @__PURE__ */ y({
+	props: /* @__PURE__ */ v({
 		asyncData: {},
 		clearable: {
 			type: Boolean,
@@ -77,7 +78,7 @@ var F = {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ y([
+	emits: /* @__PURE__ */ v([
 		"change",
 		"clear",
 		"close",
@@ -87,9 +88,14 @@ var F = {
 		"select",
 		"update:modelValue"
 	], ["update:modelValue"]),
-	setup(g, { emit: y }) {
-		let R = te(g, "modelValue"), z = g, B = y, V = A("trigger"), H = w([]);
-		C(s, {
+	setup(h, { emit: v }) {
+		let I = ae(h, "modelValue"), L = h, R = v, z = S(L.defaultValue), B = l({
+			set: (e) => {
+				I.value = e, z.value = e;
+			},
+			get: () => j(I.value) ? z.value : I.value
+		}), V = D("trigger"), H = S([]);
+		re(s, {
 			unregister(e) {
 				H.value = H.value.filter((t) => String(t.value) !== String(e));
 			},
@@ -97,76 +103,76 @@ var F = {
 				H.value.some((t) => String(t.value) === String(e.value)) || (H.value = [...H.value, e]);
 			}
 		});
-		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: Z, triggerBind: Q, selectOption: ne, containerRef: re, listboxProps: ie, clearIconSize: ae, mergedClasses: oe, selectedOptions: se, hasComposedList: $, handleRegisteredOptionsChange: ce } = o(z, R, V, B, H);
-		return (o, s) => (S(), d(c, null, [
-			h(k(i), { field: k(q) }, {
-				default: j(() => [k(K) ? (S(), d("div", F, [(S(!0), d(c, null, T(k(se), (e) => (S(), l(k(r), b({
+		let { open: U, slots: W, hasValue: G, multiple: K, formField: q, clearable: J, clearBind: Y, clearValue: X, removeChip: oe, triggerBind: Z, selectOption: se, containerRef: ce, listboxProps: le, clearIconSize: ue, mergedClasses: Q, selectedOptions: de, hasComposedList: $, handleRegisteredOptionsChange: fe } = o(L, B, V, R, H);
+		return (o, s) => (x(), f(c, null, [
+			m(E(i), { field: E(q) }, {
+				default: O(() => [E(K) ? (x(), f("div", N, [(x(!0), f(c, null, C(E(de), (e) => (x(), u(E(ee), y({
 					dismissible: "",
 					key: String(e.value),
-					size: k(q).merged.value.size,
-					disabled: k(q).isDisabled.value,
+					size: E(q).merged.value.size,
+					disabled: E(q).isDisabled.value,
 					"clear-label": `Remove ${e.label}`,
-					onDismiss: (t) => k(Z)(e, t)
-				}, { ref_for: !0 }, k(n)(z.customProps?.chip, {
-					classes: { root: k(oe).chip },
-					customProps: { clear: k(Y) }
+					onDismiss: (t) => E(oe)(e, t)
+				}, { ref_for: !0 }, E(n)(L.customProps?.chip, {
+					classes: { root: E(Q).chip },
+					customProps: { clear: E(Y) }
 				})), {
-					default: j(() => [E(o.$slots, "chip", { option: e }, () => [m(O(e.label), 1)])]),
+					default: O(() => [w(o.$slots, "chip", { option: e }, () => [ne(ie(e.label), 1)])]),
 					_: 2
 				}, 1040, [
 					"size",
 					"disabled",
 					"clear-label",
 					"onDismiss"
-				]))), 128)), f("textarea", b({ ref: "trigger" }, k(Q)), null, 16)])) : (S(), d("div", I, [f("input", b({
+				]))), 128)), p("textarea", y({ ref: "trigger" }, E(Z)), null, 16)])) : (x(), f("div", P, [p("input", y({
 					ref: "trigger",
 					class: "min-w-0 flex-1"
-				}, k(Q)), null, 16), k(J) && k(G) && !k(q).isDisabled.value ? (S(), d("span", b({ key: 0 }, k(Y), {
-					onClick: s[0] ||= (...e) => k(X) && k(X)(...e),
+				}, E(Z)), null, 16), E(J) && E(G) && !E(q).isDisabled.value ? (x(), f("span", y({ key: 0 }, E(Y), {
+					onClick: s[0] ||= (...e) => E(X) && E(X)(...e),
 					"aria-label": "Clear selection",
-					onKeydown: [s[1] ||= M(N((...e) => k(X) && k(X)(...e), ["prevent"]), ["enter"]), s[2] ||= M(N((...e) => k(X) && k(X)(...e), ["prevent"]), ["space"])]
-				}), [h(k(ee), b({
-					icon: k(P),
-					size: k(ae)
-				}, z.customProps?.clearIcon), null, 16, ["icon", "size"])], 16)) : u("", !0)]))]),
+					onKeydown: [s[1] ||= k(A((...e) => E(X) && E(X)(...e), ["prevent"]), ["enter"]), s[2] ||= k(A((...e) => E(X) && E(X)(...e), ["prevent"]), ["space"])]
+				}), [m(E(r), y({
+					icon: E(M),
+					size: E(ue)
+				}, L.customProps?.clearIcon), null, 16, ["icon", "size"])], 16)) : d("", !0)]))]),
 				_: 3
 			}, 8, ["field"]),
-			h(k(a), b({
-				modelValue: k(U),
-				"onUpdate:modelValue": s[3] ||= (e) => v(U) ? U.value = e : null
-			}, k(ie), {
-				"anchor-el": k(re),
-				onSelect: k(ne),
-				onRegisteredOptionsChange: k(ce)
-			}), p({ _: 2 }, [
-				k($) ? {
+			m(E(a), y({
+				modelValue: E(U),
+				"onUpdate:modelValue": s[3] ||= (e) => _(U) ? U.value = e : null
+			}, E(le), {
+				"anchor-el": E(ce),
+				onSelect: E(se),
+				onRegisteredOptionsChange: E(fe)
+			}), te({ _: 2 }, [
+				E($) ? {
 					name: "default",
-					fn: j(() => [E(o.$slots, "default")]),
+					fn: O(() => [w(o.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				k(e)(k(W), "beforeOptions") ? {
+				E(e)(E(W), "beforeOptions") ? {
 					name: "beforeOptions",
-					fn: j(() => [(S(), l(D(k(t)(k(W), "beforeOptions"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "beforeOptions"))))]),
 					key: "1"
 				} : void 0,
-				k(e)(k(W), "loading") ? {
+				E(e)(E(W), "loading") ? {
 					name: "loading",
-					fn: j(() => [(S(), l(D(k(t)(k(W), "loading"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "loading"))))]),
 					key: "2"
 				} : void 0,
-				k(e)(k(W), "option") ? {
+				E(e)(E(W), "option") ? {
 					name: "option",
-					fn: j((e) => [E(o.$slots, "option", x(_(e)))]),
+					fn: O((e) => [w(o.$slots, "option", b(g(e)))]),
 					key: "3"
 				} : void 0,
-				k(e)(k(W), "empty") ? {
+				E(e)(E(W), "empty") ? {
 					name: "empty",
-					fn: j(() => [(S(), l(D(k(t)(k(W), "empty"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "empty"))))]),
 					key: "4"
 				} : void 0,
-				k(e)(k(W), "afterOptions") ? {
+				E(e)(E(W), "afterOptions") ? {
 					name: "afterOptions",
-					fn: j(() => [(S(), l(D(k(t)(k(W), "afterOptions"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "afterOptions"))))]),
 					key: "5"
 				} : void 0
 			]), 1040, [
@@ -175,9 +181,9 @@ var F = {
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),
-			k($) ? u("", !0) : (S(), d("div", L, [E(o.$slots, "default")]))
+			E($) ? d("", !0) : (x(), f("div", F, [w(o.$slots, "default")]))
 		], 64));
 	}
 });
 //#endregion
-export { R as default };
+export { I as default };

package/dist/Components/Select/select.types.d.ts

@@ -120,7 +120,10 @@ export interface SelectOwnProps extends Omit<FormFieldOwnProps, "field"> {
      */
     customProps?: SelectCustomProps;
     /**
-     * Initial value when uncontrolled.
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
      */
     defaultValue?: SelectModel;
     /**

package/dist/Components/Snackbar/snackbar.types.d.ts

@@ -199,7 +199,7 @@ export interface SnackbarSlots {
      */
     icon?: Slot<undefined>;
     /**
-     * Vertical action column on the right edge (WireUI `rightButtons` layout).
+     * Vertical action column on the right edge.
      */
     right?: Slot<undefined>;
     /**

package/dist/Components/Switch/Switch.vue.d.ts

@@ -2,13 +2,13 @@ import { SwitchOwnProps, SwitchSlots } from './switch.types';
 type __VLS_Slots = SwitchSlots;
 type __VLS_Props = SwitchOwnProps;
 type __VLS_ModelProps = {
-    modelValue?: boolean;
+    modelValue?: boolean | undefined;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
+    "update:modelValue": (value: boolean | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/Components/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,15 @@
 import e from "../FormControl/FormControl.js";
 import { useSwitch as t } from "./composables/useSwitch.js";
-import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, unref as d, useAttrs as f, useModel as p, withCtx as m } from "vue";
+import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, guardReactiveProps as o, mergeModels as s, mergeProps as c, normalizeProps as l, openBlock as u, ref as d, unref as f, useAttrs as p, useModel as m, withCtx as h } from "vue";
 //#region src/Components/Switch/Switch.vue?vue&type=script&setup=true&lang.ts
-var h = ["checked"], g = /* @__PURE__ */ a({
+var g = ["checked"], _ = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "Switch",
 	props: /* @__PURE__ */ s({
-		checked: { type: Boolean },
 		classes: {},
 		color: {},
 		customProps: {},
+		defaultChecked: { type: Boolean },
 		rounded: {},
 		size: {},
 		slots: {},
@@ -26,35 +26,36 @@ var h = ["checked"], g = /* @__PURE__ */ a({
 	}, {
 		modelValue: {
 			type: Boolean,
-			default: !1
+			default: void 0
 		},
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
 	setup(a) {
-		let s = f(), g = a, _ = p(a, "modelValue"), { fieldBind: v, inputBind: y, thumbBind: b, trackBind: x, formControl: S } = t(() => ({
+		let s = p(), _ = a, v = d(!!_.defaultChecked), y = m(a, "modelValue"), { fieldBind: b, inputBind: x, isChecked: S, thumbBind: C, trackBind: w, formControl: T } = t(() => ({
 			...s,
-			...g
+			..._
 		}), {
 			size: "md",
 			rounded: "full",
 			color: "primary"
-		}, n(() => _.value));
-		function C(e) {
-			_.value = e.target.checked;
+		}, n(() => y.value ?? v.value));
+		function E(e) {
+			let t = e.target;
+			y.value = t.checked, v.value = t.checked;
 		}
-		return (t, n) => (u(), r(d(e), { field: d(S) }, {
-			default: m(() => [i("label", l(o(d(v))), [
-				i("input", c(d(y), {
-					checked: _.value,
-					onChange: C
-				}), null, 16, h),
-				i("span", l(o(d(x))), null, 16),
-				i("span", l(o(d(b))), null, 16)
+		return (t, n) => (u(), r(f(e), { field: f(T) }, {
+			default: h(() => [i("label", l(o(f(b))), [
+				i("input", c(f(x), {
+					checked: f(S),
+					onChange: E
+				}), null, 16, g),
+				i("span", l(o(f(w))), null, 16),
+				i("span", l(o(f(C))), null, 16)
 			], 16)]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/Components/Switch/composables/useSwitch.d.ts

@@ -225,7 +225,7 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<SwitchOwnProps, "color" | "size" | "classes" | "customProps" | "rounded">>>>;
+    }, Partial<Omit<SwitchOwnProps, "color" | "size" | "classes" | "customProps" | "rounded" | "defaultChecked">>>>;
     isChecked: import('vue').ComputedRef<boolean>;
     thumbBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').InputHTMLAttributes | undefined, {
         "aria-hidden": boolean;

package/dist/Components/Switch/composables/useSwitch.js

@@ -10,7 +10,8 @@ var g = [
 	"color",
 	"classes",
 	"rounded",
-	"customProps"
+	"customProps",
+	"defaultChecked"
 ];
 function _(_, v, y) {
 	let b = o(), x = r(() => ({

package/dist/Components/Switch/switch.types.d.ts

@@ -39,12 +39,6 @@ export interface SwitchEmits {
     "update:modelValue": [value: boolean];
 }
 export interface SwitchOwnProps extends Omit<FormControlOwnProps, "field" | "slots" | "classes" | "customProps"> {
-    /**
-     * Whether the switch is on.
-     *
-     * @default undefined
-     */
-    checked?: boolean;
     /**
      * Classes for the form control chrome and the switch control.
      *
@@ -63,6 +57,13 @@ export interface SwitchOwnProps extends Omit<FormControlOwnProps, "field" | "slo
      * @default undefined
      */
     customProps?: SwitchCustomProps;
+    /**
+     * Initial on state for uncontrolled usage (when `v-model` / `modelValue`
+     * is not bound).
+     *
+     * @default false
+     */
+    defaultChecked?: boolean;
     /**
      * The roundedness of the switch track.
      *

package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
 import e from "../FormField/FormField.js";
 import { useTextField as t } from "./composables/useTextField.js";
-import { createBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useModel as l, vModelDynamic as u, withCtx as d, withDirectives as f } from "vue";
+import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, vModelDynamic as f, withCtx as p, withDirectives as m } from "vue";
+import { isUndefined as h } from "es-toolkit/compat";
 //#region src/Components/TextField/TextField.vue?vue&type=script&setup=true&lang.ts
-var p = /* @__PURE__ */ i({
+var g = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "TextField",
-	props: /* @__PURE__ */ a({
+	props: /* @__PURE__ */ o({
+		defaultValue: {},
 		classes: {},
 		color: {},
 		controlId: {},
@@ -37,13 +39,18 @@ var p = /* @__PURE__ */ i({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let a = l(i, "modelValue"), { formField: p, inputBind: m } = t(i);
-		return (t, i) => (s(), n(c(e), { field: c(p) }, {
-			default: d(() => [f(r("input", o({ "onUpdate:modelValue": i[0] ||= (e) => a.value = e }, c(m)), null, 16), [[u, a.value]])]),
+	setup(a) {
+		let o = d(a, "modelValue"), g = a, _ = l(g.defaultValue), v = n({
+			set: (e) => {
+				o.value = e, _.value = e;
+			},
+			get: () => h(o.value) ? _.value : o.value
+		}), { formField: y, inputBind: b } = t(g);
+		return (t, n) => (c(), r(u(e), { field: u(y) }, {
+			default: p(() => [m(i("input", s({ "onUpdate:modelValue": n[0] ||= (e) => v.value = e }, u(b)), null, 16), [[f, v.value]])]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { p as default };
+export { g as default };

package/dist/Components/TextField/composables/useTextField.js

@@ -2,10 +2,13 @@ import { useFormField as e } from "../../FormField/composables/useFormField.js";
 import { useAttrs as t } from "vue";
 //#region src/Components/TextField/composables/useTextField.ts
 function n(n) {
-	let r = t(), i = e(() => ({
-		...r,
-		...n
-	}), {
+	let r = t(), i = e(() => {
+		let { defaultValue: e, ...t } = n;
+		return {
+			...r,
+			...t
+		};
+	}, {
 		size: "md",
 		rounded: "md",
 		color: "primary",

package/dist/Components/TextField/textField.types.d.ts

@@ -3,7 +3,15 @@ import { MergeHtmlProps } from '@bridge-ui/core';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
 export interface TextFieldClasses extends FormFieldClasses {}
 export interface TextFieldCustomProps extends FormFieldCustomProps {}
-export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {}
+export interface TextFieldOwnProps extends Omit<FormFieldOwnProps, "field"> {
+    /**
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
+     */
+    defaultValue?: string;
+}
 export interface TextFieldSlots extends FormFieldSlots {}
 export type TextFieldProps = MergeHtmlProps<TextFieldOwnProps, InputHTMLAttributes> & {
     /**

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -1,12 +1,14 @@
 import e from "../FormField/FormField.js";
 import { useTextarea as t } from "./composables/useTextarea.js";
-import { createBlock as n, createElementVNode as r, defineComponent as i, mergeModels as a, mergeProps as o, openBlock as s, unref as c, useModel as l, useTemplateRef as u, vModelText as d, watch as f, withCtx as p, withDirectives as m } from "vue";
+import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, mergeProps as s, openBlock as c, ref as l, unref as u, useModel as d, useTemplateRef as f, vModelText as p, watch as m, withCtx as h, withDirectives as g } from "vue";
+import { isUndefined as _ } from "es-toolkit/compat";
 //#region src/Components/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
-var h = /* @__PURE__ */ i({
+var v = /* @__PURE__ */ a({
 	inheritAttrs: !1,
 	__name: "Textarea",
-	props: /* @__PURE__ */ a({
+	props: /* @__PURE__ */ o({
 		autosize: { type: Boolean },
+		defaultValue: {},
 		likeInput: { type: Boolean },
 		resize: {},
 		classes: {},
@@ -40,18 +42,23 @@ var h = /* @__PURE__ */ i({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let a = l(i, "modelValue"), h = i, g = u("textarea"), { formField: _, textareaBind: v, adjustHeight: y } = t(h, g);
-		return f(a, () => {
-			y(g.value);
-		}), (t, i) => (s(), n(c(e), { field: c(_) }, {
-			default: p(() => [m(r("textarea", o({
+	setup(a) {
+		let o = d(a, "modelValue"), v = a, y = l(v.defaultValue), b = n({
+			set: (e) => {
+				o.value = e, y.value = e;
+			},
+			get: () => _(o.value) ? y.value : o.value
+		}), x = f("textarea"), { formField: S, textareaBind: C, adjustHeight: w } = t(v, x);
+		return m(b, () => {
+			w(x.value);
+		}), (t, n) => (c(), r(u(e), { field: u(S) }, {
+			default: h(() => [g(i("textarea", s({
 				ref: "textarea",
-				"onUpdate:modelValue": i[0] ||= (e) => a.value = e
-			}, c(v)), null, 16), [[d, a.value]])]),
+				"onUpdate:modelValue": n[0] ||= (e) => b.value = e
+			}, u(C)), null, 16), [[p, b.value]])]),
 			_: 1
 		}, 8, ["field"]));
 	}
 });
 //#endregion
-export { h as default };
+export { v as default };

package/dist/Components/Textarea/composables/useTextarea.js

@@ -28,7 +28,8 @@ function h(h, g) {
 		...u(h, [
 			"autosize",
 			"resize",
-			"likeInput"
+			"likeInput",
+			"defaultValue"
 		]),
 		classes: x.value
 	}), {

package/dist/Components/Textarea/textarea.types.d.ts

@@ -11,6 +11,13 @@ export interface TextareaOwnProps extends Omit<FormFieldOwnProps, "field"> {
      * Defaults to `true` when `likeInput` is set; otherwise `false`.
      */
     autosize?: boolean;
+    /**
+     * Initial value for uncontrolled usage (when `v-model` / `modelValue` is
+     * not bound).
+     *
+     * @default undefined
+     */
+    defaultValue?: string;
     /**
      * Use compact TextField-like sizing instead of the default multiline textarea profile.
      * Enables `autosize` and `rows={1}` by default; both can be overridden explicitly.

package/dist/theme.css

@@ -29,18 +29,18 @@
   --color-dark-900: var(--color-slate-900);
   --color-dark-950: var(--color-slate-950);
 
-  /* Primary (purple) */
-  --color-primary-50: var(--color-purple-50);
-  --color-primary-100: var(--color-purple-100);
-  --color-primary-200: var(--color-purple-200);
-  --color-primary-300: var(--color-purple-300);
-  --color-primary-400: var(--color-purple-400);
-  --color-primary-500: var(--color-purple-500);
-  --color-primary-600: var(--color-purple-600);
-  --color-primary-700: var(--color-purple-700);
-  --color-primary-800: var(--color-purple-800);
-  --color-primary-900: var(--color-purple-900);
-  --color-primary-950: var(--color-purple-950);
+  /* Primary (teal) */
+  --color-primary-50: var(--color-teal-50);
+  --color-primary-100: var(--color-teal-100);
+  --color-primary-200: var(--color-teal-200);
+  --color-primary-300: var(--color-teal-300);
+  --color-primary-400: var(--color-teal-400);
+  --color-primary-500: var(--color-teal-500);
+  --color-primary-600: var(--color-teal-600);
+  --color-primary-700: var(--color-teal-700);
+  --color-primary-800: var(--color-teal-800);
+  --color-primary-900: var(--color-teal-900);
+  --color-primary-950: var(--color-teal-950);
 
   /* Secondary (amber) */
   --color-secondary-50: var(--color-amber-50);

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "license": "MIT",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "author": "BridgeUI",
   "sideEffects": false,
   "name": "@bridge-ui/vue",
@@ -60,7 +60,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@bridge-ui/core": "^0.0.3",
+    "@bridge-ui/core": "^0.0.5",
     "@lucide/vue": ">=1.0.0",
     "vue": "^3.4.0"
   },