@auronui/vue 1.0.0

package/dist/components/label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","names":[],"sources":["../../../src/components/label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { labelVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    for?: string;\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    isRequired?: boolean;\n    class?: string;\n  }>(),\n  {\n    isDisabled: false,\n    isInvalid: false,\n    isRequired: false,\n  },\n);\n\nconst classes = computed(() =>\n  composeClassName(\n    labelVariants({\n      isDisabled: props.isDisabled,\n      isInvalid: props.isInvalid,\n      isRequired: props.isRequired,\n    }),\n    props.class,\n  ),\n);\n</script>\n\n<template>\n  <label\n    :class=\"classes\"\n    :for=\"props.for\"\n  >\n    <slot />\n  </label>\n</template>\n"],"mappings":""}

package/dist/components/label/Label.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,42 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { labelVariants } from "@auronui/styles";
+//#region src/components/label/Label.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for"];
+var Label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Label",
+	props: {
+		for: {},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const classes = computed(() => composeClassName(labelVariants({
+			isDisabled: props.isDisabled,
+			isInvalid: props.isInvalid,
+			isRequired: props.isRequired
+		}), props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", {
+				class: normalizeClass(classes.value),
+				for: props.for
+			}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Label_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Label.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/label/Label.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/label/Label.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { labelVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    for?: string;\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    isRequired?: boolean;\n    class?: string;\n  }>(),\n  {\n    isDisabled: false,\n    isInvalid: false,\n    isRequired: false,\n  },\n);\n\nconst classes = computed(() =>\n  composeClassName(\n    labelVariants({\n      isDisabled: props.isDisabled,\n      isInvalid: props.isInvalid,\n      isRequired: props.isRequired,\n    }),\n    props.class,\n  ),\n);\n</script>\n\n<template>\n  <label\n    :class=\"classes\"\n    :for=\"props.for\"\n  >\n    <slot />\n  </label>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAed,MAAM,UAAU,eACd,iBACE,cAAc;GACZ,YAAY,MAAM;GAClB,WAAW,MAAM;GACjB,YAAY,MAAM;GACnB,CAAC,EACF,MAAM,MACP,CACF;;uBAIC,mBAKQ,SAAA;IAJL,OAAK,eAAE,QAAA,MAAO;IACd,KAAK,MAAM;OAEZ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/link/Link.js

@@ -0,0 +1,7 @@
+import Link_vue_vue_type_script_setup_true_lang_default from "./Link.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/link/Link.vue
+var Link_default = Link_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Link_default as default };
+
+//# sourceMappingURL=Link.js.map

package/dist/components/link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","names":[],"sources":["../../../src/components/link/Link.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { linkVariants, type LinkVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string | object\n  href?: string\n  target?: string\n  rel?: string\n  isExternal?: boolean\n  disabled?: boolean\n  color?: LinkVariants['color']\n  underline?: LinkVariants['underline']\n  class?: string\n}>(), {\n  as: 'a',\n  isExternal: false,\n  disabled: false,\n})\n\nconst slotFns = computed(() => linkVariants({\n  color: props.color,\n  underline: props.underline,\n}))\n\n// isExternal auto-applies target + rel (D-19, T-02-EXT)\n// Consumer can override by passing explicit target/rel props\nconst resolvedTarget = computed(() => {\n  if (props.target) return props.target\n  if (props.isExternal) return '_blank'\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel) return props.rel\n  if (props.isExternal) return 'noopener noreferrer'\n  return undefined\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :href=\"props.href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :aria-disabled=\"props.disabled || undefined\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <!-- External link indicator (D-19): inline SVG glyph, 12x12, aria-hidden -->\n    <span\n      v-if=\"props.isExternal\"\n      :class=\"slotFns.icon()\"\n      aria-hidden=\"true\"\n    >\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=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n        <polyline points=\"15 3 21 3 21 9\" />\n        <line\n          x1=\"10\"\n          y1=\"14\"\n          x2=\"21\"\n          y2=\"3\"\n        />\n      </svg>\n    </span>\n  </Primitive>\n</template>\n"],"mappings":""}

