@auronui/vue 1.0.0

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"slotFns.anchor()\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class)\">\n      <span :class=\"slotFns.label()\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { badgeVariants } from "@auronui/styles";
+//#region src/components/badge/Badge.vue?vue&type=script&setup=true&lang.ts
+var Badge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Badge",
+	props: {
+		color: { default: "default" },
+		size: { default: "md" },
+		variant: { default: "primary" },
+		placement: { default: "top-right" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => badgeVariants({
+			color: props.color,
+			size: props.size,
+			variant: props.variant,
+			placement: props.placement
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(slotFns.value.anchor()) }, [renderSlot(_ctx.$slots, "default"), createElementVNode("span", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [createElementVNode("span", { class: normalizeClass(slotFns.value.label()) }, [renderSlot(_ctx.$slots, "label")], 2)], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { Badge_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Badge.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/badge/Badge.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/badge/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { badgeVariants, type BadgeVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    color?: BadgeVariants[\"color\"];\n    size?: BadgeVariants[\"size\"];\n    variant?: BadgeVariants[\"variant\"];\n    placement?: BadgeVariants[\"placement\"];\n    class?: string;\n  }>(),\n  {\n    color: \"default\",\n    size: \"md\",\n    variant: \"primary\",\n    placement: \"top-right\",\n  }\n);\n\nconst slotFns = computed(() =>\n  badgeVariants({\n    color: props.color,\n    size: props.size,\n    variant: props.variant,\n    placement: props.placement,\n  })\n);\n</script>\n\n<template>\n  <div :class=\"slotFns.anchor()\">\n    <slot />\n    <span :class=\"composeClassName(slotFns.base(), props.class)\">\n      <span :class=\"slotFns.label()\">\n        <slot name=\"label\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAgBd,MAAM,UAAU,eACd,cAAc;GACZ,OAAO,MAAM;GACb,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,WAAW,MAAM;GAClB,CAAA,CACF;;uBAIC,mBAOM,OAAA,EAPA,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,EACR,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACxD,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/components/breadcrumbs/BreadcrumbItem.js

@@ -0,0 +1,7 @@
+import BreadcrumbItem_vue_vue_type_script_setup_true_lang_default from "./BreadcrumbItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/breadcrumbs/BreadcrumbItem.vue
+var BreadcrumbItem_default = BreadcrumbItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { BreadcrumbItem_default as default };
+
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/components/breadcrumbs/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: string\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"[ctx.slotFns.value.item(), props.class]\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"ctx.slotFns.value.separator()\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":""}

package/dist/components/breadcrumbs/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+import { useBreadcrumbsInject } from "./breadcrumbs.context.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, h, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, unref } from "vue";
+//#region src/components/breadcrumbs/BreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-current"];
+var _hoisted_2 = ["href"];
+var _hoisted_3 = {
+	key: 1,
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	focusable: "false"
+};
+var BreadcrumbItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "BreadcrumbItem",
+	props: {
+		href: {},
+		isLast: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useBreadcrumbsInject();
+		const SeparatorRenderer = computed(() => ctx.separatorSlot ? () => h(() => ctx.separatorSlot()) : null);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", {
+				class: normalizeClass([unref(ctx).slotFns.value.item(), props.class]),
+				"aria-current": props.isLast ? "page" : void 0
+			}, [props.href && !props.isLast ? (openBlock(), createElementBlock("a", {
+				key: 0,
+				href: props.href,
+				class: normalizeClass(unref(ctx).slotFns.value.link())
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+				key: 1,
+				class: normalizeClass(unref(ctx).slotFns.value.link())
+			}, [renderSlot(_ctx.$slots, "default")], 2)), !props.isLast ? (openBlock(), createElementBlock("span", {
+				key: 2,
+				class: normalizeClass(unref(ctx).slotFns.value.separator()),
+				"aria-hidden": "true"
+			}, [SeparatorRenderer.value ? (openBlock(), createBlock(resolveDynamicComponent(SeparatorRenderer.value), { key: 0 })) : (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[0] || (_cache[0] = [createElementVNode("polyline", { points: "9 6 15 12 9 18" }, null, -1)])]))], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { BreadcrumbItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=BreadcrumbItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/breadcrumbs/BreadcrumbItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/BreadcrumbItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h } from 'vue'\nimport { useBreadcrumbsInject } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  href?: string\n  isLast?: boolean\n  class?: string\n}>(), {\n  isLast: false,\n})\n\nconst ctx = useBreadcrumbsInject()\n\n// Wrap the separator slot in a functional component so arbitrary VNodes\n// (including text nodes) render correctly inside a <template> block.\nconst SeparatorRenderer = computed(() =>\n  ctx.separatorSlot\n    ? () => h(() => (ctx.separatorSlot as () => ReturnType<typeof h>[])())\n    : null\n)\n</script>\n\n<template>\n  <li\n    :class=\"[ctx.slotFns.value.item(), props.class]\"\n    :aria-current=\"props.isLast ? 'page' : undefined\"\n  >\n    <a\n      v-if=\"props.href && !props.isLast\"\n      :href=\"props.href\"\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </a>\n    <span\n      v-else\n      :class=\"ctx.slotFns.value.link()\"\n    >\n      <slot />\n    </span>\n    <span\n      v-if=\"!props.isLast\"\n      :class=\"ctx.slotFns.value.separator()\"\n      aria-hidden=\"true\"\n    >\n      <component\n        :is=\"SeparatorRenderer\"\n        v-if=\"SeparatorRenderer\"\n      />\n      <svg\n        v-else\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        focusable=\"false\"\n      >\n        <polyline points=\"9 6 15 12 9 18\" />\n      </svg>\n    </span>\n  </li>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAQd,MAAM,MAAM,sBAAqB;EAIjC,MAAM,oBAAoB,eACxB,IAAI,sBACM,QAAS,IAAI,eAAgD,CAAA,GACnE,KACN;;uBAIE,mBAwCK,MAAA;IAvCF,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,MAAK,CAAA;IAC7C,gBAAc,MAAM,SAAM,SAAY,KAAA;OAG/B,MAAM,QAAI,CAAK,MAAM,UAAA,WAAA,EAD7B,mBAMI,KAAA;;IAJD,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;OAE9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAEV,mBAKO,QAAA;;IAHJ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,CAAA;OAE9B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,GAAA,CAGD,MAAM,UAAA,WAAA,EADf,mBAsBO,QAAA;;IApBJ,OAAK,eAAE,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,CAAA;IACnC,eAAY;OAIJ,kBAAA,SAAA,WAAA,EAFR,YAGE,wBAFK,kBAAA,MAAiB,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAGxB,mBAYM,OAZN,YAYM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,7 @@
+import Breadcrumbs_vue_vue_type_script_setup_true_lang_default from "./Breadcrumbs.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/breadcrumbs/Breadcrumbs.vue
+var Breadcrumbs_default = Breadcrumbs_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Breadcrumbs_default as default };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: string\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: slotFns.value.item(), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), undefined)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useBreadcrumbsProvide } from "./breadcrumbs.context.js";
+import { Fragment, cloneVNode, computed, createBlock, createElementBlock, createElementVNode, defineComponent, h, normalizeClass, openBlock, renderList, resolveDynamicComponent, unref, useSlots } from "vue";
+import { breadcrumbsVariants } from "@auronui/styles";
+//#region src/components/breadcrumbs/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var Breadcrumbs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Breadcrumbs",
+	props: {
+		maxItems: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const slotFns = computed(() => breadcrumbsVariants({}));
+		function flattenChildren(nodes) {
+			if (!nodes) return [];
+			const out = [];
+			for (const n of nodes) if (typeof n.type === "symbol" && String(n.type) === "Symbol(v-fgt)") out.push(...flattenChildren(n.children ?? []));
+			else if (n.type && typeof n.type !== "symbol") out.push(n);
+			return out;
+		}
+		const renderedChildren = computed(() => {
+			const items = flattenChildren(slots.default?.() ?? []);
+			const max = props.maxItems;
+			let list = items;
+			if (max && items.length > max && max >= 2) {
+				const first = items[0];
+				const last = items.slice(items.length - (max - 2));
+				list = [
+					first,
+					h("li", {
+						class: slotFns.value.item(),
+						"aria-hidden": "true"
+					}, "…"),
+					...last
+				];
+			}
+			if (list.length > 0) {
+				const lastIdx = list.length - 1;
+				list = list.map((vnode, idx) => idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode);
+			}
+			return list;
+		});
+		useBreadcrumbsProvide({
+			slotFns,
+			total: computed(() => renderedChildren.value.length),
+			separatorSlot: slots.separator
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				"aria-label": "Breadcrumb",
+				class: normalizeClass(props.class)
+			}, [createElementVNode("ol", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), void 0)) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(renderedChildren.value, (child, idx) => {
+				return openBlock(), createBlock(resolveDynamicComponent(child), { key: idx });
+			}), 128))], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { Breadcrumbs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Breadcrumbs.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/breadcrumbs/Breadcrumbs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, cloneVNode, type VNode } from 'vue'\nimport { breadcrumbsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useBreadcrumbsProvide } from './breadcrumbs.context'\n\nconst props = withDefaults(defineProps<{\n  maxItems?: number\n  class?: string\n}>(), {})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n  separator?(): VNode;\n}>();\n\nconst slotFns = computed(() => breadcrumbsVariants({}))\n\n// Flatten default slot children into an array of VNodes we can iterate.\nfunction flattenChildren(nodes: VNode[] | undefined): VNode[] {\n  if (!nodes) return []\n  const out: VNode[] = []\n  for (const n of nodes) {\n    // Skip comment / text whitespace nodes; detect Fragment by string representation\n    if (typeof n.type === 'symbol' && String(n.type) === 'Symbol(v-fgt)') {\n      out.push(...flattenChildren((n.children as VNode[]) ?? []))\n    } else if (n.type && typeof n.type !== 'symbol') {\n      out.push(n)\n    }\n  }\n  return out\n}\n\nconst renderedChildren = computed(() => {\n  const raw = slots.default?.() ?? []\n  const items = flattenChildren(raw as VNode[])\n  const max = props.maxItems\n  let list = items\n  if (max && items.length > max && max >= 2) {\n    const first = items[0]\n    const last = items.slice(items.length - (max - 2))\n    const ellipsis = h(\n      'li',\n      { class: slotFns.value.item(), 'aria-hidden': 'true' },\n      '…'\n    )\n    list = [first, ellipsis, ...last]\n  }\n  // Clone the last BreadcrumbItem VNode with isLast prop set\n  if (list.length > 0) {\n    const lastIdx = list.length - 1\n    list = list.map((vnode, idx) =>\n      idx === lastIdx ? cloneVNode(vnode, { isLast: true }) : vnode\n    )\n  }\n  return list\n})\n\nconst total = computed(() => renderedChildren.value.length)\n\nuseBreadcrumbsProvide({\n  slotFns,\n  total,\n  separatorSlot: slots.separator,\n})\n</script>\n\n<template>\n  <nav\n    aria-label=\"Breadcrumb\"\n    :class=\"props.class\"\n  >\n    <ol :class=\"composeClassName(slotFns.base(), undefined)\">\n      <component\n        :is=\"child\"\n        v-for=\"(child, idx) in renderedChildren\"\n        :key=\"idx\"\n      />\n    </ol>\n  </nav>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAKd,MAAM,QAAQ,UAGV;EAEJ,MAAM,UAAU,eAAe,oBAAoB,EAAE,CAAC,CAAA;EAGtD,SAAS,gBAAgB,OAAqC;AAC5D,OAAI,CAAC,MAAO,QAAO,EAAC;GACpB,MAAM,MAAe,EAAC;AACtB,QAAK,MAAM,KAAK,MAEd,KAAI,OAAO,EAAE,SAAS,YAAY,OAAO,EAAE,KAAK,KAAK,gBACnD,KAAI,KAAK,GAAG,gBAAiB,EAAE,YAAwB,EAAE,CAAC,CAAA;YACjD,EAAE,QAAQ,OAAO,EAAE,SAAS,SACrC,KAAI,KAAK,EAAC;AAGd,UAAO;;EAGT,MAAM,mBAAmB,eAAe;GAEtC,MAAM,QAAQ,gBADF,MAAM,WAAW,IAAI,EAAC,CACU;GAC5C,MAAM,MAAM,MAAM;GAClB,IAAI,OAAO;AACX,OAAI,OAAO,MAAM,SAAS,OAAO,OAAO,GAAG;IACzC,MAAM,QAAQ,MAAM;IACpB,MAAM,OAAO,MAAM,MAAM,MAAM,UAAU,MAAM,GAAE;AAMjD,WAAO;KAAC;KALS,EACf,MACA;MAAE,OAAO,QAAQ,MAAM,MAAM;MAAE,eAAe;MAAQ,EACtD,IACF;KACyB,GAAG;KAAI;;AAGlC,OAAI,KAAK,SAAS,GAAG;IACnB,MAAM,UAAU,KAAK,SAAS;AAC9B,WAAO,KAAK,KAAK,OAAO,QACtB,QAAQ,UAAU,WAAW,OAAO,EAAE,QAAQ,MAAM,CAAC,GAAG,MAC1D;;AAEF,UAAO;IACR;AAID,wBAAsB;GACpB;GACA,OAJY,eAAe,iBAAiB,MAAM,OAAM;GAKxD,eAAe,MAAM;GACtB,CAAA;;uBAIC,mBAWM,OAAA;IAVJ,cAAW;IACV,OAAK,eAAE,MAAM,MAAK;OAEnB,mBAMK,MAAA,EANA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,KAAA,EAAS,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACpD,mBAIE,UAAA,MAAA,WAFuB,iBAAA,QAAf,OAAO,QAAG;wBAFpB,YAIE,wBAHK,MAAK,EAAA,EAET,KAAK,KAAG,CAAA"}

