@bridge-ui/vue 0.0.2 → 0.0.4

package/dist/Components/Select/composables/useSelect.d.ts

@@ -437,10 +437,9 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<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<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, {}>>;
@@ -450,12 +449,12 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         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", {}, {}>>;
@@ -721,32 +720,33 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<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<FormFieldOwnProps, "field">, "color" | "end" | "size" | "classes" | "customProps" | "error" | "rounded" | "variant" | "label" | "disabled" | "endIcon" | "startIcon" | "start" | "required" | "description" | "errorMessage" | "readonly" | "withoutErrorMessage" | "errorIcon" | "withErrorIcon" | "corner">>>>>;
     selectOption: (option: SelectOption) => void;
     containerRef: Ref<HTMLElement | null, HTMLElement | null>;
     listboxProps: import('vue').ComputedRef<{
-        listboxId: string;
-        isSelected: (value: SelectValue) => boolean;
-        loading: boolean;
-        multiple: boolean;
-        entries: ListboxEntry[];
-        options: import('@bridge-ui/core').ListboxOption[];
-        labelledBy: string;
-        rounded: NonNullable<keyof import('@bridge-ui/core').FormFieldRounded | undefined>;
-        invalidated: boolean;
-        highlightedIndex: number;
-        color: "dark" | "error" | "info" | "primary" | "secondary" | "success" | "warning";
-        size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
+        anchorEl?: null | HTMLElement;
         classes?: import('../../Listbox').ListboxClasses;
+        color: "dark" | "error" | "info" | "primary" | "secondary" | "success" | "warning";
         customProps?: import('../../Listbox').ListboxCustomProps;
         disableAutoFocus: boolean;
         disableMaxHeight: boolean;
         emptyMessage: string;
+        entries: ListboxEntry[];
         hideEmptyMessage: boolean;
+        highlightedIndex: number;
+        invalidated: boolean;
+        isSelected: (value: import('@bridge-ui/core').ListboxValue) => boolean;
+        labelledBy: string;
+        listboxId: string;
+        loading: boolean;
         loadingMessage: string;
         maxHeight: string;
+        multiple: boolean;
+        options: import('@bridge-ui/core').ListboxOption[];
         placement?: import('@floating-ui/utils').Placement;
+        rounded: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | "none" | "3xl" | "4xl" | "full";
         showCheckmark?: boolean;
+        size: "2xl" | "2xs" | "lg" | "md" | "sm" | "xl" | "xs";
     }>;
     clearIconSize: import('vue').ComputedRef<keyof import('@bridge-ui/core').IconSize>;
     mergedClasses: import('vue').ComputedRef<Partial<SelectClasses>>;

package/dist/Components/Select/composables/useSelect.js

