@auronui/vue 1.0.0

package/dist/components/autocomplete/AutocompleteContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteContent.js","names":[],"sources":["../../../src/components/autocomplete/AutocompleteContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AutocompletePortal, AutocompleteContent, AutocompleteViewport, AutocompleteEmpty, injectComboboxRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useAutocompleteInject } from './Autocomplete.context'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  class?: string\n}>(), {\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useAutocompleteInject()\n// AutocompleteRoot internally provides the ComboboxRoot context\nconst rootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <AutocompletePortal>\n    <AnimatePresence>\n      <AutocompleteContent\n        v-if=\"rootContext.open.value\"\n        position=\"popper\"\n        :side-offset=\"props.sideOffset\"\n        as-child\n        data-slot=\"popover\"\n      >\n        <motion.div\n          :class=\"['autocomplete__popover', 'relative']\"\n          :data-loading=\"ctx.isLoading.value ? '' : undefined\"\n          :aria-busy=\"ctx.isLoading.value || undefined\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n        >\n          <div\n            :class=\"[\n              'transition-opacity duration-150',\n              ctx.isLoading.value\n                ? 'pointer-events-none opacity-50 grayscale cursor-not-allowed select-none'\n                : '',\n            ]\"\n            :inert=\"ctx.isLoading.value || undefined\"\n            :aria-disabled=\"ctx.isLoading.value || undefined\"\n            :data-disabled=\"ctx.isLoading.value ? '' : undefined\"\n            data-slot=\"list-wrapper\"\n          >\n            <AutocompleteViewport\n              data-slot=\"list-box\"\n            >\n              <slot />\n              <!-- Empty state when no items match -->\n              <AutocompleteEmpty\n                class=\"py-3 text-center text-sm text-default-400\"\n                data-slot=\"empty-content\"\n              >\n                <slot name=\"empty\">\n                  No results found\n                </slot>\n              </AutocompleteEmpty>\n            </AutocompleteViewport>\n          </div>\n        </motion.div>\n      </AutocompleteContent>\n    </AnimatePresence>\n  </AutocompletePortal>\n</template>\n"],"mappings":""}

package/dist/components/autocomplete/AutocompleteContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+import { motion } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.js";
+import { AnimatePresence_default } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.js";
+import { useAutocompleteInject } from "./Autocomplete.context.js";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { AutocompleteContent, AutocompleteEmpty, AutocompletePortal, AutocompleteViewport, injectComboboxRootContext } from "reka-ui";
+//#region src/components/autocomplete/AutocompleteContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"inert",
+	"aria-disabled",
+	"data-disabled"
+];
+var AutocompleteContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteContent",
+	props: {
+		sideOffset: { default: 8 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useAutocompleteInject();
+		const rootContext = injectComboboxRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompletePortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+					default: withCtx(() => [unref(rootContext).open.value ? (openBlock(), createBlock(unref(AutocompleteContent), {
+						key: 0,
+						position: "popper",
+						"side-offset": props.sideOffset,
+						"as-child": "",
+						"data-slot": "popover"
+					}, {
+						default: withCtx(() => [createVNode(unref(motion).div, {
+							class: normalizeClass(["autocomplete__popover", "relative"]),
+							"data-loading": unref(ctx).isLoading.value ? "" : void 0,
+							"aria-busy": unref(ctx).isLoading.value || void 0,
+							initial: {
+								opacity: 0,
+								scale: .95
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							exit: {
+								opacity: 0,
+								scale: .95
+							},
+							transition: { duration: .15 }
+						}, {
+							default: withCtx(() => [createElementVNode("div", {
+								class: normalizeClass(["transition-opacity duration-150", unref(ctx).isLoading.value ? "pointer-events-none opacity-50 grayscale cursor-not-allowed select-none" : ""]),
+								inert: unref(ctx).isLoading.value || void 0,
+								"aria-disabled": unref(ctx).isLoading.value || void 0,
+								"data-disabled": unref(ctx).isLoading.value ? "" : void 0,
+								"data-slot": "list-wrapper"
+							}, [createVNode(unref(AutocompleteViewport), { "data-slot": "list-box" }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createVNode(unref(AutocompleteEmpty), {
+									class: "py-3 text-center text-sm text-default-400",
+									"data-slot": "empty-content"
+								}, {
+									default: withCtx(() => [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[0] || (_cache[0] = createTextVNode(" No results found ", -1))])]),
+									_: 3
+								})]),
+								_: 3
+							})], 10, _hoisted_1)]),
+							_: 3
+						}, 8, ["data-loading", "aria-busy"])]),
+						_: 3
+					}, 8, ["side-offset"])) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { AutocompleteContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AutocompleteContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/autocomplete/AutocompleteContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/autocomplete/AutocompleteContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AutocompletePortal, AutocompleteContent, AutocompleteViewport, AutocompleteEmpty, injectComboboxRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useAutocompleteInject } from './Autocomplete.context'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  class?: string\n}>(), {\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useAutocompleteInject()\n// AutocompleteRoot internally provides the ComboboxRoot context\nconst rootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <AutocompletePortal>\n    <AnimatePresence>\n      <AutocompleteContent\n        v-if=\"rootContext.open.value\"\n        position=\"popper\"\n        :side-offset=\"props.sideOffset\"\n        as-child\n        data-slot=\"popover\"\n      >\n        <motion.div\n          :class=\"['autocomplete__popover', 'relative']\"\n          :data-loading=\"ctx.isLoading.value ? '' : undefined\"\n          :aria-busy=\"ctx.isLoading.value || undefined\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n        >\n          <div\n            :class=\"[\n              'transition-opacity duration-150',\n              ctx.isLoading.value\n                ? 'pointer-events-none opacity-50 grayscale cursor-not-allowed select-none'\n                : '',\n            ]\"\n            :inert=\"ctx.isLoading.value || undefined\"\n            :aria-disabled=\"ctx.isLoading.value || undefined\"\n            :data-disabled=\"ctx.isLoading.value ? '' : undefined\"\n            data-slot=\"list-wrapper\"\n          >\n            <AutocompleteViewport\n              data-slot=\"list-box\"\n            >\n              <slot />\n              <!-- Empty state when no items match -->\n              <AutocompleteEmpty\n                class=\"py-3 text-center text-sm text-default-400\"\n                data-slot=\"empty-content\"\n              >\n                <slot name=\"empty\">\n                  No results found\n                </slot>\n              </AutocompleteEmpty>\n            </AutocompleteViewport>\n          </div>\n        </motion.div>\n      </AutocompleteContent>\n    </AnimatePresence>\n  </AutocompletePortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,MAAM,uBAAsB;EAElC,MAAM,cAAc,2BAA0B;;uBAI5C,YAgDqB,MAAA,mBAAA,EAAA,MAAA;2BADD,CA9ClB,YA8CkB,MAAA,wBAAA,EAAA,MAAA;4BADM,CA3Cd,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YA4CsB,MAAA,oBAAA,EAAA;;MA1CpB,UAAS;MACR,eAAa,MAAM;MACpB,YAAA;MACA,aAAU;;6BAsCG,CApCb,YAoCa,MAAA,OAAA,CAAA,KAAA;OAnCV,OAAK,eAAE,CAAA,yBAAA,WAAqC,CAAA;OAC5C,gBAAc,MAAA,IAAG,CAAC,UAAU,QAAK,KAAQ,KAAA;OACzC,aAAW,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;OAClC,SAAS;QAAA,SAAA;QAAA,OAAA;QAA2B;OACpC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA2B;OACjC,YAAY,EAAA,UAAA,KAAkB;;8BA4BzB,CA1BN,mBA0BM,OAAA;QAzBH,OAAK,eAAA,CAAA,mCAAmE,MAAA,IAAG,CAAC,UAAU,QAAA,4EAAA,GAAA,CAAA;QAMtF,OAAO,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;QAC9B,iBAAe,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;QACtC,iBAAe,MAAA,IAAG,CAAC,UAAU,QAAK,KAAQ,KAAA;QAC3C,aAAU;WAEV,YAauB,MAAA,qBAAA,EAAA,EAZrB,aAAU,YAAU,EAAA;+BAEZ,CAAR,WAAQ,KAAA,QAAA,UAAA,EAER,YAOoB,MAAA,kBAAA,EAAA;SANlB,OAAM;SACN,aAAU;;gCAIH,CAFP,WAEO,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAAA,gBAFY,sBAEnB,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/autocomplete/AutocompleteInput.js

@@ -0,0 +1,7 @@
+import AutocompleteInput_vue_vue_type_script_setup_true_lang_default from "./AutocompleteInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/autocomplete/AutocompleteInput.vue
+var AutocompleteInput_default = AutocompleteInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AutocompleteInput_default as default };
+
+//# sourceMappingURL=AutocompleteInput.js.map

