@astryx-vue/core 0.1.3 → 0.2.1

package/dist/AlertDialog/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-BylcA4vV.js";
+import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-ovx4cBjM.js";
 export { _sfc_main as AlertDialog, useImperativeAlertDialog };

package/dist/{AlertDialog-BylcA4vV.js → AlertDialog-ovx4cBjM.js}

@@ -3,7 +3,7 @@ import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { t as _sfc_main$2 } from "./Dialog-rfUt3y8P.js";
 import { t as _sfc_main$3 } from "./Heading-Dugosn6j.js";
 import { t as _sfc_main$4 } from "./Stack-gGcYdOAh.js";
-import { t as _sfc_main$5 } from "./Text-CKd7e3gK.js";
+import { t as _sfc_main$5 } from "./Text-BHVghsWo.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useId, useTemplateRef, withCtx } from "vue";
 import "../styles/alert-dialog.css";
 //#region src/AlertDialog/context.ts

package/dist/AppShell/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../AppShell-b0PWt9Fz.js";
+import { t as _sfc_main } from "../AppShell-1wNIEtK_.js";
 export { _sfc_main as AppShell };

package/dist/{AppShell-b0PWt9Fz.js → AppShell-1wNIEtK_.js}

@@ -1,7 +1,7 @@
 import { t as appShellMobileKey } from "./useAppShellMobile-DTsyuAJ4.js";
 import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-C34uOq3e.js";
-import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
-import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-CgQamG6E.js";
+import { a as useAstryxMessages } from "./context-DzcK4T_C.js";
+import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-BMj3Wtuq.js";
 import { n as sideNavRenderModeKey } from "./context-BjNya0v8.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, provide, reactive, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/app-shell.css";

package/dist/Avatar/index.d.ts

@@ -1,2 +1,2 @@
-import { a as AvatarProps, c as AvatarStatusDotProps, i as AvatarNumericSize, l as AvatarStatusDotVariant, n as _default, o as AvatarShape, r as AvatarNamedSize, s as AvatarSize, t as _default$1 } from "../index-uQrLBZfF.js";
+import { a as AvatarProps, c as AvatarStatusDotProps, i as AvatarNumericSize, l as AvatarStatusDotVariant, n as _default, o as AvatarShape, r as AvatarNamedSize, s as AvatarSize, t as _default$1 } from "../index-Bu3oXIIS.js";
 export { _default as Avatar, type AvatarNamedSize, type AvatarNumericSize, type AvatarProps, type AvatarShape, type AvatarSize, _default$1 as AvatarStatusDot, type AvatarStatusDotProps, type AvatarStatusDotVariant };

package/dist/Avatar/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Avatar-5s3HSrtN.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Avatar-jmHInHwj.js";
 export { _sfc_main as Avatar, _sfc_main$1 as AvatarStatusDot };

package/dist/Avatar-jmHInHwj.js

