@auronui/vue 1.0.0

package/dist/components/alert-dialog/AlertDialogIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,97 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useAlertDialogInject } from "./AlertDialog.vue_vue_type_script_lang.js";
+import { alertDialogVariants } from "../../packages/styles/src/components/alert-dialog/alert-dialog.styles.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/alert-dialog/AlertDialogIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"data-slot": "alert-dialog-default-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_2 = {
+	key: 1,
+	"data-slot": "alert-dialog-default-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_3 = {
+	key: 2,
+	"data-slot": "alert-dialog-default-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_4 = {
+	key: 3,
+	"data-slot": "alert-dialog-default-icon",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var AlertDialogIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AlertDialogIcon",
+	props: {
+		class: {},
+		status: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useAlertDialogInject({
+			size: "md",
+			variant: "opaque",
+			placement: "center",
+			status: "danger"
+		});
+		const styles = alertDialogVariants();
+		const resolvedStatus = () => props.status ?? ctx.status;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: normalizeClass(unref(composeClassName)(unref(styles).icon({ status: resolvedStatus() }), props.class)),
+				"aria-hidden": "true"
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [resolvedStatus() === "danger" ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+				createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}, null, -1),
+				createElementVNode("path", { d: "m9 9 6 6" }, null, -1),
+				createElementVNode("path", { d: "m15 9-6 6" }, null, -1)
+			])])) : resolvedStatus() === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[1] || (_cache[1] = [
+				createElementVNode("path", { d: "M12 3.5 2.8 19.5a1.2 1.2 0 0 0 1 1.8h16.4a1.2 1.2 0 0 0 1-1.8L12 3.5Z" }, null, -1),
+				createElementVNode("path", { d: "M12 10v4" }, null, -1),
+				createElementVNode("path", { d: "M12 17.5h.01" }, null, -1)
+			])])) : resolvedStatus() === "success" ? (openBlock(), createElementBlock("svg", _hoisted_3, [..._cache[2] || (_cache[2] = [createElementVNode("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9"
+			}, null, -1), createElementVNode("path", { d: "m8.5 12.5 2.5 2.5 4.5-5" }, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[3] || (_cache[3] = [
+				createElementVNode("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}, null, -1),
+				createElementVNode("path", { d: "M12 8h.01" }, null, -1),
+				createElementVNode("path", { d: "M11 12h1v4h1" }, null, -1)
+			])]))])], 2);
+		};
+	}
+});
+//#endregion
+export { AlertDialogIcon_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AlertDialogIcon.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/alert-dialog/AlertDialogIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n  status?: 'default' | 'accent' | 'danger' | 'success' | 'warning'\n}>(), {})\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n\nconst resolvedStatus = () => props.status ?? ctx.status\n</script>\n\n<template>\n  <span\n    :class=\"composeClassName(styles.icon({ status: resolvedStatus() }), props.class)\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <svg\n        v-if=\"resolvedStatus() === 'danger'\"\n        data-slot=\"alert-dialog-default-icon\"\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      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n        />\n        <path d=\"m9 9 6 6\" />\n        <path d=\"m15 9-6 6\" />\n      </svg>\n      <svg\n        v-else-if=\"resolvedStatus() === 'warning'\"\n        data-slot=\"alert-dialog-default-icon\"\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      >\n        <path d=\"M12 3.5 2.8 19.5a1.2 1.2 0 0 0 1 1.8h16.4a1.2 1.2 0 0 0 1-1.8L12 3.5Z\" />\n        <path d=\"M12 10v4\" />\n        <path d=\"M12 17.5h.01\" />\n      </svg>\n      <svg\n        v-else-if=\"resolvedStatus() === 'success'\"\n        data-slot=\"alert-dialog-default-icon\"\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      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n        />\n        <path d=\"m8.5 12.5 2.5 2.5 4.5-5\" />\n      </svg>\n      <svg\n        v-else\n        data-slot=\"alert-dialog-default-icon\"\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      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"9\"\n        />\n        <path d=\"M12 8h.01\" />\n        <path d=\"M11 12h1v4h1\" />\n      </svg>\n    </slot>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAKd,MAAM,MAAM,qBAAqB;GAAE,MAAM;GAAM,SAAS;GAAU,WAAW;GAAU,QAAQ;GAAU,CAAA;EACzG,MAAM,SAAS,qBAAoB;EAEnC,MAAM,uBAAuB,MAAM,UAAU,IAAI;;uBAI/C,mBAyEO,QAAA;IAxEJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,KAAI,EAAA,QAAW,gBAAc,EAAA,CAAA,EAAO,MAAM,MAAK,CAAA;IAC/E,eAAY;OAEZ,WAoEO,KAAA,QAAA,WAAA,EAAA,QAAA,CAlEG,gBAAc,KAAA,YAAA,WAAA,EADtB,mBAiBM,OAjBN,YAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IAPJ,mBAIE,UAAA;KAHA,IAAG;KACH,IAAG;KACH,GAAE;;IAEJ,mBAAqB,QAAA,EAAf,GAAE,YAAU,EAAA,MAAA,GAAA;IAClB,mBAAsB,QAAA,EAAhB,GAAE,aAAW,EAAA,MAAA,GAAA;WAGR,gBAAc,KAAA,aAAA,WAAA,EAD3B,mBAaM,OAbN,YAaM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IAHJ,mBAAkF,QAAA,EAA5E,GAAE,yEAAuE,EAAA,MAAA,GAAA;IAC/E,mBAAqB,QAAA,EAAf,GAAE,YAAU,EAAA,MAAA,GAAA;IAClB,mBAAyB,QAAA,EAAnB,GAAE,gBAAc,EAAA,MAAA,GAAA;WAGX,gBAAc,KAAA,aAAA,WAAA,EAD3B,mBAgBM,OAhBN,YAgBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CANJ,mBAIE,UAAA;IAHA,IAAG;IACH,IAAG;IACH,GAAE;iBAEJ,mBAAoC,QAAA,EAA9B,GAAE,2BAAyB,EAAA,MAAA,GAAA,CAAA,EAAA,CAAA,KAAA,WAAA,EAEnC,mBAiBM,OAjBN,YAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;IAPJ,mBAIE,UAAA;KAHA,IAAG;KACH,IAAG;KACH,GAAE;;IAEJ,mBAAsB,QAAA,EAAhB,GAAE,aAAW,EAAA,MAAA,GAAA;IACnB,mBAAyB,QAAA,EAAnB,GAAE,gBAAc,EAAA,MAAA,GAAA"}