package/dist/components/autocomplete/AutocompleteInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.js","names":[],"sources":["../../../src/components/autocomplete/AutocompleteInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { useFocusWithin } from '@vueuse/core'\nimport { AutocompleteInput, AutocompleteTrigger, AutocompleteCancel, AutocompleteAnchor } from 'reka-ui'\nimport { useAutocompleteInject } from './Autocomplete.context'\nimport Spinner from '../spinner/Spinner.vue';\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\nconst ctx = useAutocompleteInject()\n\n// Track focused state via useFocusWithin (NOT manual @focus/@blur listeners) — the\n// inner Reka <AutocompleteInput> wraps the native <input>; useFocusWithin observes\n// the actual DOM subtree of the anchor, so isFocused flips reliably regardless of\n// how Reka forwards refs/attrs.\nconst anchorRef = useTemplateRef<HTMLElement>('anchor')\nconst { focused: isFocused } = useFocusWithin(anchorRef)\n\n// Render the inside-label only when (a) a label is set and (b) labelPlacement is 'inside'\nconst showInsideLabel = computed(\n  () => ctx.hasLabel.value && ctx.labelPlacement.value === 'inside',\n)\n</script>\n\n<template>\n  <AutocompleteAnchor\n    ref=\"anchor\"\n    :class=\"ctx.slots.value.trigger()\"\n    :data-filled=\"ctx.hasLabel.value ? (ctx.isFilled.value || undefined) : undefined\"\n    :data-focused=\"isFocused || undefined\"\n    :data-invalid=\"ctx.isInvalid.value || undefined\"\n    :data-disabled=\"ctx.isDisabled.value || undefined\"\n    :data-readonly=\"ctx.isReadonly.value || undefined\"\n    data-slot=\"trigger\"\n  >\n    <label\n      v-if=\"showInsideLabel\"\n      :for=\"ctx.inputId.value\"\n      :class=\"ctx.slots.value.label()\"\n    >{{ ctx.label.value }}<span\n      v-if=\"ctx.isRequired.value\"\n      aria-hidden=\"true\"\n    > *</span></label>\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"ctx.slots.value.startContent()\"\n      data-slot=\"start-content\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n    <AutocompleteInput\n      :id=\"ctx.inputId.value\"\n      :placeholder=\"props.placeholder\"\n      :disabled=\"ctx.isDisabled.value\"\n      :readonly=\"ctx.isReadonly.value\"\n      :required=\"ctx.isRequired.value\"\n      :aria-invalid=\"ctx.isInvalid.value || undefined\"\n      :aria-describedby=\"ctx.ariaDescribedBy.value\"\n      :class=\"ctx.slots.value.input()\"\n      data-slot=\"input\"\n      autocomplete=\"off\"\n    />\n    <!-- Clear button: resets the search term -->\n    <AutocompleteCancel\n      :class=\"ctx.slots.value.clearButton()\"\n      data-slot=\"clear-button\"\n      aria-label=\"Clear\"\n    >\n      <slot name=\"clearIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"10\"\n          height=\"10\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"autocomplete-clear-button-icon\"\n          aria-hidden=\"true\"\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      </slot>\n    </AutocompleteCancel>\n    <!-- Inline loading spinner: replaces the dropdown indicator while loadItems is pending -->\n    <span\n      v-if=\"ctx.isLoading.value\"\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"autocomplete-loading-indicator\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label=\"Loading suggestions\"\n    >\n      <Spinner size=\"sm\" />\n    </span>\n    <!-- Dropdown trigger indicator (hidden while loading) -->\n    <AutocompleteTrigger\n      v-else\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"autocomplete-default-indicator\"\n      aria-label=\"Toggle suggestions\"\n    >\n      <slot name=\"triggerIcon\">\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        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </AutocompleteTrigger>\n  </AutocompleteAnchor>\n</template>\n"],"mappings":""}