package/dist/components/breadcrumbs/breadcrumbs.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/breadcrumbs/breadcrumbs.context.ts
+var { useProvide: useBreadcrumbsProvide, useInject: useBreadcrumbsInject, key: breadcrumbsContextKey } = createContext("Breadcrumbs");
+//#endregion
+export { useBreadcrumbsInject, useBreadcrumbsProvide };
+
+//# sourceMappingURL=breadcrumbs.context.js.map

package/dist/components/breadcrumbs/breadcrumbs.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.context.js","names":[],"sources":["../../../src/components/breadcrumbs/breadcrumbs.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { breadcrumbsVariants } from '@auronui/styles'\n\nexport type BreadcrumbsSlotFns = ReturnType<typeof breadcrumbsVariants>\n\nexport interface BreadcrumbsContext {\n  slotFns: Ref<BreadcrumbsSlotFns>\n  // Total number of visible BreadcrumbItem children (for aria-current computation)\n  total: Ref<number>\n  // Custom separator slot function (undefined = use default \"/\")\n  separatorSlot: (() => unknown) | undefined\n}\n\nexport const {\n  useProvide: useBreadcrumbsProvide,\n  useInject: useBreadcrumbsInject,\n  key: breadcrumbsContextKey,\n} = createContext<BreadcrumbsContext>('Breadcrumbs')\n"],"mappings":";;AAcA,IAAa,EACX,YAAY,uBACZ,WAAW,sBACX,KAAK,0BACH,cAAkC,cAAc"}

package/dist/components/button/Button.js

@@ -0,0 +1,7 @@
+import Button_vue_vue_type_script_setup_true_lang_default from "./Button.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/Button.vue
+var Button_default = Button_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Button_default as default };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: string\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"slotFns.endContent()\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"slotFns.spinner()\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,114 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import Spinner_default from "../spinner/Spinner.js";
+import { useButtonGroupInject } from "./button-group.context.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { buttonVariants } from "@auronui/styles";
+import { Primitive } from "reka-ui";
+//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
+var Button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Button",
+	props: {
+		variant: { default: void 0 },
+		size: { default: void 0 },
+		radius: { default: void 0 },
+		isIconOnly: {
+			type: Boolean,
+			default: false
+		},
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		isLoading: {
+			type: Boolean,
+			default: false
+		},
+		as: { default: "button" },
+		class: {},
+		value: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const groupCtx = useButtonGroupInject({
+			variant: ref("primary"),
+			size: ref("md"),
+			disabled: ref(false),
+			fullWidth: ref(false),
+			orientation: ref("horizontal"),
+			selectionMode: ref("single"),
+			selectedValue: ref(null),
+			isValueSelected: () => false,
+			selectValue: () => {}
+		});
+		const isSelected = computed(() => groupCtx.isValueSelected(props.value));
+		function handleClick() {
+			if (props.value !== void 0) groupCtx.selectValue(props.value);
+		}
+		const isDisabled = computed(() => groupCtx.disabled.value || props.disabled);
+		const finalVariant = computed(() => props.variant ?? groupCtx.variant.value);
+		const finalSize = computed(() => props.size ?? groupCtx.size.value);
+		const finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value);
+		const slotFns = computed(() => buttonVariants({
+			variant: finalVariant.value,
+			size: finalSize.value,
+			radius: props.radius,
+			isIconOnly: props.isIconOnly,
+			fullWidth: finalFullWidth.value,
+			isLoading: props.isLoading
+		}));
+		const spinnerSize = computed(() => {
+			if (finalSize.value === "xs" || finalSize.value === "sm") return "sm";
+			if (finalSize.value === "lg" || finalSize.value === "xl") return "lg";
+			return "md";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({
+				as: props.as,
+				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				disabled: isDisabled.value || props.isLoading || void 0,
+				"data-disabled": isDisabled.value || void 0,
+				"data-loading": props.isLoading || void 0,
+				"data-orientation": unref(groupCtx).orientation.value,
+				"data-selected": isSelected.value || void 0
+			}, _ctx.$attrs, { onClick: handleClick }), {
+				default: withCtx(() => [
+					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(slotFns.value.startContent())
+					}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
+					createElementVNode("span", { class: normalizeClass(slotFns.value.label()) }, [renderSlot(_ctx.$slots, "default")], 2),
+					_ctx.$slots.endContent ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(slotFns.value.endContent())
+					}, [renderSlot(_ctx.$slots, "endContent")], 2)) : createCommentVNode("", true),
+					props.isLoading ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(slotFns.value.spinner()),
+						"aria-hidden": "true",
+						"data-slot": "spinner"
+					}, [createVNode(Spinner_default, {
+						size: spinnerSize.value,
+						color: "current"
+					}, null, 8, ["size"])], 2)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 16, [
+				"as",
+				"class",
+				"disabled",
+				"data-disabled",
+				"data-loading",
+				"data-orientation",
+				"data-selected"
+			]);
+		};
+	}
+});
+//#endregion
+export { Button_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Button.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/button/Button.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots"],"sources":["../../../src/components/button/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupInject } from './button-group.context'\nimport Spinner from '../spinner/Spinner.vue'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  radius?: ButtonVariants['radius']\n  isIconOnly?: boolean\n  fullWidth?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  as?: string | object\n  class?: string\n  value?: string | number\n}>(), {\n  variant: undefined,\n  size: undefined,\n  radius: undefined,\n  isIconOnly: false,\n  fullWidth: false,\n  disabled: false,\n  isLoading: false,\n  as: 'button',\n  value: undefined,\n})\n\n// Inject ButtonGroup context unconditionally with fallback defaults (D-12)\n// When no ButtonGroup is present, inject returns these fallback values (no-op)\nconst groupCtx = useButtonGroupInject({\n  variant: ref('primary'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('single'),\n  selectedValue: ref(null),\n  isValueSelected: () => false,\n  selectValue: () => {},\n})\n\nconst isSelected = computed(() => groupCtx.isValueSelected(props.value))\n\nfunction handleClick() {\n  if (props.value !== undefined) groupCtx.selectValue(props.value)\n}\n\n// Prop precedence rules (D-13):\n// - group disabled ALWAYS wins over child prop\n// - all other props: child prop wins over group value (child ?? group)\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalFullWidth = computed(() => props.fullWidth || groupCtx.fullWidth.value)\n\nconst slotFns = computed(() =>\n  buttonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    radius: props.radius,\n    isIconOnly: props.isIconOnly,\n    fullWidth: finalFullWidth.value,\n    isLoading: props.isLoading,\n  })\n)\n\n// Spinner size scales with button size\nconst spinnerSize = computed(() => {\n  if (finalSize.value === 'xs' || finalSize.value === 'sm') return 'sm' as const\n  if (finalSize.value === 'lg' || finalSize.value === 'xl') return 'lg' as const\n  return 'md' as const\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :disabled=\"isDisabled || props.isLoading || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-loading=\"props.isLoading || undefined\"\n    :data-orientation=\"groupCtx.orientation.value\"\n    :data-selected=\"isSelected || undefined\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  >\n    <!-- startContent named slot -->\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"slotFns.startContent()\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n\n    <!-- default (label) slot -->\n    <span :class=\"slotFns.label()\">\n      <slot />\n    </span>\n\n    <!-- endContent named slot -->\n    <span\n      v-if=\"$slots.endContent\"\n      :class=\"slotFns.endContent()\"\n    >\n      <slot name=\"endContent\" />\n    </span>\n\n    <!-- Loading spinner: absolute-centered, only rendered when isLoading=true (D-08, D-09) -->\n    <!-- color=\"current\" inherits --button-fg so spinner contrasts with the button background -->\n    <span\n      v-if=\"props.isLoading\"\n      :class=\"slotFns.spinner()\"\n      aria-hidden=\"true\"\n      data-slot=\"spinner\"\n    >\n      <Spinner\n        :size=\"spinnerSize\"\n        color=\"current\"\n      />\n    </span>\n  </Primitive>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAyBd,MAAM,WAAW,qBAAqB;GACpC,SAAS,IAAI,UAAU;GACvB,MAAM,IAAI,KAAK;GACf,UAAU,IAAI,MAAM;GACpB,WAAW,IAAI,MAAM;GACrB,aAAa,IAAI,aAAa;GAC9B,eAAe,IAAI,SAAS;GAC5B,eAAe,IAAI,KAAK;GACxB,uBAAuB;GACvB,mBAAmB;GACpB,CAAA;EAED,MAAM,aAAa,eAAe,SAAS,gBAAgB,MAAM,MAAM,CAAA;EAEvE,SAAS,cAAc;AACrB,OAAI,MAAM,UAAU,KAAA,EAAW,UAAS,YAAY,MAAM,MAAK;;EAMjE,MAAM,aAAa,eAAe,SAAS,SAAS,SAAS,MAAM,SAAQ;EAC3E,MAAM,eAAe,eAAe,MAAM,WAAW,SAAS,QAAQ,MAAK;EAC3E,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,iBAAiB,eAAe,MAAM,aAAa,SAAS,UAAU,MAAK;EAEjF,MAAM,UAAU,eACd,eAAe;GACb,SAAS,aAAa;GACtB,MAAM,UAAU;GAChB,QAAQ,MAAM;GACd,YAAY,MAAM;GAClB,WAAW,eAAe;GAC1B,WAAW,MAAM;GAClB,CAAA,CACH;EAGA,MAAM,cAAc,eAAe;AACjC,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,OAAI,UAAU,UAAU,QAAQ,UAAU,UAAU,KAAM,QAAO;AACjE,UAAO;IACR;;uBAIC,YA6CY,MAAA,UAAA,EA7CZ,WA6CY;IA5CT,IAAI,MAAM;IACV,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK;IACnD,UAAU,WAAA,SAAc,MAAM,aAAa,KAAA;IAC3C,iBAAe,WAAA,SAAc,KAAA;IAC7B,gBAAc,MAAM,aAAa,KAAA;IACjC,oBAAkB,MAAA,SAAQ,CAAC,YAAY;IACvC,iBAAe,WAAA,SAAc,KAAA;MACtBA,KAAAA,QAAM,EACb,SAAO,aAAW,CAAA,EAAA;2BAQZ;KAJCC,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,QAAA,MAAQ,cAAY,CAAA;SAE5B,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAI9B,mBAEO,QAAA,EAFA,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA,EAAA,EAAA,CACzB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA;KAKFA,KAAAA,OAAO,cAAA,WAAA,EADf,mBAKO,QAAA;;MAHJ,OAAK,eAAE,QAAA,MAAQ,YAAU,CAAA;SAE1B,WAA0B,KAAA,QAAA,aAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAMpB,MAAM,aAAA,WAAA,EADd,mBAUO,QAAA;;MARJ,OAAK,eAAE,QAAA,MAAQ,SAAO,CAAA;MACvB,eAAY;MACZ,aAAU;SAEV,YAGE,iBAAA;MAFC,MAAM,YAAA;MACP,OAAM"}