package/dist/components/alert-dialog/AlertDialogOverlay.js

@@ -0,0 +1,7 @@
+import AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default from "./AlertDialogOverlay.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/alert-dialog/AlertDialogOverlay.vue
+var AlertDialogOverlay_default = AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AlertDialogOverlay_default as default };
+
+//# sourceMappingURL=AlertDialogOverlay.js.map

package/dist/components/alert-dialog/AlertDialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogOverlay.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogOverlay } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogOverlay :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\" />\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogOverlay.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useAlertDialogInject } from "./AlertDialog.vue_vue_type_script_lang.js";
+import { alertDialogVariants } from "../../packages/styles/src/components/alert-dialog/alert-dialog.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { AlertDialogOverlay } from "reka-ui";
+//#region src/components/alert-dialog/AlertDialogOverlay.vue?vue&type=script&setup=true&lang.ts
+var AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AlertDialogOverlay",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const ctx = useAlertDialogInject({
+			size: "md",
+			variant: "opaque",
+			placement: "center",
+			status: "danger"
+		});
+		const styles = alertDialogVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AlertDialogOverlay), { class: normalizeClass(unref(composeClassName)(unref(styles).backdrop({ variant: unref(ctx).variant }), props.class)) }, null, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AlertDialogOverlay.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/alert-dialog/AlertDialogOverlay.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogOverlay.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogOverlay } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogOverlay :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;;EAMA,MAAM,QAAQ;EAId,MAAM,MAAM,qBAAqB;GAAE,MAAM;GAAM,SAAS;GAAU,WAAW;GAAU,QAAQ;GAAU,CAAA;EACzG,MAAM,SAAS,qBAAoB;;uBAIjC,YAAwG,MAAA,mBAAA,EAAA,EAAnF,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAQ,EAAA,SAAY,MAAA,IAAG,CAAC,SAAO,CAAA,EAAK,MAAM,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogTitle.js

