@bridge-ui/vue 0.0.2 → 0.0.3

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_vue_type_script_setup_true_lang.js

@@ -19,7 +19,6 @@ var h = ["checked"], g = /* @__PURE__ */ a({
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
-		mainLabel: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		startLabel: {},

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

@@ -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,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/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",
@@ -33,7 +33,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/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/composables/useTextField.d.ts

@@ -427,10 +427,9 @@ export declare function useTextField(props: TextFieldOwnProps): {
             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, {}>>;
@@ -440,12 +439,12 @@ export declare function useTextField(props: TextFieldOwnProps): {
         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", {}, {}>>;
@@ -676,5 +675,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
         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">>>>;
 };

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -428,10 +428,9 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             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, {}>>;
@@ -441,12 +440,12 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         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", {}, {}>>;
@@ -678,7 +677,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         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">>>, {
         rows?: string | number | undefined;
         onInput?: ((event: Event) => void) | undefined;
     }>>;

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

@@ -3,7 +3,7 @@ import { useFormField as r } from "../../FormField/composables/useFormField.js";
 import { computed as i, onMounted as a, useAttrs as o, watch as s } from "vue";
 import { get as c, isNil as l, omit as u } from "es-toolkit/compat";
 import { adjustAutosizeTextareaHeight as d, cn as f, mergeBridgeUILayeredClasses as p } from "@bridge-ui/core";
-import { resizeProps as m } from "@bridge-ui/core/Components/Textarea";
+import { resizeProps as m } from "@bridge-ui/core/Tokens/Textarea";
 //#region src/Components/Textarea/composables/useTextarea.ts
 function h(h, g) {
 	let _ = o(), v = i(() => ({
@@ -40,7 +40,7 @@ function h(h, g) {
 	}, {
 		control: () => "textarea",
 		likeInput: () => S.value
-	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.customProps?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
+	}), E = i(() => C.value ? "none" : b.value.resize ?? "none"), D = i(() => c(p(m, y.value?.tokens?.resize), E.value ?? "none")), O = i(() => _.onInput), k = (e) => {
 		!e || !C.value || d(e);
 	}, A = (e) => {
 		k(e.target), O.value?.(e);

package/dist/Utils/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPublicInstance, ComputedRef, MaybeRefOrGetter } from 'vue';
-import { FormFieldSize } from '@bridge-ui/core/Components/FormField';
-import { IconSize } from '@bridge-ui/core/Components/Icon';
 import { BridgeUIComponentsConfig } from '@bridge-ui/core/Config';
+import { FormFieldSize } from '@bridge-ui/core/Tokens/FormField';
+import { IconSize } from '@bridge-ui/core/Tokens/Icon';
 import { useBridgeUI } from '../Provider/useBridgeUI';
 type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
 export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig> = {
@@ -18,6 +18,13 @@ export declare function defineHeadlessComponent(setup: () => void): import('vue'
  * Merges Vue-specific classes into the `class` attribute.
  */
 export declare const mergePartBind: <Bridge extends object, Part extends object | undefined = undefined, Inherited extends object | undefined = undefined>(partProps: Part, inheritedAttrs: Inherited, bridgeProps: string | Bridge) => import('@bridge-ui/core').MergePartBind<Bridge, "class", Part, Inherited>;
+/**
+ * Merges consumer nested-component props with package defaults (consumer wins).
+ */
+export declare const mergeNestedComponentProps: <P extends {
+    classes?: object;
+    customProps?: object;
+}>(userProps: undefined | Partial<P>, defaults?: import('@bridge-ui/core').NestedComponentDefaults<P>) => Partial<P>;
 /**
  * Registry entry + props merged with Bridge defaults for a named component.
  */

package/dist/Utils/index.js

@@ -4,10 +4,10 @@ import { useBreakpoint as o } from "./useBreakpoint.js";
 import { useHoldRepeat as s } from "./useHoldRepeat.js";
 import { computed as c, defineComponent as l, toValue as u, unref as d } from "vue";
 import { get as f, isNil as p } from "es-toolkit/compat";
-import { createMergePartBind as m } from "@bridge-ui/core";
-import { mergeBridgeUILayeredClasses as h, mergePropsWithBridgeUIDefaults as g } from "@bridge-ui/core/Utils";
+import { createMergeNestedComponentProps as m, createMergePartBind as h } from "@bridge-ui/core";
+import { mergeBridgeUILayeredClasses as g, mergePropsWithBridgeUIDefaults as _ } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
-function _(e) {
+function v(e) {
 	return l({
 		name: "HeadlessTestComponent",
 		setup() {
@@ -15,13 +15,13 @@ function _(e) {
 		}
 	});
 }
-var v = m("class");
-function y({ props: t, libDefaults: n, componentName: r }) {
+var y = h("class"), b = m(y);
+function x({ props: t, libDefaults: n, componentName: r }) {
 	let i = e(), a = c(() => p(i) ? null : d(i.components));
 	return {
 		entry: c(() => f(a.value, r)),
 		bridge: i,
-		merged: c(() => g({
+		merged: c(() => _({
 			libDefaults: n,
 			componentName: r,
 			props: u(t),
@@ -30,10 +30,10 @@ function y({ props: t, libDefaults: n, componentName: r }) {
 		components: a
 	};
 }
-function b({ entry: e, props: t }) {
-	return c(() => h(f(e.value, "classes"), u(t).classes));
+function S({ entry: e, props: t }) {
+	return c(() => g(f(e.value, "classes"), u(t).classes));
 }
-function x(e) {
+function C(e) {
 	return f({
 		xs: "xs",
 		sm: "sm",
@@ -44,7 +44,7 @@ function x(e) {
 		"2xl": "lg"
 	}, e ?? "md");
 }
-function S(e) {
+function w(e) {
 	if (e instanceof HTMLElement) return e;
 	if (e && "$el" in e) {
 		let t = e.$el;
@@ -53,4 +53,4 @@ function S(e) {
 	return null;
 }
 //#endregion
-export { _ as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, v as mergePartBind, x as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, S as resolveVnodeRefElement, o as useBreakpoint, y as useBridgeUIComponent, b as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };
+export { v as defineHeadlessComponent, t as hasNamedSlot, n as hasSlotOrProp, r as isPropPresent, b as mergeNestedComponentProps, y as mergePartBind, C as resolveFieldAdornmentIconSize, i as resolveNamedSlot, a as resolveSlotOrProp, w as resolveVnodeRefElement, o as useBreakpoint, x as useBridgeUIComponent, S as useBridgeUIMergedRegistryClasses, s as useHoldRepeat };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { Alert, useAlert } from './Components/Alert';
 export type { AlertClasses, AlertColorOverrides, AlertPaddingOverrides, AlertProps, AlertRoundedOverrides, AlertShadowOverrides, AlertSlots, AlertVariantOverrides, } from './Components/Alert';
 export { Avatar } from './Components/Avatar';
-export type { AvatarClasses, AvatarColorOverrides, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
+export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './Components/Avatar';
 export { Badge, useBadge } from './Components/Badge';
 export type { BadgeClasses, BadgeColorOverrides, BadgeDensityOverrides, BadgeOwnProps, BadgeProps, BadgeRoundedOverrides, BadgeSizeOverrides, BadgeSlots, BadgeVariantOverrides, } from './Components/Badge';
 export { Button, useButton } from './Components/Button';

package/dist/index.js

@@ -12,19 +12,19 @@ import d from "./Components/Button/Button.js";
 import { useCard as f } from "./Components/Card/composables/useCard.js";
 import p from "./Components/Card/Card.js";
 import { useFormControl as m } from "./Components/FormControl/composables/useFormControl.js";
-import h from "./Components/FormControl/FormControl.js";
-import { useCheckbox as g } from "./Components/Checkbox/composables/useCheckbox.js";
-import _ from "./Components/Checkbox/Checkbox.js";
-import { useChip as v } from "./Components/Chip/composables/useChip.js";
-import y from "./Components/Chip/Chip.js";
-import { useDivider as b } from "./Components/Divider/composables/useDivider.js";
-import x from "./Components/Divider/Divider.js";
-import { useDrawer as S } from "./Components/Drawer/composables/useDrawer.js";
-import C from "./Components/Drawer/Drawer.js";
-import { useFormField as w } from "./Components/FormField/composables/useFormField.js";
-import T from "./Components/FormField/FormField.js";
-import { useLabel as E } from "./Components/Label/composables/useLabel.js";
-import D from "./Components/Label/Label.js";
+import { useLabel as h } from "./Components/Label/composables/useLabel.js";
+import g from "./Components/Label/Label.js";
+import _ from "./Components/FormControl/FormControl.js";
+import { useCheckbox as v } from "./Components/Checkbox/composables/useCheckbox.js";
+import y from "./Components/Checkbox/Checkbox.js";
+import { useChip as b } from "./Components/Chip/composables/useChip.js";
+import x from "./Components/Chip/Chip.js";
+import { useDivider as S } from "./Components/Divider/composables/useDivider.js";
+import C from "./Components/Divider/Divider.js";
+import { useDrawer as w } from "./Components/Drawer/composables/useDrawer.js";
+import T from "./Components/Drawer/Drawer.js";
+import { useFormField as E } from "./Components/FormField/composables/useFormField.js";
+import D from "./Components/FormField/FormField.js";
 import { useLink as O } from "./Components/Link/composables/useLink.js";
 import k from "./Components/Link/Link.js";
 import { useList as A } from "./Components/List/composables/useList.js";
@@ -74,4 +74,4 @@ import we from "./Components/TextField/TextField.js";
 import Te from "./Provider/BridgeUIProvider.js";
 import { createBridgeUI as Ee } from "./Provider/createBridgeUI.js";
 import { BRIDGE_UI_DEFAULT_GLOBAL as De, cn as Oe, mergeBridgeUIComponents as ke, mergeBridgeUIGlobal as Ae, resolveBridgeUIOptions as je } from "@bridge-ui/core";
-export { o as Alert, s as Avatar, De as BRIDGE_UI_DEFAULT_GLOBAL, l as Badge, Te as BridgeUIProvider, d as Button, p as Card, _ as Checkbox, y as Chip, x as Divider, C as Drawer, h as FormControl, T as FormField, a as Icon, D as Label, k as Link, j as List, z as ListItem, B as ListSection, G as Listbox, H as Menu, q as Modal, Y as NumberField, Z as PasswordField, W as Progress, $ as Radio, ee as Select, te as SelectOption, re as Skeleton, ae as Snackbar, se as Spinner, le as Switch, ue as TABS_INJECTION_KEY, fe as Tab, me as TabItem, ge as TabList, ve as TabPanel, be as Tabs, we as TextField, Se as Textarea, Oe as cn, Ee as createBridgeUI, N as findFirstEnabledOptionIndex, P as findLastEnabledOptionIndex, F as getListboxActiveDescendantId, I as getListboxOptionId, ke as mergeBridgeUIComponents, Ae as mergeBridgeUIGlobal, L as moveListboxHighlight, je as resolveBridgeUIOptions, i as useAlert, c as useBadge, t as useBreakpoint, e as useBridgeUI, n as useBridgeUIComponent, r as useBridgeUIMergedRegistryClasses, u as useButton, f as useCard, g as useCheckbox, v as useChip, b as useDivider, S as useDrawer, m as useFormControl, w as useFormField, E as useLabel, O as useLink, A as useList, M as useListbox, R as useListboxNavigation, V as useMenu, K as useModal, J as useNumberField, X as usePasswordField, U as useProgress, Q as useRadio, ne as useSkeleton, ie as useSnackbar, oe as useSpinner, ce as useSwitch, de as useTab, pe as useTabItem, he as useTabList, _e as useTabPanel, ye as useTabs, Ce as useTextField, xe as useTextarea };
+export { o as Alert, s as Avatar, De as BRIDGE_UI_DEFAULT_GLOBAL, l as Badge, Te as BridgeUIProvider, d as Button, p as Card, y as Checkbox, x as Chip, C as Divider, T as Drawer, _ as FormControl, D as FormField, a as Icon, g as Label, k as Link, j as List, z as ListItem, B as ListSection, G as Listbox, H as Menu, q as Modal, Y as NumberField, Z as PasswordField, W as Progress, $ as Radio, ee as Select, te as SelectOption, re as Skeleton, ae as Snackbar, se as Spinner, le as Switch, ue as TABS_INJECTION_KEY, fe as Tab, me as TabItem, ge as TabList, ve as TabPanel, be as Tabs, we as TextField, Se as Textarea, Oe as cn, Ee as createBridgeUI, N as findFirstEnabledOptionIndex, P as findLastEnabledOptionIndex, F as getListboxActiveDescendantId, I as getListboxOptionId, ke as mergeBridgeUIComponents, Ae as mergeBridgeUIGlobal, L as moveListboxHighlight, je as resolveBridgeUIOptions, i as useAlert, c as useBadge, t as useBreakpoint, e as useBridgeUI, n as useBridgeUIComponent, r as useBridgeUIMergedRegistryClasses, u as useButton, f as useCard, v as useCheckbox, b as useChip, S as useDivider, w as useDrawer, m as useFormControl, E as useFormField, h as useLabel, O as useLink, A as useList, M as useListbox, R as useListboxNavigation, V as useMenu, K as useModal, J as useNumberField, X as usePasswordField, U as useProgress, Q as useRadio, ne as useSkeleton, ie as useSnackbar, oe as useSpinner, ce as useSwitch, de as useTab, pe as useTabItem, he as useTabList, _e as useTabPanel, ye as useTabs, Ce as useTextField, xe as useTextarea };

package/dist/theme.css

@@ -1,6 +1,6 @@
 @source "./Actions";
 @source "./Components";
-@source "../../core/dist/Components";
+@source "../../core/dist/Tokens";
 
 /* Emitted for JS (`useBreakpoint`) — Tailwind otherwise omits unused --breakpoint-* vars. */
 @theme static {

package/package.json

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