package/dist/components/autocomplete/AutocompleteInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+import Spinner_default from "../spinner/Spinner.js";
+import { useAutocompleteInject } from "./Autocomplete.context.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { useFocusWithin } from "@vueuse/core";
+import { AutocompleteAnchor, AutocompleteCancel, AutocompleteInput, AutocompleteTrigger } from "reka-ui";
+//#region src/components/autocomplete/AutocompleteInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for"];
+var _hoisted_2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var AutocompleteInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteInput",
+	props: {
+		placeholder: { default: void 0 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useAutocompleteInject();
+		const { focused: isFocused } = useFocusWithin(useTemplateRef("anchor"));
+		const showInsideLabel = computed(() => ctx.hasLabel.value && ctx.labelPlacement.value === "inside");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteAnchor), {
+				ref: "anchor",
+				class: normalizeClass(unref(ctx).slots.value.trigger()),
+				"data-filled": unref(ctx).hasLabel.value ? unref(ctx).isFilled.value || void 0 : void 0,
+				"data-focused": unref(isFocused) || void 0,
+				"data-invalid": unref(ctx).isInvalid.value || void 0,
+				"data-disabled": unref(ctx).isDisabled.value || void 0,
+				"data-readonly": unref(ctx).isReadonly.value || void 0,
+				"data-slot": "trigger"
+			}, {
+				default: withCtx(() => [
+					showInsideLabel.value ? (openBlock(), createElementBlock("label", {
+						key: 0,
+						for: unref(ctx).inputId.value,
+						class: normalizeClass(unref(ctx).slots.value.label())
+					}, [createTextVNode(toDisplayString(unref(ctx).label.value), 1), unref(ctx).isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_2, " *")) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true),
+					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(ctx).slots.value.startContent()),
+						"data-slot": "start-content"
+					}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
+					createVNode(unref(AutocompleteInput), {
+						id: unref(ctx).inputId.value,
+						placeholder: props.placeholder,
+						disabled: unref(ctx).isDisabled.value,
+						readonly: unref(ctx).isReadonly.value,
+						required: unref(ctx).isRequired.value,
+						"aria-invalid": unref(ctx).isInvalid.value || void 0,
+						"aria-describedby": unref(ctx).ariaDescribedBy.value,
+						class: normalizeClass(unref(ctx).slots.value.input()),
+						"data-slot": "input",
+						autocomplete: "off"
+					}, null, 8, [
+						"id",
+						"placeholder",
+						"disabled",
+						"readonly",
+						"required",
+						"aria-invalid",
+						"aria-describedby",
+						"class"
+					]),
+					createVNode(unref(AutocompleteCancel), {
+						class: normalizeClass(unref(ctx).slots.value.clearButton()),
+						"data-slot": "clear-button",
+						"aria-label": "Clear"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "clearIcon", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "10",
+							height: "10",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2.5",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"data-slot": "autocomplete-clear-button-icon",
+							"aria-hidden": "true"
+						}, [createElementVNode("line", {
+							x1: "18",
+							y1: "6",
+							x2: "6",
+							y2: "18"
+						}), createElementVNode("line", {
+							x1: "6",
+							y1: "6",
+							x2: "18",
+							y2: "18"
+						})], -1))])]),
+						_: 3
+					}, 8, ["class"]),
+					unref(ctx).isLoading.value ? (openBlock(), createElementBlock("span", {
+						key: 2,
+						class: normalizeClass(unref(ctx).slots.value.indicator()),
+						"data-slot": "autocomplete-loading-indicator",
+						role: "status",
+						"aria-live": "polite",
+						"aria-label": "Loading suggestions"
+					}, [createVNode(Spinner_default, { size: "sm" })], 2)) : (openBlock(), createBlock(unref(AutocompleteTrigger), {
+						key: 3,
+						class: normalizeClass(unref(ctx).slots.value.indicator()),
+						"data-slot": "autocomplete-default-indicator",
+						"aria-label": "Toggle suggestions"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "triggerIcon", {}, () => [_cache[1] || (_cache[1] = 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"
+						}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1))])]),
+						_: 3
+					}, 8, ["class"]))
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"data-filled",
+				"data-focused",
+				"data-invalid",
+				"data-disabled",
+				"data-readonly"
+			]);
+		};
+	}
+});
+//#endregion
+export { AutocompleteInput_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AutocompleteInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/autocomplete/AutocompleteInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteInput.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/autocomplete/AutocompleteInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { useFocusWithin } from '@vueuse/core'\nimport { AutocompleteInput, AutocompleteTrigger, AutocompleteCancel, AutocompleteAnchor } from 'reka-ui'\nimport { useAutocompleteInject } from './Autocomplete.context'\nimport Spinner from '../spinner/Spinner.vue';\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\nconst ctx = useAutocompleteInject()\n\n// Track focused state via useFocusWithin (NOT manual @focus/@blur listeners) — the\n// inner Reka <AutocompleteInput> wraps the native <input>; useFocusWithin observes\n// the actual DOM subtree of the anchor, so isFocused flips reliably regardless of\n// how Reka forwards refs/attrs.\nconst anchorRef = useTemplateRef<HTMLElement>('anchor')\nconst { focused: isFocused } = useFocusWithin(anchorRef)\n\n// Render the inside-label only when (a) a label is set and (b) labelPlacement is 'inside'\nconst showInsideLabel = computed(\n  () => ctx.hasLabel.value && ctx.labelPlacement.value === 'inside',\n)\n</script>\n\n<template>\n  <AutocompleteAnchor\n    ref=\"anchor\"\n    :class=\"ctx.slots.value.trigger()\"\n    :data-filled=\"ctx.hasLabel.value ? (ctx.isFilled.value || undefined) : undefined\"\n    :data-focused=\"isFocused || undefined\"\n    :data-invalid=\"ctx.isInvalid.value || undefined\"\n    :data-disabled=\"ctx.isDisabled.value || undefined\"\n    :data-readonly=\"ctx.isReadonly.value || undefined\"\n    data-slot=\"trigger\"\n  >\n    <label\n      v-if=\"showInsideLabel\"\n      :for=\"ctx.inputId.value\"\n      :class=\"ctx.slots.value.label()\"\n    >{{ ctx.label.value }}<span\n      v-if=\"ctx.isRequired.value\"\n      aria-hidden=\"true\"\n    > *</span></label>\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"ctx.slots.value.startContent()\"\n      data-slot=\"start-content\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n    <AutocompleteInput\n      :id=\"ctx.inputId.value\"\n      :placeholder=\"props.placeholder\"\n      :disabled=\"ctx.isDisabled.value\"\n      :readonly=\"ctx.isReadonly.value\"\n      :required=\"ctx.isRequired.value\"\n      :aria-invalid=\"ctx.isInvalid.value || undefined\"\n      :aria-describedby=\"ctx.ariaDescribedBy.value\"\n      :class=\"ctx.slots.value.input()\"\n      data-slot=\"input\"\n      autocomplete=\"off\"\n    />\n    <!-- Clear button: resets the search term -->\n    <AutocompleteCancel\n      :class=\"ctx.slots.value.clearButton()\"\n      data-slot=\"clear-button\"\n      aria-label=\"Clear\"\n    >\n      <slot name=\"clearIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"10\"\n          height=\"10\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2.5\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"autocomplete-clear-button-icon\"\n          aria-hidden=\"true\"\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      </slot>\n    </AutocompleteCancel>\n    <!-- Inline loading spinner: replaces the dropdown indicator while loadItems is pending -->\n    <span\n      v-if=\"ctx.isLoading.value\"\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"autocomplete-loading-indicator\"\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-label=\"Loading suggestions\"\n    >\n      <Spinner size=\"sm\" />\n    </span>\n    <!-- Dropdown trigger indicator (hidden while loading) -->\n    <AutocompleteTrigger\n      v-else\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"autocomplete-default-indicator\"\n      aria-label=\"Toggle suggestions\"\n    >\n      <slot name=\"triggerIcon\">\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        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </AutocompleteTrigger>\n  </AutocompleteAnchor>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAQd,MAAM,MAAM,uBAAsB;EAOlC,MAAM,EAAE,SAAS,cAAc,eADb,eAA4B,SAAQ,CACC;EAGvD,MAAM,kBAAkB,eAChB,IAAI,SAAS,SAAS,IAAI,eAAe,UAAU,SAC3D;;uBAIE,YA2GqB,MAAA,mBAAA,EAAA;IA1GnB,KAAI;IACH,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,CAAA;IAC9B,eAAa,MAAA,IAAG,CAAC,SAAS,QAAS,MAAA,IAAG,CAAC,SAAS,SAAS,KAAA,IAAa,KAAA;IACtE,gBAAc,MAAA,UAAS,IAAI,KAAA;IAC3B,gBAAc,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;IACrC,iBAAe,MAAA,IAAG,CAAC,WAAW,SAAS,KAAA;IACvC,iBAAe,MAAA,IAAG,CAAC,WAAW,SAAS,KAAA;IACxC,aAAU;;2BASQ;KANV,gBAAA,SAAA,WAAA,EADR,mBAOkB,SAAA;;MALf,KAAK,MAAA,IAAG,CAAC,QAAQ;MACjB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,OAAK,CAAA;yCAC3B,MAAA,IAAG,CAAC,MAAM,MAAK,EAAA,EAAA,EACX,MAAA,IAAG,CAAC,WAAW,SAAA,WAAA,EADD,mBAGZ,QAHY,YAGrB,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;KAEKA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;MAJJ,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,cAAY,CAAA;MACpC,aAAU;SAEV,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAE9B,YAWE,MAAA,kBAAA,EAAA;MAVC,IAAI,MAAA,IAAG,CAAC,QAAQ;MAChB,aAAa,MAAM;MACnB,UAAU,MAAA,IAAG,CAAC,WAAW;MACzB,UAAU,MAAA,IAAG,CAAC,WAAW;MACzB,UAAU,MAAA,IAAG,CAAC,WAAW;MACzB,gBAAc,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;MACrC,oBAAkB,MAAA,IAAG,CAAC,gBAAgB;MACtC,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,OAAK,CAAA;MAC7B,aAAU;MACV,cAAa;;;;;;;;;;;KAGf,YAiCqB,MAAA,mBAAA,EAAA;MAhClB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,aAAW,CAAA;MACnC,aAAU;MACV,cAAW;;6BA6BJ,CA3BP,WA2BO,KAAA,QAAA,aAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KA1BL,mBAyBM,OAAA;OAxBJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;UAEL,mBAKE,QAAA;OAJA,IAAG;OACH,IAAG;OACH,IAAG;OACH,IAAG;;;;KAOH,MAAA,IAAG,CAAC,UAAU,SAAA,WAAA,EADtB,mBASO,QAAA;;MAPJ,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,WAAS,CAAA;MACjC,aAAU;MACV,MAAK;MACL,aAAU;MACV,cAAW;SAEX,YAAqB,iBAAA,EAAZ,MAAK,MAAI,CAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAGpB,YAsBsB,MAAA,oBAAA,EAAA;;MApBnB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,WAAS,CAAA;MACjC,aAAU;MACV,cAAW;;6BAiBJ,CAfP,WAeO,KAAA,QAAA,eAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAdL,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/autocomplete/AutocompleteItem.js

@@ -0,0 +1,7 @@
+import AutocompleteItem_vue_vue_type_script_setup_true_lang_default from "./AutocompleteItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/autocomplete/AutocompleteItem.vue
+var AutocompleteItem_default = AutocompleteItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AutocompleteItem_default as default };
+
+//# sourceMappingURL=AutocompleteItem.js.map