@@ -0,0 +1,7 @@
+import AlertDialogTitle_vue_vue_type_script_setup_true_lang_default from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/alert-dialog/AlertDialogTitle.vue
+var AlertDialogTitle_default = AlertDialogTitle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AlertDialogTitle_default as default };
+
+//# sourceMappingURL=AlertDialogTitle.js.map

package/dist/components/alert-dialog/AlertDialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTitle.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogTitle } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </AlertDialogTitle>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { alertDialogVariants } from "../../packages/styles/src/components/alert-dialog/alert-dialog.styles.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { AlertDialogTitle } from "reka-ui";
+//#region src/components/alert-dialog/AlertDialogTitle.vue?vue&type=script&setup=true&lang.ts
+var AlertDialogTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AlertDialogTitle",
+	props: {
+		as: { default: "h2" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = alertDialogVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AlertDialogTitle), {
+				as: props.as,
+				class: normalizeClass(unref(composeClassName)(unref(styles).heading(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "class"]);
+		};
+	}
+});
+//#endregion
+export { AlertDialogTitle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AlertDialogTitle.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/alert-dialog/AlertDialogTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogTitle } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </AlertDialogTitle>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,qBAAoB;;uBAIjC,YAKmB,MAAA,iBAAA,EAAA;IAJhB,IAAI,MAAM;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE9C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogTrigger.js

@@ -0,0 +1,7 @@
+import AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default from "./AlertDialogTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/alert-dialog/AlertDialogTrigger.vue
+var AlertDialogTrigger_default = AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AlertDialogTrigger_default as default };
+
+//# sourceMappingURL=AlertDialogTrigger.js.map

package/dist/components/alert-dialog/AlertDialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTrigger.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <AlertDialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </AlertDialogTrigger>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,23 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { AlertDialogTrigger } from "reka-ui";
+//#region src/components/alert-dialog/AlertDialogTrigger.vue?vue&type=script&setup=true&lang.ts
+var AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AlertDialogTrigger",
+	props: { asChild: {
+		type: Boolean,
+		default: false
+	} },
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AlertDialogTrigger), { "as-child": props.asChild }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as-child"]);
+		};
+	}
+});
+//#endregion
+export { AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AlertDialogTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/alert-dialog/AlertDialogTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <AlertDialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </AlertDialogTrigger>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAQZ,YAEqB,MAAA,mBAAA,EAAA,EAFA,YAAU,MAAM,SAAA,EAAA;2BAC3B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/aspect-ratio/AspectRatio.js

@@ -0,0 +1,7 @@
+import AspectRatio_vue_vue_type_script_setup_true_lang_default from "./AspectRatio.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/aspect-ratio/AspectRatio.vue
+var AspectRatio_default = AspectRatio_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { AspectRatio_default as default };
+
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/aspect-ratio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","names":[],"sources":["../../../src/components/aspect-ratio/AspectRatio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AspectRatio } from 'reka-ui'\nimport { aspectRatioVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  ratio?: number\n  class?: string\n}>(), {\n  ratio: 1,\n  class: undefined,\n})\n\nconst slotFns = computed(() => aspectRatioVariants())\n</script>\n\n<template>\n  <AspectRatio\n    :ratio=\"ratio\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"aspect-ratio\"\n  >\n    <slot />\n  </AspectRatio>\n</template>\n"],"mappings":""}

