@auronui/vue 1.0.0

package/dist/components/tabs/TabPanel.js

@@ -0,0 +1,7 @@
+import TabPanel_vue_vue_type_script_setup_true_lang_default from "./TabPanel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/TabPanel.vue
+var TabPanel_default = TabPanel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TabPanel_default as default };
+
+//# sourceMappingURL=TabPanel.js.map

package/dist/components/tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","names":[],"sources":["../../../src/components/tabs/TabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsContent } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  forceMount?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsContent\n    :value=\"props.value\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(ctx.slotFns.value.tabPanel(), props.class)\"\n  >\n    <slot />\n  </TabsContent>\n</template>\n"],"mappings":""}

package/dist/components/tabs/TabPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useTabsInject } from "./tabs.context.js";
+import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TabsContent } from "reka-ui";
+//#region src/components/tabs/TabPanel.vue?vue&type=script&setup=true&lang.ts
+var TabPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TabPanel",
+	props: {
+		value: {},
+		forceMount: { type: Boolean },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useTabsInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsContent), {
+				value: props.value,
+				"force-mount": props.forceMount,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.tabPanel(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"value",
+				"force-mount",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { TabPanel_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TabPanel.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tabs/TabPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/TabPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabsContent } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsInject } from './tabs.context'\n\nconst props = defineProps<{\n  value: string\n  forceMount?: boolean\n  class?: string\n}>()\n\nconst ctx = useTabsInject()\n</script>\n\n<template>\n  <TabsContent\n    :value=\"props.value\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(ctx.slotFns.value.tabPanel(), props.class)\"\n  >\n    <slot />\n  </TabsContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAMd,MAAM,MAAM,eAAc;;uBAIxB,YAMc,MAAA,YAAA,EAAA;IALX,OAAO,MAAM;IACb,eAAa,MAAM;IACnB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,UAAQ,EAAI,MAAM,MAAK,CAAA;;2BAE1D,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,7 @@
+import Tabs_vue_vue_type_script_setup_true_lang_default from "./Tabs.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tabs/Tabs.vue
+var Tabs_default = Tabs_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tabs_default as default };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"(v: string) => emit('update:modelValue', v)\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":""}

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useTabsProvide } from "./tabs.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, toRef, unref, withCtx } from "vue";
+import { tabsVariants } from "@auronui/styles";
+import { TabsRoot } from "reka-ui";
+//#region src/components/tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
+var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tabs",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		orientation: { default: "horizontal" },
+		variant: { default: "primary" },
+		activationMode: { default: "automatic" },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = computed(() => tabsVariants({ variant: props.variant }));
+		useTabsProvide({
+			slotFns,
+			orientation: toRef(props, "orientation")
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsRoot), {
+				"model-value": props.modelValue,
+				"default-value": props.defaultValue,
+				orientation: props.orientation,
+				"activation-mode": props.activationMode,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-orientation": props.orientation,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"model-value",
+				"default-value",
+				"orientation",
+				"activation-mode",
+				"class",
+				"data-orientation"
+			]);
+		};
+	}
+});
+//#endregion
+export { Tabs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tabs.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tabs/Tabs.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tabs/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef } from 'vue'\nimport { TabsRoot } from 'reka-ui'\nimport { tabsVariants, type TabsVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useTabsProvide } from './tabs.context'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  orientation?: 'horizontal' | 'vertical'\n  variant?: TabsVariants['variant']\n  activationMode?: 'automatic' | 'manual'\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  variant: 'primary',\n  activationMode: 'automatic',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst slotFns = computed(() => tabsVariants({ variant: props.variant }))\n\nuseTabsProvide({\n  slotFns,\n  orientation: toRef(props, 'orientation'),\n})\n</script>\n\n<template>\n  <TabsRoot\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :orientation=\"props.orientation\"\n    :activation-mode=\"props.activationMode\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"props.orientation\"\n    @update:model-value=\"(v: string) => emit('update:modelValue', v)\"\n  >\n    <slot />\n  </TabsRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,aAAa,EAAE,SAAS,MAAM,SAAS,CAAC,CAAA;AAEvE,iBAAe;GACb;GACA,aAAa,MAAM,OAAO,cAAc;GACzC,CAAA;;uBAIC,YAUW,MAAA,SAAA,EAAA;IATR,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,MAAM;IACxB,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAc,KAAI,qBAAsB,EAAC;;2BAEvD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tabs/tabs.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/tabs/tabs.context.ts
+var { useProvide: useTabsProvide, useInject: useTabsInject, key: tabsContextKey } = createContext("Tabs");
+//#endregion
+export { useTabsInject, useTabsProvide };
+
+//# sourceMappingURL=tabs.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.context.js","names":[],"sources":["../../../src/components/tabs/tabs.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { tabsVariants } from '@auronui/styles'\n\n// Return shape of tabsVariants({ variant }) — each key is a slot function that returns a string\nexport type TabsSlotFns = ReturnType<typeof tabsVariants>\n\nexport interface TabsContext {\n  slotFns: Ref<TabsSlotFns>\n  orientation: Ref<'horizontal' | 'vertical'>\n}\n\nexport const {\n  useProvide: useTabsProvide,\n  useInject: useTabsInject,\n  key: tabsContextKey,\n} = createContext<TabsContext>('Tabs')\n"],"mappings":";;AAYA,IAAa,EACX,YAAY,gBACZ,WAAW,eACX,KAAK,mBACH,cAA2B,OAAO"}