@@ -6,7 +6,7 @@ import { Comment as re, Text as ie, computed as a, nextTick as ae, onBeforeUnmou
 import { get as c, isNil as de, omit as fe } from "es-toolkit/compat";
 import { adjustAutosizeTextareaHeight as pe, cn as l, createSelectAsyncSearch as me, filterListboxEntries as he, flattenListboxOptions as u, mergeBridgeUILayeredClasses as d, normalizeListboxEntries as f, normalizeSelectOptions as ge, resolveSelectAsyncDebounce as _e, resolveSelectAsyncOptions as ve, selectValuesEqual as p, splitComponentProps as ye } from "@bridge-ui/core";
 import { ChevronsUpDown as be } from "@lucide/vue";
-import { colorProps as xe, invalidatedProps as Se } from "@bridge-ui/core/Components/Listbox";
+import { colorProps as xe, invalidatedProps as Se } from "@bridge-ui/core/Tokens/Listbox";
 //#region src/Components/Select/composables/useSelect.ts
 var Ce = [
 	"classes",
@@ -240,12 +240,12 @@ function m(m, h, g, _, we) {
 	let Ye = a(() => {
 		let e = c(d(xe, c(j.value, [
 			"Listbox",
-			"customProps",
+			"tokens",
 			"color"
 		])), K.merged.value.color ?? "primary");
 		return K.invalidated.value ? d(Se, c(j.value, [
 			"Listbox",
-			"customProps",
+			"tokens",
 			"invalidated"
 		])) : e;
 	}), Xe = a(() => Ye.value?.value), Ze = a(() => {
@@ -303,25 +303,25 @@ function m(m, h, g, _, we) {
 			[M.value.clear ?? ""]: !0
 		})
 	})), et = a(() => ({
-		disableAutoFocus: !0,
-		maxHeight: m.maxHeight,
-		size: K.merged.value.size,
-		color: K.merged.value.color,
-		disableMaxHeight: m.disableMaxHeight === !0,
-		emptyMessage: k.value.emptyMessage ?? "No options",
-		hideEmptyMessage: k.value.hideEmptyMessage === !0,
-		loadingMessage: k.value.loadingMessage ?? "Loading...",
-		...Ve.value,
 		listboxId: y,
 		isSelected: J,
+		disableAutoFocus: !0,
 		loading: Ne.value,
 		multiple: N.value,
+		maxHeight: m.maxHeight,
 		entries: Pe.value,
 		options: W.value,
+		size: K.merged.value.size,
+		color: K.merged.value.color,
 		labelledBy: K.controlId.value,
 		rounded: K.merged.value.rounded,
 		invalidated: K.invalidated.value,
-		highlightedIndex: S.value
+		highlightedIndex: S.value,
+		disableMaxHeight: m.disableMaxHeight === !0,
+		emptyMessage: k.value.emptyMessage ?? "No options",
+		hideEmptyMessage: k.value.hideEmptyMessage === !0,
+		loadingMessage: k.value.loadingMessage ?? "Loading...",
+		...Ve.value
 	}));
 	function tt(e) {
 		let t = I.value;

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

@@ -1,6 +1,8 @@
 import { InputHTMLAttributes, Slot, TextareaHTMLAttributes } from 'vue';
 import { ListboxOptionsInput, MergeHtmlProps, SelectAsyncData, SelectModel, SelectOption, SelectValue } from '@bridge-ui/core';
+import { ChipOwnProps } from '../Chip/chip.types';
 import { FormFieldClasses, FormFieldCustomProps, FormFieldOwnProps, FormFieldSlots } from '../FormField/formField.types';
+import { IconProps } from '../Icon';
 import { ListboxOwnProps } from '../Listbox/listbox.types';
 export type { ListboxOptionGroup, ListboxOptionsInput, SelectAsyncData, SelectModel, SelectOption, SelectOptionInput, SelectOptionLike, SelectValue, } from '@bridge-ui/core';
 export interface SelectClasses extends FormFieldClasses {
@@ -26,13 +28,26 @@ export interface SelectClasses extends FormFieldClasses {
     value?: string;
 }
 export interface SelectCustomProps extends FormFieldCustomProps {
+    /**
+     * Props forwarded to each selected-value `Chip` (multiple mode).
+     * Dismiss behavior, size, and label stay owned by `Select`.
+     *
+     * @default undefined
+     */
+    chip?: Partial<Omit<ChipOwnProps, "size" | "label" | "disabled" | "clearLabel" | "dismissible">>;
+    /**
+     * Props forwarded to the clear `Icon` (`icon` is set by `Select`).
+     *
+     * @default undefined
+     */
+    clearIcon?: Partial<Omit<IconProps, "icon">>;
     /**
      * Props forwarded to the internal `Listbox`.
-     * Open state, options, and selection handlers stay owned by `Select`.
+     * Merged last so they override Select defaults.
      *
      * @default undefined
      */
-    listbox?: Partial<Omit<ListboxOwnProps, "options" | "anchorEl" | "listboxId" | "isSelected" | "highlightedIndex">>;
+    listbox?: Partial<ListboxOwnProps>;
 }
 export interface SelectEmits {
     /**
@@ -98,13 +113,17 @@ export interface SelectOwnProps extends Omit<FormFieldOwnProps, "field"> {
      */
     clearable?: boolean;
     /**
-     * Extra props for FormField parts and the internal `Listbox`.
+     * Extra props for FormField parts, selected chips, clear icon, and the
+     * internal `Listbox`.
      *
      * @default undefined
      */
     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/Skeleton/composables/useSkeleton.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 } from "es-toolkit/compat";
 import { cn as o, mergeBridgeUILayeredClasses as s, splitComponentProps as c } from "@bridge-ui/core";
-import { roundedProps as l } from "@bridge-ui/core/Components/Skeleton";
+import { roundedProps as l } from "@bridge-ui/core/Tokens/Skeleton";
 //#region src/Components/Skeleton/composables/useSkeleton.ts
 var u = ["classes", "rounded"];
 function d(d, f) {
@@ -19,7 +19,7 @@ function d(d, f) {
 	}), _ = n({
 		entry: g,
 		props: () => m.value.componentProps
-	}), v = r(() => a(s(l, g.value?.customProps?.rounded), h.value.rounded));
+	}), v = r(() => a(s(l, g.value?.tokens?.rounded), h.value.rounded));
 	return {
 		merged: h,
 		rootBind: r(() => e({}, m.value.inheritedAttrs, o({

package/dist/Components/Snackbar/composables/useSnackbar.js

@@ -39,7 +39,7 @@ function h(h, _e, g = {}) {
 	}), z = r(() => ie(g.show) ? !1 : ne(g.show)), B = r(() => {
 		let e = P.value.transition ?? "none";
 		return e in pe ? e : "none";
-	}), V = r(() => se(B.value)), ve = r(() => oe(B.value)), H = r(() => s(m(le, F.value?.customProps?.color), P.value.color)), U = r(() => s(m(ue, F.value?.customProps?.padding), P.value.padding)), ye = r(() => s(m(fe, F.value?.customProps?.rounded), P.value.rounded)), be = r(() => c(P.value.icon) ? null : P.value.icon ? P.value.icon : s(H.value, "icon") ?? s(ee, P.value.color)), W = r(() => P.value.duration === !1 ? 0 : P.value.duration ?? 0), G = r(() => z.value && v.value && W.value > 0 && P.value.progressbar !== !1), K = r(() => P.value.teleportTo !== !1), xe = r(() => K.value ? s(m(de, F.value?.customProps?.position), P.value.position ?? "bottom-center") : "");
+	}), V = r(() => se(B.value)), ve = r(() => oe(B.value)), H = r(() => s(m(le, F.value?.tokens?.color), P.value.color)), U = r(() => s(m(ue, F.value?.tokens?.padding), P.value.padding)), ye = r(() => s(m(fe, F.value?.tokens?.rounded), P.value.rounded)), be = r(() => c(P.value.icon) ? null : P.value.icon ? P.value.icon : s(H.value, "icon") ?? s(ee, P.value.color)), W = r(() => P.value.duration === !1 ? 0 : P.value.duration ?? 0), G = r(() => z.value && v.value && W.value > 0 && P.value.progressbar !== !1), K = r(() => P.value.teleportTo !== !1), xe = r(() => K.value ? s(m(de, F.value?.tokens?.position), P.value.position ?? "bottom-center") : "");
 	function q() {
 		k.value &&= (clearTimeout(k.value), null);
 	}

package/dist/Components/Spinner/composables/useSpinner.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 { DEFAULT_SPINNER_THICKNESS as s, SPINNER_VIEWBOX_SIZE as c, cn as l, getSpinnerCircleGeometry as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
-import { colorProps as p, sizeProps as m, variantProps as h } from "@bridge-ui/core/Components/Spinner";
+import { colorProps as p, sizeProps as m, variantProps as h } from "@bridge-ui/core/Tokens/Spinner";
 //#region src/Components/Spinner/composables/useSpinner.ts
 var g = [
 	"size",
@@ -32,7 +32,7 @@ function v(o, v) {
 	}), C = n({
 		entry: S,
 		props: () => b.value.componentProps
-	}), w = r(() => x.value.customProps), T = r(() => a(d(p, S.value?.customProps?.color), x.value.color)), E = r(() => a(d(m, S.value?.customProps?.size), x.value.size)), D = r(() => a(d(h, S.value?.customProps?.variant), x.value.variant)), O = r(() => x.value.thickness ?? s), k = r(() => u(O.value)), A = c / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
+	}), w = r(() => x.value.customProps), T = r(() => a(d(p, S.value?.tokens?.color), x.value.color)), E = r(() => a(d(m, S.value?.tokens?.size), x.value.size)), D = r(() => a(d(h, S.value?.tokens?.variant), x.value.variant)), O = r(() => x.value.thickness ?? s), k = r(() => u(O.value)), A = c / 2, j = r(() => _(x.value.value)), M = r(() => !!x.value.enableTrack), N = r(() => !!x.value.disableShrink), P = r(() => x.value.variant === "determinate"), F = r(() => x.value.variant === "indeterminate"), I = r(() => e(w.value?.root, b.value.inheritedAttrs, {
 		role: "progressbar",
 		...P.value ? {
 			"aria-valuemin": 0,

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: {},
@@ -19,7 +19,6 @@ var h = ["checked"], g = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
-		mainLabel: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		startLabel: {},
@@ -27,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;
@@ -243,7 +243,7 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
             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>;
@@ -256,15 +256,10 @@ export declare function useSwitch(props: MaybeRefOrGetter<SwitchOwnProps>, libDe
             "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/Switch/composables/useSwitch.js

@@ -3,14 +3,15 @@ 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/Switch";
+import { colorProps as f, invalidatedProps as p, roundedProps as m, sizeProps as h } from "@bridge-ui/core/Tokens/Switch";
 //#region src/Components/Switch/composables/useSwitch.ts
 var g = [
 	"size",
 	"color",
 	"classes",
 	"rounded",
-	"customProps"
+	"customProps",
+	"defaultChecked"
 ];
 function _(_, v, y) {
 	let b = o(), x = r(() => ({
@@ -33,7 +34,7 @@ function _(_, v, y) {
 	}), T = i(() => C.value.customProps), E = n({
 		entry: w,
 		props: () => S.value.componentProps
-	}), D = i(() => !!a(y)), 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)), 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,
 		role: "switch",

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/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -3,9 +3,9 @@ import t from "../Tab/Tab.js";
 import n from "../TabList/TabList.js";
 import r from "../TabPanel/TabPanel.js";
 import { useTabs as i } from "./composables/useTabs.js";
-import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, normalizeProps as g, openBlock as _, renderList as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, useModel as S, useSlots as C, withCtx as w } from "vue";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeProps as _, openBlock as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, useModel as C, useSlots as w, withCtx as T } from "vue";
 //#region src/Components/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
-var T = /* @__PURE__ */ p({
+var E = /* @__PURE__ */ p({
 	inheritAttrs: !1,
 	__name: "Tabs",
 	props: /* @__PURE__ */ h({
@@ -26,48 +26,48 @@ var T = /* @__PURE__ */ p({
 	}),
 	emits: /* @__PURE__ */ h(["change", "update:modelValue"], ["update:modelValue"]),
 	setup(p, { emit: h }) {
-		let T = C(), E = h, { rootBind: D, tabItems: O } = i(p, {
+		let E = w(), D = h, O = p, { rootBind: k, tabItems: A } = i(O, {
 			size: "md",
 			variant: "line",
 			color: "primary",
 			keepMounted: !0,
 			activation: "automatic",
 			orientation: "horizontal"
-		}, S(p, "modelValue"), E), k = o(() => O.value.length > 0);
-		return (i, o) => (_(), l("div", g(m(x(D))), [k.value ? (_(), l(a, { key: 0 }, [f(n, null, {
-			default: w(() => [(_(!0), l(a, null, v(x(O), (e) => (_(), s(t, {
+		}, C(p, "modelValue"), D), j = o(() => A.value.length > 0);
+		return (i, o) => (v(), l("div", _(m(S(k))), [j.value ? (v(), l(a, { key: 0 }, [f(n, _(m(O.customProps?.tabList)), {
+			default: T(() => [(v(!0), l(a, null, y(S(A), (e) => (v(), s(t, g({
 				key: e.value,
 				value: e.value,
 				"end-icon": e.endIcon,
 				disabled: e.disabled,
 				"start-icon": e.startIcon
-			}, u({
-				default: w(() => [typeof e.label == "string" ? (_(), l(a, { key: 0 }, [d(b(e.label), 1)], 64)) : (_(), s(y(e.label), { key: 1 }))]),
+			}, { ref_for: !0 }, O.customProps?.tab), u({
+				default: T(() => [typeof e.label == "string" ? (v(), l(a, { key: 0 }, [d(x(e.label), 1)], 64)) : (v(), s(b(e.label), { key: 1 }))]),
 				_: 2
 			}, [e.slots?.start ? {
 				name: "start",
-				fn: w(() => [(_(), s(y(e.slots.start)))]),
+				fn: T(() => [(v(), s(b(e.slots.start)))]),
 				key: "0"
 			} : void 0, e.slots?.end ? {
 				name: "end",
-				fn: w(() => [(_(), s(y(e.slots.end)))]),
+				fn: T(() => [(v(), s(b(e.slots.end)))]),
 				key: "1"
-			} : void 0]), 1032, [
+			} : void 0]), 1040, [
 				"value",
 				"end-icon",
 				"disabled",
 				"start-icon"
 			]))), 128))]),
 			_: 1
-		}), (_(!0), l(a, null, v(x(O), (e) => (_(), s(r, {
+		}, 16), (v(!0), l(a, null, y(S(A), (e) => (v(), s(r, g({
 			key: e.value,
 			value: e.value,
 			"keep-mounted": e.keepMounted
-		}, {
-			default: w(() => [(_(), s(y(e.panel)))]),
+		}, { ref_for: !0 }, O.customProps?.tabPanel), {
+			default: T(() => [(v(), s(b(e.panel)))]),
 			_: 2
-		}, 1032, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), (_(), s(y(x(e)(x(T), "default"))))], 16));
+		}, 1040, ["value", "keep-mounted"]))), 128))], 64)) : c("", !0), (v(), s(b(S(e)(S(E), "default"))))], 16));
 	}
 });
 //#endregion
-export { T as default };
+export { E as default };

package/dist/Components/Tabs/composables/useTabs.js

@@ -3,7 +3,7 @@ import { TABS_INJECTION_KEY as r } from "../tabsInjectionKey.js";
 import { computed as i, provide as a, ref as o, useAttrs as s, useId as c } from "vue";
 import { get as l } from "es-toolkit/compat";
 import { cn as u, getTabId as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
-import { colorProps as m, orientationProps as h, sizeProps as g, variantProps as _ } from "@bridge-ui/core/Components/Tabs";
+import { colorProps as m, orientationProps as h, sizeProps as g, variantProps as _ } from "@bridge-ui/core/Tokens/Tabs";
 //#region src/Components/Tabs/composables/useTabs.ts
 var v = [
 	"size",
@@ -52,7 +52,7 @@ function y(y, b, x, S) {
 	let L = n({
 		entry: j,
 		props: () => k.value.componentProps
-	}), R = i(() => f(g, j.value?.customProps?.size)), z = i(() => f(_, j.value?.customProps?.variant)), B = i(() => f(m, j.value?.customProps?.color)), V = i(() => f(h, j.value?.customProps?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
+	}), R = i(() => f(g, j.value?.tokens?.size)), z = i(() => f(_, j.value?.tokens?.variant)), B = i(() => f(m, j.value?.tokens?.color)), V = i(() => f(h, j.value?.tokens?.orientation)), H = i(() => l(R.value, A.value.size)), U = i(() => l(z.value, A.value.variant)), W = i(() => l(B.value, A.value.color)), G = i(() => l(V.value, A.value.orientation)), K = i(() => ({
 		focusTab: F,
 		id: T,
 		setSelected: N,

package/dist/Components/Tabs/tabs.types.d.ts

@@ -1,5 +1,8 @@
 import { HTMLAttributes, Slot } from 'vue';
 import { MergeHtmlProps, MergeProps, TabsActivation, TabsColor, TabsOrientation, TabsSize, TabsVariant } from '@bridge-ui/core';
+import { TabOwnProps } from '../Tab/tab.types';
+import { TabListOwnProps } from '../TabList/tabList.types';
+import { TabPanelOwnProps } from '../TabPanel/tabPanel.types';
 export interface TabsSizeOverrides {}
 export interface TabsColorOverrides {}
 export interface TabsVariantOverrides {}
@@ -13,8 +16,30 @@ export interface TabsClasses {
 export interface TabsCustomProps {
     /**
      * Props forwarded to the root element.
+     *
+     * @default undefined
      */
     root?: HTMLAttributes;
+    /**
+     * Props forwarded to each mapped `Tab` when using the `items` API.
+     * Value, icons, and disabled stay owned by `Tabs`.
+     *
+     * @default undefined
+     */
+    tab?: Partial<Omit<TabOwnProps, "value" | "endIcon" | "disabled" | "startIcon">>;
+    /**
+     * Props forwarded to the mapped `TabList` when using the `items` API.
+     *
+     * @default undefined
+     */
+    tabList?: Partial<TabListOwnProps>;
+    /**
+     * Props forwarded to each mapped `TabPanel` when using the `items` API.
+     * Value and keepMounted stay owned by `Tabs`.
+     *
+     * @default undefined
+     */
+    tabPanel?: Partial<Omit<TabPanelOwnProps, "value" | "keepMounted">>;
 }
 export interface TabsEmits {
     /**
@@ -49,7 +74,8 @@ export interface TabsOwnProps {
      */
     color?: MergeProps<TabsColor, TabsColorOverrides>;
     /**
-     * Props forwarded to each tabs part.
+     * Extra props for the root and mapped `TabList` / `Tab` / `TabPanel` parts
+     * (items API).
      *
      * @default undefined
      */

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 };