package/dist/components/button/ButtonGroup.js

@@ -0,0 +1,7 @@
+import ButtonGroup_vue_vue_type_script_setup_true_lang_default from "./ButtonGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/ButtonGroup.vue
+var ButtonGroup_default = ButtonGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ButtonGroup_default as default };
+
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/button/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: string\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/button/ButtonGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useButtonGroupProvide } from "./button-group.context.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, ref, renderSlot, toRef, unref } from "vue";
+import { buttonGroupVariants } from "@auronui/styles";
+//#region src/components/button/ButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-orientation"];
+var ButtonGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ButtonGroup",
+	props: {
+		variant: { default: "primary" },
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		orientation: { default: "horizontal" },
+		class: {},
+		selectionMode: { default: "single" },
+		modelValue: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const internalSelected = ref(props.selectionMode === "multiple" ? [] : null);
+		const selectedValue = computed({
+			get: () => props.modelValue !== void 0 ? props.modelValue : internalSelected.value,
+			set: (v) => {
+				if (props.modelValue === void 0) internalSelected.value = v;
+				emit("update:modelValue", v);
+			}
+		});
+		function isValueSelected(value) {
+			if (value === void 0) return false;
+			const current = selectedValue.value;
+			if (Array.isArray(current)) return current.includes(value);
+			return current === value;
+		}
+		function selectValue(value) {
+			if (props.selectionMode === "multiple") {
+				const current = Array.isArray(selectedValue.value) ? selectedValue.value : [];
+				selectedValue.value = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
+			} else selectedValue.value = selectedValue.value === value ? null : value;
+		}
+		useButtonGroupProvide({
+			variant: toRef(props, "variant"),
+			size: toRef(props, "size"),
+			disabled: toRef(props, "disabled"),
+			fullWidth: toRef(props, "fullWidth"),
+			orientation: toRef(props, "orientation"),
+			selectionMode: toRef(props, "selectionMode"),
+			selectedValue,
+			isValueSelected,
+			selectValue
+		});
+		const slotFns = computed(() => buttonGroupVariants({
+			fullWidth: props.fullWidth,
+			orientation: props.orientation
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-orientation": props.orientation,
+				role: "group"
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ButtonGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ButtonGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/button/ButtonGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/ButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, toRef } from 'vue'\nimport { buttonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useButtonGroupProvide } from './button-group.context'\nimport type { ButtonGroupSelectionMode, ButtonGroupValue } from './button-group.context'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  variant?: ButtonVariants['variant']\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  fullWidth?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  class?: string\n  selectionMode?: ButtonGroupSelectionMode\n  modelValue?: ButtonGroupValue\n}>(), {\n  variant: 'primary',\n  size: 'md',\n  disabled: false,\n  fullWidth: false,\n  orientation: 'horizontal',\n  selectionMode: 'single',\n  modelValue: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: ButtonGroupValue]\n}>()\n\n// Selected value: controlled if modelValue prop is provided, otherwise uncontrolled.\n// Single mode: scalar (string|number|null). Multiple mode: array of scalars.\nconst internalSelected = ref<ButtonGroupValue>(props.selectionMode === 'multiple' ? [] : null)\nconst selectedValue = computed<ButtonGroupValue>({\n  get: () => (props.modelValue !== undefined ? props.modelValue : internalSelected.value),\n  set: (v) => {\n    if (props.modelValue === undefined) internalSelected.value = v\n    emit('update:modelValue', v)\n  },\n})\n\nfunction isValueSelected(value: string | number | undefined): boolean {\n  if (value === undefined) return false\n  const current = selectedValue.value\n  if (Array.isArray(current)) return current.includes(value)\n  return current === value\n}\n\nfunction selectValue(value: string | number) {\n  if (props.selectionMode === 'multiple') {\n    const current = Array.isArray(selectedValue.value) ? selectedValue.value : []\n    selectedValue.value = current.includes(value)\n      ? current.filter((v) => v !== value)\n      : [...current, value]\n  } else {\n    // Single mode: clicking the already-selected button deselects it\n    selectedValue.value = selectedValue.value === value ? null : value\n  }\n}\n\n// Provide context using toRef() for reactivity (D-11)\nuseButtonGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  disabled: toRef(props, 'disabled'),\n  fullWidth: toRef(props, 'fullWidth'),\n  orientation: toRef(props, 'orientation'),\n  selectionMode: toRef(props, 'selectionMode'),\n  selectedValue,\n  isValueSelected,\n  selectValue,\n})\n\nconst slotFns = computed(() =>\n  buttonGroupVariants({\n    fullWidth: props.fullWidth,\n    orientation: props.orientation,\n  })\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    role=\"group\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAMb,MAAM,mBAAmB,IAAsB,MAAM,kBAAkB,aAAa,EAAE,GAAG,KAAI;EAC7F,MAAM,gBAAgB,SAA2B;GAC/C,WAAY,MAAM,eAAe,KAAA,IAAY,MAAM,aAAa,iBAAiB;GACjF,MAAM,MAAM;AACV,QAAI,MAAM,eAAe,KAAA,EAAW,kBAAiB,QAAQ;AAC7D,SAAK,qBAAqB,EAAC;;GAE9B,CAAA;EAED,SAAS,gBAAgB,OAA6C;AACpE,OAAI,UAAU,KAAA,EAAW,QAAO;GAChC,MAAM,UAAU,cAAc;AAC9B,OAAI,MAAM,QAAQ,QAAQ,CAAE,QAAO,QAAQ,SAAS,MAAK;AACzD,UAAO,YAAY;;EAGrB,SAAS,YAAY,OAAwB;AAC3C,OAAI,MAAM,kBAAkB,YAAY;IACtC,MAAM,UAAU,MAAM,QAAQ,cAAc,MAAM,GAAG,cAAc,QAAQ,EAAC;AAC5E,kBAAc,QAAQ,QAAQ,SAAS,MAAK,GACxC,QAAQ,QAAQ,MAAM,MAAM,MAAK,GACjC,CAAC,GAAG,SAAS,MAAK;SAGtB,eAAc,QAAQ,cAAc,UAAU,QAAQ,OAAO;;AAKjE,wBAAsB;GACpB,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,UAAU,MAAM,OAAO,WAAW;GAClC,WAAW,MAAM,OAAO,YAAY;GACpC,aAAa,MAAM,OAAO,cAAc;GACxC,eAAe,MAAM,OAAO,gBAAgB;GAC5C;GACA;GACA;GACD,CAAA;EAED,MAAM,UAAU,eACd,oBAAoB;GAClB,WAAW,MAAM;GACjB,aAAa,MAAM;GACpB,CAAA,CACH;;uBAIE,mBAMM,OAAA;IALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACzB,MAAK;OAEL,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/button/CloseButton.js

@@ -0,0 +1,7 @@
+import CloseButton_vue_vue_type_script_setup_true_lang_default from "./CloseButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/CloseButton.vue
+var CloseButton_default = CloseButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { CloseButton_default as default };
+
+//# sourceMappingURL=CloseButton.js.map

package/dist/components/button/CloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.js","names":[],"sources":["../../../src/components/button/CloseButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Button from './Button.vue'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  isLoading?: boolean\n  ariaLabel?: string\n  class?: string\n}>(), {\n  size: 'md',\n  disabled: false,\n  isLoading: false,\n  ariaLabel: 'Close',\n})\n</script>\n\n<template>\n  <Button\n    variant=\"ghost\"\n    :is-icon-only=\"true\"\n    :size=\"props.size\"\n    :disabled=\"props.disabled\"\n    :is-loading=\"props.isLoading\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"props.class\"\n  >\n    <!-- D-16: Inline SVG X glyph — 16×16 viewBox, 2px stroke, currentColor -->\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <line\n        x1=\"18\"\n        y1=\"6\"\n        x2=\"6\"\n        y2=\"18\"\n      />\n      <line\n        x1=\"6\"\n        y1=\"6\"\n        x2=\"18\"\n        y2=\"18\"\n      />\n    </svg>\n  </Button>\n</template>\n"],"mappings":""}