package/dist/components/tag/Tag.js

@@ -0,0 +1,7 @@
+import Tag_vue_vue_type_script_setup_true_lang_default from "./Tag.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tag/Tag.vue
+var Tag_default = Tag_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tag_default as default };
+
+//# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":[],"sources":["../../../src/components/tag/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { TagsInputItem } from 'reka-ui'\nimport { tagVariants, type TagVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { tagGroupContextKey } from '../tag-group/TagGroup.context'\nimport TagText from './TagText.vue'\nimport TagDelete from './TagDelete.vue'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  /** Override group-level read-only; when true, delete button is hidden */\n  isReadOnly?: boolean\n  variant?: TagVariants['variant']\n  size?: TagVariants['size']\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  isReadOnly: undefined,\n  variant: undefined,\n  size: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  remove: [value: string]\n}>()\n\n// Inject group context — graceful fallback (Tag can be used standalone)\nconst groupCtx = inject(tagGroupContextKey, null)\n\nconst resolvedVariant = computed(\n  () => props.variant ?? groupCtx?.variant.value ?? 'default',\n)\nconst resolvedSize = computed(\n  () => props.size ?? groupCtx?.size.value ?? 'md',\n)\nconst resolvedIsDisabled = computed(\n  () => props.isDisabled ?? groupCtx?.isDisabled.value ?? false,\n)\nconst resolvedReadOnly = computed(\n  () => props.isReadOnly ?? groupCtx?.readOnly.value ?? false,\n)\n\nconst slotFns = computed(() =>\n  tagVariants({\n    variant: resolvedVariant.value,\n    size: resolvedSize.value,\n  }),\n)\n\nconst showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value)\n\nfunction onRemove() {\n  emit('remove', props.value)\n}\n</script>\n\n<template>\n  <TagsInputItem\n    :value=\"value\"\n    :disabled=\"resolvedIsDisabled || undefined\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"tag\"\n  >\n    <TagText>\n      <slot>{{ textValue ?? value }}</slot>\n    </TagText>\n    <TagDelete\n      v-if=\"showDelete\"\n      @remove=\"onRemove\"\n    />\n  </TagsInputItem>\n</template>\n"],"mappings":""}

