@bridge-ui/vue 0.0.2 → 0.0.4

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.d.ts

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

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

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

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

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