package/dist/components/link/Link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,89 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { linkVariants } from "@auronui/styles";
+import { Primitive } from "reka-ui";
+//#region src/components/link/Link.vue?vue&type=script&setup=true&lang.ts
+var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Link",
+	props: {
+		as: { default: "a" },
+		href: {},
+		target: {},
+		rel: {},
+		isExternal: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		color: {},
+		underline: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => linkVariants({
+			color: props.color,
+			underline: props.underline
+		}));
+		const resolvedTarget = computed(() => {
+			if (props.target) return props.target;
+			if (props.isExternal) return "_blank";
+		});
+		const resolvedRel = computed(() => {
+			if (props.rel) return props.rel;
+			if (props.isExternal) return "noopener noreferrer";
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({
+				as: props.as,
+				href: props.href,
+				target: resolvedTarget.value,
+				rel: resolvedRel.value,
+				class: unref(composeClassName)(slotFns.value.base(), props.class),
+				"aria-disabled": props.disabled || void 0
+			}, _ctx.$attrs), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), props.isExternal ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass(slotFns.value.icon()),
+					"aria-hidden": "true"
+				}, [..._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": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					focusable: "false"
+				}, [
+					createElementVNode("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+					createElementVNode("polyline", { points: "15 3 21 3 21 9" }),
+					createElementVNode("line", {
+						x1: "10",
+						y1: "14",
+						x2: "21",
+						y2: "3"
+					})
+				], -1)])], 2)) : createCommentVNode("", true)]),
+				_: 3
+			}, 16, [
+				"as",
+				"href",
+				"target",
+				"rel",
+				"class",
+				"aria-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { Link_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Link.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/link/Link.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/link/Link.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { Primitive } from 'reka-ui'\nimport { linkVariants, type LinkVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string | object\n  href?: string\n  target?: string\n  rel?: string\n  isExternal?: boolean\n  disabled?: boolean\n  color?: LinkVariants['color']\n  underline?: LinkVariants['underline']\n  class?: string\n}>(), {\n  as: 'a',\n  isExternal: false,\n  disabled: false,\n})\n\nconst slotFns = computed(() => linkVariants({\n  color: props.color,\n  underline: props.underline,\n}))\n\n// isExternal auto-applies target + rel (D-19, T-02-EXT)\n// Consumer can override by passing explicit target/rel props\nconst resolvedTarget = computed(() => {\n  if (props.target) return props.target\n  if (props.isExternal) return '_blank'\n  return undefined\n})\n\nconst resolvedRel = computed(() => {\n  if (props.rel) return props.rel\n  if (props.isExternal) return 'noopener noreferrer'\n  return undefined\n})\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :href=\"props.href\"\n    :target=\"resolvedTarget\"\n    :rel=\"resolvedRel\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :aria-disabled=\"props.disabled || undefined\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <!-- External link indicator (D-19): inline SVG glyph, 12x12, aria-hidden -->\n    <span\n      v-if=\"props.isExternal\"\n      :class=\"slotFns.icon()\"\n      aria-hidden=\"true\"\n    >\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=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n        <polyline points=\"15 3 21 3 21 9\" />\n        <line\n          x1=\"10\"\n          y1=\"14\"\n          x2=\"21\"\n          y2=\"3\"\n        />\n      </svg>\n    </span>\n  </Primitive>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAgBd,MAAM,UAAU,eAAe,aAAa;GAC1C,OAAO,MAAM;GACb,WAAW,MAAM;GAClB,CAAC,CAAA;EAIF,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,OAAQ,QAAO,MAAM;AAC/B,OAAI,MAAM,WAAY,QAAO;IAE9B;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,MAAM,IAAK,QAAO,MAAM;AAC5B,OAAI,MAAM,WAAY,QAAO;IAE9B;;uBAIC,YAuCY,MAAA,UAAA,EAvCZ,WAuCY;IAtCT,IAAI,MAAM;IACV,MAAM,MAAM;IACZ,QAAQ,eAAA;IACR,KAAK,YAAA;IACL,OAAO,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK;IACnD,iBAAe,MAAM,YAAY,KAAA;MAC1BA,KAAAA,OAAM,EAAA;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,EAGA,MAAM,cAAA,WAAA,EADd,mBA2BO,QAAA;;KAzBJ,OAAK,eAAE,QAAA,MAAQ,MAAI,CAAA;KACpB,eAAY;sCAEZ,mBAqBM,OAAA;KApBJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;;KAEV,mBAAqE,QAAA,EAA/D,GAAE,4DAA0D,CAAA;KAClE,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA;KACjC,mBAKE,QAAA;MAJA,IAAG;MACH,IAAG;MACH,IAAG;MACH,IAAG"}

package/dist/components/list-box/ListBox.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/list-box/ListBox.context.ts
+var { useProvide: useListBoxProvide, useInject: useListBoxInject, key: listBoxContextKey } = createContext("ListBox");
+//#endregion
+export { useListBoxInject, useListBoxProvide };
+
+//# sourceMappingURL=ListBox.context.js.map

package/dist/components/list-box/ListBox.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.context.js","names":[],"sources":["../../../src/components/list-box/ListBox.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { ListBoxVariants } from '@auronui/styles'\nimport type { ListBoxItemVariants } from '@auronui/styles'\n\nexport interface ListBoxContext {\n  variant: Ref<ListBoxVariants['variant']>\n  itemVariant: Ref<ListBoxItemVariants['variant']>\n  isDisabled: Ref<boolean>\n}\n\nexport const {\n  useProvide: useListBoxProvide,\n  useInject: useListBoxInject,\n  key: listBoxContextKey,\n} = createContext<ListBoxContext>('ListBox')\n"],"mappings":";;AAWA,IAAa,EACX,YAAY,mBACZ,WAAW,kBACX,KAAK,sBACH,cAA8B,UAAU"}