package/dist/components/tag/Tag.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { tagGroupContextKey } from "../tag-group/TagGroup.context.js";
+import TagText_default from "./TagText.js";
+import TagDelete_default from "./TagDelete.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { tagVariants } from "@auronui/styles";
+import { TagsInputItem } from "reka-ui";
+//#region src/components/tag/Tag.vue?vue&type=script&setup=true&lang.ts
+var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tag",
+	props: {
+		value: {},
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		isReadOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		variant: { default: void 0 },
+		size: { default: void 0 },
+		class: { default: void 0 }
+	},
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const groupCtx = inject(tagGroupContextKey, null);
+		const resolvedVariant = computed(() => props.variant ?? groupCtx?.variant.value ?? "default");
+		const resolvedSize = computed(() => props.size ?? groupCtx?.size.value ?? "md");
+		const resolvedIsDisabled = computed(() => props.isDisabled ?? groupCtx?.isDisabled.value ?? false);
+		const resolvedReadOnly = computed(() => props.isReadOnly ?? groupCtx?.readOnly.value ?? false);
+		const slotFns = computed(() => tagVariants({
+			variant: resolvedVariant.value,
+			size: resolvedSize.value
+		}));
+		const showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value);
+		function onRemove() {
+			emit("remove", props.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TagsInputItem), {
+				value: __props.value,
+				disabled: resolvedIsDisabled.value || void 0,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-slot": "tag"
+			}, {
+				default: withCtx(() => [createVNode(TagText_default, null, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.textValue ?? __props.value), 1)])]),
+					_: 3
+				}), showDelete.value ? (openBlock(), createBlock(TagDelete_default, {
+					key: 0,
+					onRemove
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Tag_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tag.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tag/Tag.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { TagsInputItem } from 'reka-ui'\nimport { tagVariants, type TagVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { tagGroupContextKey } from '../tag-group/TagGroup.context'\nimport TagText from './TagText.vue'\nimport TagDelete from './TagDelete.vue'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  /** Override group-level read-only; when true, delete button is hidden */\n  isReadOnly?: boolean\n  variant?: TagVariants['variant']\n  size?: TagVariants['size']\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: undefined,\n  isReadOnly: undefined,\n  variant: undefined,\n  size: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  remove: [value: string]\n}>()\n\n// Inject group context — graceful fallback (Tag can be used standalone)\nconst groupCtx = inject(tagGroupContextKey, null)\n\nconst resolvedVariant = computed(\n  () => props.variant ?? groupCtx?.variant.value ?? 'default',\n)\nconst resolvedSize = computed(\n  () => props.size ?? groupCtx?.size.value ?? 'md',\n)\nconst resolvedIsDisabled = computed(\n  () => props.isDisabled ?? groupCtx?.isDisabled.value ?? false,\n)\nconst resolvedReadOnly = computed(\n  () => props.isReadOnly ?? groupCtx?.readOnly.value ?? false,\n)\n\nconst slotFns = computed(() =>\n  tagVariants({\n    variant: resolvedVariant.value,\n    size: resolvedSize.value,\n  }),\n)\n\nconst showDelete = computed(() => !resolvedReadOnly.value && !resolvedIsDisabled.value)\n\nfunction onRemove() {\n  emit('remove', props.value)\n}\n</script>\n\n<template>\n  <TagsInputItem\n    :value=\"value\"\n    :disabled=\"resolvedIsDisabled || undefined\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    data-slot=\"tag\"\n  >\n    <TagText>\n      <slot>{{ textValue ?? value }}</slot>\n    </TagText>\n    <TagDelete\n      v-if=\"showDelete\"\n      @remove=\"onRemove\"\n    />\n  </TagsInputItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EASA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAKb,MAAM,WAAW,OAAO,oBAAoB,KAAI;EAEhD,MAAM,kBAAkB,eAChB,MAAM,WAAW,UAAU,QAAQ,SAAS,UACpD;EACA,MAAM,eAAe,eACb,MAAM,QAAQ,UAAU,KAAK,SAAS,KAC9C;EACA,MAAM,qBAAqB,eACnB,MAAM,cAAc,UAAU,WAAW,SAAS,MAC1D;EACA,MAAM,mBAAmB,eACjB,MAAM,cAAc,UAAU,SAAS,SAAS,MACxD;EAEA,MAAM,UAAU,eACd,YAAY;GACV,SAAS,gBAAgB;GACzB,MAAM,aAAa;GACpB,CAAC,CACJ;EAEA,MAAM,aAAa,eAAe,CAAC,iBAAiB,SAAS,CAAC,mBAAmB,MAAK;EAEtF,SAAS,WAAW;AAClB,QAAK,UAAU,MAAM,MAAK;;;uBAK1B,YAagB,MAAA,cAAA,EAAA;IAZb,OAAO,QAAA;IACP,UAAU,mBAAA,SAAsB,KAAA;IAChC,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACpD,aAAU;;2BAIA,CAFV,YAEU,iBAAA,MAAA;4BAD6B,CAArC,WAAqC,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,gBAAA,gBAA5B,QAAA,aAAa,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;QAGrB,WAAA,SAAA,WAAA,EADR,YAGE,mBAAA;;KADS"}

package/dist/components/tag/TagDelete.js

@@ -0,0 +1,7 @@
+import TagDelete_vue_vue_type_script_setup_true_lang_default from "./TagDelete.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tag/TagDelete.vue
+var TagDelete_default = TagDelete_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TagDelete_default as default };
+
+//# sourceMappingURL=TagDelete.js.map

package/dist/components/tag/TagDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDelete.js","names":[],"sources":["../../../src/components/tag/TagDelete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemDelete } from 'reka-ui'\nimport { tagVariants } from '@auronui/styles'\n\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nconst slots = tagVariants()\n\nfunction handleClick() {\n  emit('remove')\n}\n</script>\n\n<template>\n  <TagsInputItemDelete\n    :class=\"slots.removeButton()\"\n    aria-label=\"Remove tag\"\n    @click=\"handleClick\"\n  >\n    <slot>\n      <!-- Default X icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </slot>\n  </TagsInputItemDelete>\n</template>\n"],"mappings":""}