package/dist/components/button/CloseButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import Button_default from "./Button.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, withCtx } from "vue";
+//#region src/components/button/CloseButton.vue?vue&type=script&setup=true&lang.ts
+var CloseButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CloseButton",
+	props: {
+		size: { default: "md" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		isLoading: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: { default: "Close" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Button_default, {
+				variant: "ghost",
+				"is-icon-only": true,
+				size: props.size,
+				disabled: props.disabled,
+				"is-loading": props.isLoading,
+				"aria-label": props.ariaLabel,
+				class: normalizeClass(props.class)
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					width: "16",
+					height: "16",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					focusable: "false"
+				}, [createElementVNode("line", {
+					x1: "18",
+					y1: "6",
+					x2: "6",
+					y2: "18"
+				}), createElementVNode("line", {
+					x1: "6",
+					y1: "6",
+					x2: "18",
+					y2: "18"
+				})], -1)])]),
+				_: 1
+			}, 8, [
+				"size",
+				"disabled",
+				"is-loading",
+				"aria-label",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { CloseButton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=CloseButton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/button/CloseButton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/button/CloseButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Button from './Button.vue'\nimport type { ButtonVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  size?: ButtonVariants['size']\n  disabled?: boolean\n  isLoading?: boolean\n  ariaLabel?: string\n  class?: string\n}>(), {\n  size: 'md',\n  disabled: false,\n  isLoading: false,\n  ariaLabel: 'Close',\n})\n</script>\n\n<template>\n  <Button\n    variant=\"ghost\"\n    :is-icon-only=\"true\"\n    :size=\"props.size\"\n    :disabled=\"props.disabled\"\n    :is-loading=\"props.isLoading\"\n    :aria-label=\"props.ariaLabel\"\n    :class=\"props.class\"\n  >\n    <!-- D-16: Inline SVG X glyph — 16×16 viewBox, 2px stroke, currentColor -->\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n    >\n      <line\n        x1=\"18\"\n        y1=\"6\"\n        x2=\"6\"\n        y2=\"18\"\n      />\n      <line\n        x1=\"6\"\n        y1=\"6\"\n        x2=\"18\"\n        y2=\"18\"\n      />\n    </svg>\n  </Button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;;uBAeZ,YAoCS,gBAAA;IAnCP,SAAQ;IACP,gBAAc;IACd,MAAM,MAAM;IACZ,UAAU,MAAM;IAChB,cAAY,MAAM;IAClB,cAAY,MAAM;IAClB,OAAK,eAAE,MAAM,MAAK;;2BA4Bb,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAzBN,mBAyBM,OAAA;KAxBJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/button/ToggleButton.js

@@ -0,0 +1,7 @@
+import ToggleButton_vue_vue_type_script_setup_true_lang_default from "./ToggleButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/button/ToggleButton.vue
+var ToggleButton_default = ToggleButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ToggleButton_default as default };
+
+//# sourceMappingURL=ToggleButton.js.map