package/dist/components/list-box/ListBox.js

@@ -0,0 +1,7 @@
+import ListBox_vue_vue_type_script_setup_true_lang_default from "./ListBox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/list-box/ListBox.vue
+var ListBox_default = ListBox_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListBox_default as default };
+
+//# sourceMappingURL=ListBox.js.map

package/dist/components/list-box/ListBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.js","names":[],"sources":["../../../src/components/list-box/ListBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue'\nimport { ListboxRoot, ListboxContent } from 'reka-ui'\nimport { listboxVariants, type ListBoxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useListBoxProvide } from './ListBox.context'\n\n// Disable Vue attribute fallthrough — we manually forward ARIA attrs to ListboxContent\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  selectionMode?: 'single' | 'multiple'\n  variant?: ListBoxVariants['variant']\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: undefined,\n  selectionMode: 'single',\n  variant: 'default',\n  isDisabled: false,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[] | undefined]\n}>()\n\nconst attrs = useAttrs()\n\n// Provide context for ListBoxItem and ListBoxSection children\nuseListBoxProvide({\n  variant: toRef(props, 'variant'),\n  itemVariant: toRef(props, 'variant'),\n  isDisabled: toRef(props, 'isDisabled'),\n})\n\nconst slotFns = computed(() =>\n  listboxVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <!-- ListboxRoot is an invisible wrapper that manages state; ListboxContent carries role=\"listbox\" -->\n  <!-- We forward attrs (aria-label, aria-labelledby, etc.) to ListboxContent, not the root -->\n  <ListboxRoot\n    :model-value=\"props.modelValue == null ? undefined : ([] as string[]).concat(props.modelValue)\"\n    :default-value=\"props.defaultValue == null ? undefined : ([] as string[]).concat(props.defaultValue)\"\n    :multiple=\"props.selectionMode === 'multiple'\"\n    :selection-behavior=\"props.selectionMode === 'multiple' ? 'toggle' : 'replace'\"\n    :disabled=\"props.isDisabled\"\n    @update:model-value=\"emit('update:modelValue', props.selectionMode === 'single' ? (Array.isArray($event) ? ($event as string[])[0] : $event as string) : $event as string[])\"\n  >\n    <ListboxContent\n      v-bind=\"attrs\"\n      :class=\"composeClassName(slotFns, props.class)\"\n    >\n      <slot />\n    </ListboxContent>\n  </ListboxRoot>\n</template>\n"],"mappings":""}