package/dist/components/tag/TagDelete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,49 @@
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { tagVariants } from "@auronui/styles";
+import { TagsInputItemDelete } from "reka-ui";
+//#region src/components/tag/TagDelete.vue?vue&type=script&setup=true&lang.ts
+var TagDelete_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TagDelete",
+	emits: ["remove"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const slots = tagVariants();
+		function handleClick() {
+			emit("remove");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TagsInputItemDelete), {
+				class: normalizeClass(unref(slots).removeButton()),
+				"aria-label": "Remove tag",
+				onClick: handleClick
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					viewBox: "0 0 24 24",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true",
+					focusable: "false"
+				}, [createElementVNode("line", {
+					x1: "18",
+					y1: "6",
+					x2: "6",
+					y2: "18"
+				}), createElementVNode("line", {
+					x1: "6",
+					y1: "6",
+					x2: "18",
+					y2: "18"
+				})], -1))])]),
+				_: 3
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { TagDelete_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TagDelete.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tag/TagDelete.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagDelete.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/TagDelete.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemDelete } from 'reka-ui'\nimport { tagVariants } from '@auronui/styles'\n\nconst emit = defineEmits<{\n  remove: []\n}>()\n\nconst slots = tagVariants()\n\nfunction handleClick() {\n  emit('remove')\n}\n</script>\n\n<template>\n  <TagsInputItemDelete\n    :class=\"slots.removeButton()\"\n    aria-label=\"Remove tag\"\n    @click=\"handleClick\"\n  >\n    <slot>\n      <!-- Default X icon -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <line\n          x1=\"18\"\n          y1=\"6\"\n          x2=\"6\"\n          y2=\"18\"\n        />\n        <line\n          x1=\"6\"\n          y1=\"6\"\n          x2=\"18\"\n          y2=\"18\"\n        />\n      </svg>\n    </slot>\n  </TagsInputItemDelete>\n</template>\n"],"mappings":";;;;;;;;EAIA,MAAM,OAAO;EAIb,MAAM,QAAQ,aAAY;EAE1B,SAAS,cAAc;AACrB,QAAK,SAAQ;;;uBAKb,YAgCsB,MAAA,oBAAA,EAAA;IA/BnB,OAAK,eAAE,MAAA,MAAK,CAAC,cAAY,CAAA;IAC1B,cAAW;IACV,SAAO;;2BA4BD,CA1BP,WA0BO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAxBL,mBAuBM,OAAA;KAtBJ,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,eAAY;KACZ,WAAU;QAEV,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG;QAEL,mBAKE,QAAA;KAJA,IAAG;KACH,IAAG;KACH,IAAG;KACH,IAAG"}

package/dist/components/tag/TagText.js

@@ -0,0 +1,7 @@
+import TagText_vue_vue_type_script_setup_true_lang_default from "./TagText.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tag/TagText.vue
+var TagText_default = TagText_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TagText_default as default };
+
+//# sourceMappingURL=TagText.js.map

package/dist/components/tag/TagText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagText.js","names":[],"sources":["../../../src/components/tag/TagText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemText } from 'reka-ui'\n</script>\n\n<template>\n  <TagsInputItemText>\n    <slot />\n  </TagsInputItemText>\n</template>\n"],"mappings":""}

package/dist/components/tag/TagText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TagsInputItemText } from "reka-ui";
+//#region src/components/tag/TagText.vue?vue&type=script&setup=true&lang.ts
+var TagText_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TagText",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TagsInputItemText), null, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { TagText_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TagText.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tag/TagText.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagText.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag/TagText.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TagsInputItemText } from 'reka-ui'\n</script>\n\n<template>\n  <TagsInputItemText>\n    <slot />\n  </TagsInputItemText>\n</template>\n"],"mappings":";;;;;;;uBAKE,YAEoB,MAAA,kBAAA,EAAA,MAAA;2BADV,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tag-group/TagGroup.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/tag-group/TagGroup.context.ts
+var { useProvide: useTagGroupProvide, useInject: useTagGroupInject, key: tagGroupContextKey } = createContext("TagGroup");
+//#endregion
+export { tagGroupContextKey, useTagGroupInject, useTagGroupProvide };
+
+//# sourceMappingURL=TagGroup.context.js.map