package/dist/components/autocomplete/AutocompleteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteItem.js","names":[],"sources":["../../../src/components/autocomplete/AutocompleteItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AutocompleteItem, ComboboxItemIndicator } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  class: undefined,\n})\n</script>\n\n<template>\n  <AutocompleteItem\n    :value=\"props.textValue ?? props.value\"\n    :text-value=\"props.textValue ?? props.value\"\n    :disabled=\"props.isDisabled\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </AutocompleteItem>\n</template>\n"],"mappings":""}

package/dist/components/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,63 @@
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { AutocompleteItem, ComboboxItemIndicator } from "reka-ui";
+//#region src/components/autocomplete/AutocompleteItem.vue?vue&type=script&setup=true&lang.ts
+var AutocompleteItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AutocompleteItem",
+	props: {
+		value: {},
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AutocompleteItem), {
+				value: props.textValue ?? props.value,
+				"text-value": props.textValue ?? props.value,
+				disabled: props.isDisabled,
+				"data-item-value": props.value,
+				class: "list-box-item list-box-item--default",
+				"data-slot": "list-box-item"
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "startContent"),
+					renderSlot(_ctx.$slots, "default"),
+					createVNode(unref(ComboboxItemIndicator), {
+						class: "list-box-item__indicator",
+						"data-slot": "list-box-item-indicator"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "selectedIcon", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "3",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"data-slot": "list-box-item-indicator--checkmark",
+							"aria-hidden": "true"
+						}, [createElementVNode("polyline", { points: "20 6 9 17 4 12" })], -1))])]),
+						_: 3
+					}),
+					renderSlot(_ctx.$slots, "endContent")
+				]),
+				_: 3
+			}, 8, [
+				"value",
+				"text-value",
+				"disabled",
+				"data-item-value"
+			]);
+		};
+	}
+});
+//#endregion
+export { AutocompleteItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AutocompleteItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/autocomplete/AutocompleteItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutocompleteItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/autocomplete/AutocompleteItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AutocompleteItem, ComboboxItemIndicator } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  class: undefined,\n})\n</script>\n\n<template>\n  <AutocompleteItem\n    :value=\"props.textValue ?? props.value\"\n    :text-value=\"props.textValue ?? props.value\"\n    :disabled=\"props.isDisabled\"\n    :data-item-value=\"props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <ComboboxItemIndicator\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </ComboboxItemIndicator>\n    <slot name=\"endContent\" />\n  </AutocompleteItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAaZ,YAiCmB,MAAA,iBAAA,EAAA;IAhChB,OAAO,MAAM,aAAa,MAAM;IAChC,cAAY,MAAM,aAAa,MAAM;IACrC,UAAU,MAAM;IAChB,mBAAiB,MAAM;IACxB,OAAM;IACN,aAAU;;2BAEkB;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAC5B,WAAQ,KAAA,QAAA,UAAA;KACR,YAqBwB,MAAA,sBAAA,EAAA;MApBtB,OAAM;MACN,aAAU;;6BAkBH,CAhBP,WAgBO,KAAA,QAAA,gBAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;KAIvC,WAA0B,KAAA,QAAA,aAAA"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,7 @@
+import Avatar_vue_vue_type_script_setup_true_lang_default from "./Avatar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/avatar/Avatar.vue
+var Avatar_default = Avatar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Avatar_default as default };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: string\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"slotFns.image()\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"slotFns.fallback()\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":""}