package/dist/components/list-box/ListBox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,59 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useListBoxProvide } from "./ListBox.context.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toRef, unref, useAttrs, withCtx } from "vue";
+import { listboxVariants } from "@auronui/styles";
+import { ListboxContent, ListboxRoot } from "reka-ui";
+//#region src/components/list-box/ListBox.vue?vue&type=script&setup=true&lang.ts
+var ListBox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ListBox",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		selectionMode: { default: "single" },
+		variant: { default: "default" },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		useListBoxProvide({
+			variant: toRef(props, "variant"),
+			itemVariant: toRef(props, "variant"),
+			isDisabled: toRef(props, "isDisabled")
+		});
+		const slotFns = computed(() => listboxVariants({ variant: props.variant }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxRoot), {
+				"model-value": props.modelValue == null ? void 0 : [].concat(props.modelValue),
+				"default-value": props.defaultValue == null ? void 0 : [].concat(props.defaultValue),
+				multiple: props.selectionMode === "multiple",
+				"selection-behavior": props.selectionMode === "multiple" ? "toggle" : "replace",
+				disabled: props.isDisabled,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", props.selectionMode === "single" ? Array.isArray($event) ? $event[0] : $event : $event))
+			}, {
+				default: withCtx(() => [createVNode(unref(ListboxContent), mergeProps(unref(attrs), { class: unref(composeClassName)(slotFns.value, props.class) }), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, ["class"])]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"default-value",
+				"multiple",
+				"selection-behavior",
+				"disabled"
+			]);
+		};
+	}
+});
+//#endregion
+export { ListBox_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ListBox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/list-box/ListBox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/list-box/ListBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useAttrs } from 'vue'\nimport { ListboxRoot, ListboxContent } from 'reka-ui'\nimport { listboxVariants, type ListBoxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useListBoxProvide } from './ListBox.context'\n\n// Disable Vue attribute fallthrough — we manually forward ARIA attrs to ListboxContent\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string | string[]\n  defaultValue?: string | string[]\n  selectionMode?: 'single' | 'multiple'\n  variant?: ListBoxVariants['variant']\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: undefined,\n  selectionMode: 'single',\n  variant: 'default',\n  isDisabled: false,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string | string[] | undefined]\n}>()\n\nconst attrs = useAttrs()\n\n// Provide context for ListBoxItem and ListBoxSection children\nuseListBoxProvide({\n  variant: toRef(props, 'variant'),\n  itemVariant: toRef(props, 'variant'),\n  isDisabled: toRef(props, 'isDisabled'),\n})\n\nconst slotFns = computed(() =>\n  listboxVariants({ variant: props.variant })\n)\n</script>\n\n<template>\n  <!-- ListboxRoot is an invisible wrapper that manages state; ListboxContent carries role=\"listbox\" -->\n  <!-- We forward attrs (aria-label, aria-labelledby, etc.) to ListboxContent, not the root -->\n  <ListboxRoot\n    :model-value=\"props.modelValue == null ? undefined : ([] as string[]).concat(props.modelValue)\"\n    :default-value=\"props.defaultValue == null ? undefined : ([] as string[]).concat(props.defaultValue)\"\n    :multiple=\"props.selectionMode === 'multiple'\"\n    :selection-behavior=\"props.selectionMode === 'multiple' ? 'toggle' : 'replace'\"\n    :disabled=\"props.isDisabled\"\n    @update:model-value=\"emit('update:modelValue', props.selectionMode === 'single' ? (Array.isArray($event) ? ($event as string[])[0] : $event as string) : $event as string[])\"\n  >\n    <ListboxContent\n      v-bind=\"attrs\"\n      :class=\"composeClassName(slotFns, props.class)\"\n    >\n      <slot />\n    </ListboxContent>\n  </ListboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAgBd,MAAM,OAAO;EAIb,MAAM,QAAQ,UAAS;AAGvB,oBAAkB;GAChB,SAAS,MAAM,OAAO,UAAU;GAChC,aAAa,MAAM,OAAO,UAAU;GACpC,YAAY,MAAM,OAAO,aAAa;GACvC,CAAA;EAED,MAAM,UAAU,eACd,gBAAgB,EAAE,SAAS,MAAM,SAAS,CAAA,CAC5C;;uBAME,YAcc,MAAA,YAAA,EAAA;IAbX,eAAa,MAAM,cAAU,OAAW,KAAA,IAAS,EAAA,CAAoB,OAAO,MAAM,WAAU;IAC5F,iBAAe,MAAM,gBAAY,OAAW,KAAA,IAAS,EAAA,CAAoB,OAAO,MAAM,aAAY;IAClG,UAAU,MAAM,kBAAa;IAC7B,sBAAoB,MAAM,kBAAa,aAAA,WAAA;IACvC,UAAU,MAAM;IAChB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM,kBAAa,WAAiB,MAAM,QAAQ,OAAM,GAAK,OAAM,KAAmB,SAAoB,OAAM;;2BAO9I,CALjB,YAKiB,MAAA,eAAA,EALjB,WACU,MAIO,MAJF,EAAA,EACZ,OAAO,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,EAAA,CAAA,EAAA;4BAErC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/list-box/ListBoxItem.js

@@ -0,0 +1,7 @@
+import ListBoxItem_vue_vue_type_script_setup_true_lang_default from "./ListBoxItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/list-box/ListBoxItem.vue
+var ListBoxItem_default = ListBoxItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListBoxItem_default as default };
+
+//# sourceMappingURL=ListBoxItem.js.map

package/dist/components/list-box/ListBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxItem.js","names":[],"sources":["../../../src/components/list-box/ListBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { ListboxItem, ListboxItemIndicator } from 'reka-ui'\nimport { listboxItemVariants, type ListBoxItemVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useListBoxInject } from './ListBox.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: ListBoxItemVariants['variant']\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: undefined,\n  class: undefined,\n})\n\n// Inject context with fallback (standalone usage)\nconst ctx = useListBoxInject({\n  variant: ref('default'),\n  itemVariant: ref('default'),\n  isDisabled: ref(false),\n})\n\nconst finalVariant = computed(() => props.variant ?? ctx.itemVariant.value)\nconst finalDisabled = computed(() => ctx.isDisabled.value || props.isDisabled)\n\nconst slotFns = computed(() =>\n  listboxItemVariants({ variant: finalVariant.value as ListBoxItemVariants['variant'] })\n)\n</script>\n\n<template>\n  <ListboxItem\n    :value=\"props.value\"\n    :disabled=\"finalDisabled\"\n    :text-value=\"props.textValue ?? props.value\"\n    :class=\"composeClassName(slotFns.item(), props.class)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <slot name=\"endContent\" />\n    <ListboxItemIndicator :class=\"slotFns.indicator()\">\n      <slot name=\"selectedIcon\">\n        <!-- Default check icon -->\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    </ListboxItemIndicator>\n  </ListboxItem>\n</template>\n"],"mappings":""}