package/dist/components/button/ToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButton.js","names":[],"sources":["../../../src/components/button/ToggleButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { Toggle } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToggleButtonGroupInject } from './toggle-button-group.context'\n\nconst props = withDefaults(defineProps<{\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  modelValue?: boolean\n  defaultValue?: boolean\n  value?: string\n  class?: string\n}>(), {\n  variant: undefined,\n  size: undefined,\n  isIconOnly: false,\n  disabled: false,\n  modelValue: undefined,\n  defaultValue: false,\n  value: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n}>()\n\n// Inject ToggleButtonGroup context with fallback defaults (mirrors Button → ButtonGroup pattern)\nconst groupCtx = useToggleButtonGroupInject({\n  variant: ref('default'),\n  size: ref('md'),\n  disabled: ref(false),\n  fullWidth: ref(false),\n  orientation: ref('horizontal'),\n  selectionMode: ref('multiple'),\n  selectedValues: ref([]),\n  toggleValue: () => {},\n})\n\n// Prop precedence: group disabled wins; child prop wins for variant/size\nconst isDisabled = computed(() => groupCtx.disabled.value || props.disabled)\nconst finalVariant = computed(() => props.variant ?? groupCtx.variant.value)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\n\n// When inside a group with selectionMode and a value prop, derive pressed from group state\nconst isGroupManaged = computed(() => props.value !== undefined)\nconst isPressed = computed(() => {\n  if (isGroupManaged.value) {\n    return groupCtx.selectedValues.value.includes(props.value!)\n  }\n  return props.modelValue\n})\n\nfunction handleUpdate(val: boolean) {\n  if (isGroupManaged.value) {\n    groupCtx.toggleValue(props.value!)\n  } else {\n    emit('update:modelValue', val)\n  }\n}\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: finalVariant.value,\n    size: finalSize.value,\n    isIconOnly: props.isIconOnly,\n  })\n)\n</script>\n\n<template>\n  <!--\n    Use as-child so Reka's Toggle merges data-state / aria-pressed / onClick directly\n    onto OUR <button> element instead of relying on a 2-level inheritAttrs chain\n    (Toggle → Primitive → button). This guarantees the toggle-button CSS class and\n    data-state=\"on\" are always on the same DOM element, so [data-state=\"on\"] selectors\n    apply correctly.\n  -->\n  <Toggle\n    as-child\n    :disabled=\"isDisabled\"\n    :model-value=\"isPressed\"\n    :default-value=\"props.defaultValue\"\n    @update:model-value=\"handleUpdate\"\n  >\n    <button\n      :class=\"composeClassName(classes, props.class)\"\n      :disabled=\"isDisabled || undefined\"\n      :data-orientation=\"groupCtx.orientation.value\"\n      :type=\"'button'\"\n    >\n      <slot />\n    </button>\n  </Toggle>\n</template>\n"],"mappings":""}