package/dist/components/aspect-ratio/AspectRatio.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,30 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { aspectRatioVariants } from "@auronui/styles";
+import { AspectRatio } from "reka-ui";
+//#region src/components/aspect-ratio/AspectRatio.vue?vue&type=script&setup=true&lang.ts
+var AspectRatio_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "AspectRatio",
+	props: {
+		ratio: { default: 1 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => aspectRatioVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(AspectRatio), {
+				ratio: __props.ratio,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-slot": "aspect-ratio"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["ratio", "class"]);
+		};
+	}
+});
+//#endregion
+export { AspectRatio_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AspectRatio.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/aspect-ratio/AspectRatio.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/aspect-ratio/AspectRatio.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AspectRatio } from 'reka-ui'\nimport { aspectRatioVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  ratio?: number\n  class?: string\n}>(), {\n  ratio: 1,\n  class: undefined,\n})\n\nconst slotFns = computed(() => aspectRatioVariants())\n</script>\n\n<template>\n  <AspectRatio\n    :ratio=\"ratio\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"aspect-ratio\"\n  >\n    <slot />\n  </AspectRatio>\n</template>\n"],"mappings":";;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,UAAU,eAAe,qBAAqB,CAAA;;uBAIlD,YAMc,MAAA,YAAA,EAAA;IALX,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACpD,aAAU;;2BAEF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/autocomplete/Autocomplete.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/autocomplete/Autocomplete.context.ts
+var { useProvide: useAutocompleteProvide, useInject: useAutocompleteInject, key: autocompleteContextKey } = createContext("Autocomplete");
+//#endregion
+export { autocompleteContextKey, useAutocompleteInject, useAutocompleteProvide };
+
+//# sourceMappingURL=Autocomplete.context.js.map

package/dist/components/autocomplete/Autocomplete.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.context.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { autocompleteVariants } from '@auronui/styles'\n\nexport interface AutocompleteContext {\n  isDisabled: Ref<boolean>\n  isInvalid: Ref<boolean>\n  isReadonly: Ref<boolean>\n  isRequired: Ref<boolean>\n  isLoading: Ref<boolean>\n  isFilled: Ref<boolean>\n  fullWidth: Ref<boolean>\n  hasLabel: Ref<boolean>\n  labelPlacement: Ref<'inside' | 'outside' | 'outside-left'>\n  inputId: Ref<string>\n  label: Ref<string | undefined>\n  ariaDescribedBy: Ref<string | undefined>\n  slots: ComputedRef<ReturnType<typeof autocompleteVariants>>\n}\n\nexport const {\n  useProvide: useAutocompleteProvide,\n  useInject: useAutocompleteInject,\n  key: autocompleteContextKey,\n} = createContext<AutocompleteContext>('Autocomplete')\n"],"mappings":";;AAoBA,IAAa,EACX,YAAY,wBACZ,WAAW,uBACX,KAAK,2BACH,cAAmC,eAAe"}

