@bridge-ui/vue 0.0.8 → 0.0.10

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

@@ -30,42 +30,53 @@ function v(v, y) {
 	}), T = r({
 		entry: w,
 		props: () => S.value.componentProps
-	}), E = i(() => e(x, "default")), D = i(() => !f(C.value.src) && !d(C.value.src)), O = i(() => e(x, "fallback")), k = i(() => !f(C.value.fallback) && !d(C.value.fallback)), A = i(() => C.value.icon ?? "user"), j = i(() => !D.value && !E.value), M = i(() => u(c(g, w.value?.tokens?.size), C.value.size)), N = i(() => u(c(p, w.value?.tokens?.color), C.value.color)), P = i(() => u(c(h, w.value?.tokens?.rounded), C.value.rounded)), F = i(() => u(c(m, w.value?.tokens?.iconSize), C.value.size)), I = i(() => C.value.customProps), L = i(() => t(I.value?.root, S.value.inheritedAttrs, s({
+	}), E = i(() => e(x, "default")), D = i(() => !f(C.value.src) && !d(C.value.src)), O = i(() => !f(C.value.fallback) && !d(C.value.fallback)), k = i(() => C.value.icon ?? "user"), A = i(() => !D.value && !E.value), j = i(() => {
+		let e = c(g, w.value?.tokens?.size);
+		return u(e, C.value.size);
+	}), M = i(() => {
+		let e = c(p, w.value?.tokens?.color);
+		return u(e, C.value.color);
+	}), N = i(() => {
+		let e = c(h, w.value?.tokens?.rounded);
+		return u(e, C.value.rounded);
+	}), P = i(() => {
+		let e = c(m, w.value?.tokens?.iconSize);
+		return u(e, C.value.size);
+	}), F = i(() => C.value.customProps), I = i(() => t(F.value?.root, S.value.inheritedAttrs, s({
 		"inline-flex shrink-0 items-center justify-center overflow-hidden": !0,
 		[T.value.root ?? ""]: !0,
-		[P.value ?? ""]: !0,
-		[M.value ?? ""]: j.value || E.value || D.value,
-		[u(N.value, "background") ?? ""]: j.value,
-		[u(N.value, "text") ?? ""]: j.value
-	}))), R = i(() => t(I.value?.image, {
+		[N.value ?? ""]: !0,
+		[j.value ?? ""]: A.value || E.value || D.value,
+		[u(M.value, "background") ?? ""]: A.value,
+		[u(M.value, "text") ?? ""]: A.value
+	}))), L = i(() => t(F.value?.image, {
 		alt: C.value.alt,
 		src: C.value.src
 	}, s({
 		"shrink-0 object-cover object-center": !0,
-		[M.value ?? ""]: !0,
-		[P.value ?? ""]: !0,
+		[j.value ?? ""]: !0,
+		[N.value ?? ""]: !0,
 		[T.value.image ?? ""]: !0
-	}))), z = i(() => t(I.value?.fallback, {}, s({
+	}))), R = i(() => t(F.value?.fallback, {}, s({
 		"font-medium": !0,
-		[u(F.value, "label") ?? ""]: !0,
-		[u(N.value, "text") ?? ""]: !0,
+		[u(P.value, "label") ?? ""]: !0,
+		[u(M.value, "text") ?? ""]: !0,
 		[T.value.fallback ?? ""]: !0
 	})));
 	return {
 		slots: x,
 		merged: C,
-		rootBind: L,
-		iconBind: i(() => t(I.value?.icon, {}, s({
+		rootBind: I,
+		iconBind: i(() => t(F.value?.icon, {}, s({
 			"shrink-0": !0,
-			[u(F.value, "icon") ?? ""]: !0,
-			[u(N.value, "text") ?? ""]: !0
+			[u(P.value, "icon") ?? ""]: !0,
+			[u(M.value, "text") ?? ""]: !0
 		}))),
 		hasImage: D,
-		imageBind: R,
-		fallbackBind: z,
-		resolvedIcon: A,
-		hasFallbackSlot: O,
-		hasFallbackText: k,
+		imageBind: L,
+		fallbackBind: R,
+		resolvedIcon: k,
+		hasFallbackText: O,
 		hasCustomContent: E
 	};
 }

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

@@ -1,4 +1,14 @@
 import { BadgeOwnProps } from './badge.types';
-declare const __VLS_export: import('vue').DefineComponent<BadgeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BadgeOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import { resolveNamedSlot as e } from "../../Utils/slotOrProp.js";
-import { useBadge as t } from "./composables/useBadge.js";
-import { createBlock as n, createElementBlock as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, resolveDynamicComponent as c, unref as l, useSlots as u } from "vue";
+import { useBadge as e } from "./composables/useBadge.js";
+import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
 //#region src/Components/Badge/Badge.vue?vue&type=script&setup=true&lang.ts
-var d = /* @__PURE__ */ i({
+var c = /*@__PURE__*/ n({
 	inheritAttrs: !1,
 	__name: "Badge",
 	props: {
@@ -14,16 +13,16 @@ var d = /* @__PURE__ */ i({
 		size: {},
 		variant: {}
 	},
-	setup(i) {
-		let d = u(), { rootBind: f } = t(i, {
+	setup(n) {
+		let { rootBind: c } = e(n, {
 			size: "sm",
 			rounded: "md",
 			variant: "flat",
 			color: "primary",
 			density: "default"
 		});
-		return (t, i) => (s(), r("span", o(a(l(f))), [(s(), n(c(l(e)(l(d), "default"))))], 16));
+		return (e, n) => (a(), t("span", i(r(s(c))), [o(e.$slots, "default")], 16));
 	}
 });
 //#endregion
-export { d as default };
+export { c as default };

package/dist/Components/Badge/composables/useBadge.js

@@ -27,7 +27,16 @@ function p(p, m) {
 	}), y = n({
 		entry: v,
 		props: () => g.value.componentProps
-	}), b = r(() => _.value.density === "mini"), x = r(() => c(o(l, v.value?.tokens?.density), [_.value.density, _.value.size])), S = r(() => c(o(d, v.value?.tokens?.variant), [_.value.variant, _.value.color])), C = r(() => c(o(u, v.value?.tokens?.rounded), _.value.rounded));
+	}), b = r(() => _.value.density === "mini"), x = r(() => {
+		let e = o(l, v.value?.tokens?.density);
+		return c(e, [_.value.density, _.value.size]);
+	}), S = r(() => {
+		let e = o(d, v.value?.tokens?.variant);
+		return c(e, [_.value.variant, _.value.color]);
+	}), C = r(() => {
+		let e = o(u, v.value?.tokens?.rounded);
+		return c(e, _.value.rounded);
+	});
 	return {
 		merged: _,
 		rootBind: r(() => e({}, g.value.inheritedAttrs, a({

package/dist/Components/BaseField/BaseField.vue_vue_type_script_setup_true_lang.js

@@ -1,41 +1,45 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, resolveNamedSlot as n, resolveSlotOrProp as r } from "../../Utils/slotOrProp.js";
-import i from "./BaseFieldLabel.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useSlots as y } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n } from "../../Utils/slotOrProp.js";
+import r from "./BaseFieldLabel.js";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeProps as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, useSlots as b, withCtx as x } from "vue";
 //#region src/Components/BaseField/BaseField.vue?vue&type=script&setup=true&lang.ts
-var b = [
+var S = [
 	"data-invalid",
 	"aria-disabled",
 	"aria-readonly"
-], x = ["id"], S = ["id", "aria-hidden"], C = /* @__PURE__ */ d({
+], C = ["id"], w = ["id", "aria-hidden"], T = /*@__PURE__*/ f({
 	inheritAttrs: !1,
 	__name: "BaseField",
 	props: { field: {} },
-	setup(d) {
-		let C = d, w = y(), T = a(() => ({
-			...C.field,
+	setup(f) {
+		let T = f, E = b(), D = a(() => ({
+			...T.field,
 			slots: {
-				...C.field.slots,
-				...w
+				...T.field.slots,
+				...E
 			}
-		})), E = a(() => t(T.value.slots, "label", T.value.merged.value.label) || t(T.value.slots, "corner", T.value.merged.value.corner));
-		return (a, d) => (h(), c("div", p(T.value.rootBind.value, {
-			"data-invalid": T.value.invalidated.value || void 0,
-			"aria-disabled": T.value.isDisabled.value || void 0,
-			"aria-readonly": T.value.isReadonly.value || void 0
+		})), O = a(() => t(E, "label", D.value.merged.value.label) || t(E, "corner", D.value.merged.value.corner));
+		return (a, f) => (g(), s("div", m(D.value.rootBind.value, {
+			"data-invalid": D.value.invalidated.value || void 0,
+			"aria-disabled": D.value.isDisabled.value || void 0,
+			"aria-readonly": D.value.isReadonly.value || void 0
 		}), [
-			E.value ? (h(), c("div", m(p({ key: 0 }, T.value.headerBind.value)), [u(i, { api: T.value }, null, 8, ["api"]), v(t)(T.value.slots, "corner", T.value.merged.value.corner) ? (h(), c("span", m(p({ key: 0 }, T.value.cornerBind.value)), [(h(), o(_(v(r)(T.value.slots, "corner", T.value.merged.value.corner))))], 16)) : s("", !0)], 16)) : s("", !0),
-			l("div", m(f(T.value.groupBind.value)), [
-				v(e)(T.value.slots, "start") ? (h(), c("div", m(p({ key: 0 }, T.value.startSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "start"))))], 16)) : s("", !0),
-				g(a.$slots, "default"),
-				v(e)(T.value.slots, "end") ? (h(), c("div", m(p({ key: 1 }, T.value.endSlotBind.value)), [(h(), o(_(v(n)(T.value.slots, "end"))))], 16)) : s("", !0)
+			O.value ? (g(), s("div", h(m({ key: 0 }, D.value.headerBind.value)), [d(r, { api: D.value }, l({ _: 2 }, [y(e)(y(E), "label") ? {
+				name: "label",
+				fn: x(() => [_(a.$slots, "label")]),
+				key: "0"
+			} : void 0]), 1032, ["api"]), y(t)(y(E), "corner", D.value.merged.value.corner) ? (g(), s("span", h(m({ key: 0 }, D.value.cornerBind.value)), [y(e)(y(E), "corner") ? _(a.$slots, "corner", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.corner) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.corner), 1)], 64)) : o("", !0)], 16)) : o("", !0)], 16)) : o("", !0),
+			c("div", h(p(D.value.groupBind.value)), [
+				y(e)(y(E), "start") ? (g(), s("div", h(m({ key: 0 }, D.value.startSlotBind.value)), [_(a.$slots, "start")], 16)) : o("", !0),
+				_(a.$slots, "default"),
+				y(e)(y(E), "end") ? (g(), s("div", h(m({ key: 1 }, D.value.endSlotBind.value)), [_(a.$slots, "end")], 16)) : o("", !0)
 			], 16),
-			!T.value.invalidated.value && v(t)(T.value.slots, "description", T.value.merged.value.description) ? (h(), c("p", p({ key: 1 }, T.value.descriptionBind.value, { id: `${T.value.controlId.value}-description` }), [(h(), o(_(v(r)(T.value.slots, "description", T.value.merged.value.description))))], 16, x)) : s("", !0),
-			T.value.merged.value.hideErrorMessage ? s("", !0) : (h(), c("p", p({ key: 2 }, T.value.errorBind.value, {
-				id: `${T.value.controlId.value}-error`,
-				"aria-hidden": T.value.showErrorMessageContent.value ? void 0 : !0
-			}), [T.value.showErrorMessageContent.value ? (h(), o(_(v(r)(T.value.slots, "errorMessage", T.value.merged.value.errorMessage)), { key: 0 })) : s("", !0)], 16, S))
-		], 16, b));
+			!D.value.invalidated.value && y(t)(y(E), "description", D.value.merged.value.description) ? (g(), s("p", m({ key: 1 }, D.value.descriptionBind.value, { id: `${D.value.controlId.value}-description` }), [y(e)(y(E), "description") ? _(a.$slots, "description", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.description) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.description), 1)], 64)) : o("", !0)], 16, C)) : o("", !0),
+			D.value.merged.value.hideErrorMessage ? o("", !0) : (g(), s("p", m({ key: 2 }, D.value.errorBind.value, {
+				id: `${D.value.controlId.value}-error`,
+				"aria-hidden": !D.value.showErrorMessageContent.value || void 0
+			}), [D.value.showErrorMessageContent.value ? (g(), s(i, { key: 0 }, [y(e)(y(E), "errorMessage") ? _(a.$slots, "errorMessage", {}, void 0, void 0, 0) : y(n)(D.value.merged.value.errorMessage) ? (g(), s(i, { key: 1 }, [u(v(D.value.merged.value.errorMessage), 1)], 64)) : o("", !0)], 64)) : o("", !0)], 16, w))
+		], 16, S));
 	}
 });
 //#endregion
-export { C as default };
+export { T as default };

package/dist/Components/BaseField/BaseFieldLabel.vue.d.ts

@@ -2,6 +2,16 @@ import { UseBaseFieldReturn } from './composables/useBaseField';
 type __VLS_Props = {
     api: UseBaseFieldReturn;
 };
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    label?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/BaseField/BaseFieldLabel.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,17 @@
-import { hasNamedSlot as e, hasSlotOrProp as t, isPropPresent as n, resolveNamedSlot as r } from "../../Utils/slotOrProp.js";
-import i from "../Label/Label.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, defineComponent as u, mergeProps as d, normalizeProps as f, openBlock as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { hasNamedSlot as e, hasSlotOrProp as t } from "../../Utils/slotOrProp.js";
+import n from "../Label/Label.js";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, useSlots as h, withCtx as g } from "vue";
 //#region src/Components/BaseField/BaseFieldLabel.vue?vue&type=script&setup=true&lang.ts
-var v = /* @__PURE__ */ u({
+var _ = /*@__PURE__*/ c({
 	__name: "BaseFieldLabel",
 	props: { api: {} },
-	setup(u) {
-		return (v, y) => g(t)(u.api.slots, "label", u.api.merged.value.label) ? (p(), o(g(i), f(d({ key: 0 }, u.api.fieldLabelProps.value)), {
-			default: _(() => [g(e)(u.api.slots, "label") ? (p(), o(m(g(r)(u.api.slots, "label")), { key: 0 })) : g(n)(u.api.merged.value.label) ? (p(), c(a, { key: 1 }, [l(h(u.api.merged.value.label), 1)], 64)) : s("", !0)]),
-			_: 1
-		}, 16)) : s("", !0);
+	setup(c) {
+		let _ = h();
+		return (h, v) => m(t)(m(_), "label", c.api.merged.value.label) ? (d(), i(m(n), u(l({ key: 0 }, c.api.fieldLabelProps.value)), {
+			default: g(() => [m(e)(m(_), "label") ? f(h.$slots, "label", {}, void 0, void 0, 0) : (d(), o(r, { key: 1 }, [s(p(c.api.merged.value.label), 1)], 64))]),
+			_: 3
+		}, 16)) : a("", !0);
 	}
 });
 //#endregion
-export { v as default };
+export { _ as default };

package/dist/Components/BaseField/baseField.types.d.ts

@@ -219,4 +219,9 @@ export interface BaseFieldSlots {
      */
     start?: Slot;
 }
+/**
+ * Named BaseField chrome slots (excludes the `default` control slot).
+ * Field wrappers forward only these into `<BaseField>`.
+ */
+export declare const BASE_FIELD_CHROME_SLOT_NAMES: readonly ["end", "label", "start", "corner", "description", "errorMessage"];
 export type BaseFieldProps = MergeHtmlProps<BaseFieldOwnProps, Omit<HTMLAttributes, "color">>;

package/dist/Components/BaseField/baseField.types.js

@@ -0,0 +1,11 @@
+//#region src/Components/BaseField/baseField.types.ts
+var e = [
+	"end",
+	"label",
+	"start",
+	"corner",
+	"description",
+	"errorMessage"
+];
+//#endregion
+export { e as BASE_FIELD_CHROME_SLOT_NAMES };

package/dist/Components/BaseField/composables/useBaseField.js

@@ -38,11 +38,14 @@ function v(v, y = {
 	}), D = i({
 		entry: E,
 		props: () => w.value.componentProps
-	}), O = a(() => T.value.customProps), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => T.value.controlId ?? w.value.inheritedAttrs.id ?? C), N = a(() => p(d(g, p(E.value, [
-		"tokens",
-		"baseField",
-		"size"
-	])), T.value.size ?? "md")), P = a(() => d(h, p(E.value, [
+	}), O = a(() => T.value.customProps), k = a(() => T.value.error === !0), A = a(() => !!T.value.disabled), j = a(() => !!T.value.readonly), M = a(() => T.value.controlId ?? w.value.inheritedAttrs.id ?? C), N = a(() => {
+		let e = d(g, p(E.value, [
+			"tokens",
+			"baseField",
+			"size"
+		]));
+		return p(e, T.value.size ?? "md");
+	}), P = a(() => d(h, p(E.value, [
 		"tokens",
 		"baseField",
 		"invalidated"
@@ -63,7 +66,7 @@ function v(v, y = {
 		"justify-end": !e(S, "label", T.value.label),
 		[D.value.header ?? ""]: !0
 	}))), V = a(() => n(O.value?.corner, {}, u({
-		"text-gray-500 dark:text-gray-400": !0,
+		"text-dark-500 dark:text-dark-400": !0,
 		[N.value?.text ?? ""]: !0,
 		[D.value.corner ?? ""]: !0
 	}))), H = a(() => n(O.value?.group, {
@@ -83,7 +86,7 @@ function v(v, y = {
 		"group/end wrapper-end-slot shrink-0 flex items-center [&>*]:min-h-0": !0,
 		[D.value.end ?? ""]: !0
 	}))), G = a(() => n(O.value?.description, {}, u({
-		"mt-2 text-gray-500 dark:text-gray-400": !0,
+		"mt-2 text-dark-500 dark:text-dark-400": !0,
 		[N.value?.text ?? ""]: !0,
 		[D.value.description ?? ""]: !0
 	})));

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

@@ -1,3 +1,4 @@
+export { BASE_FIELD_CHROME_SLOT_NAMES } from './baseField.types';
 export type { BaseFieldClasses, BaseFieldCustomProps, BaseFieldOwnProps, BaseFieldProps, BaseFieldSizeOverrides, BaseFieldSlots, } from './baseField.types';
 export { default as BaseField } from './BaseField.vue';
 export { baseFieldBridgeKeys, useBaseField, } from './composables/useBaseField';

package/dist/Components/BaseField/index.js

@@ -1,3 +1,4 @@
-import e from "./BaseField.js";
-import { baseFieldBridgeKeys as t, useBaseField as n } from "./composables/useBaseField.js";
-export { e as BaseField, t as baseFieldBridgeKeys, n as useBaseField };
+import { BASE_FIELD_CHROME_SLOT_NAMES as e } from "./baseField.types.js";
+import t from "./BaseField.js";
+import { baseFieldBridgeKeys as n, useBaseField as r } from "./composables/useBaseField.js";
+export { e as BASE_FIELD_CHROME_SLOT_NAMES, t as BaseField, n as baseFieldBridgeKeys, r as useBaseField };

package/dist/Components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,5 @@
+import e from "./Breadcrumb.vue_vue_type_script_setup_true_lang.js";
+//#region src/Components/Breadcrumb/Breadcrumb.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -0,0 +1,13 @@
+import { BreadcrumbOwnProps, BreadcrumbSlots } from './breadcrumb.types';
+type __VLS_Slots = BreadcrumbSlots;
+declare const __VLS_base: import('vue').DefineComponent<BreadcrumbOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BreadcrumbOwnProps> & Readonly<{}>, {
+    separator: import('../..').IconSource;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Components/Breadcrumb/Breadcrumb.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { useBreadcrumb as e } from "./composables/useBreadcrumb.js";
+import t from "../BreadcrumbItem/BreadcrumbItem.js";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, guardReactiveProps as l, normalizeProps as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region src/Components/Breadcrumb/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "Breadcrumb",
+	props: {
+		classes: {},
+		customProps: {},
+		items: {},
+		maxItems: {},
+		separator: { default: "chevronRight" },
+		size: {}
+	},
+	setup(c) {
+		let { rootBind: _, listBind: v, collapsedItems: y, hasDefaultSlot: b } = e(c, {
+			size: "md",
+			separator: "chevronRight"
+		});
+		return (e, c) => (d(), a("nav", u(l(h(_))), [o("ol", u(l(h(v))), [!h(b) && h(y).length > 0 ? (d(!0), a(n, { key: 0 }, f(h(y), (e, i) => (d(), a(n, { key: e.type === "ellipsis" ? `ellipsis-${i}` : e.index }, [e.type === "ellipsis" ? (d(), r(h(t), {
+			key: 0,
+			as: "span"
+		}, {
+			default: g(() => [...c[0] ||= [s(" … ", -1)]]),
+			_: 1
+		})) : (d(), r(h(t), {
+			key: 1,
+			as: e.item.as,
+			href: e.item.href,
+			current: e.item.current,
+			"end-icon": e.item.endIcon,
+			disabled: e.item.disabled,
+			"start-icon": e.item.startIcon
+		}, {
+			default: g(() => [s(m(e.item.label), 1)]),
+			_: 2
+		}, 1032, [
+			"as",
+			"href",
+			"current",
+			"end-icon",
+			"disabled",
+			"start-icon"
+		]))], 64))), 128)) : i("", !0), p(e.$slots, "default")], 16)], 16));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/Components/Breadcrumb/breadcrumb.types.d.ts

@@ -0,0 +1,101 @@
+import { HTMLAttributes, OlHTMLAttributes, Slot } from 'vue';
+import { BreadcrumbSize, MergeHtmlProps, MergeProps } from '@bridge-ui/core';
+import { IconSource } from '../../Adapters/Icon';
+import { BreadcrumbItemOwnProps } from '../BreadcrumbItem/breadcrumbItem.types';
+import { IconProps } from '../Icon';
+export interface BreadcrumbSizeOverrides {}
+export interface BreadcrumbClasses {
+    /**
+     * Classes merged onto the ordered list.
+     */
+    list?: string;
+    /**
+     * Classes merged onto the nav root.
+     */
+    root?: string;
+    /**
+     * Classes merged onto each separator.
+     */
+    separator?: string;
+}
+export interface BreadcrumbCustomProps {
+    /**
+     * Props forwarded to the ordered list.
+     *
+     * @default undefined
+     */
+    list?: OlHTMLAttributes;
+    /**
+     * Props forwarded to the nav root.
+     *
+     * @default undefined
+     */
+    root?: HTMLAttributes;
+    /**
+     * Props forwarded to each separator `Icon` when using the default icon separator.
+     *
+     * @default undefined
+     */
+    separator?: Partial<Omit<IconProps, "icon">>;
+}
+/**
+ * Data-driven crumb for the `items` API on `Breadcrumb`.
+ */
+export type BreadcrumbItemData = Pick<BreadcrumbItemOwnProps, "as" | "href" | "current" | "endIcon" | "disabled" | "startIcon"> & {
+    /**
+     * Accessible / visible crumb label.
+     */
+    label?: string;
+};
+export interface BreadcrumbSlots {
+    /**
+     * The children to render (`BreadcrumbItem`, etc.).
+     */
+    default?: Slot<undefined>;
+    /**
+     * Custom separator between crumbs (overrides `separator` icon).
+     */
+    separator?: Slot<undefined>;
+}
+/**
+ * Breadcrumb nav root. Compose with `BreadcrumbItem` or pass `items`.
+ */
+export interface BreadcrumbOwnProps {
+    /**
+     * Classes for breadcrumb parts.
+     *
+     * @default undefined
+     */
+    classes?: BreadcrumbClasses;
+    /**
+     * Extra props for internal parts.
+     *
+     * @default undefined
+     */
+    customProps?: BreadcrumbCustomProps;
+    /**
+     * Render all crumbs from data (no default slot content).
+     *
+     * @default undefined
+     */
+    items?: BreadcrumbItemData[];
+    /**
+     * Collapse middle crumbs when the list exceeds this count (`items` API).
+     *
+     * @default undefined
+     */
+    maxItems?: number;
+    /**
+     * Icon between crumbs. Use the `separator` slot for a fully custom separator.
+     *
+     * @default "chevronRight"
+     */
+    separator?: IconSource;
+    /**
+     * Density of text, gaps, and icons.
+     *
+     * @default "md"
+     */
+    size?: MergeProps<BreadcrumbSize, BreadcrumbSizeOverrides>;
+}
+export type BreadcrumbProps = MergeHtmlProps<BreadcrumbOwnProps, HTMLAttributes>;

package/dist/Components/Breadcrumb/breadcrumbInjectionKey.d.ts

@@ -0,0 +1,35 @@
+import { ComputedRef, InjectionKey, VNodeChild } from 'vue';
+import { IconSource } from '../../Adapters/Icon';
+import { IconProps } from '../Icon';
+/**
+ * Shared breadcrumb chrome for `BreadcrumbItem` descendants.
+ */
+export type BreadcrumbContextValue = {
+    /**
+     * Separator icon when no custom separator slot is set.
+     */
+    separator: IconSource;
+    /**
+     * Classes merged onto each separator from the root.
+     */
+    separatorClass?: string;
+    /**
+     * Extra props for the default separator `Icon`.
+     */
+    separatorIconProps?: Partial<Omit<IconProps, "icon">>;
+    /**
+     * Custom separator content from the root `separator` slot.
+     */
+    separatorSlot?: () => VNodeChild;
+    /**
+     * Merged token classes for items / links / separators.
+     */
+    tokenClasses: {
+        current?: string;
+        iconSize?: string;
+        item?: string;
+        link?: string;
+        separator?: string;
+    };
+};
+export declare const BREADCRUMB_INJECTION_KEY: InjectionKey<ComputedRef<BreadcrumbContextValue>>;

package/dist/Components/Breadcrumb/breadcrumbInjectionKey.js

@@ -0,0 +1,4 @@
+//#region src/Components/Breadcrumb/breadcrumbInjectionKey.ts
+var e = Symbol("bridge-breadcrumb");
+//#endregion
+export { e as BREADCRUMB_INJECTION_KEY };

package/dist/Components/Breadcrumb/composables/useBreadcrumb.d.ts

@@ -0,0 +1,20 @@
+import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core';
+import { BreadcrumbOwnProps, BreadcrumbProps } from '../breadcrumb.types';
+import { BreadcrumbContextValue } from '../breadcrumbInjectionKey';
+type BreadcrumbLibDefaults = LibDefaultsShape<BreadcrumbOwnProps, "size" | "separator">;
+type BreadcrumbMerged = MergeLibDefaults<BreadcrumbOwnProps, BreadcrumbLibDefaults>;
+export declare function useBreadcrumb(props: BreadcrumbOwnProps, libDefaults: BreadcrumbLibDefaults): {
+    merged: import('vue').ComputedRef<BreadcrumbMerged>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        "aria-label": string;
+        class: string;
+    }, "class", import('vue').HTMLAttributes | undefined, Omit<BreadcrumbProps, "size" | "classes" | "customProps" | "separator" | "items" | "maxItems">>>;
+    listBind: import('vue').ComputedRef<import('@bridge-ui/core').MergePartBind<{
+        role: string;
+        class: string;
+    }, "class", import('vue').OlHTMLAttributes | undefined, {}>>;
+    contextValue: import('vue').ComputedRef<BreadcrumbContextValue>;
+    collapsedItems: import('vue').ComputedRef<import('@bridge-ui/core').CollapsedBreadcrumbEntry<import('../breadcrumb.types').BreadcrumbItemData>[]>;
+    hasDefaultSlot: import('vue').ComputedRef<boolean>;
+};
+export {};