package/dist/components/tag-group/TagGroup.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.context.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\nimport type { TagVariants } from '@auronui/styles'\n\nexport interface TagGroupContext {\n  variant: Ref<TagVariants['variant']>\n  size: Ref<TagVariants['size']>\n  isDisabled: Ref<boolean>\n  readOnly: Ref<boolean>\n}\n\nexport const {\n  useProvide: useTagGroupProvide,\n  useInject: useTagGroupInject,\n  key: tagGroupContextKey,\n} = createContext<TagGroupContext>('TagGroup')\n"],"mappings":";;AAWA,IAAa,EACX,YAAY,oBACZ,WAAW,mBACX,KAAK,uBACH,cAA+B,WAAW"}

package/dist/components/tag-group/TagGroup.js

@@ -0,0 +1,7 @@
+import TagGroup_vue_vue_type_script_setup_true_lang_default from "./TagGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tag-group/TagGroup.vue
+var TagGroup_default = TagGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TagGroup_default as default };
+
+//# sourceMappingURL=TagGroup.js.map

package/dist/components/tag-group/TagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef, useId } from 'vue'\nimport { TagsInputRoot } from 'reka-ui'\nimport { tagGroupVariants, type TagVariants } from '@auronui/styles'\nimport { useTagGroupProvide } from './TagGroup.context'\nimport TagGroupInput from './TagGroupInput.vue'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string[]\n  defaultValue?: string[]\n  label?: string\n  placeholder?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  readOnly?: boolean\n  isRequired?: boolean\n  allowsDuplicates?: boolean\n  maxTags?: number\n  delimiter?: string | RegExp\n  variant?: TagVariants['variant']\n  size?: TagVariants['size']\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: () => [],\n  label: undefined,\n  placeholder: 'Add a tag',\n  description: undefined,\n  errorMessage: undefined,\n  isInvalid: false,\n  isDisabled: false,\n  readOnly: false,\n  isRequired: false,\n  allowsDuplicates: false,\n  maxTags: undefined,\n  delimiter: ',',\n  variant: 'default',\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n  'add': [value: string]\n  'remove': [value: string]\n  'invalid': [value: string]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = tagGroupVariants()\n\n// Provide context to child Tag components\nuseTagGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  isDisabled: toRef(props, 'isDisabled'),\n  readOnly: toRef(props, 'readOnly'),\n})\n\nfunction onUpdateModelValue(value: string[]) {\n  emit('update:modelValue', value)\n}\n</script>\n\n<template>\n  <div\n    :class=\"slotFns.base()\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-required=\"props.isRequired || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.readOnly || undefined\"\n    data-slot=\"tag-group\"\n  >\n    <!-- Label -->\n    <label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"text-sm font-medium text-default-foreground w-fit\"\n      data-slot=\"label\"\n    >\n      {{ props.label }}\n      <span\n        v-if=\"props.isRequired\"\n        aria-hidden=\"true\"\n      > *</span>\n    </label>\n\n    <!-- TagsInput root from Reka UI -->\n    <TagsInputRoot\n      :model-value=\"props.modelValue\"\n      :default-value=\"props.defaultValue\"\n      :disabled=\"props.isDisabled\"\n      :max=\"props.maxTags ?? 0\"\n      :delimiter=\"props.delimiter\"\n      :duplicate=\"props.allowsDuplicates\"\n      :aria-labelledby=\"props.label ? labelId : undefined\"\n      :aria-invalid=\"props.isInvalid || undefined\"\n      :aria-required=\"props.isRequired || undefined\"\n      :class=\"slotFns.list()\"\n      @update:model-value=\"onUpdateModelValue\"\n    >\n      <!-- Slotted Tag components -->\n      <slot />\n\n      <!-- Embedded input — hidden when readOnly -->\n      <TagGroupInput\n        v-if=\"!props.readOnly\"\n        :placeholder=\"props.placeholder\"\n      />\n    </TagsInputRoot>\n\n    <!-- Helper text area -->\n    <div\n      v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n      class=\"flex flex-col gap-0.5 px-1\"\n      data-slot=\"helper-wrapper\"\n    >\n      <p\n        v-if=\"props.isInvalid && props.errorMessage\"\n        class=\"text-sm text-danger\"\n        data-slot=\"error-message\"\n        aria-live=\"polite\"\n      >\n        {{ props.errorMessage }}\n      </p>\n      <p\n        v-else-if=\"props.description\"\n        class=\"text-sm text-default-400\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,142 @@
+import { useTagGroupProvide } from "./TagGroup.context.js";
+import TagGroupInput_default from "./TagGroupInput.js";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, toRef, unref, useId, withCtx } from "vue";
+import { tagGroupVariants } from "@auronui/styles";
+import { TagsInputRoot } from "reka-ui";
+//#region src/components/tag-group/TagGroup.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-invalid",
+	"data-required",
+	"data-disabled",
+	"data-readonly"
+];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "flex flex-col gap-0.5 px-1",
+	"data-slot": "helper-wrapper"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "text-sm text-danger",
+	"data-slot": "error-message",
+	"aria-live": "polite"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "text-sm text-default-400",
+	"data-slot": "description"
+};
+var TagGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TagGroup",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: () => [] },
+		label: { default: void 0 },
+		placeholder: { default: "Add a tag" },
+		description: { default: void 0 },
+		errorMessage: { default: void 0 },
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		readOnly: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		allowsDuplicates: {
+			type: Boolean,
+			default: false
+		},
+		maxTags: { default: void 0 },
+		delimiter: { default: "," },
+		variant: { default: "default" },
+		size: { default: "md" },
+		class: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"add",
+		"remove",
+		"invalid"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const labelId = useId();
+		const slotFns = tagGroupVariants();
+		useTagGroupProvide({
+			variant: toRef(props, "variant"),
+			size: toRef(props, "size"),
+			isDisabled: toRef(props, "isDisabled"),
+			readOnly: toRef(props, "readOnly")
+		});
+		function onUpdateModelValue(value) {
+			emit("update:modelValue", value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(slotFns).base()),
+				"data-invalid": props.isInvalid || void 0,
+				"data-required": props.isRequired || void 0,
+				"data-disabled": props.isDisabled || void 0,
+				"data-readonly": props.readOnly || void 0,
+				"data-slot": "tag-group"
+			}, [
+				props.label ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					id: unref(labelId),
+					class: "text-sm font-medium text-default-foreground w-fit",
+					"data-slot": "label"
+				}, [createTextVNode(toDisplayString(props.label) + " ", 1), props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 8, _hoisted_2)) : createCommentVNode("", true),
+				createVNode(unref(TagsInputRoot), {
+					"model-value": props.modelValue,
+					"default-value": props.defaultValue,
+					disabled: props.isDisabled,
+					max: props.maxTags ?? 0,
+					delimiter: props.delimiter,
+					duplicate: props.allowsDuplicates,
+					"aria-labelledby": props.label ? unref(labelId) : void 0,
+					"aria-invalid": props.isInvalid || void 0,
+					"aria-required": props.isRequired || void 0,
+					class: normalizeClass(unref(slotFns).list()),
+					"onUpdate:modelValue": onUpdateModelValue
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default"), !props.readOnly ? (openBlock(), createBlock(TagGroupInput_default, {
+						key: 0,
+						placeholder: props.placeholder
+					}, null, 8, ["placeholder"])) : createCommentVNode("", true)]),
+					_: 3
+				}, 8, [
+					"model-value",
+					"default-value",
+					"disabled",
+					"max",
+					"delimiter",
+					"duplicate",
+					"aria-labelledby",
+					"aria-invalid",
+					"aria-required",
+					"class"
+				]),
+				props.description || props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_4, [props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(props.errorMessage), 1)) : props.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { TagGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TagGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tag-group/TagGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag-group/TagGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef, useId } from 'vue'\nimport { TagsInputRoot } from 'reka-ui'\nimport { tagGroupVariants, type TagVariants } from '@auronui/styles'\nimport { useTagGroupProvide } from './TagGroup.context'\nimport TagGroupInput from './TagGroupInput.vue'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string[]\n  defaultValue?: string[]\n  label?: string\n  placeholder?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  readOnly?: boolean\n  isRequired?: boolean\n  allowsDuplicates?: boolean\n  maxTags?: number\n  delimiter?: string | RegExp\n  variant?: TagVariants['variant']\n  size?: TagVariants['size']\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: () => [],\n  label: undefined,\n  placeholder: 'Add a tag',\n  description: undefined,\n  errorMessage: undefined,\n  isInvalid: false,\n  isDisabled: false,\n  readOnly: false,\n  isRequired: false,\n  allowsDuplicates: false,\n  maxTags: undefined,\n  delimiter: ',',\n  variant: 'default',\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string[]]\n  'add': [value: string]\n  'remove': [value: string]\n  'invalid': [value: string]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = tagGroupVariants()\n\n// Provide context to child Tag components\nuseTagGroupProvide({\n  variant: toRef(props, 'variant'),\n  size: toRef(props, 'size'),\n  isDisabled: toRef(props, 'isDisabled'),\n  readOnly: toRef(props, 'readOnly'),\n})\n\nfunction onUpdateModelValue(value: string[]) {\n  emit('update:modelValue', value)\n}\n</script>\n\n<template>\n  <div\n    :class=\"slotFns.base()\"\n    :data-invalid=\"props.isInvalid || undefined\"\n    :data-required=\"props.isRequired || undefined\"\n    :data-disabled=\"props.isDisabled || undefined\"\n    :data-readonly=\"props.readOnly || undefined\"\n    data-slot=\"tag-group\"\n  >\n    <!-- Label -->\n    <label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      class=\"text-sm font-medium text-default-foreground w-fit\"\n      data-slot=\"label\"\n    >\n      {{ props.label }}\n      <span\n        v-if=\"props.isRequired\"\n        aria-hidden=\"true\"\n      > *</span>\n    </label>\n\n    <!-- TagsInput root from Reka UI -->\n    <TagsInputRoot\n      :model-value=\"props.modelValue\"\n      :default-value=\"props.defaultValue\"\n      :disabled=\"props.isDisabled\"\n      :max=\"props.maxTags ?? 0\"\n      :delimiter=\"props.delimiter\"\n      :duplicate=\"props.allowsDuplicates\"\n      :aria-labelledby=\"props.label ? labelId : undefined\"\n      :aria-invalid=\"props.isInvalid || undefined\"\n      :aria-required=\"props.isRequired || undefined\"\n      :class=\"slotFns.list()\"\n      @update:model-value=\"onUpdateModelValue\"\n    >\n      <!-- Slotted Tag components -->\n      <slot />\n\n      <!-- Embedded input — hidden when readOnly -->\n      <TagGroupInput\n        v-if=\"!props.readOnly\"\n        :placeholder=\"props.placeholder\"\n      />\n    </TagsInputRoot>\n\n    <!-- Helper text area -->\n    <div\n      v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n      class=\"flex flex-col gap-0.5 px-1\"\n      data-slot=\"helper-wrapper\"\n    >\n      <p\n        v-if=\"props.isInvalid && props.errorMessage\"\n        class=\"text-sm text-danger\"\n        data-slot=\"error-message\"\n        aria-live=\"polite\"\n      >\n        {{ props.errorMessage }}\n      </p>\n      <p\n        v-else-if=\"props.description\"\n        class=\"text-sm text-default-400\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAoCd,MAAM,OAAO;EAOb,MAAM,UAAU,OAAM;EAEtB,MAAM,UAAU,kBAAiB;AAGjC,qBAAmB;GACjB,SAAS,MAAM,OAAO,UAAU;GAChC,MAAM,MAAM,OAAO,OAAO;GAC1B,YAAY,MAAM,OAAO,aAAa;GACtC,UAAU,MAAM,OAAO,WAAW;GACnC,CAAA;EAED,SAAS,mBAAmB,OAAiB;AAC3C,QAAK,qBAAqB,MAAK;;;uBAK/B,mBAoEM,OAAA;IAnEH,OAAK,eAAE,MAAA,QAAO,CAAC,MAAI,CAAA;IACnB,gBAAc,MAAM,aAAa,KAAA;IACjC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,cAAc,KAAA;IACnC,iBAAe,MAAM,YAAY,KAAA;IAClC,aAAU;;IAIF,MAAM,SAAA,WAAA,EADd,mBAWQ,SAAA;;KATL,IAAI,MAAA,QAAO;KACZ,OAAM;KACN,aAAU;wCAEP,MAAM,MAAK,GAAG,KACjB,EAAA,EACQ,MAAM,cAAA,WAAA,EADd,mBAGU,QAHV,YAGC,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAIL,YAqBgB,MAAA,cAAA,EAAA;KApBb,eAAa,MAAM;KACnB,iBAAe,MAAM;KACrB,UAAU,MAAM;KAChB,KAAK,MAAM,WAAO;KAClB,WAAW,MAAM;KACjB,WAAW,MAAM;KACjB,mBAAiB,MAAM,QAAQ,MAAA,QAAO,GAAG,KAAA;KACzC,gBAAc,MAAM,aAAa,KAAA;KACjC,iBAAe,MAAM,cAAc,KAAA;KACnC,OAAK,eAAE,MAAA,QAAO,CAAC,MAAI,CAAA;KACnB,uBAAoB;;4BAGb,CAAR,WAAQ,KAAA,QAAA,UAAA,EAAA,CAIC,MAAM,YAAA,WAAA,EADf,YAGE,uBAAA;;MADC,aAAa,MAAM;;;;;;;;;;;;;;;IAMhB,MAAM,eAAgB,MAAM,aAAa,MAAM,gBAAA,WAAA,EADvD,mBAoBM,OApBN,YAoBM,CAdI,MAAM,aAAa,MAAM,gBAAA,WAAA,EADjC,mBAOI,KAPJ,YAOI,gBADC,MAAM,aAAY,EAAA,EAAA,IAGV,MAAM,eAAA,WAAA,EADnB,mBAMI,KANJ,YAMI,gBADC,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/tag-group/TagGroupInput.js