@@ -0,0 +1,244 @@
+import { n as AvatarGroupContext, t as resolveSize } from "./utils-C9r3UD_y.js";
+import { t as _sfc_main$2 } from "./Tooltip-mp0NMh_Y.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, mergeProps, normalizeStyle, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useAttrs, withCtx } from "vue";
+import "../styles/avatar.css";
+//#region src/Avatar/Avatar.vue
+const _hoisted_1$1 = { class: "astryx-avatar__content" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+	key: 0,
+	class: "astryx-avatar__status"
+};
+const _hoisted_5 = { class: "astryx-avatar__content" };
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
+	key: 0,
+	class: "astryx-avatar__status"
+};
+const INITIALS_FONT_SIZE_RATIO = 16 / 36;
+const DEFAULT_ICON_RATIO = .6;
+const _sfc_main$1 = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Avatar",
+	props: {
+		alt: {},
+		fallbackSrc: {},
+		name: {},
+		size: { default: "md" },
+		shape: { default: "circle" },
+		src: {},
+		href: {},
+		target: {},
+		rel: {},
+		tooltip: {
+			type: [Boolean, String],
+			default: true
+		}
+	},
+	emits: ["error"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const erroredSrc = ref(void 0);
+		const erroredFallbackSrc = ref(void 0);
+		const avatarGroup = inject(AvatarGroupContext, void 0);
+		const resolvedSize = computed(() => avatarGroup?.size.value ?? props.size);
+		const resolvedShape = computed(() => avatarGroup?.shape.value ?? props.shape);
+		const numericSize = computed(() => resolveSize(resolvedSize.value));
+		const groupStyle = computed(() => {
+			if (!avatarGroup) return {};
+			return {
+				marginInlineStart: `${-avatarGroup.overlap.value}px`,
+				borderWidth: "2px"
+			};
+		});
+		const rootStyle = computed(() => ({
+			width: `${numericSize.value}px`,
+			height: `${numericSize.value}px`
+		}));
+		const showImage = computed(() => props.src && erroredSrc.value !== props.src);
+		const showFallbackImage = computed(() => !showImage.value && props.fallbackSrc && erroredFallbackSrc.value !== props.fallbackSrc);
+		const meaningfulName = computed(() => {
+			return typeof props.name === "string" && props.name.trim() !== "" ? props.name.trim() : void 0;
+		});
+		const meaningfulAlt = computed(() => {
+			return typeof props.alt === "string" && props.alt.trim() !== "" ? props.alt.trim() : void 0;
+		});
+		const initials = computed(() => {
+			if (!meaningfulName.value) return "";
+			const words = meaningfulName.value.split(/\s+/);
+			const first = words.at(0);
+			const last = words.length > 1 ? words.at(-1) : void 0;
+			const initial = (word) => {
+				if (!word) return "";
+				const match = word.match(/[\p{L}\p{N}]/u);
+				return match ? match[0].toUpperCase() : "";
+			};
+			return `${initial(first)}${initial(last)}`;
+		});
+		const showInitials = computed(() => !showImage.value && !showFallbackImage.value && initials.value !== "");
+		const showIcon = computed(() => !showImage.value && !showFallbackImage.value && initials.value === "");
+		const accessibleName = computed(() => {
+			return meaningfulAlt.value || meaningfulName.value;
+		});
+		const isLink = computed(() => props.href != null);
+		const isButton = computed(() => !isLink.value && attrs.onClick != null);
+		const isInteractive = computed(() => isLink.value || isButton.value);
+		const rootTag = computed(() => isLink.value ? "a" : isButton.value ? "button" : "span");
+		const linkRel = computed(() => {
+			const parts = new Set((props.rel ?? "").split(/\s+/).filter(Boolean));
+			if (props.target === "_blank") {
+				parts.add("noopener");
+				parts.add("noreferrer");
+			}
+			return parts.size > 0 ? Array.from(parts).join(" ") : void 0;
+		});
+		const tooltipText = computed(() => {
+			if (props.tooltip === false) return void 0;
+			if (typeof props.tooltip === "string") {
+				const custom = props.tooltip.trim();
+				return custom === "" ? void 0 : custom;
+			}
+			return meaningfulName.value;
+		});
+		const a11yProps = computed(() => {
+			if (isInteractive.value) return accessibleName.value ? { "aria-label": accessibleName.value } : {};
+			if (accessibleName.value) return {
+				"role": "img",
+				"aria-label": accessibleName.value
+			};
+			return {
+				"role": "presentation",
+				"aria-hidden": "true"
+			};
+		});
+		const rootBindings = computed(() => {
+			const bindings = {
+				...a11yProps.value,
+				...attrs
+			};
+			if (isLink.value) {
+				bindings.href = props.href;
+				bindings.target = props.target;
+				bindings.rel = linkRel.value;
+			}
+			if (isButton.value) bindings.type = attrs.type ?? "button";
+			if (!isInteractive.value && tooltipText.value != null && bindings.tabindex == null && bindings.tabIndex == null) bindings.tabindex = 0;
+			return bindings;
+		});
+		function handleImageError(event) {
+			if (props.src) erroredSrc.value = props.src;
+			emit("error", event);
+		}
+		function handleFallbackError() {
+			if (props.fallbackSrc) erroredFallbackSrc.value = props.fallbackSrc;
+		}
+		return (_ctx, _cache) => {
+			return tooltipText.value ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				content: tooltipText.value
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(rootTag.value), mergeProps({
+					class: ["astryx-avatar", [`astryx-avatar--${resolvedShape.value}`, {
+						"astryx-avatar--group-item": unref(avatarGroup),
+						"astryx-avatar--interactive": isInteractive.value
+					}]],
+					style: [rootStyle.value, groupStyle.value]
+				}, rootBindings.value), {
+					default: withCtx(() => [createElementVNode("span", _hoisted_1$1, [showImage.value ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						class: "astryx-avatar__image",
+						src: __props.src,
+						alt: "",
+						onError: handleImageError
+					}, null, 40, _hoisted_2)) : showFallbackImage.value ? (openBlock(), createElementBlock("img", {
+						key: 1,
+						class: "astryx-avatar__image",
+						src: __props.fallbackSrc,
+						alt: "",
+						onError: handleFallbackError
+					}, null, 40, _hoisted_3)) : showInitials.value ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: "astryx-avatar__fallback astryx-avatar__fallback--initials",
+						style: normalizeStyle({ fontSize: `${numericSize.value * INITIALS_FONT_SIZE_RATIO}px` })
+					}, toDisplayString(initials.value), 5)) : showIcon.value ? (openBlock(), createElementBlock("span", {
+						key: 3,
+						class: "astryx-avatar__fallback astryx-avatar__fallback--icon",
+						style: normalizeStyle({ fontSize: `${numericSize.value * DEFAULT_ICON_RATIO}px` })
+					}, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+						viewBox: "0 0 24 24",
+						fill: "currentColor",
+						"aria-hidden": "true"
+					}, [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })], -1))])], 4)) : createCommentVNode("v-if", true)]), _ctx.$slots.status ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "status")])) : createCommentVNode("v-if", true)]),
+					_: 3
+				}, 16, ["class", "style"]))]),
+				_: 3
+			}, 8, ["content"])) : (openBlock(), createBlock(resolveDynamicComponent(rootTag.value), mergeProps({
+				key: 1,
+				class: ["astryx-avatar", [`astryx-avatar--${resolvedShape.value}`, {
+					"astryx-avatar--group-item": unref(avatarGroup),
+					"astryx-avatar--interactive": isInteractive.value
+				}]],
+				style: [rootStyle.value, groupStyle.value]
+			}, rootBindings.value), {
+				default: withCtx(() => [createElementVNode("span", _hoisted_5, [showImage.value ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					class: "astryx-avatar__image",
+					src: __props.src,
+					alt: "",
+					onError: handleImageError
+				}, null, 40, _hoisted_6)) : showFallbackImage.value ? (openBlock(), createElementBlock("img", {
+					key: 1,
+					class: "astryx-avatar__image",
+					src: __props.fallbackSrc,
+					alt: "",
+					onError: handleFallbackError
+				}, null, 40, _hoisted_7)) : showInitials.value ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: "astryx-avatar__fallback astryx-avatar__fallback--initials",
+					style: normalizeStyle({ fontSize: `${numericSize.value * INITIALS_FONT_SIZE_RATIO}px` })
+				}, toDisplayString(initials.value), 5)) : showIcon.value ? (openBlock(), createElementBlock("span", {
+					key: 3,
+					class: "astryx-avatar__fallback astryx-avatar__fallback--icon",
+					style: normalizeStyle({ fontSize: `${numericSize.value * DEFAULT_ICON_RATIO}px` })
+				}, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createElementVNode("svg", {
+					viewBox: "0 0 24 24",
+					fill: "currentColor",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })], -1))])], 4)) : createCommentVNode("v-if", true)]), _ctx.$slots.status ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "status")])) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 16, ["class", "style"]));
+		};
+	}
+});
+//#endregion
+//#region src/Avatar/AvatarStatusDot.vue
+const _hoisted_1 = [
+	"data-variant",
+	"role",
+	"aria-label",
+	"aria-hidden"
+];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	__name: "AvatarStatusDot",
+	props: {
+		variant: { default: "neutral" },
+		label: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "astryx-avatar-status-dot",
+				"data-variant": __props.variant,
+				role: __props.label ? "img" : void 0,
+				"aria-label": __props.label || void 0,
+				"aria-hidden": __props.label ? void 0 : "true"
+			}, null, 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main$1 as n, _sfc_main as t };