package/dist/components/avatar/Avatar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,99 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useAvatarGroupInject } from "./avatar-group.context.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { avatarVariants } from "@auronui/styles";
+import { AvatarFallback, AvatarImage, AvatarRoot } from "reka-ui";
+//#region src/components/avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: /* @__PURE__ */ normalizeClass("avatar__name text-xs font-medium leading-none")
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "avatar__icon size-4/5",
+	"aria-hidden": "true",
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	xmlns: "http://www.w3.org/2000/svg"
+};
+var Avatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Avatar",
+	props: {
+		src: {},
+		alt: {},
+		name: {},
+		size: {},
+		color: {},
+		variant: {},
+		isBordered: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		showFallback: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const groupCtx = useAvatarGroupInject({
+			size: ref("md"),
+			isBordered: ref(false),
+			isDisabled: ref(false),
+			isGrid: ref(false),
+			isInGroup: ref(false)
+		});
+		const finalSize = computed(() => props.size ?? groupCtx.size.value);
+		const finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value);
+		const isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled);
+		const isInGroup = computed(() => groupCtx.isInGroup.value);
+		const initials = computed(() => {
+			if (!props.name) return "";
+			const parts = props.name.trim().split(/\s+/);
+			if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+			return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+		});
+		const slotFns = computed(() => avatarVariants({
+			size: finalSize.value,
+			color: props.color,
+			variant: props.variant
+		}));
+		const borderedClass = computed(() => finalIsBordered.value ? "ring-2 ring-offset-2 ring-default" : void 0);
+		const inGroupClass = computed(() => isInGroup.value ? "-me-2" : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AvatarRoot), {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), borderedClass.value, inGroupClass.value, props.class)),
+				"data-disabled": isDisabled.value || void 0,
+				"data-bordered": finalIsBordered.value || void 0
+			}, {
+				default: withCtx(() => [props.src && !props.showFallback ? (openBlock(), createBlock(unref(AvatarImage), {
+					key: 0,
+					src: props.src,
+					alt: props.alt ?? props.name ?? "",
+					class: normalizeClass(slotFns.value.image())
+				}, null, 8, [
+					"src",
+					"alt",
+					"class"
+				])) : createCommentVNode("", true), createVNode(unref(AvatarFallback), mergeProps({ class: slotFns.value.fallback() }, props.src && !props.showFallback ? { "delay-ms": 600 } : {}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "fallback", {}, () => [initials.value ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(initials.value), 1)) : (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }, null, -1)])]))])]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, [
+				"class",
+				"data-disabled",
+				"data-bordered"
+			]);
+		};
+	}
+});
+//#endregion
+export { Avatar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Avatar.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/avatar/Avatar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { AvatarRoot, AvatarImage, AvatarFallback } from 'reka-ui'\nimport { avatarVariants, type AvatarVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupInject } from './avatar-group.context'\n\nconst props = withDefaults(defineProps<{\n  src?: string\n  alt?: string\n  name?: string\n  size?: AvatarVariants['size']\n  color?: AvatarVariants['color']\n  variant?: AvatarVariants['variant']\n  isBordered?: boolean\n  isDisabled?: boolean\n  showFallback?: boolean\n  class?: string\n}>(), {\n  isBordered: false,\n  isDisabled: false,\n  showFallback: false,\n})\n\n// Inject AvatarGroup context with ref-based fallbacks (mirrors Button.vue pattern)\nconst groupCtx = useAvatarGroupInject({\n  size: ref('md'),\n  isBordered: ref(false),\n  isDisabled: ref(false),\n  isGrid: ref(false),\n  isInGroup: ref(false),\n})\n\n// Prop precedence rules (matching ButtonGroup D-13):\n// - group disabled ALWAYS wins over child prop\n// - other props: child prop wins over group value (child ?? group)\nconst finalSize = computed(() => props.size ?? groupCtx.size.value)\nconst finalIsBordered = computed(() => props.isBordered || groupCtx.isBordered.value)\nconst isDisabled = computed(() => groupCtx.isDisabled.value || props.isDisabled)\nconst isInGroup = computed(() => groupCtx.isInGroup.value)\n\n// Compute initials from name: first letter of up to 2 words\nconst initials = computed(() => {\n  if (!props.name) return ''\n  const parts = props.name.trim().split(/\\s+/)\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase()\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase()\n})\n\nconst slotFns = computed(() =>\n  avatarVariants({\n    size: finalSize.value,\n    color: props.color,\n    variant: props.variant,\n  })\n)\n\n// Border class applied manually since the styles don't have isBordered variant\nconst borderedClass = computed(() =>\n  finalIsBordered.value ? 'ring-2 ring-offset-2 ring-default' : undefined\n)\n\n// InGroup class for negative margin overlap\nconst inGroupClass = computed(() =>\n  isInGroup.value ? '-me-2' : undefined\n)\n</script>\n\n<template>\n  <AvatarRoot\n    :class=\"composeClassName(slotFns.base(), borderedClass, inGroupClass, props.class)\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-bordered=\"finalIsBordered || undefined\"\n  >\n    <AvatarImage\n      v-if=\"props.src && !props.showFallback\"\n      :src=\"props.src\"\n      :alt=\"props.alt ?? props.name ?? ''\"\n      :class=\"slotFns.image()\"\n    />\n    <!--\n      delayMs: only pass a value when we have a src — Reka UI treats delayMs=undefined\n      as \"show immediately\" (canRender starts true). Passing delayMs=0 is falsy but\n      not undefined, so the timeout never fires and fallback stays hidden forever.\n    -->\n    <AvatarFallback\n      :class=\"slotFns.fallback()\"\n      v-bind=\"props.src && !props.showFallback ? { 'delay-ms': 600 } : {}\"\n    >\n      <slot name=\"fallback\">\n        <span\n          v-if=\"initials\"\n          :class=\"'avatar__name text-xs font-medium leading-none'\"\n        >{{ initials }}</span>\n        <svg\n          v-else\n          class=\"avatar__icon size-4/5\"\n          aria-hidden=\"true\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z\" />\n        </svg>\n      </slot>\n    </AvatarFallback>\n  </AvatarRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAkBd,MAAM,WAAW,qBAAqB;GACpC,MAAM,IAAI,KAAK;GACf,YAAY,IAAI,MAAM;GACtB,YAAY,IAAI,MAAM;GACtB,QAAQ,IAAI,MAAM;GAClB,WAAW,IAAI,MAAM;GACtB,CAAA;EAKD,MAAM,YAAY,eAAe,MAAM,QAAQ,SAAS,KAAK,MAAK;EAClE,MAAM,kBAAkB,eAAe,MAAM,cAAc,SAAS,WAAW,MAAK;EACpF,MAAM,aAAa,eAAe,SAAS,WAAW,SAAS,MAAM,WAAU;EAC/E,MAAM,YAAY,eAAe,SAAS,UAAU,MAAK;EAGzD,MAAM,WAAW,eAAe;AAC9B,OAAI,CAAC,MAAM,KAAM,QAAO;GACxB,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC,MAAM,MAAK;AAC3C,OAAI,MAAM,WAAW,EAAG,QAAO,MAAM,GAAG,OAAO,EAAE,CAAC,aAAY;AAC9D,WAAQ,MAAM,GAAG,OAAO,EAAE,GAAG,MAAM,MAAM,SAAS,GAAG,OAAO,EAAE,EAAE,aAAY;IAC7E;EAED,MAAM,UAAU,eACd,eAAe;GACb,MAAM,UAAU;GAChB,OAAO,MAAM;GACb,SAAS,MAAM;GAChB,CAAA,CACH;EAGA,MAAM,gBAAgB,eACpB,gBAAgB,QAAQ,sCAAsC,KAAA,EAChE;EAGA,MAAM,eAAe,eACnB,UAAU,QAAQ,UAAU,KAAA,EAC9B;;uBAIE,YAqCa,MAAA,WAAA,EAAA;IApCV,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,cAAA,OAAe,aAAA,OAAc,MAAM,MAAK,CAAA;IAChF,iBAAe,WAAA,SAAc,KAAA;IAC7B,iBAAe,gBAAA,SAAmB,KAAA;;2BAOjC,CAJM,MAAM,OAAG,CAAK,MAAM,gBAAA,WAAA,EAD5B,YAKE,MAAA,YAAA,EAAA;;KAHC,KAAK,MAAM;KACX,KAAK,MAAM,OAAO,MAAM,QAAI;KAC5B,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;;;;;wCAOvB,YAoBiB,MAAA,eAAA,EApBjB,WAoBiB,EAnBd,OAAO,QAAA,MAAQ,UAAQ,EAAA,EAChB,MAAM,OAAG,CAAK,MAAM,eAAY,EAAA,YAAA,KAAA,GAAA,EAAA,CAAA,EAAA;4BAiBjC,CAfP,WAeO,KAAA,QAAA,YAAA,EAAA,QAAA,CAbG,SAAA,SAAA,WAAA,EADR,mBAGsB,QAHtB,YAGsB,gBAAlB,SAAA,MAAQ,EAAA,EAAA,KAAA,WAAA,EACZ,mBASM,OATN,YASM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAyJ,QAAA,EAAnJ,GAAE,gJAA8I,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/avatar/AvatarGroup.js

@@ -0,0 +1,7 @@
+import AvatarGroup_vue_vue_type_script_setup_true_lang_default from "./AvatarGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/avatar/AvatarGroup.vue
+var AvatarGroup_default = AvatarGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AvatarGroup_default as default };
+
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/avatar/AvatarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n}>(), {\n  size: 'md',\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/avatar/AvatarGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useAvatarGroupProvide } from "./avatar-group.context.js";
+import Avatar_default from "./Avatar.js";
+import { Fragment, computed, createBlock, createElementBlock, defineComponent, h, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toRef, useSlots } from "vue";
+//#region src/components/avatar/AvatarGroup.vue?vue&type=script&setup=true&lang.ts
+var AvatarGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AvatarGroup",
+	props: {
+		size: { default: "md" },
+		isBordered: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isGrid: {
+			type: Boolean,
+			default: false
+		},
+		max: {},
+		total: {},
+		renderCount: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		useAvatarGroupProvide({
+			size: toRef(props, "size"),
+			isBordered: toRef(props, "isBordered"),
+			isDisabled: toRef(props, "isDisabled"),
+			isGrid: toRef(props, "isGrid"),
+			isInGroup: ref(true)
+		});
+		const containerClass = computed(() => composeClassName("flex items-center flex-row", props.class));
+		function flattenVNodes(vnodes) {
+			const result = [];
+			for (const vnode of vnodes) if (vnode.type === Fragment && Array.isArray(vnode.children)) result.push(...flattenVNodes(vnode.children));
+			else result.push(vnode);
+			return result;
+		}
+		function getSlicedNodes() {
+			const defaultSlot = slots.default?.();
+			if (!defaultSlot) return [];
+			const allNodes = flattenVNodes(defaultSlot);
+			if (props.max === void 0) return allNodes;
+			const visibleNodes = allNodes.slice(0, props.max);
+			const overflowCount = (props.total ?? allNodes.length) - props.max;
+			if (overflowCount <= 0) return visibleNodes;
+			const counterLabel = props.renderCount ? props.renderCount(overflowCount) : `+${overflowCount}`;
+			const counterNode = h(Avatar_default, {}, { fallback: () => h("span", { class: "avatar__name text-xs font-medium leading-none" }, counterLabel) });
+			return [...visibleNodes, counterNode];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				role: "group",
+				class: normalizeClass(containerClass.value)
+			}, [props.max !== void 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(getSlicedNodes(), (node, _i) => {
+				return openBlock(), createBlock(resolveDynamicComponent(node), { key: _i });
+			}), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 })], 2);
+		};
+	}
+});
+//#endregion
+export { AvatarGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AvatarGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/avatar/AvatarGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/avatar/AvatarGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, ref, h, Fragment, type VNode } from 'vue'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAvatarGroupProvide } from './avatar-group.context'\nimport Avatar from './Avatar.vue'\n\n\nconst props = withDefaults(defineProps<{\n  size?: 'sm' | 'md' | 'lg'\n  isBordered?: boolean\n  isDisabled?: boolean\n  isGrid?: boolean\n  max?: number\n  total?: number\n  renderCount?: (count: number) => string\n  class?: string\n}>(), {\n  size: 'md',\n  isBordered: false,\n  isDisabled: false,\n  isGrid: false,\n})\n\nconst slots = defineSlots<{\n  default?(): VNode[];\n}>()\n\n// Provide context using toRef() for reactivity (canonical pattern from ButtonGroup)\nuseAvatarGroupProvide({\n  size: toRef(props, 'size'),\n  isBordered: toRef(props, 'isBordered'),\n  isDisabled: toRef(props, 'isDisabled'),\n  isGrid: toRef(props, 'isGrid'),\n  isInGroup: ref(true),\n})\n\nconst containerClass = computed(() =>\n  composeClassName('flex items-center flex-row', props.class)\n)\n\n// Flatten slot vnodes (handles Fragments from v-for etc.)\nfunction flattenVNodes(vnodes: VNode[]): VNode[] {\n  const result: VNode[] = []\n  for (const vnode of vnodes) {\n    if (vnode.type === Fragment && Array.isArray(vnode.children)) {\n      result.push(...flattenVNodes(vnode.children as VNode[]))\n    } else {\n      result.push(vnode)\n    }\n  }\n  return result\n}\n\n// Determine which vnodes to render when max is set\nfunction getSlicedNodes(): VNode[] {\n  const defaultSlot = slots.default?.()\n  if (!defaultSlot) return []\n\n  const allNodes = flattenVNodes(defaultSlot)\n\n  if (props.max === undefined) {\n    return allNodes\n  }\n\n  const visibleNodes = allNodes.slice(0, props.max)\n  const totalCount = props.total ?? allNodes.length\n  const overflowCount = totalCount - props.max\n\n  if (overflowCount <= 0) {\n    return visibleNodes\n  }\n\n  const counterLabel = props.renderCount\n    ? props.renderCount(overflowCount)\n    : `+${overflowCount}`\n\n  // Render counter avatar with a fallback slot so the full label string is shown\n  const counterNode = h(Avatar, {}, {\n    fallback: () => h('span', { class: 'avatar__name text-xs font-medium leading-none' }, counterLabel),\n  })\n\n  return [...visibleNodes, counterNode]\n}\n</script>\n\n<template>\n  <div\n    role=\"group\"\n    :class=\"containerClass\"\n  >\n    <template v-if=\"props.max !== undefined\">\n      <!-- Use render function output for sliced vnodes -->\n      <template\n        v-for=\"(node, _i) in getSlicedNodes()\"\n        :key=\"_i\"\n      >\n        <component :is=\"node\" />\n      </template>\n    </template>\n    <template v-else>\n      <slot />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAgBd,MAAM,QAAQ,UAAA;AAKd,wBAAsB;GACpB,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,YAAY,MAAM,OAAO,aAAa;GACtC,QAAQ,MAAM,OAAO,SAAS;GAC9B,WAAW,IAAI,KAAK;GACrB,CAAA;EAED,MAAM,iBAAiB,eACrB,iBAAiB,8BAA8B,MAAM,MAAK,CAC5D;EAGA,SAAS,cAAc,QAA0B;GAC/C,MAAM,SAAkB,EAAC;AACzB,QAAK,MAAM,SAAS,OAClB,KAAI,MAAM,SAAS,YAAY,MAAM,QAAQ,MAAM,SAAS,CAC1D,QAAO,KAAK,GAAG,cAAc,MAAM,SAAoB,CAAA;OAEvD,QAAO,KAAK,MAAK;AAGrB,UAAO;;EAIT,SAAS,iBAA0B;GACjC,MAAM,cAAc,MAAM,WAAU;AACpC,OAAI,CAAC,YAAa,QAAO,EAAC;GAE1B,MAAM,WAAW,cAAc,YAAW;AAE1C,OAAI,MAAM,QAAQ,KAAA,EAChB,QAAO;GAGT,MAAM,eAAe,SAAS,MAAM,GAAG,MAAM,IAAG;GAEhD,MAAM,iBADa,MAAM,SAAS,SAAS,UACR,MAAM;AAEzC,OAAI,iBAAiB,EACnB,QAAO;GAGT,MAAM,eAAe,MAAM,cACvB,MAAM,YAAY,cAAa,GAC/B,IAAI;GAGR,MAAM,cAAc,EAAE,gBAAQ,EAAE,EAAE,EAChC,gBAAgB,EAAE,QAAQ,EAAE,OAAO,iDAAiD,EAAE,aAAa,EACpG,CAAA;AAED,UAAO,CAAC,GAAG,cAAc,YAAW;;;uBAKpC,mBAgBM,OAAA;IAfJ,MAAK;IACJ,OAAK,eAAE,eAAA,MAAc;OAEN,MAAM,QAAQ,KAAA,KAAA,UAAA,KAAA,EAE5B,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,WAJY,gBAAc,GAA3B,MAAM,OAAE;wBAGhB,YAAwB,wBAAR,KAAI,EAAA,EAAA,KAFd,IAAE,CAAA;eAMV,WAAQ,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA"}