package/dist/components/list-box/ListBoxItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,70 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useListBoxInject } from "./ListBox.context.js";
+import { computed, createBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, unref, withCtx } from "vue";
+import { listboxItemVariants } from "@auronui/styles";
+import { ListboxItem, ListboxItemIndicator } from "reka-ui";
+//#region src/components/list-box/ListBoxItem.vue?vue&type=script&setup=true&lang.ts
+var ListBoxItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListBoxItem",
+	props: {
+		value: {},
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: void 0 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useListBoxInject({
+			variant: ref("default"),
+			itemVariant: ref("default"),
+			isDisabled: ref(false)
+		});
+		const finalVariant = computed(() => props.variant ?? ctx.itemVariant.value);
+		const finalDisabled = computed(() => ctx.isDisabled.value || props.isDisabled);
+		const slotFns = computed(() => listboxItemVariants({ variant: finalVariant.value }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxItem), {
+				value: props.value,
+				disabled: finalDisabled.value,
+				"text-value": props.textValue ?? props.value,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class))
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "startContent"),
+					renderSlot(_ctx.$slots, "default"),
+					renderSlot(_ctx.$slots, "endContent"),
+					createVNode(unref(ListboxItemIndicator), { class: normalizeClass(slotFns.value.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
+					}, 8, ["class"])
+				]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"text-value",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ListBoxItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ListBoxItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/list-box/ListBoxItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/list-box/ListBoxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { ListboxItem, ListboxItemIndicator } from 'reka-ui'\nimport { listboxItemVariants, type ListBoxItemVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useListBoxInject } from './ListBox.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: ListBoxItemVariants['variant']\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: undefined,\n  class: undefined,\n})\n\n// Inject context with fallback (standalone usage)\nconst ctx = useListBoxInject({\n  variant: ref('default'),\n  itemVariant: ref('default'),\n  isDisabled: ref(false),\n})\n\nconst finalVariant = computed(() => props.variant ?? ctx.itemVariant.value)\nconst finalDisabled = computed(() => ctx.isDisabled.value || props.isDisabled)\n\nconst slotFns = computed(() =>\n  listboxItemVariants({ variant: finalVariant.value as ListBoxItemVariants['variant'] })\n)\n</script>\n\n<template>\n  <ListboxItem\n    :value=\"props.value\"\n    :disabled=\"finalDisabled\"\n    :text-value=\"props.textValue ?? props.value\"\n    :class=\"composeClassName(slotFns.item(), props.class)\"\n  >\n    <slot name=\"startContent\" />\n    <slot />\n    <slot name=\"endContent\" />\n    <ListboxItemIndicator :class=\"slotFns.indicator()\">\n      <slot name=\"selectedIcon\">\n        <!-- Default check icon -->\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    </ListboxItemIndicator>\n  </ListboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAcd,MAAM,MAAM,iBAAiB;GAC3B,SAAS,IAAI,UAAU;GACvB,aAAa,IAAI,UAAU;GAC3B,YAAY,IAAI,MAAM;GACvB,CAAA;EAED,MAAM,eAAe,eAAe,MAAM,WAAW,IAAI,YAAY,MAAK;EAC1E,MAAM,gBAAgB,eAAe,IAAI,WAAW,SAAS,MAAM,WAAU;EAE7E,MAAM,UAAU,eACd,oBAAoB,EAAE,SAAS,aAAa,OAAyC,CAAA,CACvF;;uBAIE,YA6Bc,MAAA,YAAA,EAAA;IA5BX,OAAO,MAAM;IACb,UAAU,cAAA;IACV,cAAY,MAAM,aAAa,MAAM;IACrC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAExB;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAC5B,WAAQ,KAAA,QAAA,UAAA;KACR,WAA0B,KAAA,QAAA,aAAA;KAC1B,YAmBuB,MAAA,qBAAA,EAAA,EAnBA,OAAK,eAAE,QAAA,MAAQ,WAAS,CAAA,EAAA,EAAA;6BAkBtC,CAjBP,WAiBO,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"}

package/dist/components/list-box/ListBoxSection.js

@@ -0,0 +1,7 @@
+import ListBoxSection_vue_vue_type_script_setup_true_lang_default from "./ListBoxSection.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/list-box/ListBoxSection.vue
+var ListBoxSection_default = ListBoxSection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ListBoxSection_default as default };
+
+//# sourceMappingURL=ListBoxSection.js.map

package/dist/components/list-box/ListBoxSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.js","names":[],"sources":["../../../src/components/list-box/ListBoxSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ListboxGroup, ListboxGroupLabel } from 'reka-ui'\nimport { listboxSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n})\n\nconst sectionClass = computed(() =>\n  listboxSectionVariants()\n)\n</script>\n\n<template>\n  <ListboxGroup :class=\"sectionClass.base()\">\n    <ListboxGroupLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n    >\n      {{ props.title }}\n    </ListboxGroupLabel>\n    <slot />\n    <div\n      v-if=\"props.showDivider\"\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      data-slot=\"separator\"\n      data-orientation=\"horizontal\"\n      :class=\"sectionClass.separator()\"\n    />\n  </ListboxGroup>\n</template>\n"],"mappings":""}