package/dist/AvatarGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { i as AvatarGroupProps, n as _default, r as AvatarGroupOverflowProps, t as _default$1 } from "../index-Df2YvC8o.js";
+import { i as AvatarGroupProps, n as _default, r as AvatarGroupOverflowProps, t as _default$1 } from "../index-DeOftUMq.js";
 export { _default as AvatarGroup, _default$1 as AvatarGroupOverflow, type AvatarGroupOverflowProps, type AvatarGroupProps };

package/dist/AvatarGroup/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../AvatarGroup-CZcgAMjM.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../AvatarGroup-QyzSrpYA.js";
 export { _sfc_main as AvatarGroup, _sfc_main$1 as AvatarGroupOverflow };

package/dist/{AvatarGroup-CZcgAMjM.js → AvatarGroup-QyzSrpYA.js}

@@ -2,17 +2,14 @@ import { n as AvatarGroupContext, t as resolveSize } from "./utils-C9r3UD_y.js";
 import { computed, createElementBlock, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, renderSlot, toDisplayString } from "vue";
 import "../styles/avatar-group.css";
 //#region src/AvatarGroup/AvatarGroup.vue
-const _hoisted_1$1 = {
-	class: "astryx-avatar-group",
-	role: "group",
-	"aria-label": "Avatar group"
-};
+const _hoisted_1$1 = ["aria-label"];
 const OVERLAP_RATIO = .25;
 const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	__name: "AvatarGroup",
 	props: {
 		size: { default: "md" },
-		shape: { default: "circle" }
+		shape: { default: "circle" },
+		label: { default: "Avatar group" }
 	},
 	setup(__props) {
 		const props = __props;
@@ -24,7 +21,11 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			overlap
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default")]);
+			return openBlock(), createElementBlock("div", {
+				class: "astryx-avatar-group",
+				role: "group",
+				"aria-label": __props.label
+			}, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_1$1);
 		};
 	}
 });