package/dist/components/avatar/avatar-group.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/avatar/avatar-group.context.ts
+var { useProvide: useAvatarGroupProvide, useInject: useAvatarGroupInject, key: avatarGroupContextKey } = createContext("AvatarGroup");
+//#endregion
+export { useAvatarGroupInject, useAvatarGroupProvide };
+
+//# sourceMappingURL=avatar-group.context.js.map

package/dist/components/avatar/avatar-group.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.context.js","names":[],"sources":["../../../src/components/avatar/avatar-group.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\n\nexport interface AvatarGroupContext {\n  size: Ref<'sm' | 'md' | 'lg'>\n  isBordered: Ref<boolean>\n  isDisabled: Ref<boolean>\n  isGrid: Ref<boolean>\n  isInGroup: Ref<boolean>\n}\n\nexport const {\n  useProvide: useAvatarGroupProvide,\n  useInject: useAvatarGroupInject,\n  key: avatarGroupContextKey,\n} = createContext<AvatarGroupContext>('AvatarGroup')\n"],"mappings":";;AAWA,IAAa,EACX,YAAY,uBACZ,WAAW,sBACX,KAAK,0BACH,cAAkC,cAAc"}

package/dist/components/badge/Badge.js

@@ -0,0 +1,7 @@
+import Badge_vue_vue_type_script_setup_true_lang_default from "./Badge.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/badge/Badge.vue
+var Badge_default = Badge_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Badge_default as default };
+
+//# sourceMappingURL=Badge.js.map