@@ -0,0 +1,7 @@
+import TagGroupInput_vue_vue_type_script_setup_true_lang_default from "./TagGroupInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tag-group/TagGroupInput.vue
+var TagGroupInput_default = TagGroupInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TagGroupInput_default as default };
+
+//# sourceMappingURL=TagGroupInput.js.map

package/dist/components/tag-group/TagGroupInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroupInput.js","names":[],"sources":["../../../src/components/tag-group/TagGroupInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { TagsInputInput } from 'reka-ui'\nimport { useTagGroupInject } from './TagGroup.context'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\n// Inject group context to get disabled state\nconst ctx = useTagGroupInject({ variant: computed(() => 'default'), size: computed(() => 'md'), isDisabled: computed(() => false), readOnly: computed(() => false) })\n\nconst isDisabled = computed(() => ctx.isDisabled.value)\n</script>\n\n<template>\n  <TagsInputInput\n    :placeholder=\"placeholder\"\n    :disabled=\"isDisabled || undefined\"\n    :class=\"props.class\"\n    data-slot=\"input\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/tag-group/TagGroupInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { useTagGroupInject } from "./TagGroup.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
+import { TagsInputInput } from "reka-ui";
+//#region src/components/tag-group/TagGroupInput.vue?vue&type=script&setup=true&lang.ts
+var TagGroupInput_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TagGroupInput",
+	props: {
+		placeholder: { default: void 0 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useTagGroupInject({
+			variant: computed(() => "default"),
+			size: computed(() => "md"),
+			isDisabled: computed(() => false),
+			readOnly: computed(() => false)
+		});
+		const isDisabled = computed(() => ctx.isDisabled.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TagsInputInput), {
+				placeholder: __props.placeholder,
+				disabled: isDisabled.value || void 0,
+				class: normalizeClass(props.class),
+				"data-slot": "input"
+			}, null, 8, [
+				"placeholder",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { TagGroupInput_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TagGroupInput.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tag-group/TagGroupInput.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroupInput.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tag-group/TagGroupInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { TagsInputInput } from 'reka-ui'\nimport { useTagGroupInject } from './TagGroup.context'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\n// Inject group context to get disabled state\nconst ctx = useTagGroupInject({ variant: computed(() => 'default'), size: computed(() => 'md'), isDisabled: computed(() => false), readOnly: computed(() => false) })\n\nconst isDisabled = computed(() => ctx.isDisabled.value)\n</script>\n\n<template>\n  <TagsInputInput\n    :placeholder=\"placeholder\"\n    :disabled=\"isDisabled || undefined\"\n    :class=\"props.class\"\n    data-slot=\"input\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EASd,MAAM,MAAM,kBAAkB;GAAE,SAAS,eAAe,UAAU;GAAE,MAAM,eAAe,KAAK;GAAE,YAAY,eAAe,MAAM;GAAE,UAAU,eAAe,MAAM;GAAE,CAAA;EAEpK,MAAM,aAAa,eAAe,IAAI,WAAW,MAAK;;uBAIpD,YAKE,MAAA,eAAA,EAAA;IAJC,aAAa,QAAA;IACb,UAAU,WAAA,SAAc,KAAA;IACxB,OAAK,eAAE,MAAM,MAAK;IACnB,aAAU"}

package/dist/components/text/Text.js

@@ -0,0 +1,7 @@
+import Text_vue_vue_type_script_setup_true_lang_default from "./Text.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/text/Text.vue
+var Text_default = Text_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Text_default as default };
+
+//# sourceMappingURL=Text.js.map

package/dist/components/text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/text/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { textVariants, type TextVariants } from \"@auronui/styles\";\nimport { composeClassName } from \"../../utils/composeClassName\";\n\nconst props = withDefaults(\n  defineProps<{\n    as?: string;\n    size?: TextVariants[\"size\"];\n    variant?: TextVariants[\"variant\"];\n    class?: string;\n  }>(),\n  {\n    as: \"p\",\n    size: \"base\",\n    variant: \"default\",\n  },\n);\n\nconst classes = computed(() =>\n  composeClassName(\n    textVariants({ size: props.size, variant: props.variant }),\n    props.class,\n  ),\n);\n</script>\n\n<template>\n  <component\n    :is=\"props.as\"\n    :class=\"classes\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":""}