@bridge-ui/vue 0.0.2 → 0.0.3

package/dist/Actions/Dialog/BridgeDialogAction.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-import e from "../../Components/Button/Button.js";
-import t from "../../Components/Link/Link.js";
-import { computed as n, createBlock as r, createTextVNode as i, defineComponent as a, mergeProps as o, openBlock as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
-import { cn as d } from "@bridge-ui/core";
+import { mergeNestedComponentProps as e } from "../../Utils/index.js";
+import t from "../../Components/Button/Button.js";
+import n from "../../Components/Link/Link.js";
+import { computed as r, createBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
 //#region src/Actions/Dialog/BridgeDialogAction.vue?vue&type=script&setup=true&lang.ts
-var f = /* @__PURE__ */ a({
+var f = /* @__PURE__ */ o({
 	__name: "BridgeDialogAction",
 	props: {
 		acceptColor: {},
@@ -11,51 +11,35 @@ var f = /* @__PURE__ */ a({
 		role: {}
 	},
 	emits: ["run"],
-	setup(a, { emit: f }) {
-		let p = a, m = f, h = n(() => p.role === "accept" ? p.acceptColor : "secondary"), g = n(() => h.value), _ = n(() => {
+	setup(o, { emit: f }) {
+		let p = o, m = f, h = r(() => p.role === "accept" ? p.acceptColor : "secondary"), g = r(() => h.value), _ = r(() => {
 			if (!p.action.link) return {};
 			let { onClick: e, ...t } = p.action.link;
 			return t;
-		});
-		function v() {
+		}), v = r(() => e(_.value, { classes: { root: p.action.className } })), y = r(() => e(p.action.button, { classes: { root: p.action.className } }));
+		function b() {
 			m("run");
 		}
-		function y(e) {
-			e.preventDefault(), p.action.link?.onClick?.(e), v();
+		function x(e) {
+			e.preventDefault(), p.action.link?.onClick?.(e), b();
 		}
-		return (n, f) => a.action.link ? (s(), r(l(t), o({
+		return (e, r) => o.action.link ? (c(), i(u(n), s({
 			key: 0,
 			size: "sm",
 			underline: "hover",
 			color: g.value
-		}, _.value, {
-			onClick: y,
-			classes: {
-				...a.action.link.classes,
-				root: l(d)(a.action.className, a.action.link.classes?.root)
-			}
-		}), {
-			default: u(() => [i(c(a.action.label), 1)]),
+		}, v.value, { onClick: x }), {
+			default: d(() => [a(l(o.action.label), 1)]),
 			_: 1
-		}, 16, ["color", "classes"])) : (s(), r(l(e), o({
+		}, 16, ["color"])) : (c(), i(u(t), s({
 			key: 1,
 			size: "sm",
-			onClick: v,
+			onClick: b,
 			color: h.value
-		}, a.action.button, {
-			variant: a.action.solid ? "outline" : "flat",
-			classes: {
-				...a.action.button?.classes,
-				root: l(d)(a.action.className, a.action.button?.classes?.root)
-			}
-		}), {
-			default: u(() => [i(c(a.action.label), 1)]),
+		}, y.value, { variant: o.action.solid ? "outline" : "flat" }), {
+			default: d(() => [a(l(o.action.label), 1)]),
 			_: 1
-		}, 16, [
-			"color",
-			"variant",
-			"classes"
-		]));
+		}, 16, ["color", "variant"]));
 	}
 });
 //#endregion

package/dist/Actions/Snackbar/BridgeSnackbarAction.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,11 @@
-import e from "../../Components/Button/Button.js";
-import t from "../../Components/Link/Link.js";
-import { computed as n, createBlock as r, createTextVNode as i, defineComponent as a, mergeProps as o, openBlock as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
-import { get as d } from "es-toolkit/compat";
-import { cn as f, snackbarRoundedProps as p } from "@bridge-ui/core";
+import { mergeNestedComponentProps as e } from "../../Utils/index.js";
+import t from "../../Components/Button/Button.js";
+import n from "../../Components/Link/Link.js";
+import { computed as r, createBlock as i, createTextVNode as a, defineComponent as o, mergeProps as s, openBlock as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
+import { get as f } from "es-toolkit/compat";
+import { cn as p, snackbarRoundedProps as m } from "@bridge-ui/core";
 //#region src/Actions/Snackbar/BridgeSnackbarAction.vue?vue&type=script&setup=true&lang.ts
-var m = /* @__PURE__ */ a({
+var h = /* @__PURE__ */ o({
 	__name: "BridgeSnackbarAction",
 	props: {
 		action: {},
@@ -16,71 +17,57 @@ var m = /* @__PURE__ */ a({
 		snackbarRounded: {}
 	},
 	emits: ["run"],
-	setup(a, { emit: m }) {
-		let h = a, g = m, _ = n(() => h.role === "accept" ? h.snackbarColor : "secondary"), v = n(() => _.value), y = n(() => {
-			if (!h.action.link) return {};
-			let { onClick: e, ...t } = h.action.link;
+	setup(o, { emit: h }) {
+		let g = o, _ = h, v = r(() => g.role === "accept" ? g.snackbarColor : "secondary"), y = r(() => v.value), b = r(() => {
+			if (!g.action.link) return {};
+			let { onClick: e, ...t } = g.action.link;
 			return t;
-		}), b = n(() => {
-			let e = d(p, h.snackbarRounded ?? "lg"), t = d(e, "tr"), n = d(e, "br");
-			return d({
+		}), x = r(() => {
+			let e = f(m, g.snackbarRounded ?? "lg"), t = f(e, "tr"), n = f(e, "br");
+			return f({
 				trailing: "mr-4 shrink-0",
-				"right-accept": f({
+				"right-accept": p({
 					"w-full rounded-none": !0,
 					[t ?? ""]: !0,
-					[n ?? ""]: !h.hasReject
+					[n ?? ""]: !g.hasReject
 				}),
-				"right-reject": f({
+				"right-reject": p({
 					"w-full rounded-none": !0,
 					[n ?? ""]: !0,
-					[t ?? ""]: !h.hasAccept
+					[t ?? ""]: !g.hasAccept
 				})
-			}, h.layout, "");
-		}), x = n(() => f({
-			[b.value]: !0,
-			[h.action.className ?? ""]: !0,
-			"w-full": h.layout === "right-accept" || h.layout === "right-reject"
-		}));
-		function S() {
-			g("run");
+			}, g.layout, "");
+		}), S = r(() => p({
+			[x.value]: !0,
+			[g.action.className ?? ""]: !0
+		})), C = r(() => e(b.value, { classes: { root: S.value } })), w = r(() => e(g.action.button, { classes: { root: p({
+			[S.value]: !0,
+			"w-full": g.layout === "right-accept" || g.layout === "right-reject"
+		}) } }));
+		function T() {
+			_("run");
 		}
-		function C(e) {
-			e.preventDefault(), h.action.link?.onClick?.(e), S();
+		function E(e) {
+			e.preventDefault(), g.action.link?.onClick?.(e), T();
 		}
-		return (n, d) => a.action.link ? (s(), r(l(t), o({
+		return (e, r) => o.action.link ? (c(), i(u(n), s({
 			key: 0,
 			size: "sm",
 			underline: "hover",
-			color: v.value
-		}, y.value, {
-			onClick: C,
-			classes: {
-				...a.action.link.classes,
-				root: l(f)(x.value, a.action.link.classes?.root)
-			}
-		}), {
-			default: u(() => [i(c(a.action.label), 1)]),
+			color: y.value
+		}, C.value, { onClick: E }), {
+			default: d(() => [a(l(o.action.label), 1)]),
 			_: 1
-		}, 16, ["color", "classes"])) : (s(), r(l(e), o({
+		}, 16, ["color"])) : (c(), i(u(t), s({
 			key: 1,
 			size: "sm",
-			onClick: S,
-			color: _.value
-		}, a.action.button, {
-			variant: a.action.solid ? "outline" : "flat",
-			classes: {
-				...a.action.button?.classes,
-				root: l(f)(x.value, a.action.button?.classes?.root)
-			}
-		}), {
-			default: u(() => [i(c(a.action.label), 1)]),
+			onClick: T,
+			color: v.value
+		}, w.value, { variant: o.action.solid ? "outline" : "flat" }), {
+			default: d(() => [a(l(o.action.label), 1)]),
 			_: 1
-		}, 16, [
-			"color",
-			"variant",
-			"classes"
-		]));
+		}, 16, ["color", "variant"]));
 	}
 });
 //#endregion
-export { m as default };
+export { h as default };

package/dist/Actions/Snackbar/BridgeSnackbarHost.vue_vue_type_script_setup_true_lang.js

@@ -26,7 +26,7 @@ var S = "[Bridge UI] Nested <BridgeSnackbarHost /> detected. useSnackbarAction()
 			timeout: C.timeout
 		}), T = e();
 		m(t, w);
-		let E = o(() => w.entries.value), D = o(() => T?.components.value.Snackbar), O = o(() => C.position ?? D.value?.defaultProps?.position ?? "bottom-center"), k = o(() => v(b(x, D.value?.customProps?.position), O.value)), A = o(() => C.teleportTo === !1), j = o(() => C.teleportTo === !1 ? "body" : C.teleportTo), M = o(() => O.value.startsWith("top") ? "flex-col" : "flex-col-reverse");
+		let E = o(() => w.entries.value), D = o(() => T?.components.value.Snackbar), O = o(() => C.position ?? D.value?.defaultProps?.position ?? "bottom-center"), k = o(() => v(b(x, D.value?.tokens?.position), O.value)), A = o(() => C.teleportTo === !1), j = o(() => C.teleportTo === !1 ? "body" : C.teleportTo), M = o(() => O.value.startsWith("top") ? "flex-col" : "flex-col-reverse");
 		return (e, t) => (p(), c(i, null, [g(e.$slots, "default"), (p(), s(a, {
 			to: j.value,
 			disabled: A.value

package/dist/Components/Alert/alertDefaultIcons.d.ts

@@ -1,4 +1,4 @@
 import { LucideIcon } from '@lucide/vue';
-import { AlertColor } from '@bridge-ui/core/Components/Alert';
+import { AlertColor } from '@bridge-ui/core/Tokens/Alert';
 /** Library fallbacks when neither the `icon` prop nor theme `icon` is set. */
 export declare const alertDefaultIcons: Record<keyof AlertColor, LucideIcon>;

package/dist/Components/Alert/composables/useAlert.js

@@ -3,7 +3,7 @@ import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistr
 import { computed as i, useAttrs as a, useSlots as o } from "vue";
 import { get as s, isNull as c } from "es-toolkit/compat";
 import { cn as l, mergeBridgeUILayeredClasses as u, splitComponentProps as d } from "@bridge-ui/core";
-import { paddingProps as f, roundedProps as p, shadowProps as m, variantProps as h } from "@bridge-ui/core/Components/Alert";
+import { paddingProps as f, roundedProps as p, shadowProps as m, variantProps as h } from "@bridge-ui/core/Tokens/Alert";
 //#region src/Components/Alert/composables/useAlert.ts
 var g = [
 	"icon",
@@ -33,7 +33,7 @@ function _(_, v) {
 	}), E = i(() => {
 		let e = b.default?.();
 		return !!(e && e.length > 0);
-	}), D = i(() => s(u(h, C.value?.customProps?.variant), [S.value.variant, S.value.color])), O = i(() => s(u(m, C.value?.customProps?.shadow), S.value.shadow)), k = i(() => s(u(f, C.value?.customProps?.padding), S.value.padding)), A = i(() => s(u(p, C.value?.customProps?.rounded), S.value.rounded)), j = i(() => c(S.value.icon) ? null : S.value.icon ? S.value.icon : s(D.value, "icon") ?? s(e, S.value.color));
+	}), D = i(() => s(u(h, C.value?.tokens?.variant), [S.value.variant, S.value.color])), O = i(() => s(u(m, C.value?.tokens?.shadow), S.value.shadow)), k = i(() => s(u(f, C.value?.tokens?.padding), S.value.padding)), A = i(() => s(u(p, C.value?.tokens?.rounded), S.value.rounded)), j = i(() => c(S.value.icon) ? null : S.value.icon ? S.value.icon : s(D.value, "icon") ?? s(e, S.value.color));
 	return {
 		slots: b,
 		merged: S,

package/dist/Components/Avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -10,6 +10,7 @@ var p = /* @__PURE__ */ a({
 		alt: {},
 		classes: {},
 		color: {},
+		customProps: {},
 		fallback: {},
 		icon: { type: [Function, Object] },
 		rounded: {},

package/dist/Components/Avatar/avatar.types.d.ts

@@ -1,6 +1,7 @@
 import { LucideIcon } from '@lucide/vue';
-import { HTMLAttributes, Slot } from 'vue';
+import { HTMLAttributes, ImgHTMLAttributes, Slot } from 'vue';
 import { AvatarColor, AvatarRounded, AvatarSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconProps } from '../Icon';
 export interface AvatarSizeOverrides {}
 export interface AvatarColorOverrides {}
 export interface AvatarRoundedOverrides {}
@@ -18,6 +19,32 @@ export interface AvatarClasses {
      */
     root?: string;
 }
+export interface AvatarCustomProps {
+    /**
+     * Props forwarded to the fallback text element.
+     *
+     * @default undefined
+     */
+    fallback?: HTMLAttributes;
+    /**
+     * Props forwarded to the fallback `Icon` (`icon` is set by the avatar).
+     *
+     * @default undefined
+     */
+    icon?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Props forwarded to the image element.
+     *
+     * @default undefined
+     */
+    image?: ImgHTMLAttributes;
+    /**
+     * Props forwarded to the root element.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+}
 export interface AvatarOwnProps {
     /**
      * The alt text for the avatar image.
@@ -37,6 +64,12 @@ export interface AvatarOwnProps {
      * @default "primary"
      */
     color?: MergeProps<AvatarColor, AvatarColorOverrides>;
+    /**
+     * Extra props for internal parts (`root`, `image`, `fallback`, `icon`).
+     *
+     * @default undefined
+     */
+    customProps?: AvatarCustomProps;
     /**
      * The fallback text to display when no image is available.
      *

package/dist/Components/Avatar/composables/useAvatar.d.ts

@@ -7,14 +7,14 @@ export declare function useAvatar(props: AvatarProps, libDefaults: AvatarLibDefa
         [name: string]: import('vue').Slot<any> | undefined;
     }>;
     merged: import('vue').ComputedRef<AvatarMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "rounded" | "alt" | "fallback" | "src">>>;
-    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<AvatarProps, "color" | "icon" | "size" | "classes" | "customProps" | "rounded" | "alt" | "fallback" | "src">>>;
+    iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
     hasImage: import('vue').ComputedRef<boolean>;
-    imageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {
+    imageBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').ImgHTMLAttributes | undefined, {
         alt: string | undefined;
         src: string | undefined;
     }>>;
-    fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", {}, {}>>;
+    fallbackBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     resolvedIcon: import('vue').ComputedRef<import('@lucide/vue').LucideIcon>;
     hasFallbackSlot: import('vue').ComputedRef<boolean>;
     hasFallbackText: import('vue').ComputedRef<boolean>;

package/dist/Components/Avatar/composables/useAvatar.js

@@ -4,7 +4,7 @@ import { computed as i, useAttrs as a, useSlots as o } from "vue";
 import { get as s, isEmpty as c, isNil as l } from "es-toolkit/compat";
 import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core";
 import { User as p } from "@lucide/vue";
-import { colorProps as m, iconSizeProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Components/Avatar";
+import { colorProps as m, iconSizeProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Avatar";
 //#region src/Components/Avatar/composables/useAvatar.ts
 var v = [
 	"alt",
@@ -14,7 +14,8 @@ var v = [
 	"color",
 	"classes",
 	"rounded",
-	"fallback"
+	"fallback",
+	"customProps"
 ];
 function y(y, b) {
 	let x = a(), S = o(), C = i(() => f({
@@ -30,14 +31,14 @@ function y(y, b) {
 	}), E = r({
 		entry: T,
 		props: () => C.value.componentProps
-	}), D = i(() => e(S, "default")), O = i(() => !l(w.value.src) && !c(w.value.src)), k = i(() => e(S, "fallback")), A = i(() => !l(w.value.fallback) && !c(w.value.fallback)), j = i(() => w.value.icon ?? p), M = i(() => !O.value && !D.value), N = i(() => s(d(_, T.value?.customProps?.size), w.value.size)), P = i(() => s(d(m, T.value?.customProps?.color), w.value.color)), F = i(() => s(d(g, T.value?.customProps?.rounded), w.value.rounded)), I = i(() => s(d(h, T.value?.customProps?.iconSize), w.value.size)), L = i(() => t({}, C.value.inheritedAttrs, u({
+	}), D = i(() => e(S, "default")), O = i(() => !l(w.value.src) && !c(w.value.src)), k = i(() => e(S, "fallback")), A = i(() => !l(w.value.fallback) && !c(w.value.fallback)), j = i(() => w.value.icon ?? p), M = i(() => !O.value && !D.value), N = i(() => s(d(_, T.value?.tokens?.size), w.value.size)), P = i(() => s(d(m, T.value?.tokens?.color), w.value.color)), F = i(() => s(d(g, T.value?.tokens?.rounded), w.value.rounded)), I = i(() => s(d(h, T.value?.tokens?.iconSize), w.value.size)), L = i(() => w.value.customProps), R = i(() => t(L.value?.root, C.value.inheritedAttrs, u({
 		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
 		[E.value.root ?? ""]: !0,
 		[F.value ?? ""]: !0,
 		[N.value ?? ""]: M.value || D.value || O.value,
 		[s(P.value, "background") ?? ""]: M.value,
 		[s(P.value, "text") ?? ""]: M.value
-	}))), R = i(() => t({}, {
+	}))), z = i(() => t(L.value?.image, {
 		alt: w.value.alt,
 		src: w.value.src
 	}, u({
@@ -45,7 +46,7 @@ function y(y, b) {
 		[N.value ?? ""]: !0,
 		[F.value ?? ""]: !0,
 		[E.value.image ?? ""]: !0
-	}))), z = i(() => t({}, {}, u({
+	}))), B = i(() => t(L.value?.fallback, {}, u({
 		"font-medium": !0,
 		[s(I.value, "label") ?? ""]: !0,
 		[s(P.value, "text") ?? ""]: !0,
@@ -54,15 +55,15 @@ function y(y, b) {
 	return {
 		slots: S,
 		merged: w,
-		rootBind: L,
-		iconBind: i(() => t({}, {}, u({
+		rootBind: R,
+		iconBind: i(() => t(L.value?.icon, {}, u({
 			"shrink-0": !0,
 			[s(I.value, "icon") ?? ""]: !0,
 			[s(P.value, "text") ?? ""]: !0
 		}))),
 		hasImage: O,
-		imageBind: R,
-		fallbackBind: z,
+		imageBind: z,
+		fallbackBind: B,
 		resolvedIcon: j,
 		hasFallbackSlot: k,
 		hasFallbackText: A,

package/dist/Components/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-export type { AvatarClasses, AvatarColorOverrides, AvatarOwnProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './avatar.types';
+export type { AvatarClasses, AvatarColorOverrides, AvatarCustomProps, AvatarOwnProps, AvatarProps, AvatarRoundedOverrides, AvatarSizeOverrides, AvatarSlots, } from './avatar.types';
 export { default as Avatar } from './Avatar.vue';
 export { useAvatar } from './composables/useAvatar';

package/dist/Components/Badge/composables/useBadge.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 { densityProps as l, roundedProps as u, variantProps as d } from "@bridge-ui/core/Components/Badge";
+import { densityProps as l, roundedProps as u, variantProps as d } from "@bridge-ui/core/Tokens/Badge";
 //#region src/Components/Badge/composables/useBadge.ts
 var f = [
 	"full",
@@ -27,7 +27,7 @@ function p(p, m) {
 	}), y = n({
 		entry: v,
 		props: () => g.value.componentProps
-	}), b = r(() => _.value.density === "mini"), x = r(() => a(s(l, v.value?.customProps?.density), [_.value.density, _.value.size])), S = r(() => a(s(d, v.value?.customProps?.variant), [_.value.variant, _.value.color])), C = r(() => a(s(u, v.value?.customProps?.rounded), _.value.rounded));
+	}), b = r(() => _.value.density === "mini"), x = r(() => a(s(l, v.value?.tokens?.density), [_.value.density, _.value.size])), S = r(() => a(s(d, v.value?.tokens?.variant), [_.value.variant, _.value.color])), C = r(() => a(s(u, v.value?.tokens?.rounded), _.value.rounded));
 	return {
 		merged: _,
 		rootBind: r(() => e({}, g.value.inheritedAttrs, o({

package/dist/Components/Button/composables/useButton.d.ts

@@ -7,7 +7,7 @@ export declare function useButton(props: ButtonOwnProps, libDefaults: ButtonLibD
     merged: import('vue').ComputedRef<ButtonMerged>;
     isMini: import('vue').ComputedRef<boolean>;
     iconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "text" | "full" | "rounded" | "variant" | "density" | "as" | "disabled" | "endIcon" | "loading" | "startIcon">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<ButtonProps, "color" | "href" | "icon" | "size" | "classes" | "customProps" | "text" | "full" | "rounded" | "variant" | "loading" | "density" | "as" | "disabled" | "endIcon" | "startIcon">>>;
     rootHref: import('vue').ComputedRef<string | undefined>;
     rootType: import('vue').ComputedRef<"button" | undefined>;
     endIconBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<object, "class", Partial<Omit<import('../../Icon').IconProps, "icon">> | undefined, {}>>;

package/dist/Components/Button/composables/useButton.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, includes as o, isNil as s } from "es-toolkit/compat";
 import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
-import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Components/Button";
+import { densityProps as d, roundedProps as f, variantProps as p } from "@bridge-ui/core/Tokens/Button";
 //#region src/Components/Button/composables/useButton.ts
 var m = [
 	"as",
@@ -46,7 +46,7 @@ function h(h, g) {
 			"reset",
 			"button"
 		], e) ? e : "button";
-	}), N = r(() => a(l(d, b.value?.customProps?.density), [y.value.density, y.value.size])), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => a(l(p, b.value?.customProps?.variant), [P.value, y.value.color])), I = r(() => a(l(f, b.value?.customProps?.rounded), y.value.rounded));
+	}), N = r(() => a(l(d, b.value?.tokens?.density), [y.value.density, y.value.size])), P = r(() => s(v.value.componentProps.variant) ? E.value ? "flat" : y.value.variant : v.value.componentProps.variant), F = r(() => a(l(p, b.value?.tokens?.variant), [P.value, y.value.color])), I = r(() => a(l(f, b.value?.tokens?.rounded), y.value.rounded));
 	return {
 		tag: C,
 		merged: y,

package/dist/Components/Card/composables/useCard.js

@@ -3,7 +3,7 @@ import { mergePartBind as t, useBridgeUIComponent as n, useBridgeUIMergedRegistr
 import { computed as i, useAttrs as a, useSlots as o } from "vue";
 import { get as s } from "es-toolkit/compat";
 import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as u } from "@bridge-ui/core";
-import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Components/Card";
+import { paddingProps as d, roundedProps as f, shadowProps as p, variantProps as m } from "@bridge-ui/core/Tokens/Card";
 //#region src/Components/Card/composables/useCard.ts
 var h = [
 	"title",
@@ -32,9 +32,9 @@ function g(g, _) {
 	}), T = i(() => {
 		let e = y.default?.();
 		return !!(e && e.length > 0);
-	}), E = i(() => e(y, "footer")), D = i(() => s(l(m, S.value?.customProps?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!s(D.value, "border")), k = i(() => {
-		if (x.value.variant === "elevated") return s(l(p, S.value?.customProps?.shadow), x.value.shadow);
-	}), A = i(() => s(l(d, S.value?.customProps?.padding), x.value.padding)), j = i(() => s(l(f, S.value?.customProps?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, c({
+	}), E = i(() => e(y, "footer")), D = i(() => s(l(m, S.value?.tokens?.variant), x.value.variant)), O = i(() => x.value.borderless ? !1 : !!s(D.value, "border")), k = i(() => {
+		if (x.value.variant === "elevated") return s(l(p, S.value?.tokens?.shadow), x.value.shadow);
+	}), A = i(() => s(l(d, S.value?.tokens?.padding), x.value.padding)), j = i(() => s(l(f, S.value?.tokens?.rounded), x.value.rounded)), M = i(() => t(C.value?.body, {}, c({
 		grow: !0,
 		[s(A.value, "body") ?? ""]: !0,
 		[s(D.value, "text") ?? ""]: !0,

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

@@ -25,7 +25,6 @@ var b = ["for"], x = ["checked"], S = {
 		endLabel: {},
 		error: { type: Boolean },
 		errorMessage: {},
-		mainLabel: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		startLabel: {},

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

@@ -241,7 +241,7 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
             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>;
@@ -254,15 +254,10 @@ export declare function useCheckbox(props: MaybeRefOrGetter<CheckboxOwnProps>, l
             "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/Checkbox/composables/useCheckbox.js

@@ -3,7 +3,7 @@ import { useFormControl as r } from "../../FormControl/composables/useFormContro
 import { computed as i, ref as a, toValue as o, useAttrs as s, watchEffect as c } from "vue";
 import { get as l, omit as u } from "es-toolkit/compat";
 import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as p } from "@bridge-ui/core";
-import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Components/Checkbox";
+import { colorProps as m, invalidatedProps as h, roundedProps as g, sizeProps as _ } from "@bridge-ui/core/Tokens/Checkbox";
 //#region src/Components/Checkbox/composables/useCheckbox.ts
 var v = [
 	"size",
@@ -34,7 +34,7 @@ function y(y, b, x) {
 	}), O = i(() => E.value.customProps), k = n({
 		entry: D,
 		props: () => T.value.componentProps
-	}), A = i(() => !!o(x)), j = i(() => l(f(m, D.value?.customProps?.color), E.value.color ?? "primary")), M = i(() => f(h, D.value?.customProps?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => l(f(_, D.value?.customProps?.size), E.value.size ?? "sm")), F = i(() => l(f(g, D.value?.customProps?.rounded), E.value.rounded ?? "sm"));
+	}), A = i(() => !!o(x)), j = i(() => l(f(m, D.value?.tokens?.color), E.value.color ?? "primary")), M = i(() => f(h, D.value?.tokens?.invalidated)), N = i(() => w.invalidated.value ? M.value : j.value), P = i(() => l(f(_, D.value?.tokens?.size), E.value.size ?? "sm")), F = i(() => l(f(g, D.value?.tokens?.rounded), E.value.rounded ?? "sm"));
 	c(() => {
 		C.value && (C.value.indeterminate = !!E.value.indeterminate);
 	});

package/dist/Components/Chip/composables/useChip.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 { sizeProps as l } from "@bridge-ui/core/Components/Chip";
+import { sizeProps as l } from "@bridge-ui/core/Tokens/Chip";
 //#region src/Components/Chip/composables/useChip.ts
 var u = [
 	"size",
@@ -27,7 +27,7 @@ function d(d, f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => g.value.customProps), b = r(() => a(s(l, _.value?.customProps?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, o({
+	}), y = r(() => g.value.customProps), b = r(() => a(s(l, _.value?.tokens?.size), g.value.size ?? "md")), x = r(() => b.value?.clear ?? "md"), S = r(() => e(y.value?.root, h.value.inheritedAttrs, o({
 		"inline-flex max-w-full items-center bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-100": !0,
 		"opacity-50 pointer-events-none": g.value.disabled === !0,
 		[b.value?.root ?? ""]: !0,

package/dist/Components/Divider/composables/useDivider.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 { colorProps as l, orientationProps as u } from "@bridge-ui/core/Components/Divider";
+import { colorProps as l, orientationProps as u } from "@bridge-ui/core/Tokens/Divider";
 //#region src/Components/Divider/composables/useDivider.ts
 var d = [
 	"color",
@@ -23,7 +23,7 @@ function f(f, p) {
 	}), v = n({
 		entry: _,
 		props: () => h.value.componentProps
-	}), y = r(() => a(s(l, _.value?.customProps?.color), g.value.color)), b = r(() => a(s(u, _.value?.customProps?.orientation), g.value.orientation));
+	}), y = r(() => a(s(l, _.value?.tokens?.color), g.value.color)), b = r(() => a(s(u, _.value?.tokens?.orientation), g.value.orientation));
 	return {
 		merged: g,
 		rootBind: r(() => e({}, h.value.inheritedAttrs, {

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

@@ -16,11 +16,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
     onClose?: (() => any) | undefined;
     "onShow-change"?: ((show: boolean) => any) | undefined;
 }>, {
-    placement: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').DrawerPlacement, import('./drawer.types').DrawerPlacementOverrides>;
     closeOnEscape: boolean;
     disableScrollLock: boolean;
     keepMounted: boolean;
     persistent: boolean;
+    placement: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').DrawerPlacement, import('./drawer.types').DrawerPlacementOverrides>;
     teleportTo: false | string;
     scroll: import('@bridge-ui/core').MergeProps<import('@bridge-ui/core').DrawerScroll, import('./drawer.types').DrawerScrollOverrides>;
     autoFocus: boolean;

package/dist/Components/Drawer/composables/useDrawer.d.ts

@@ -34,7 +34,7 @@ export declare function useDrawer(props: DrawerOwnProps, libDefaults: DrawerLibD
         };
         "aria-hidden": boolean | undefined;
         class: string;
-    }, "class", import('vue').HTMLAttributes | undefined, Omit<DrawerProps, "size" | "classes" | "customProps" | "placement" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "teleportTo" | "blur" | "scroll" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition" | "ariaLabel" | "ariaLabelledBy">>>;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<DrawerProps, "size" | "classes" | "customProps" | "closeOnEscape" | "disableScrollLock" | "keepMounted" | "persistent" | "placement" | "teleportTo" | "blur" | "scroll" | "autoFocus" | "closeOnOverlay" | "disableEnforceFocus" | "disableRestoreFocus" | "hideBackdrop" | "stackId" | "transition" | "ariaLabel" | "ariaLabelledBy">>>;
     panelBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
         "data-drawer-part": string;
         "data-state": "open" | "closed";

package/dist/Components/Drawer/composables/useDrawer.js

@@ -3,7 +3,7 @@ import { computed as n, nextTick as r, onBeforeUnmount as ne, ref as i, toValue
 import { get as c } from "es-toolkit/compat";
 import { DRAWER_LEAVE_FALLBACK_MS as re, LAYER_STACK_BASE_Z_INDEX as l, acquireLayerStackOrder as ie, cn as u, countDrawerTransitionLayers as d, createFocusTrap as ae, getDrawerOverlayTransitionClass as oe, getDrawerPanelTransitionClass as se, getLayerStackEntry as ce, hasDrawerTransition as le, mergeBridgeUILayeredClasses as f, pushLayerStack as p, resolveEffectiveDrawerTransition as m, splitComponentProps as h, subscribeLayerStack as g } from "@bridge-ui/core";
 import { isModalBackdropClick as ue } from "@bridge-ui/core/Utils";
-import { blurProps as de, placementPanelProps as fe, placementProps as pe, sizeProps as me } from "@bridge-ui/core/Components/Drawer";
+import { blurProps as de, placementPanelProps as fe, placementProps as pe, sizeProps as me } from "@bridge-ui/core/Tokens/Drawer";
 //#region src/Components/Drawer/composables/useDrawer.ts
 var he = [
 	"blur",
@@ -45,7 +45,7 @@ function _(_, ge, v = {}) {
 	}), I = n(() => P.value.customProps), L = te({
 		entry: F,
 		props: () => N.value.componentProps
-	}), R = n(() => m(P.value.transition ?? "none")), z = n(() => le(R.value)), B = n(() => P.value.scroll ?? "paper"), V = n(() => P.value.keepMounted && !y.value), H = n(() => P.value.placement ?? "left"), U = n(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ve = n(() => c(f(pe, F.value?.customProps?.placement), H.value)), ye = n(() => c(fe, H.value)), be = n(() => c(f(de, F.value?.customProps?.blur), P.value.blur)), xe = n(() => c(f(me, F.value?.customProps?.size), [P.value.size, U.value])), Se = n(() => oe(R.value)), Ce = n(() => se(R.value, H.value)), W = n(() => !P.value.persistent), we = n(() => N.value.inheritedAttrs), Te = n(() => e(I.value?.root, we.value, {
+	}), R = n(() => m(P.value.transition ?? "none")), z = n(() => le(R.value)), B = n(() => P.value.scroll ?? "paper"), V = n(() => P.value.keepMounted && !y.value), H = n(() => P.value.placement ?? "left"), U = n(() => H.value === "left" || H.value === "right" ? "horizontal" : "vertical"), ve = n(() => c(f(pe, F.value?.tokens?.placement), H.value)), ye = n(() => c(fe, H.value)), be = n(() => c(f(de, F.value?.tokens?.blur), P.value.blur)), xe = n(() => c(f(me, F.value?.tokens?.size), [P.value.size, U.value])), Se = n(() => oe(R.value)), Ce = n(() => se(R.value, H.value)), W = n(() => !P.value.persistent), we = n(() => N.value.inheritedAttrs), Te = n(() => e(I.value?.root, we.value, {
 		onTransitionend: je,
 		style: { zIndex: D.value },
 		"aria-hidden": V.value ? !0 : void 0,