package/dist/components/list-box/ListBoxSection.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { listboxSectionVariants } from "@auronui/styles";
+import { ListboxGroup, ListboxGroupLabel } from "reka-ui";
+//#region src/components/list-box/ListBoxSection.vue?vue&type=script&setup=true&lang.ts
+var ListBoxSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ListBoxSection",
+	props: {
+		title: { default: void 0 },
+		showDivider: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const sectionClass = computed(() => listboxSectionVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ListboxGroup), { class: normalizeClass(sectionClass.value.base()) }, {
+				default: withCtx(() => [
+					props.title ? (openBlock(), createBlock(unref(ListboxGroupLabel), {
+						key: 0,
+						class: normalizeClass(sectionClass.value.label())
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					props.showDivider ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						role: "separator",
+						"aria-orientation": "horizontal",
+						"data-slot": "separator",
+						"data-orientation": "horizontal",
+						class: normalizeClass(sectionClass.value.separator())
+					}, null, 2)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { ListBoxSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ListBoxSection.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/list-box/ListBoxSection.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBoxSection.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/list-box/ListBoxSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ListboxGroup, ListboxGroupLabel } from 'reka-ui'\nimport { listboxSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n})\n\nconst sectionClass = computed(() =>\n  listboxSectionVariants()\n)\n</script>\n\n<template>\n  <ListboxGroup :class=\"sectionClass.base()\">\n    <ListboxGroupLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n    >\n      {{ props.title }}\n    </ListboxGroupLabel>\n    <slot />\n    <div\n      v-if=\"props.showDivider\"\n      role=\"separator\"\n      aria-orientation=\"horizontal\"\n      data-slot=\"separator\"\n      data-orientation=\"horizontal\"\n      :class=\"sectionClass.separator()\"\n    />\n  </ListboxGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,eAAe,eACnB,wBAAuB,CACzB;;uBAIE,YAgBe,MAAA,aAAA,EAAA,EAhBA,OAAK,eAAE,aAAA,MAAa,MAAI,CAAA,EAAA,EAAA;2BAMjB;KAJZ,MAAM,SAAA,WAAA,EADd,YAKoB,MAAA,kBAAA,EAAA;;MAHjB,OAAK,eAAE,aAAA,MAAa,OAAK,CAAA;;6BAET,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;KAEhB,WAAQ,KAAA,QAAA,UAAA;KAEA,MAAM,eAAA,WAAA,EADd,mBAOE,OAAA;;MALA,MAAK;MACL,oBAAiB;MACjB,aAAU;MACV,oBAAiB;MAChB,OAAK,eAAE,aAAA,MAAa,WAAS,CAAA"}

package/dist/components/meter/Meter.js

@@ -0,0 +1,7 @@
+import Meter_vue_vue_type_script_setup_true_lang_default from "./Meter.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/meter/Meter.vue
+var Meter_default = Meter_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Meter_default as default };
+
+//# sourceMappingURL=Meter.js.map

package/dist/components/meter/Meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: string\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"slotFns.output()\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"slotFns.track()\"\n    >\n      <div\n        :class=\"slotFns.fill()\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/meter/Meter.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
+import { meterVariants } from "@auronui/styles";
+//#region src/components/meter/Meter.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"data-slot": "label"
+};
+var _hoisted_2 = [
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext",
+	"aria-label"
+];
+var Meter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Meter",
+	props: {
+		value: { default: 0 },
+		minValue: { default: 0 },
+		maxValue: { default: 100 },
+		label: {},
+		valueLabel: {},
+		showValueLabel: {
+			type: Boolean,
+			default: false
+		},
+		formatOptions: {},
+		size: {},
+		color: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const percentage = computed(() => {
+			const raw = (props.value - props.minValue) / (props.maxValue - props.minValue) * 100;
+			return Math.min(100, Math.max(0, raw));
+		});
+		const formattedValue = computed(() => {
+			if (props.valueLabel) return props.valueLabel;
+			if (props.formatOptions) return new Intl.NumberFormat(void 0, props.formatOptions).format(props.value);
+			return `${Math.round(percentage.value)}%`;
+		});
+		const slotFns = computed(() => meterVariants({
+			size: props.size,
+			color: props.color
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)) }, [
+				__props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				__props.showValueLabel ? (openBlock(), createElementBlock("output", {
+					key: 1,
+					class: normalizeClass(slotFns.value.output())
+				}, toDisplayString(formattedValue.value), 3)) : createCommentVNode("", true),
+				createElementVNode("div", {
+					role: "meter",
+					"aria-valuenow": __props.value,
+					"aria-valuemin": __props.minValue,
+					"aria-valuemax": __props.maxValue,
+					"aria-valuetext": formattedValue.value,
+					"aria-label": __props.label || "Meter",
+					class: normalizeClass(slotFns.value.track())
+				}, [createElementVNode("div", {
+					class: normalizeClass(slotFns.value.fill()),
+					style: normalizeStyle({ width: percentage.value + "%" })
+				}, null, 6)], 10, _hoisted_2)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { Meter_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Meter.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/meter/Meter.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Meter.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/meter/Meter.vue"],"sourcesContent":["<!--\n  Meter — A quantity indicator within a known range.\n\n  Implementation note: Although HTML provides a native <meter> element, it is\n  notoriously difficult to style cross-browser and does NOT reliably expose the\n  ARIA `meter` role to all assistive technologies. This component therefore uses\n  a <div role=\"meter\"> with explicit aria-valuenow / aria-valuemin / aria-valuemax\n  attributes, matching React's approach (React Aria's useMeter → div-based).\n  This is fully compliant with the ARIA 1.1 specification.\n-->\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { meterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  value?: number\n  minValue?: number\n  maxValue?: number\n  label?: string\n  valueLabel?: string\n  showValueLabel?: boolean\n  formatOptions?: Intl.NumberFormatOptions\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'default' | 'accent' | 'success' | 'warning' | 'danger'\n  class?: string\n}>(), {\n  value: 0,\n  minValue: 0,\n  maxValue: 100,\n  showValueLabel: false,\n})\n\nconst percentage = computed(() => {\n  const raw = ((props.value - props.minValue) / (props.maxValue - props.minValue)) * 100\n  return Math.min(100, Math.max(0, raw))\n})\n\nconst formattedValue = computed(() => {\n  if (props.valueLabel) return props.valueLabel\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(props.value)\n  }\n  return `${Math.round(percentage.value)}%`\n})\n\nconst slotFns = computed(() =>\n  meterVariants({\n    size: props.size,\n    color: props.color,\n  })\n)\n</script>\n\n<template>\n  <div :class=\"composeClassName(slotFns.base(), props.class)\">\n    <span\n      v-if=\"label\"\n      data-slot=\"label\"\n    >{{ label }}</span>\n    <output\n      v-if=\"showValueLabel\"\n      :class=\"slotFns.output()\"\n    >{{ formattedValue }}</output>\n    <div\n      role=\"meter\"\n      :aria-valuenow=\"value\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      :aria-valuetext=\"formattedValue\"\n      :aria-label=\"label || 'Meter'\"\n      :class=\"slotFns.track()\"\n    >\n      <div\n        :class=\"slotFns.fill()\"\n        :style=\"{ width: percentage + '%' }\"\n      />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAkBd,MAAM,aAAa,eAAe;GAChC,MAAM,OAAQ,MAAM,QAAQ,MAAM,aAAa,MAAM,WAAW,MAAM,YAAa;AACnF,UAAO,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,IAAI,CAAA;IACtC;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,MAAM,WAAY,QAAO,MAAM;AACnC,OAAI,MAAM,cACR,QAAO,IAAI,KAAK,aAAa,KAAA,GAAW,MAAM,cAAc,CAAC,OAAO,MAAM,MAAK;AAEjF,UAAO,GAAG,KAAK,MAAM,WAAW,MAAM,CAAC;IACxC;EAED,MAAM,UAAU,eACd,cAAc;GACZ,MAAM,MAAM;GACZ,OAAO,MAAM;GACd,CAAA,CACH;;uBAIE,mBAuBM,OAAA,EAvBA,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA;IAE/C,QAAA,SAAA,WAAA,EADR,mBAGmB,QAHnB,YAGmB,gBAAf,QAAA,MAAK,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAED,QAAA,kBAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,QAAA,MAAQ,QAAM,CAAA;uBACpB,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;IAClB,mBAaM,OAAA;KAZJ,MAAK;KACJ,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,iBAAe,QAAA;KACf,kBAAgB,eAAA;KAChB,cAAY,QAAA,SAAK;KACjB,OAAK,eAAE,QAAA,MAAQ,OAAK,CAAA;QAErB,mBAGE,OAAA;KAFC,OAAK,eAAE,QAAA,MAAQ,MAAI,CAAA;KACnB,OAAK,eAAA,EAAA,OAAW,WAAA,QAAU,KAAA,CAAA"}

package/dist/components/modal/Modal.js

@@ -0,0 +1,7 @@
+import Modal_vue_vue_type_script_lang_default from "./Modal.vue_vue_type_script_lang.js";
+//#region src/components/modal/Modal.vue
+var Modal_default = Modal_vue_vue_type_script_lang_default;
+//#endregion
+export { Modal_default as default };
+
+//# sourceMappingURL=Modal.js.map

package/dist/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":[],"sources":["../../../src/components/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { createContext } from '../../utils/context'\n\nexport interface ModalContext {\n  size: 'xs' | 'sm' | 'md' | 'lg' | 'full'\n  scroll: 'inside' | 'outside'\n  variant: 'opaque' | 'blur' | 'transparent'\n  placement: 'auto' | 'top' | 'center' | 'bottom'\n}\n\nexport const { useProvide: useModalProvide, useInject: useModalInject } =\n  createContext<ModalContext>('Modal')\n\nexport default defineComponent({\n  name: 'Modal',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    size: {\n      type: String as () => 'xs' | 'sm' | 'md' | 'lg' | 'full',\n      default: 'md',\n    },\n    scroll: {\n      type: String as () => 'inside' | 'outside',\n      default: 'inside',\n    },\n    variant: {\n      type: String as () => 'opaque' | 'blur' | 'transparent',\n      default: 'opaque',\n    },\n    placement: {\n      type: String as () => 'auto' | 'top' | 'center' | 'bottom',\n      default: 'auto',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    useModalProvide({\n      get size() { return props.size },\n      get scroll() { return props.scroll },\n      get variant() { return props.variant },\n      get placement() { return props.placement },\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}

package/dist/components/modal/Modal.vue_vue_type_script_lang.js

@@ -0,0 +1,69 @@
+import { createContext } from "../../utils/context.js";
+import { computed, defineComponent, h } from "vue";
+import { DialogRoot } from "reka-ui";
+//#region src/components/modal/Modal.vue?vue&type=script&lang.ts
+var { useProvide: useModalProvide, useInject: useModalInject } = createContext("Modal");
+var Modal_vue_vue_type_script_lang_default = defineComponent({
+	name: "Modal",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		size: {
+			type: String,
+			default: "md"
+		},
+		scroll: {
+			type: String,
+			default: "inside"
+		},
+		variant: {
+			type: String,
+			default: "opaque"
+		},
+		placement: {
+			type: String,
+			default: "auto"
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		useModalProvide({
+			get size() {
+				return props.size;
+			},
+			get scroll() {
+				return props.scroll;
+			},
+			get variant() {
+				return props.variant;
+			},
+			get placement() {
+				return props.placement;
+			}
+		});
+		const rootProps = computed(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				modal: props.modal,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			return p;
+		});
+		return () => h(DialogRoot, rootProps.value, slots);
+	}
+});
+//#endregion
+export { Modal_vue_vue_type_script_lang_default as default, useModalInject, useModalProvide };
+
+//# sourceMappingURL=Modal.vue_vue_type_script_lang.js.map

package/dist/components/modal/Modal.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/modal/Modal.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { DialogRoot } from 'reka-ui'\nimport { createContext } from '../../utils/context'\n\nexport interface ModalContext {\n  size: 'xs' | 'sm' | 'md' | 'lg' | 'full'\n  scroll: 'inside' | 'outside'\n  variant: 'opaque' | 'blur' | 'transparent'\n  placement: 'auto' | 'top' | 'center' | 'bottom'\n}\n\nexport const { useProvide: useModalProvide, useInject: useModalInject } =\n  createContext<ModalContext>('Modal')\n\nexport default defineComponent({\n  name: 'Modal',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    modal: { type: Boolean, default: true },\n    size: {\n      type: String as () => 'xs' | 'sm' | 'md' | 'lg' | 'full',\n      default: 'md',\n    },\n    scroll: {\n      type: String as () => 'inside' | 'outside',\n      default: 'inside',\n    },\n    variant: {\n      type: String as () => 'opaque' | 'blur' | 'transparent',\n      default: 'opaque',\n    },\n    placement: {\n      type: String as () => 'auto' | 'top' | 'center' | 'bottom',\n      default: 'auto',\n    },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    useModalProvide({\n      get size() { return props.size },\n      get scroll() { return props.scroll },\n      get variant() { return props.variant },\n      get placement() { return props.placement },\n    })\n\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        modal: props.modal,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      return p\n    })\n\n    return () => h(DialogRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;AAYA,IAAa,EAAE,YAAY,iBAAiB,WAAW,mBACrD,cAA4B,QAAO;AAErC,IAAA,yCAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,OAAO;GAAE,MAAM;GAAS,SAAS;GAAM;EACvC,MAAM;GACJ,MAAM;GACN,SAAS;GACV;EACD,QAAQ;GACN,MAAM;GACN,SAAS;GACV;EACD,SAAS;GACP,MAAM;GACN,SAAS;GACV;EACD,WAAW;GACT,MAAM;GACN,SAAS;GACV;EACF;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;AAC5B,kBAAgB;GACd,IAAI,OAAO;AAAE,WAAO,MAAM;;GAC1B,IAAI,SAAS;AAAE,WAAO,MAAM;;GAC5B,IAAI,UAAU;AAAE,WAAO,MAAM;;GAC7B,IAAI,YAAY;AAAE,WAAO,MAAM;;GAChC,CAAA;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,OAAO,MAAM;IACb,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AACA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,UAAO;IACR;AAED,eAAa,EAAE,YAAY,UAAU,OAAO,MAAK;;CAEpD,CAAA"}