package/dist/Badge/index.d.ts

@@ -1,2 +1,2 @@
-import { i as BadgeVariantMap, n as BadgeProps, r as BadgeVariant, t as _default } from "../index-DRmb-oUa.js";
+import { i as BadgeVariantMap, n as BadgeProps, r as BadgeVariant, t as _default } from "../index-CuFLztiI.js";
 export { _default as Badge, type BadgeProps, type BadgeVariant, type BadgeVariantMap };

package/dist/Badge/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Badge-Ba0EwsTj.js";
+import { t as _sfc_main } from "../Badge-CjDQPF5g.js";
 export { _sfc_main as Badge };

package/dist/Badge-CjDQPF5g.js

@@ -0,0 +1,30 @@
+import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+import "../styles/badge.css";
+//#region src/Badge/Badge.vue
+const _hoisted_1 = ["data-variant", "title"];
+const _hoisted_2 = { class: "astryx-badge__label" };
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "Badge",
+	__name: "Badge",
+	props: {
+		variant: { default: "neutral" },
+		label: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const labelTitle = computed(() => {
+			const label = props.label;
+			if (typeof label === "number") return String(label);
+			if (typeof label === "string" && label.length > 0) return label;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "astryx-badge",
+				"data-variant": __props.variant,
+				title: labelTitle.value
+			}, [renderSlot(_ctx.$slots, "icon"), createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/Banner/index.d.ts

@@ -1,2 +1,2 @@
-import { Cr as _default, Dr as BannerSlots, Er as BannerProps, Or as BannerStatus, Tr as BannerEmits, wr as BannerContainer } from "../index-Df2YvC8o.js";
+import { Fr as BannerProps, Ir as BannerSlots, Lr as BannerStatus, Mr as _default, Nr as BannerContainer, Pr as BannerEmits } from "../index-DeOftUMq.js";
 export { _default as Banner, type BannerContainer, type BannerEmits, type BannerProps, type BannerSlots, type BannerStatus };

package/dist/Breadcrumbs/index.d.ts

@@ -1,2 +1,2 @@
-import { a as BreadcrumbsVariant, i as BreadcrumbsProps, n as _default, r as BreadcrumbItemProps, t as _default$1 } from "../index-BiMGXtD-.js";
-export { _default as BreadcrumbItem, type BreadcrumbItemProps, _default$1 as Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariant };
+import { a as BreadcrumbsProps, i as BreadcrumbMenuOption, n as _default, o as BreadcrumbsVariant, r as BreadcrumbItemProps, t as _default$1 } from "../index-DimuSES0.js";
+export { _default as BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbMenuOption, _default$1 as Breadcrumbs, type BreadcrumbsProps, type BreadcrumbsVariant };

package/dist/Breadcrumbs/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../Breadcrumbs-C3YZFQ9w.js";
+import { n as _sfc_main, t as _sfc_main$1 } from "../Breadcrumbs-C97HmjkC.js";
 export { _sfc_main as BreadcrumbItem, _sfc_main$1 as Breadcrumbs };

package/dist/{Breadcrumbs-C3YZFQ9w.js → Breadcrumbs-C97HmjkC.js}

@@ -1,4 +1,6 @@
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, openBlock, provide, renderSlot, toDisplayString } from "vue";
+import { t as _sfc_main$2 } from "./Icon-Bku25g_K.js";
+import { t as _sfc_main$3 } from "./DropdownMenu-8G0B1UND.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, provide, renderSlot, toDisplayString, withCtx } from "vue";
 import "../styles/breadcrumbs.css";
 //#region src/Breadcrumbs/context.ts
 const breadcrumbContextKey = Symbol("breadcrumbContext");
@@ -8,16 +10,21 @@ const _hoisted_1$1 = {
 	class: "astryx-breadcrumb-item__separator",
 	"aria-hidden": "true"
 };
-const _hoisted_2$1 = ["href"];
+const _hoisted_2$1 = ["aria-current"];
 const _hoisted_3 = {
 	key: 0,
 	class: "astryx-breadcrumb-item__icon"
 };
-const _hoisted_4 = {
+const _hoisted_4 = ["href"];
+const _hoisted_5 = {
 	key: 0,
 	class: "astryx-breadcrumb-item__icon"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
+	key: 0,
+	class: "astryx-breadcrumb-item__icon"
+};
+const _hoisted_7 = {
 	key: 0,
 	class: "astryx-breadcrumb-item__icon"
 };
@@ -25,7 +32,9 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	__name: "BreadcrumbItem",
 	props: {
 		href: {},
-		isCurrent: { type: Boolean }
+		isCurrent: { type: Boolean },
+		menu: {},
+		menuSize: {}
 	},
 	emits: ["click"],
 	setup(__props, { emit: __emit }) {
@@ -34,8 +43,11 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const context = inject(breadcrumbContextKey, void 0);
 		const variant = computed(() => context?.variant.value ?? "default");
 		const separator = computed(() => context?.separator.value ?? "/");
+		const hasMenu = computed(() => props.menu != null);
 		const classes = computed(() => ["astryx-breadcrumb-item", `astryx-breadcrumb-item--variant-${variant.value}`]);
 		const contentClasses = computed(() => ["astryx-breadcrumb-item__content", props.isCurrent && "astryx-breadcrumb-item__content--current"]);
+		const menuSize = computed(() => props.menuSize ?? (variant.value === "supporting" ? "sm" : "md"));
+		if (import.meta.env?.DEV !== false && hasMenu.value && props.href) console.warn("BreadcrumbItem: `menu` and `href` are mutually exclusive; `menu` takes precedence and `href` is ignored.");
 		function handleClick(event) {
 			if (props.isCurrent) {
 				event.preventDefault();
@@ -44,21 +56,43 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 			emit("click", event);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("li", { class: normalizeClass(classes.value) }, [createElementVNode("span", _hoisted_1$1, toDisplayString(separator.value), 1), __props.href && !__props.isCurrent ? (openBlock(), createElementBlock("a", {
+			return openBlock(), createElementBlock("li", { class: normalizeClass(classes.value) }, [createElementVNode("span", _hoisted_1$1, toDisplayString(separator.value), 1), hasMenu.value ? (openBlock(), createBlock(_sfc_main$3, {
 				key: 0,
+				button: {
+					label: "Menu",
+					size: menuSize.value
+				},
+				items: __props.menu,
+				"menu-width": "max-content"
+			}, {
+				trigger: withCtx((triggerProps) => [createElementVNode("button", mergeProps({
+					type: "button",
+					class: contentClasses.value
+				}, triggerProps, { "aria-current": __props.isCurrent ? "page" : void 0 }), [
+					_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true),
+					renderSlot(_ctx.$slots, "default"),
+					createVNode(_sfc_main$2, {
+						class: "astryx-breadcrumb-item__chevron",
+						icon: "chevronDown",
+						size: "sm"
+					})
+				], 16, _hoisted_2$1)]),
+				_: 3
+			}, 8, ["button", "items"])) : __props.href && !__props.isCurrent ? (openBlock(), createElementBlock("a", {
+				key: 1,
 				href: __props.href,
 				class: "astryx-breadcrumb-item__content",
 				onClick: handleClick
-			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 8, _hoisted_2$1)) : !__props.isCurrent ? (openBlock(), createElementBlock("button", {
-				key: 1,
+			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 8, _hoisted_4)) : !__props.isCurrent ? (openBlock(), createElementBlock("button", {
+				key: 2,
 				type: "button",
 				class: "astryx-breadcrumb-item__content",
 				onClick: handleClick
-			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("span", {
-				key: 2,
+			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])) : (openBlock(), createElementBlock("span", {
+				key: 3,
 				class: normalizeClass(contentClasses.value),
 				"aria-current": "page"
-			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 2))], 2);
+			}, [_ctx.$slots.startIcon ? (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, "startIcon")])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 2))], 2);
 		};
 	}
 });

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ButtonProps, c as ButtonSizeValue, d as ButtonVariantMap, i as ButtonLinkElement, l as ButtonSlots, n as ButtonElevation, o as ButtonRootElement, r as ButtonEmits, s as ButtonSize, t as ButtonClickAction, u as ButtonVariant } from "../types-WlmsNL1I.js";
-import { t as _default } from "../index-B4OOtNP8.js";
+import { t as _default } from "../index-Z_onS2lR.js";
 export { _default as Button, _default as default, type ButtonClickAction, type ButtonElevation, type ButtonEmits, type ButtonLinkElement, type ButtonProps, type ButtonRootElement, type ButtonSize, type ButtonSizeValue, type ButtonSlots, type ButtonVariant, type ButtonVariantMap };

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { Sr as ButtonGroupOrientation, br as ButtonGroupProps, xr as ButtonGroupSlots, yr as _default } from "../index-Df2YvC8o.js";
+import { Ar as ButtonGroupSlots, Or as _default, jr as ButtonGroupOrientation, kr as ButtonGroupProps } from "../index-DeOftUMq.js";
 export { _default as ButtonGroup, _default as default, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSlots };

package/dist/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-import { i as CalendarSlots, n as CalendarEmits, r as CalendarProps, t as _default } from "../index-z4p2k9VR.js";
-export { _default as Calendar, type CalendarEmits, type CalendarProps, type CalendarSlots };
+import { a as CalendarSlots, i as CalendarRangeValue, n as CalendarEmits, r as CalendarProps, t as _default } from "../index-Bgv4ZmBl.js";
+export { _default as Calendar, type CalendarEmits, type CalendarProps, type CalendarRangeValue, type CalendarSlots };

package/dist/Calendar/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Calendar-CYhGDT6f.js";
+import { t as _sfc_main } from "../Calendar-DqC3EDN1.js";
 export { _sfc_main as Calendar };