@bridge-ui/vue 0.0.2 → 0.0.4

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

@@ -1,6 +1,7 @@
-import { InputHTMLAttributes } from 'vue';
+import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
 import { MergeHtmlProps } from '@bridge-ui/core';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+import { IconProps } from '../Icon';
 export interface NumberFieldClasses extends FormFieldClasses {
     /**
      * The classes to apply to the decrement button.
@@ -11,7 +12,32 @@ export interface NumberFieldClasses extends FormFieldClasses {
      */
     increment?: string;
 }
-export interface NumberFieldCustomProps extends FormFieldCustomProps {}
+export interface NumberFieldCustomProps extends FormFieldCustomProps {
+    /**
+     * Props forwarded to the decrement button.
+     *
+     * @default undefined
+     */
+    decrement?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the decrement `Icon` (`icon` is set by the field).
+     *
+     * @default undefined
+     */
+    decrementIcon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the increment button.
+     *
+     * @default undefined
+     */
+    increment?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the increment `Icon` (`icon` is set by the field).
+     *
+     * @default undefined
+     */
+    incrementIcon?: Partial<Omit<IconProps, "icon">>;
+}
 export interface NumberFieldEmits {
     /**
      * Emitted with the numeric value when it changes.
@@ -28,6 +54,19 @@ export interface NumberFieldOwnProps extends Omit<FormFieldOwnProps, "field" | "
      * The classes to apply to the number field.
      */
     classes?: NumberFieldClasses;
+    /**
+     * Extra props for FormField parts and the stepper buttons.
+     *
+     * @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

@@ -1,16 +1,19 @@
-import { resolveFieldAdornmentIconSize as e } from "../../Utils/index.js";
-import t from "../Icon/Icon.js";
-import n from "../FormField/FormField.js";
-import { usePasswordField as r } from "./composables/usePasswordField.js";
-import { computed as i, createBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeModels as l, mergeProps as u, normalizeClass as d, openBlock as f, unref as p, useModel as m, vModelDynamic as h, withCtx as g, withDirectives as _ } from "vue";
-import { cn as v } from "@bridge-ui/core";
-import { Eye as y, EyeOff as b } from "@lucide/vue";
+import { mergePartBind as e, resolveFieldAdornmentIconSize as t } from "../../Utils/index.js";
+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, 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 x = ["disabled", "aria-label"], S = /* @__PURE__ */ c({
+var T = /* @__PURE__ */ l({
 	inheritAttrs: !1,
 	__name: "PasswordField",
-	props: /* @__PURE__ */ l({
+	props: /* @__PURE__ */ d({
 		classes: {},
+		customProps: {},
+		defaultValue: {},
 		visible: {
 			type: [null, Boolean],
 			default: null
@@ -18,7 +21,6 @@ var x = ["disabled", "aria-label"], S = /* @__PURE__ */ c({
 		color: {},
 		controlId: {},
 		corner: {},
-		customProps: {},
 		description: {},
 		disabled: { type: Boolean },
 		end: {},
@@ -41,27 +43,31 @@ var x = ["disabled", "aria-label"], S = /* @__PURE__ */ c({
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ l(["visibility-change"], ["update:modelValue"]),
-	setup(c, { emit: l }) {
-		let S = l, C = m(c, "modelValue"), w = c, { formField: T, inputBind: E, isVisible: D, mergedClasses: O, toggleVisibility: k } = r(w, { onVisibilityChange: (e) => S("visibility-change", e) }), A = i(() => e(w.size));
-		return (e, r) => (f(), a(p(n), { field: p(T) }, {
-			end: g(() => [o("button", {
-				type: "button",
-				disabled: w.disabled,
-				onClick: r[1] ||= (...e) => p(k) && p(k)(...e),
-				"aria-label": p(D) ? "Hide password" : "Show password",
-				class: d(p(v)({
-					"bridge-end-adornment bridge-field-adornment-button inline-flex h-full items-center justify-center px-2.5": !0,
-					[p(O).toggle ?? ""]: !0
-				}))
-			}, [s(p(t), {
-				size: A.value,
-				icon: p(D) ? p(b) : p(y)
-			}, null, 8, ["size", "icon"])], 10, x)]),
-			default: g(() => [_(o("input", u({ "onUpdate:modelValue": r[0] ||= (e) => C.value = e }, p(E)), null, 16), [[h, C.value]])]),
+	emits: /* @__PURE__ */ d(["visibility-change"], ["update:modelValue"]),
+	setup(l, { emit: d }) {
+		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: 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,
+			[N.value.toggle ?? ""]: !0
+		})));
+		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 { S as default };
+export { T as default };

package/dist/Components/PasswordField/composables/usePasswordField.d.ts

@@ -433,10 +433,9 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
-        labelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         cornerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         headerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -446,12 +445,12 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
         endSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         invalidated: import('vue').ComputedRef<boolean>;
-        requiredBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
         containerBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             "data-bridge-rounded": NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
         }>>;
         startIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
         startSlotBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
+        fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         ariaDescribedBy: import('vue').ComputedRef<string | undefined>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedBodyBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
@@ -682,7 +681,7 @@ export declare function usePasswordField(props: PasswordFieldOwnProps, options?:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "description" | "errorMessage" | "readonly" | "required" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>, {
         type: string;
     }>>;
     isVisible: import('vue').ComputedRef<boolean>;

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

@@ -1,13 +1,27 @@
-import { InputHTMLAttributes } from 'vue';
+import { ButtonHTMLAttributes, InputHTMLAttributes } from 'vue';
 import { MergeHtmlProps } from '@bridge-ui/core';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+import { IconProps } from '../Icon';
 export interface PasswordFieldClasses extends FormFieldClasses {
     /**
      * The classes to apply to the visibility toggle button.
      */
     toggle?: string;
 }
-export interface PasswordFieldCustomProps extends FormFieldCustomProps {}
+export interface PasswordFieldCustomProps extends FormFieldCustomProps {
+    /**
+     * Props forwarded to the visibility toggle button.
+     *
+     * @default undefined
+     */
+    toggle?: ButtonHTMLAttributes;
+    /**
+     * Props forwarded to the visibility toggle `Icon` (`icon` is set by the field).
+     *
+     * @default undefined
+     */
+    toggleIcon?: Partial<Omit<IconProps, "icon">>;
+}
 export interface PasswordFieldEmits {
     /**
      * Emitted when password visibility changes.
@@ -20,6 +34,19 @@ export interface PasswordFieldOwnProps extends Omit<FormFieldOwnProps, "type" |
      * The classes to apply to the password field.
      */
     classes?: PasswordFieldClasses;
+    /**
+     * Extra props for FormField parts and the visibility toggle.
+     *
+     * @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/Progress/composables/useProgress.js

@@ -2,7 +2,7 @@ import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistr
 import { computed as r, useAttrs as i } from "vue";
 import { get as a, isNil as o } from "es-toolkit/compat";
 import { cn as s, mergeBridgeUILayeredClasses as c, splitComponentProps as l } from "@bridge-ui/core";
-import { colorProps as u, roundedProps as d, sizeProps as f, variantProps as p } from "@bridge-ui/core/Components/Progress";
+import { colorProps as u, roundedProps as d, sizeProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Progress";
 //#region src/Components/Progress/composables/useProgress.ts
 var m = [
 	"size",
@@ -31,7 +31,7 @@ function g(o, g) {
 	}), x = n({
 		entry: b,
 		props: () => v.value.componentProps
-	}), S = r(() => y.value.customProps), C = r(() => a(c(u, b.value?.customProps?.color), y.value.color)), w = r(() => a(c(f, b.value?.customProps?.size), y.value.size)), T = r(() => a(c(d, b.value?.customProps?.rounded), y.value.rounded)), E = r(() => a(c(p, b.value?.customProps?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
+	}), S = r(() => y.value.customProps), C = r(() => a(c(u, b.value?.tokens?.color), y.value.color)), w = r(() => a(c(f, b.value?.tokens?.size), y.value.size)), T = r(() => a(c(d, b.value?.tokens?.rounded), y.value.rounded)), E = r(() => a(c(p, b.value?.tokens?.variant), y.value.variant)), D = r(() => y.value.variant === "buffer"), O = r(() => y.value.variant === "determinate" || y.value.variant === "buffer"), k = r(() => y.value.variant === "indeterminate" || y.value.variant === "query"), A = r(() => h(y.value.value)), j = r(() => h(y.value.valueBuffer)), M = r(() => e(S.value?.root, v.value.inheritedAttrs, {
 		role: "progressbar",
 		...O.value ? {
 			"aria-valuemin": 0,

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: {},
@@ -22,7 +22,6 @@ var g = ["for"], _ = ["checked"], v = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
-		mainLabel: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		startLabel: {},
@@ -33,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<{
@@ -240,7 +240,7 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
             withoutErrorMessage: NonNullable<boolean | undefined>;
         }>;
         rowBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "controlId" | "description" | "endLabel" | "errorMessage" | "mainLabel" | "readonly" | "required" | "startLabel" | "withoutErrorMessage">>>>;
+        rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<Omit<import('../../FormControl').FormControlOwnProps, "field">, "size" | "classes" | "customProps" | "error" | "disabled" | "required" | "controlId" | "description" | "endLabel" | "errorMessage" | "readonly" | "startLabel" | "withoutErrorMessage">>>>;
         controlId: import('vue').ComputedRef<string>;
         isDisabled: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').ComputedRef<boolean>;
@@ -253,15 +253,10 @@ export declare function useRadio(props: MaybeRefOrGetter<RadioOwnProps>, libDefa
             "aria-invalid": true | undefined;
         }>;
         invalidated: import('vue').ComputedRef<boolean>;
-        endLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            for: string;
-        }>>;
-        mainLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            for: string;
-        }>>;
-        startLabelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
-            for: string;
-        }>>;
+        fieldLabelProps: import('vue').ComputedRef<{
+            endLabel: import('../../Label').LabelProps;
+            startLabel: import('../../Label').LabelProps;
+        }>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
             id: string;
         }>>;

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

@@ -3,7 +3,7 @@ import { useFormControl as r } from "../../FormControl/composables/useFormContro
 import { computed as i, toValue as a, useAttrs as o } from "vue";
 import { get as s, omit as c } from "es-toolkit/compat";
 import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
-import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Components/Radio";
+import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Radio";
 //#region src/Components/Radio/composables/useRadio.ts
 var g = [
 	"name",
@@ -12,7 +12,8 @@ var g = [
 	"value",
 	"classes",
 	"rounded",
-	"customProps"
+	"customProps",
+	"defaultChecked"
 ];
 function _(_, v, y) {
 	let b = o(), x = r(() => ({
@@ -35,7 +36,7 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => a(y) === C.value.value), O = i(() => s(u(f, w.value?.customProps?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.customProps?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.customProps?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.customProps?.rounded), C.value.rounded ?? "full")), N = i(() => e({
+	}), D = i(() => a(y) === C.value.value), O = i(() => s(u(f, w.value?.tokens?.color), C.value.color ?? "primary")), k = i(() => u(p, w.value?.tokens?.invalidated)), A = i(() => x.invalidated.value ? k.value : O.value), j = i(() => s(u(h, w.value?.tokens?.size), C.value.size ?? "sm")), M = i(() => s(u(m, w.value?.tokens?.rounded), C.value.rounded ?? "full")), N = i(() => e({
 		...T.value?.input,
 		...x.controlBind.value,
 		type: "radio",

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,24 +1,26 @@
 import { hasNamedSlot as e, resolveNamedSlot as t } from "../../Utils/slotOrProp.js";
-import ee from "../Icon/Icon.js";
-import n from "../Chip/Chip.js";
-import r from "../FormField/FormField.js";
-import i from "../Listbox/Listbox.js";
-import { useSelect as a } from "./composables/useSelect.js";
-import { SELECT_OPTION_KEY as o } from "./selectInjectionKey.js";
-import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, 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 S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useModel as k, useTemplateRef as A, withCtx as j, withKeys as M, withModifiers as N } from "vue";
-import { X as P } from "@lucide/vue";
+import { mergeNestedComponentProps as n } from "../../Utils/index.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, 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__ */ h({
+}, I = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "Select",
 	props: /* @__PURE__ */ v({
@@ -87,8 +89,13 @@ var F = {
 		"update:modelValue"
 	], ["update:modelValue"]),
 	setup(h, { emit: v }) {
-		let R = k(h, "modelValue"), z = h, B = v, V = A("trigger"), H = C([]);
-		S(o, {
+		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));
 			},
@@ -96,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: te, containerRef: ne, listboxProps: re, clearIconSize: ie, mergedClasses: ae, selectedOptions: oe, hasComposedList: $, handleRegisteredOptionsChange: se } = a(z, R, V, B, H);
-		return (a, o) => (x(), u(s, null, [
-			m(O(r), { field: O(q) }, {
-				default: j(() => [O(K) ? (x(), u("div", F, [(x(!0), u(s, null, w(O(oe), (e) => (x(), c(O(n), {
+		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: O(q).merged.value.size,
-					"custom-props": { clear: O(Y) },
-					disabled: O(q).isDisabled.value,
+					size: E(q).merged.value.size,
+					disabled: E(q).isDisabled.value,
 					"clear-label": `Remove ${e.label}`,
-					classes: { root: O(ae).chip },
-					onDismiss: (t) => O(Z)(e, t)
-				}, {
-					default: j(() => [T(a.$slots, "chip", { option: e }, () => [p(D(e.label), 1)])]),
+					onDismiss: (t) => E(oe)(e, t)
+				}, { ref_for: !0 }, E(n)(L.customProps?.chip, {
+					classes: { root: E(Q).chip },
+					customProps: { clear: E(Y) }
+				})), {
+					default: O(() => [w(o.$slots, "chip", { option: e }, () => [ne(ie(e.label), 1)])]),
 					_: 2
-				}, 1032, [
+				}, 1040, [
 					"size",
-					"custom-props",
 					"disabled",
 					"clear-label",
-					"classes",
 					"onDismiss"
-				]))), 128)), d("textarea", y({ ref: "trigger" }, O(Q)), null, 16)])) : (x(), u("div", I, [d("input", y({
+				]))), 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"
-				}, O(Q)), null, 16), O(J) && O(G) && !O(q).isDisabled.value ? (x(), u("span", y({ key: 0 }, O(Y), {
-					onClick: o[0] ||= (...e) => O(X) && O(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: [o[1] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["enter"]), o[2] ||= M(N((...e) => O(X) && O(X)(...e), ["prevent"]), ["space"])]
-				}), [m(O(ee), {
-					icon: O(P),
-					size: O(ie)
-				}, null, 8, ["icon", "size"])], 16)) : l("", !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"]),
-			m(O(i), y(O(re), {
-				modelValue: O(U),
-				"onUpdate:modelValue": o[3] ||= (e) => _(U) ? U.value = e : null,
-				"anchor-el": O(ne),
-				onSelect: O(te),
-				onRegisteredOptionsChange: O(se)
-			}), f({ _: 2 }, [
-				O($) ? {
+			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(() => [T(a.$slots, "default")]),
+					fn: O(() => [w(o.$slots, "default")]),
 					key: "0"
 				} : void 0,
-				O(e)(O(W), "beforeOptions") ? {
+				E(e)(E(W), "beforeOptions") ? {
 					name: "beforeOptions",
-					fn: j(() => [(x(), c(E(O(t)(O(W), "beforeOptions"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "beforeOptions"))))]),
 					key: "1"
 				} : void 0,
-				O(e)(O(W), "loading") ? {
+				E(e)(E(W), "loading") ? {
 					name: "loading",
-					fn: j(() => [(x(), c(E(O(t)(O(W), "loading"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "loading"))))]),
 					key: "2"
 				} : void 0,
-				O(e)(O(W), "option") ? {
+				E(e)(E(W), "option") ? {
 					name: "option",
-					fn: j((e) => [T(a.$slots, "option", b(g(e)))]),
+					fn: O((e) => [w(o.$slots, "option", b(g(e)))]),
 					key: "3"
 				} : void 0,
-				O(e)(O(W), "empty") ? {
+				E(e)(E(W), "empty") ? {
 					name: "empty",
-					fn: j(() => [(x(), c(E(O(t)(O(W), "empty"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "empty"))))]),
 					key: "4"
 				} : void 0,
-				O(e)(O(W), "afterOptions") ? {
+				E(e)(E(W), "afterOptions") ? {
 					name: "afterOptions",
-					fn: j(() => [(x(), c(E(O(t)(O(W), "afterOptions"))))]),
+					fn: O(() => [(x(), u(T(E(t)(E(W), "afterOptions"))))]),
 					key: "5"
 				} : void 0
 			]), 1040, [
@@ -174,9 +181,9 @@ var F = {
 				"onSelect",
 				"onRegisteredOptionsChange"
 			]),
-			O($) ? l("", !0) : (x(), u("div", L, [T(a.$slots, "default")]))
+			E($) ? d("", !0) : (x(), f("div", F, [w(o.$slots, "default")]))
 		], 64));
 	}
 });
 //#endregion
-export { R as default };
+export { I as default };