package/dist/components/autocomplete/Autocomplete.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch } from 'vue'\nimport { AutocompleteRoot } from 'reka-ui'\nimport { autocompleteVariants, type AutocompleteVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAutocompleteProvide } from './Autocomplete.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  loadItems: undefined,\n  debounceMs: 200,\n  filterOnOpen: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\nexport interface AutocompleteItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: AutocompleteVariants['variant']\n  /** Field height. @default 'md' */\n  size?: AutocompleteVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: AutocompleteVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: AutocompleteVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Autocomplete-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /** Static items list — used when no loadItems is provided. */\n  items?: AutocompleteItem[]\n  /** Async data source: called on every query change. */\n  loadItems?: (query: string) => Promise<AutocompleteItem[]>\n  /** Debounce delay for loadItems calls (ms). 0 = no debounce. */\n  debounceMs?: number\n  /** Apply filter immediately on open (default: false — show all items until user types). */\n  filterOnOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Internal async state\nconst isLoading = ref(false)\nconst internalItems = ref<AutocompleteItem[]>([...props.items])\n\n// Open-state tracking so we can skip client-side filtering until the user types\nconst isOpen = ref(props.defaultOpen ?? false)\nconst termAtOpen = ref('')\nconst isUserTyping = ref(false)\nconst effectiveIgnoreFilter = computed(() => {\n  if (props.loadItems) return true\n  if (!props.filterOnOpen && isOpen.value && !isUserTyping.value) return true\n  return false\n})\n\n// Internal display text — bound to AutocompleteRoot's model-value.\n// Holds the LABEL (what the user reads), not the value. Bridged below.\nfunction labelFor(value: string | undefined): string {\n  if (value == null || value === '') return ''\n  const match = internalItems.value.find((i) => i.value === value)\n  return match?.label ?? match?.textValue ?? value\n}\nfunction valueFor(displayed: string): string {\n  if (!displayed) return ''\n  const match = internalItems.value.find(\n    (i) => (i.label ?? i.textValue ?? i.value) === displayed,\n  )\n  return match?.value ?? displayed\n}\n\nconst searchTerm = ref(labelFor(props.modelValue))\n\nconst isFilled = computed(() => !!searchTerm.value)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\n// Parent → internal: when the v-model value changes, reflect its label\nwatch(() => props.modelValue, (val) => {\n  const next = labelFor(val)\n  if (searchTerm.value !== next) searchTerm.value = next\n})\n\n// Internal → parent: when the displayed label changes, emit the real value.\n// Also detect user typing (for open-time filtering suppression).\nwatch(searchTerm, (displayed) => {\n  const next = valueFor(displayed)\n  if (next !== (props.modelValue ?? '')) emit('update:modelValue', next)\n  if (isOpen.value && displayed !== termAtOpen.value) {\n    isUserTyping.value = true\n  }\n})\n\nfunction handleOpenChange(val: boolean) {\n  isOpen.value = val\n  if (val) {\n    termAtOpen.value = searchTerm.value\n    isUserTyping.value = false\n  } else {\n    isUserTyping.value = false\n  }\n  emit('update:open', val)\n}\n\n// Debounce timer\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined\n\nasync function runLoadItems(query: string) {\n  if (!props.loadItems) return\n  isLoading.value = true\n  try {\n    internalItems.value = await props.loadItems(query)\n  } finally {\n    isLoading.value = false\n  }\n}\n\nfunction scheduleLoad(query: string) {\n  if (!props.loadItems) return\n  clearTimeout(debounceTimer)\n  if (props.debounceMs === 0) {\n    // Run immediately (for tests and zero-debounce configs)\n    void runLoadItems(query)\n  } else {\n    debounceTimer = setTimeout(() => void runLoadItems(query), props.debounceMs)\n  }\n}\n\n// Initial load on mount\nonMounted(() => {\n  if (props.loadItems) {\n    void runLoadItems(searchTerm.value)\n  }\n})\n\n// Watch searchTerm changes and invoke loadItems (debounced)\nwatch(searchTerm, (q) => {\n  if (props.loadItems) {\n    scheduleLoad(q)\n  }\n})\n\n// Sync static items when they change\nwatch(() => props.items, (newItems) => {\n  if (!props.loadItems) {\n    internalItems.value = [...newItems]\n  }\n})\n\n// When items arrive (async) or change, re-resolve the display label\nwatch(internalItems, () => {\n  const next = labelFor(props.modelValue)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (props.modelValue ?? '')) {\n    searchTerm.value = next\n  }\n})\n\nconst slotFns = computed(() =>\n  autocompleteVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\nuseAutocompleteProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  isLoading,\n  isFilled,\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  inputId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <!-- AutocompleteRoot is Reka UI's distinct autocomplete primitive.\n           ignoreFilter=true ensures server-returned items are never filtered\n           client-side (the server handles filtering). -->\n      <AutocompleteRoot\n        v-model:model-value=\"searchTerm\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"true\"\n        @update:open=\"handleOpenChange\"\n      >\n        <slot\n          :is-loading=\"isLoading\"\n          :items=\"internalItems\"\n        />\n      </AutocompleteRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,242 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useAutocompleteProvide } from "./Autocomplete.context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, renderSlot, toDisplayString, toRef, unref, useAttrs, useId, watch, withCtx } from "vue";
+import { autocompleteVariants } from "@auronui/styles";
+import { AutocompleteRoot } from "reka-ui";
+//#region src/components/autocomplete/Autocomplete.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-invalid",
+	"data-disabled",
+	"data-readonly",
+	"data-required",
+	"data-has-label",
+	"data-has-helper"
+];
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_4 = ["id"];
+var _hoisted_5 = ["id"];
+var Autocomplete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Autocomplete",
+	props: {
+		variant: { default: "flat" },
+		size: { default: "md" },
+		color: { default: "default" },
+		labelPlacement: { default: "inside" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isReadonly: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {},
+		name: {},
+		label: {},
+		description: {},
+		errorMessage: {},
+		class: {},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		items: { default: () => [] },
+		loadItems: {
+			type: Function,
+			default: void 0
+		},
+		debounceMs: { default: 200 },
+		filterOnOpen: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const generatedId = useId();
+		const inputId = computed(() => attrs.id ?? generatedId);
+		const hasLabel = computed(() => !!props.label);
+		const isLoading = ref(false);
+		const internalItems = ref([...props.items]);
+		const isOpen = ref(props.defaultOpen ?? false);
+		const termAtOpen = ref("");
+		const isUserTyping = ref(false);
+		const effectiveIgnoreFilter = computed(() => {
+			if (props.loadItems) return true;
+			if (!props.filterOnOpen && isOpen.value && !isUserTyping.value) return true;
+			return false;
+		});
+		function labelFor(value) {
+			if (value == null || value === "") return "";
+			const match = internalItems.value.find((i) => i.value === value);
+			return match?.label ?? match?.textValue ?? value;
+		}
+		function valueFor(displayed) {
+			if (!displayed) return "";
+			return internalItems.value.find((i) => (i.label ?? i.textValue ?? i.value) === displayed)?.value ?? displayed;
+		}
+		const searchTerm = ref(labelFor(props.modelValue));
+		const isFilled = computed(() => !!searchTerm.value);
+		const descriptionId = computed(() => `${inputId.value}-description`);
+		const errorMessageId = computed(() => `${inputId.value}-error`);
+		const showError = computed(() => props.isInvalid && !!props.errorMessage);
+		const showDescription = computed(() => !!props.description && !showError.value);
+		const hasHelper = computed(() => showError.value || showDescription.value);
+		const ariaDescribedBy = computed(() => {
+			if (showError.value) return errorMessageId.value;
+			if (showDescription.value) return descriptionId.value;
+		});
+		watch(() => props.modelValue, (val) => {
+			const next = labelFor(val);
+			if (searchTerm.value !== next) searchTerm.value = next;
+		});
+		watch(searchTerm, (displayed) => {
+			const next = valueFor(displayed);
+			if (next !== (props.modelValue ?? "")) emit("update:modelValue", next);
+			if (isOpen.value && displayed !== termAtOpen.value) isUserTyping.value = true;
+		});
+		function handleOpenChange(val) {
+			isOpen.value = val;
+			if (val) {
+				termAtOpen.value = searchTerm.value;
+				isUserTyping.value = false;
+			} else isUserTyping.value = false;
+			emit("update:open", val);
+		}
+		let debounceTimer;
+		async function runLoadItems(query) {
+			if (!props.loadItems) return;
+			isLoading.value = true;
+			try {
+				internalItems.value = await props.loadItems(query);
+			} finally {
+				isLoading.value = false;
+			}
+		}
+		function scheduleLoad(query) {
+			if (!props.loadItems) return;
+			clearTimeout(debounceTimer);
+			if (props.debounceMs === 0) runLoadItems(query);
+			else debounceTimer = setTimeout(() => void runLoadItems(query), props.debounceMs);
+		}
+		onMounted(() => {
+			if (props.loadItems) runLoadItems(searchTerm.value);
+		});
+		watch(searchTerm, (q) => {
+			if (props.loadItems) scheduleLoad(q);
+		});
+		watch(() => props.items, (newItems) => {
+			if (!props.loadItems) internalItems.value = [...newItems];
+		});
+		watch(internalItems, () => {
+			const next = labelFor(props.modelValue);
+			if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (props.modelValue ?? "")) searchTerm.value = next;
+		});
+		const slotFns = computed(() => autocompleteVariants({
+			variant: props.variant,
+			size: props.size,
+			color: props.color,
+			fullWidth: props.fullWidth,
+			isInvalid: props.isInvalid,
+			isDisabled: props.isDisabled,
+			isReadonly: props.isReadonly,
+			hasLabel: hasLabel.value,
+			labelPlacement: props.labelPlacement
+		}));
+		const showOutsideLabel = computed(() => hasLabel.value && props.labelPlacement !== "inside");
+		useAutocompleteProvide({
+			isDisabled: toRef(props, "isDisabled"),
+			isInvalid: toRef(props, "isInvalid"),
+			isReadonly: toRef(props, "isReadonly"),
+			isRequired: toRef(props, "isRequired"),
+			isLoading,
+			isFilled,
+			fullWidth: toRef(props, "fullWidth"),
+			hasLabel,
+			labelPlacement: toRef(props, "labelPlacement"),
+			inputId,
+			label: toRef(props, "label"),
+			ariaDescribedBy,
+			slots: slotFns
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-invalid": __props.isInvalid || void 0,
+				"data-disabled": __props.isDisabled || void 0,
+				"data-readonly": __props.isReadonly || void 0,
+				"data-required": __props.isRequired || void 0,
+				"data-has-label": hasLabel.value || void 0,
+				"data-has-helper": hasHelper.value || void 0
+			}, [showOutsideLabel.value ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: inputId.value,
+				class: normalizeClass(slotFns.value.label())
+			}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 10, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(slotFns.value.mainWrapper()) }, [createVNode(unref(AutocompleteRoot), {
+				"model-value": searchTerm.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchTerm.value = $event),
+				open: props.open,
+				"default-open": props.defaultOpen,
+				disabled: props.isDisabled,
+				required: props.isRequired,
+				"ignore-filter": effectiveIgnoreFilter.value,
+				"open-on-focus": true,
+				"onUpdate:open": handleOpenChange
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					isLoading: isLoading.value,
+					items: internalItems.value
+				})]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"open",
+				"default-open",
+				"disabled",
+				"required",
+				"ignore-filter"
+			]), hasHelper.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(slotFns.value.helperWrapper())
+			}, [showError.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: errorMessageId.value,
+				class: normalizeClass(slotFns.value.errorMessage())
+			}, toDisplayString(__props.errorMessage), 11, _hoisted_4)) : showDescription.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: descriptionId.value,
+				class: normalizeClass(slotFns.value.description())
+			}, toDisplayString(__props.description), 11, _hoisted_5)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Autocomplete_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Autocomplete.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/autocomplete/Autocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onMounted, ref, toRef, useAttrs, useId, watch } from 'vue'\nimport { AutocompleteRoot } from 'reka-ui'\nimport { autocompleteVariants, type AutocompleteVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAutocompleteProvide } from './Autocomplete.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  loadItems: undefined,\n  debounceMs: 200,\n  filterOnOpen: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\nexport interface AutocompleteItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: AutocompleteVariants['variant']\n  /** Field height. @default 'md' */\n  size?: AutocompleteVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: AutocompleteVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: AutocompleteVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when empty. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Autocomplete-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n  /** Static items list — used when no loadItems is provided. */\n  items?: AutocompleteItem[]\n  /** Async data source: called on every query change. */\n  loadItems?: (query: string) => Promise<AutocompleteItem[]>\n  /** Debounce delay for loadItems calls (ms). 0 = no debounce. */\n  debounceMs?: number\n  /** Apply filter immediately on open (default: false — show all items until user types). */\n  filterOnOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst inputId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Internal async state\nconst isLoading = ref(false)\nconst internalItems = ref<AutocompleteItem[]>([...props.items])\n\n// Open-state tracking so we can skip client-side filtering until the user types\nconst isOpen = ref(props.defaultOpen ?? false)\nconst termAtOpen = ref('')\nconst isUserTyping = ref(false)\nconst effectiveIgnoreFilter = computed(() => {\n  if (props.loadItems) return true\n  if (!props.filterOnOpen && isOpen.value && !isUserTyping.value) return true\n  return false\n})\n\n// Internal display text — bound to AutocompleteRoot's model-value.\n// Holds the LABEL (what the user reads), not the value. Bridged below.\nfunction labelFor(value: string | undefined): string {\n  if (value == null || value === '') return ''\n  const match = internalItems.value.find((i) => i.value === value)\n  return match?.label ?? match?.textValue ?? value\n}\nfunction valueFor(displayed: string): string {\n  if (!displayed) return ''\n  const match = internalItems.value.find(\n    (i) => (i.label ?? i.textValue ?? i.value) === displayed,\n  )\n  return match?.value ?? displayed\n}\n\nconst searchTerm = ref(labelFor(props.modelValue))\n\nconst isFilled = computed(() => !!searchTerm.value)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${inputId.value}-description`)\nconst errorMessageId = computed(() => `${inputId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\n// Parent → internal: when the v-model value changes, reflect its label\nwatch(() => props.modelValue, (val) => {\n  const next = labelFor(val)\n  if (searchTerm.value !== next) searchTerm.value = next\n})\n\n// Internal → parent: when the displayed label changes, emit the real value.\n// Also detect user typing (for open-time filtering suppression).\nwatch(searchTerm, (displayed) => {\n  const next = valueFor(displayed)\n  if (next !== (props.modelValue ?? '')) emit('update:modelValue', next)\n  if (isOpen.value && displayed !== termAtOpen.value) {\n    isUserTyping.value = true\n  }\n})\n\nfunction handleOpenChange(val: boolean) {\n  isOpen.value = val\n  if (val) {\n    termAtOpen.value = searchTerm.value\n    isUserTyping.value = false\n  } else {\n    isUserTyping.value = false\n  }\n  emit('update:open', val)\n}\n\n// Debounce timer\nlet debounceTimer: ReturnType<typeof setTimeout> | undefined\n\nasync function runLoadItems(query: string) {\n  if (!props.loadItems) return\n  isLoading.value = true\n  try {\n    internalItems.value = await props.loadItems(query)\n  } finally {\n    isLoading.value = false\n  }\n}\n\nfunction scheduleLoad(query: string) {\n  if (!props.loadItems) return\n  clearTimeout(debounceTimer)\n  if (props.debounceMs === 0) {\n    // Run immediately (for tests and zero-debounce configs)\n    void runLoadItems(query)\n  } else {\n    debounceTimer = setTimeout(() => void runLoadItems(query), props.debounceMs)\n  }\n}\n\n// Initial load on mount\nonMounted(() => {\n  if (props.loadItems) {\n    void runLoadItems(searchTerm.value)\n  }\n})\n\n// Watch searchTerm changes and invoke loadItems (debounced)\nwatch(searchTerm, (q) => {\n  if (props.loadItems) {\n    scheduleLoad(q)\n  }\n})\n\n// Sync static items when they change\nwatch(() => props.items, (newItems) => {\n  if (!props.loadItems) {\n    internalItems.value = [...newItems]\n  }\n})\n\n// When items arrive (async) or change, re-resolve the display label\nwatch(internalItems, () => {\n  const next = labelFor(props.modelValue)\n  if (next && searchTerm.value !== next && valueFor(searchTerm.value) === (props.modelValue ?? '')) {\n    searchTerm.value = next\n  }\n})\n\nconst slotFns = computed(() =>\n  autocompleteVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\nuseAutocompleteProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  isLoading,\n  isFilled,\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  inputId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"inputId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <!-- AutocompleteRoot is Reka UI's distinct autocomplete primitive.\n           ignoreFilter=true ensures server-returned items are never filtered\n           client-side (the server handles filtering). -->\n      <AutocompleteRoot\n        v-model:model-value=\"searchTerm\"\n        :open=\"props.open\"\n        :default-open=\"props.defaultOpen\"\n        :disabled=\"props.isDisabled\"\n        :required=\"props.isRequired\"\n        :ignore-filter=\"effectiveIgnoreFilter\"\n        :open-on-focus=\"true\"\n        @update:open=\"handleOpenChange\"\n      >\n        <slot\n          :is-loading=\"isLoading\"\n          :items=\"internalItems\"\n        />\n      </AutocompleteRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/autocomplete/AutocompleteContent.js

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