@auronui/vue 1.0.20 → 1.0.22

package/dist/components/toolbar/ToolbarLink.vue_vue_type_script_setup_true_lang.js

@@ -6,18 +6,27 @@ var ToolbarLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	__name: "ToolbarLink",
 	props: {
 		href: {},
-		class: {}
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(ToolbarLink), {
 				href: props.href,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)("link", props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["href", "class"]);
+			}, 8, [
+				"href",
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/toolbar/ToolbarLink.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarLink as RekaToolbarLink } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  href?: string\n  class?: string\n}>()\n</script>\n\n<template>\n  <RekaToolbarLink\n    :href=\"props.href\"\n    :class=\"composeClassName('link', props.class)\"\n  >\n    <slot />\n  </RekaToolbarLink>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;;uBAOZ,YAKkB,MAAA,YAAA,EAAA;IAJf,MAAM,MAAM;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAA,QAAS,MAAM,MAAK,CAAA;;2BAEpC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"ToolbarLink.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarLink as RekaToolbarLink } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  href?: string\n  class?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n</script>\n\n<template>\n  <RekaToolbarLink\n    :href=\"props.href\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName('link', props.class)\"\n  >\n    <slot />\n  </RekaToolbarLink>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAIA,MAAM,QAAQ;;uBAWZ,YAOkB,MAAA,YAAA,EAAA;IANf,MAAM,MAAM;IACZ,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAA,QAAS,MAAM,MAAK,CAAA;;2BAEpC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarSeparator.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToolbarSeparator.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{\n  class?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarSeparator.vue_vue_type_script_setup_true_lang.js

@@ -5,13 +5,25 @@ import { ToolbarSeparator } from "reka-ui";
 //#region src/components/toolbar/ToolbarSeparator.vue?vue&type=script&setup=true&lang.ts
 var ToolbarSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ToolbarSeparator",
-	props: { class: {} },
+	props: {
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
+	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useToolbarInject({ orientation: computed(() => "horizontal") });
 		const separatorClass = computed(() => ctx.orientation.value === "vertical" ? "separator separator--horizontal" : "separator separator--vertical");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ToolbarSeparator), { class: normalizeClass(unref(composeClassName)(separatorClass.value, props.class)) }, null, 8, ["class"]);
+			return openBlock(), createBlock(unref(ToolbarSeparator), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(separatorClass.value, props.class))
+			}, null, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/toolbar/ToolbarSeparator.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{ class?: string }>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;EAMA,MAAM,QAAQ;EAEd,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EAEnF,MAAM,iBAAiB,eACrB,IAAI,YAAY,UAAU,aAAa,oCAAoC,gCAC7E;;uBAIE,YAA+E,MAAA,iBAAA,EAAA,EAAxD,OAAK,eAAE,MAAA,iBAAgB,CAAC,eAAA,OAAgB,MAAM,MAAK,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"ToolbarSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarSeparator as RekaToolbarSeparator } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\n\nconst props = defineProps<{\n  class?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\n\nconst separatorClass = computed(() =>\n  ctx.orientation.value === 'vertical' ? 'separator separator--horizontal' : 'separator separator--vertical'\n)\n</script>\n\n<template>\n  <RekaToolbarSeparator :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(separatorClass, props.class)\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EAEnF,MAAM,iBAAiB,eACrB,IAAI,YAAY,UAAU,aAAa,oCAAoC,gCAC7E;;uBAIE,YAAwH,MAAA,iBAAA,EAAA;IAAjG,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAE,MAAA,iBAAgB,CAAC,eAAA,OAAgB,MAAM,MAAK,CAAA"}

package/dist/components/toolbar/ToolbarToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToolbarToggleGroup.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n  /** Whether to use roving focus for keyboard navigation */\n  rovingFocus?: boolean\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether keyboard navigation loops around */\n  loop?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n  /** Form field name */\n  name?: string\n  /** Whether a value is required */\n  required?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :roving-focus=\"props.rovingFocus\"\n    :dir=\"props.dir\"\n    :loop=\"props.loop\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :name=\"props.name\"\n    :required=\"props.required\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js

@@ -15,7 +15,14 @@ var ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		orientation: {},
 		isDetached: { type: Boolean },
 		class: {},
-		items: {}
+		items: {},
+		rovingFocus: { type: Boolean },
+		dir: {},
+		loop: { type: Boolean },
+		as: {},
+		asChild: { type: Boolean },
+		name: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
@@ -33,6 +40,13 @@ var ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				"model-value": props.modelValue,
 				"default-value": props.defaultValue,
 				disabled: props.disabled,
+				"roving-focus": props.rovingFocus,
+				dir: props.dir,
+				loop: props.loop,
+				as: props.as,
+				"as-child": props.asChild,
+				name: props.name,
+				required: props.required,
 				class: normalizeClass(unref(composeClassName)(classes.value, props.class)),
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v))
 			}, {
@@ -63,6 +77,13 @@ var ToolbarToggleGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 				"model-value",
 				"default-value",
 				"disabled",
+				"roving-focus",
+				"dir",
+				"loop",
+				"as",
+				"as-child",
+				"name",
+				"required",
 				"class"
 			]);
 		};

package/dist/components/toolbar/ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAIb,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EACnF,MAAM,cAAc,eAAe,MAAM,eAAe,IAAI,YAAY,MAAK;EAE7E,MAAM,UAAU,eACd,0BAA0B;GAAE,aAAa,YAAY;GAAO,YAAY,MAAM,cAAc;GAAO,CAAC,CAAC,MAAK,CAC5G;;uBAIE,YAqByB,MAAA,mBAAA,EAAA;IApBtB,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAC;;2BAa5C,CAXK,MAAM,SAAA,UAAA,KAAA,EACpB,mBASqC,UAAA,EAAA,KAAA,GAAA,EAAA,WARpB,MAAM,QAAd,SAAI;yBADb,YASqC,2BAAA;MAPlC,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,SAAS,KAAK;MACd,MAAM,KAAK;MACX,gBAAc,KAAK;MACnB,UAAU,KAAK;MACf,OAAK,eAAE,KAAK,MAAK;;6BACH,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;gBAEhB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n  /** Whether to use roving focus for keyboard navigation */\n  rovingFocus?: boolean\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether keyboard navigation loops around */\n  loop?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n  /** Form field name */\n  name?: string\n  /** Whether a value is required */\n  required?: boolean\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :roving-focus=\"props.rovingFocus\"\n    :dir=\"props.dir\"\n    :loop=\"props.loop\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :name=\"props.name\"\n    :required=\"props.required\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EA0Bd,MAAM,OAAO;EAIb,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EACnF,MAAM,cAAc,eAAe,MAAM,eAAe,IAAI,YAAY,MAAK;EAE7E,MAAM,UAAU,eACd,0BAA0B;GAAE,aAAa,YAAY;GAAO,YAAY,MAAM,cAAc;GAAO,CAAC,CAAC,MAAK,CAC5G;;uBAIE,YA4ByB,MAAA,mBAAA,EAAA;IA3BtB,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,gBAAc,MAAM;IACpB,KAAK,MAAM;IACX,MAAM,MAAM;IACZ,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,MAAM,MAAM;IACZ,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAC;;2BAa5C,CAXK,MAAM,SAAA,UAAA,KAAA,EACpB,mBASqC,UAAA,EAAA,KAAA,GAAA,EAAA,WARpB,MAAM,QAAd,SAAI;yBADb,YASqC,2BAAA;MAPlC,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,SAAS,KAAK;MACd,MAAM,KAAK;MACX,gBAAc,KAAK;MACnB,UAAU,KAAK;MACf,OAAK,eAAE,KAAK,MAAK;;6BACH,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;gBAEhB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/toolbar/ToolbarToggleItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleItem.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToolbarToggleItem.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js

@@ -11,7 +11,9 @@ var ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		size: {},
 		isIconOnly: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
@@ -24,6 +26,8 @@ var ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			return openBlock(), createBlock(unref(ToolbarToggleItem), {
 				value: props.value,
 				disabled: props.disabled,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(classes.value, props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -31,6 +35,8 @@ var ToolbarToggleItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			}, 8, [
 				"value",
 				"disabled",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

package/dist/components/toolbar/ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,MAAM,WAAW;GAC1B,MAAM,MAAM,QAAQ;GACpB,YAAY,MAAM,cAAc;GACjC,CAAA,CACH;;uBAIE,YAMwB,MAAA,kBAAA,EAAA;IALrB,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;;2BAErC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"ToolbarToggleItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleItem as RekaToolbarToggleItem } from 'reka-ui'\nimport { toggleButtonVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  value: string\n  variant?: ToggleButtonVariants['variant']\n  size?: ToggleButtonVariants['size']\n  isIconOnly?: boolean\n  disabled?: boolean\n  class?: string\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>()\n\nconst classes = computed(() =>\n  toggleButtonVariants({\n    variant: props.variant ?? 'ghost',\n    size: props.size ?? 'md',\n    isIconOnly: props.isIconOnly ?? false,\n  })\n)\n</script>\n\n<template>\n  <RekaToolbarToggleItem\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(classes, props.class)\"\n  >\n    <slot />\n  </RekaToolbarToggleItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAad,MAAM,UAAU,eACd,qBAAqB;GACnB,SAAS,MAAM,WAAW;GAC1B,MAAM,MAAM,QAAQ;GACpB,YAAY,MAAM,cAAc;GACjC,CAAA,CACH;;uBAIE,YAQwB,MAAA,kBAAA,EAAA;IAPrB,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;;2BAErC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { TooltipRoot } from 'reka-ui'\n\n/**\n * Tooltip root component. Wraps Reka UI's TooltipRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to TooltipRoot — same pattern as Popover.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Tooltip',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    delayDuration: { type: Number, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      if (props.delayDuration !== undefined) {\n        p.delayDuration = props.delayDuration\n      }\n      return p\n    })\n\n    return () => h(TooltipRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { TooltipRoot } from 'reka-ui'\n\n/**\n * Tooltip root component. Wraps Reka UI's TooltipRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to TooltipRoot — same pattern as Popover.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Tooltip',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    delayDuration: { type: Number, default: undefined },\n    disableHoverableContent: { type: Boolean, default: undefined },\n    disableClosingTrigger: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    ignoreNonKeyboardFocus: { type: Boolean, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      if (props.delayDuration !== undefined) {\n        p.delayDuration = props.delayDuration\n      }\n      if (props.disableHoverableContent !== undefined) {\n        p.disableHoverableContent = props.disableHoverableContent\n      }\n      if (props.disableClosingTrigger !== undefined) {\n        p.disableClosingTrigger = props.disableClosingTrigger\n      }\n      if (props.disabled !== undefined) {\n        p.disabled = props.disabled\n      }\n      if (props.ignoreNonKeyboardFocus !== undefined) {\n        p.ignoreNonKeyboardFocus = props.ignoreNonKeyboardFocus\n      }\n      return p\n    })\n\n    return () => h(TooltipRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":""}

package/dist/components/tooltip/Tooltip.vue_vue_type_script_lang.js

@@ -23,6 +23,22 @@ var Tooltip_vue_vue_type_script_lang_default = defineComponent({
 		delayDuration: {
 			type: Number,
 			default: void 0
+		},
+		disableHoverableContent: {
+			type: Boolean,
+			default: void 0
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			default: void 0
 		}
 	},
 	emits: ["update:open"],
@@ -34,6 +50,10 @@ var Tooltip_vue_vue_type_script_lang_default = defineComponent({
 			};
 			if (props.open !== void 0) p.open = props.open;
 			if (props.delayDuration !== void 0) p.delayDuration = props.delayDuration;
+			if (props.disableHoverableContent !== void 0) p.disableHoverableContent = props.disableHoverableContent;
+			if (props.disableClosingTrigger !== void 0) p.disableClosingTrigger = props.disableClosingTrigger;
+			if (props.disabled !== void 0) p.disabled = props.disabled;
+			if (props.ignoreNonKeyboardFocus !== void 0) p.ignoreNonKeyboardFocus = props.ignoreNonKeyboardFocus;
 			return p;
 		});
 		return () => h(TooltipRoot, rootProps.value, slots);

package/dist/components/tooltip/Tooltip.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { TooltipRoot } from 'reka-ui'\n\n/**\n * Tooltip root component. Wraps Reka UI's TooltipRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to TooltipRoot — same pattern as Popover.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Tooltip',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    delayDuration: { type: Number, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      if (props.delayDuration !== undefined) {\n        p.delayDuration = props.delayDuration\n      }\n      return p\n    })\n\n    return () => h(TooltipRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;AAYA,IAAA,2CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,eAAe;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EACpD;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AACA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,OAAI,MAAM,kBAAkB,KAAA,EAC1B,GAAE,gBAAgB,MAAM;AAE1B,UAAO;IACR;AAED,eAAa,EAAE,aAAa,UAAU,OAAO,MAAK;;CAErD,CAAA"}
+{"version":3,"file":"Tooltip.vue_vue_type_script_lang.js","names":[],"sources":["../../../src/components/tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent, computed, h } from 'vue'\nimport { TooltipRoot } from 'reka-ui'\n\n/**\n * Tooltip root component. Wraps Reka UI's TooltipRoot.\n *\n * Uses Options API / render-function style to avoid Vue SFC compiled template\n * from forwarding `open: undefined` to TooltipRoot — same pattern as Popover.vue.\n * Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled\n * vs controlled mode.\n */\nexport default defineComponent({\n  name: 'Tooltip',\n  props: {\n    defaultOpen: { type: Boolean, default: false },\n    open: { type: Boolean, default: undefined },\n    delayDuration: { type: Number, default: undefined },\n    disableHoverableContent: { type: Boolean, default: undefined },\n    disableClosingTrigger: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    ignoreNonKeyboardFocus: { type: Boolean, default: undefined },\n  },\n  emits: ['update:open'],\n  setup(props, { slots, emit }) {\n    const rootProps = computed(() => {\n      const p: Record<string, unknown> = {\n        defaultOpen: props.defaultOpen,\n        'onUpdate:open': (val: boolean) => emit('update:open', val),\n      }\n      if (props.open !== undefined) {\n        p.open = props.open\n      }\n      if (props.delayDuration !== undefined) {\n        p.delayDuration = props.delayDuration\n      }\n      if (props.disableHoverableContent !== undefined) {\n        p.disableHoverableContent = props.disableHoverableContent\n      }\n      if (props.disableClosingTrigger !== undefined) {\n        p.disableClosingTrigger = props.disableClosingTrigger\n      }\n      if (props.disabled !== undefined) {\n        p.disabled = props.disabled\n      }\n      if (props.ignoreNonKeyboardFocus !== undefined) {\n        p.ignoreNonKeyboardFocus = props.ignoreNonKeyboardFocus\n      }\n      return p\n    })\n\n    return () => h(TooltipRoot, rootProps.value, slots)\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;AAYA,IAAA,2CAAe,gBAAgB;CAC7B,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAAS,SAAS;GAAO;EAC9C,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC3C,eAAe;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EACnD,yBAAyB;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC9D,uBAAuB;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC5D,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC/C,wBAAwB;GAAE,MAAM;GAAS,SAAS,KAAA;GAAW;EAC9D;CACD,OAAO,CAAC,cAAc;CACtB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,YAAY,eAAe;GAC/B,MAAM,IAA6B;IACjC,aAAa,MAAM;IACnB,kBAAkB,QAAiB,KAAK,eAAe,IAAI;IAC7D;AACA,OAAI,MAAM,SAAS,KAAA,EACjB,GAAE,OAAO,MAAM;AAEjB,OAAI,MAAM,kBAAkB,KAAA,EAC1B,GAAE,gBAAgB,MAAM;AAE1B,OAAI,MAAM,4BAA4B,KAAA,EACpC,GAAE,0BAA0B,MAAM;AAEpC,OAAI,MAAM,0BAA0B,KAAA,EAClC,GAAE,wBAAwB,MAAM;AAElC,OAAI,MAAM,aAAa,KAAA,EACrB,GAAE,WAAW,MAAM;AAErB,OAAI,MAAM,2BAA2B,KAAA,EACnC,GAAE,yBAAyB,MAAM;AAEnC,UAAO;IACR;AAED,eAAa,EAAE,aAAa,UAAU,OAAO,MAAK;;CAErD,CAAA"}

package/dist/components/tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","names":[],"sources":["../../../src/components/tooltip/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipPortal, TooltipContent, injectTooltipRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'top',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\n// Inject the Tooltip root context to read open state for AnimatePresence\nconst rootContext = injectTooltipRootContext()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'tooltip-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.9 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.9 }\"\n          :transition=\"{ duration: 0.1, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TooltipContent.js","names":[],"sources":["../../../src/components/tooltip/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipPortal, TooltipContent, injectTooltipRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'top',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n}>()\n\n// Inject the Tooltip root context to read open state for AnimatePresence\nconst rootContext = injectTooltipRootContext()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'tooltip-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.9 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.9 }\"\n          :transition=\"{ duration: 0.1, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":""}

package/dist/components/tooltip/TooltipContent.vue_vue_type_script_setup_true_lang.js

@@ -18,8 +18,10 @@ var TooltipContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		},
 		class: {}
 	},
-	setup(__props) {
+	emits: ["escape-key-down", "pointer-down-outside"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const rootContext = injectTooltipRootContext();
 		const styles = tooltipVariants();
 		return (_ctx, _cache) => {
@@ -31,7 +33,10 @@ var TooltipContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					align: props.align,
 					"align-offset": props.alignOffset,
 					"avoid-collisions": props.avoidCollisions
-				}, _ctx.$attrs), {
+				}, _ctx.$attrs, {
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event))
+				}), {
 					default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
 						default: withCtx(() => [unref(rootContext).open.value ? (openBlock(), createBlock(unref(motion).div, {
 							key: "tooltip-content",

package/dist/components/tooltip/TooltipContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/tooltip/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipPortal, TooltipContent, injectTooltipRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'top',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\n// Inject the Tooltip root context to read open state for AnimatePresence\nconst rootContext = injectTooltipRootContext()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'tooltip-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.9 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.9 }\"\n          :transition=\"{ duration: 0.1, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAgBd,MAAM,cAAc,0BAAyB;EAE7C,MAAM,SAAS,iBAAgB;;uBAI7B,YAwBgB,MAAA,cAAA,EAAA,MAAA;2BADG,CAtBjB,YAsBiB,MAAA,eAAA,EAtBjB,WAsBiB;KArBd,eAAa;KACb,MAAM,MAAM;KACZ,eAAa,MAAM;KACnB,OAAO,MAAM;KACb,gBAAc,MAAM;KACpB,oBAAkB,MAAM;OACjBA,KAAAA,OAAM,EAAA;4BAcI,CAZlB,YAYkB,MAAA,wBAAA,EAAA,MAAA;6BADH,CATL,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YAUa,MAAA,OAAA,CAAA,KAAA;OARV,KAAK;OACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;OAClD,SAAS;QAAA,SAAA;QAAA,OAAA;QAA0B;OACnC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA0B;OAChC,YAAY;QAAA,UAAA;QAAA,MAAA;QAAkC;;8BAEvC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"TooltipContent.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/tooltip/TooltipContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipPortal, TooltipContent, injectTooltipRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  sideOffset?: number\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  avoidCollisions?: boolean\n  class?: string\n}>(), {\n  side: 'top',\n  sideOffset: 8,\n  align: 'center',\n  alignOffset: 0,\n  avoidCollisions: true,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n}>()\n\n// Inject the Tooltip root context to read open state for AnimatePresence\nconst rootContext = injectTooltipRootContext()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipPortal>\n    <TooltipContent\n      :force-mount=\"true\"\n      :side=\"props.side\"\n      :side-offset=\"props.sideOffset\"\n      :align=\"props.align\"\n      :align-offset=\"props.alignOffset\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      v-bind=\"$attrs\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n    >\n      <AnimatePresence>\n        <motion.div\n          v-if=\"rootContext.open.value\"\n          :key=\"'tooltip-content'\"\n          :class=\"composeClassName(styles.base(), props.class)\"\n          :initial=\"{ opacity: 0, scale: 0.9 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.9 }\"\n          :transition=\"{ duration: 0.1, ease: 'easeOut' }\"\n        >\n          <slot />\n        </motion.div>\n      </AnimatePresence>\n    </TooltipContent>\n  </TooltipPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAed,MAAM,OAAO;EAMb,MAAM,cAAc,0BAAyB;EAE7C,MAAM,SAAS,iBAAgB;;uBAI7B,YA0BgB,MAAA,cAAA,EAAA,MAAA;2BADG,CAxBjB,YAwBiB,MAAA,eAAA,EAxBjB,WAwBiB;KAvBd,eAAa;KACb,MAAM,MAAM;KACZ,eAAa,MAAM;KACnB,OAAO,MAAM;KACb,gBAAc,MAAM;KACpB,oBAAkB,MAAM;OACjBA,KAAAA,QAAM;KACb,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;;4BAcxC,CAZlB,YAYkB,MAAA,wBAAA,EAAA,MAAA;6BADH,CATL,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YAUa,MAAA,OAAA,CAAA,KAAA;OARV,KAAK;OACL,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;OAClD,SAAS;QAAA,SAAA;QAAA,OAAA;QAA0B;OACnC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA0B;OAChC,YAAY;QAAA,UAAA;QAAA,MAAA;QAAkC;;8BAEvC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tooltip/TooltipProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.js","names":[],"sources":["../../../src/components/tooltip/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  delayDuration?: number\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n}>(), {\n  delayDuration: 700,\n  skipDelayDuration: 300,\n  disableHoverableContent: false,\n})\n</script>\n\n<template>\n  <TooltipProvider\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-hoverable-content=\"props.disableHoverableContent\"\n  >\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TooltipProvider.js","names":[],"sources":["../../../src/components/tooltip/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  delayDuration?: number\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n  disableClosingTrigger?: boolean\n  disabled?: boolean\n  ignoreNonKeyboardFocus?: boolean\n  content?: object\n}>(), {\n  delayDuration: 700,\n  skipDelayDuration: 300,\n  disableHoverableContent: false,\n  disableClosingTrigger: false,\n  disabled: false,\n  ignoreNonKeyboardFocus: false,\n})\n</script>\n\n<template>\n  <TooltipProvider\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-hoverable-content=\"props.disableHoverableContent\"\n    :disable-closing-trigger=\"props.disableClosingTrigger\"\n    :disabled=\"props.disabled\"\n    :ignore-non-keyboard-focus=\"props.ignoreNonKeyboardFocus\"\n    :content=\"props.content\"\n  >\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":""}

package/dist/components/tooltip/TooltipProvider.vue_vue_type_script_setup_true_lang.js

@@ -9,7 +9,20 @@ var TooltipProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		disableHoverableContent: {
 			type: Boolean,
 			default: false
-		}
+		},
+		disableClosingTrigger: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		ignoreNonKeyboardFocus: {
+			type: Boolean,
+			default: false
+		},
+		content: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -17,14 +30,22 @@ var TooltipProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			return openBlock(), createBlock(unref(TooltipProvider), {
 				"delay-duration": props.delayDuration,
 				"skip-delay-duration": props.skipDelayDuration,
-				"disable-hoverable-content": props.disableHoverableContent
+				"disable-hoverable-content": props.disableHoverableContent,
+				"disable-closing-trigger": props.disableClosingTrigger,
+				disabled: props.disabled,
+				"ignore-non-keyboard-focus": props.ignoreNonKeyboardFocus,
+				content: props.content
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"delay-duration",
 				"skip-delay-duration",
-				"disable-hoverable-content"
+				"disable-hoverable-content",
+				"disable-closing-trigger",
+				"disabled",
+				"ignore-non-keyboard-focus",
+				"content"
 			]);
 		};
 	}

package/dist/components/tooltip/TooltipProvider.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipProvider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tooltip/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  delayDuration?: number\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n}>(), {\n  delayDuration: 700,\n  skipDelayDuration: 300,\n  disableHoverableContent: false,\n})\n</script>\n\n<template>\n  <TooltipProvider\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-hoverable-content=\"props.disableHoverableContent\"\n  >\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAYZ,YAMkB,MAAA,gBAAA,EAAA;IALf,kBAAgB,MAAM;IACtB,uBAAqB,MAAM;IAC3B,6BAA2B,MAAM;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"TooltipProvider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tooltip/TooltipProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipProvider } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  delayDuration?: number\n  skipDelayDuration?: number\n  disableHoverableContent?: boolean\n  disableClosingTrigger?: boolean\n  disabled?: boolean\n  ignoreNonKeyboardFocus?: boolean\n  content?: object\n}>(), {\n  delayDuration: 700,\n  skipDelayDuration: 300,\n  disableHoverableContent: false,\n  disableClosingTrigger: false,\n  disabled: false,\n  ignoreNonKeyboardFocus: false,\n})\n</script>\n\n<template>\n  <TooltipProvider\n    :delay-duration=\"props.delayDuration\"\n    :skip-delay-duration=\"props.skipDelayDuration\"\n    :disable-hoverable-content=\"props.disableHoverableContent\"\n    :disable-closing-trigger=\"props.disableClosingTrigger\"\n    :disabled=\"props.disabled\"\n    :ignore-non-keyboard-focus=\"props.ignoreNonKeyboardFocus\"\n    :content=\"props.content\"\n  >\n    <slot />\n  </TooltipProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAGA,MAAM,QAAQ;;uBAmBZ,YAUkB,MAAA,gBAAA,EAAA;IATf,kBAAgB,MAAM;IACtB,uBAAqB,MAAM;IAC3B,6BAA2B,MAAM;IACjC,2BAAyB,MAAM;IAC/B,UAAU,MAAM;IAChB,6BAA2B,MAAM;IACjC,SAAS,MAAM;;2BAER,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether the entire tree is disabled */\n  disabled?: boolean\n  /** Whether selection bubbles up to parent nodes */\n  bubbleSelect?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :dir=\"props.dir\"\n    :disabled=\"props.disabled\"\n    :bubble-select=\"props.bubbleSelect\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":""}

package/dist/components/tree/Tree.vue_vue_type_script_setup_true_lang.js

@@ -37,7 +37,12 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			],
 			default: void 0
 		},
-		classNames: {}
+		classNames: {},
+		dir: {},
+		disabled: { type: Boolean },
+		bubbleSelect: { type: Boolean },
+		as: {},
+		asChild: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:expanded"],
 	setup(__props, { emit: __emit }) {
@@ -60,6 +65,11 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				multiple: __props.multiple,
 				"selection-behavior": __props.selectionBehavior,
 				"propagate-select": __props.propagateSelect,
+				dir: props.dir,
+				disabled: props.disabled,
+				"bubble-select": props.bubbleSelect,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.root(), props.class, props.classNames?.root)),
 				"data-slot": "tree",
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v)),
@@ -78,6 +88,11 @@ var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"multiple",
 				"selection-behavior",
 				"propagate-select",
+				"dir",
+				"disabled",
+				"bubble-select",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

package/dist/components/tree/Tree.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EA+Bd,MAAM,OAAO;EAKb,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,MAAM,MAAM,CAAC,CAAA;AAEjE,UAAQ,gBAAgB;GACtB,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,cAAc,SAAkB,MAAM,cAAc,KAAU;GAC/D,CAAA;;uBAIC,YAmBW,MAAA,SAAA,EAAA;IAlBR,OAAO,QAAA;IACP,WAAS,QAAA;IACT,gBAAc,QAAA;IACd,eAAc,QAAA;IACd,iBAAgB,QAAA;IAChB,UAAU,QAAA;IACV,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,sBAAoB,QAAA;IACpB,oBAAkB,QAAA;IAClB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAW,KAAI,qBAAsB,EAAC;IAC3D,qBAAe,OAAA,OAAA,OAAA,MAAG,MAAgB,KAAI,mBAAoB,EAAC;;IAEjD,SAAO,SAAE,cAAS,CAC3B,WAA2B,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Tree.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/Tree.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, provide } from 'vue'\nimport { TreeRoot } from 'reka-ui'\nimport { treeVariants, type TreeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  items?: T[]\n  modelValue?: T | T[]\n  defaultValue?: T | T[]\n  expanded?: string[]\n  defaultExpanded?: string[]\n  getKey: (item: T) => string\n  getChildren?: (item: T) => T[] | undefined\n  multiple?: boolean\n  selectionBehavior?: 'toggle' | 'replace'\n  propagateSelect?: boolean\n  size?: TreeVariants['size']\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    root: ClassValue\n  }>\n  /** Text direction */\n  dir?: 'ltr' | 'rtl'\n  /** Whether the entire tree is disabled */\n  disabled?: boolean\n  /** Whether selection bubbles up to parent nodes */\n  bubbleSelect?: boolean\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  items: () => [],\n  modelValue: undefined,\n  defaultValue: undefined,\n  expanded: undefined,\n  defaultExpanded: () => [],\n  getChildren: (item: T) => item.children as T[] | undefined,\n  multiple: false,\n  selectionBehavior: 'toggle',\n  propagateSelect: false,\n  size: 'md',\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: T | T[]]\n  'update:expanded': [value: string[]]\n}>()\n\nconst slotFns = computed(() => treeVariants({ size: props.size }))\n\nprovide(treeContextKey, {\n  size: computed(() => props.size ?? 'md'),\n  getChildren: (item: unknown) => props.getChildren?.(item as T),\n})\n</script>\n\n<template>\n  <TreeRoot\n    :items=\"items\"\n    :get-key=\"getKey\"\n    :get-children=\"getChildren\"\n    :model-value=\"(modelValue as any)\"\n    :default-value=\"(defaultValue as any)\"\n    :expanded=\"expanded\"\n    :default-expanded=\"defaultExpanded\"\n    :multiple=\"multiple\"\n    :selection-behavior=\"selectionBehavior\"\n    :propagate-select=\"propagateSelect\"\n    :dir=\"props.dir\"\n    :disabled=\"props.disabled\"\n    :bubble-select=\"props.bubbleSelect\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.root(), props.class, props.classNames?.root)\"\n    data-slot=\"tree\"\n    @update:model-value=\"(v: any) => emit('update:modelValue', v)\"\n    @update:expanded=\"(v: string[]) => emit('update:expanded', v)\"\n  >\n    <template #default=\"slotProps\">\n      <slot v-bind=\"slotProps\" />\n    </template>\n  </TreeRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAyCd,MAAM,OAAO;EAKb,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,MAAM,MAAM,CAAC,CAAA;AAEjE,UAAQ,gBAAgB;GACtB,MAAM,eAAe,MAAM,QAAQ,KAAK;GACxC,cAAc,SAAkB,MAAM,cAAc,KAAU;GAC/D,CAAA;;uBAIC,YAwBW,MAAA,SAAA,EAAA;IAvBR,OAAO,QAAA;IACP,WAAS,QAAA;IACT,gBAAc,QAAA;IACd,eAAc,QAAA;IACd,iBAAgB,QAAA;IAChB,UAAU,QAAA;IACV,oBAAkB,QAAA;IAClB,UAAU,QAAA;IACV,sBAAoB,QAAA;IACpB,oBAAkB,QAAA;IAClB,KAAK,MAAM;IACX,UAAU,MAAM;IAChB,iBAAe,MAAM;IACrB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAW,KAAI,qBAAsB,EAAC;IAC3D,qBAAe,OAAA,OAAA,OAAA,MAAG,MAAgB,KAAI,mBAAoB,EAAC;;IAEjD,SAAO,SAAE,cAAS,CAC3B,WAA2B,KAAA,QAAA,WAAA,eAAA,mBAAb,UAAS,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/tree/TreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","names":[],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: ClassValue\n  /** Additional class names to apply to individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n    itemContent: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"composeClassName(slotFns.itemContent(), props.classNames?.itemContent)\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TreeItem.js","names":[],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: ClassValue\n  /** Additional class names to apply to individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n    itemContent: ClassValue\n  }>\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"composeClassName(slotFns.itemContent(), props.classNames?.itemContent)\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":""}

package/dist/components/tree/TreeItem.vue_vue_type_script_setup_true_lang.js

@@ -20,7 +20,9 @@ var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			],
 			default: void 0
 		},
-		classNames: { default: void 0 }
+		classNames: { default: void 0 },
+		as: {},
+		asChild: { type: Boolean }
 	},
 	emits: ["select", "toggle"],
 	setup(__props) {
@@ -36,6 +38,8 @@ var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			return openBlock(), createBlock(unref(TreeItem), {
 				value: __props.value,
 				level: __props.level,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class, props.classNames?.item)),
 				"data-slot": "tree-item",
 				onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select")),
@@ -60,6 +64,8 @@ var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			}, 8, [
 				"value",
 				"level",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

package/dist/components/tree/TreeItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: ClassValue\n  /** Additional class names to apply to individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n    itemContent: ClassValue\n  }>\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"composeClassName(slotFns.itemContent(), props.classNames?.itemContent)\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAmBd,MAAM,MAAM,OAAO,gBAAgB,KAAI;EACvC,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;EACtE,MAAM,cAAc,eAAe;GACjC,MAAM,WAAW,KAAK,YAAY,MAAM,MAAK;AAC7C,UAAO,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,IAAI,CAAC,CAAC;IAC1D;EAED,MAAM,cAAc,gBAAgB,EAClC,iBAAiB,MAAM,QAAQ,GAChC,EAAC;;uBAIA,YA2BW,MAAA,SAAA,EAAA;IA1BR,OAAO,QAAA;IACP,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;IACb,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;IAEH,SAAO,SAAE,MAAM,CACxB,mBAgBM,OAAA;KAfH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,OAAK,eAAE,YAAA,MAAW;KAClB,iBAAe,EAAE,aAAU,KAAQ,KAAA;KACnC,iBAAe,EAAE,aAAU,KAAQ,KAAA;QAEpC,WASE,KAAA,QAAA,WAAA;KARC,YAAa,EAAE;KACf,YAAa,EAAE;KACf,iBAAkB,EAAE;KACpB,aAAc,YAAA;KACd,cAAe,EAAE;KACjB,cAAe,EAAE;KACjB,aAAc,QAAA,MAAQ,YAAU;KAChC,WAAY,QAAA,MAAQ,UAAQ"}
+{"version":3,"file":"TreeItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/tree/TreeItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any>\">\nimport { computed, inject } from 'vue'\nimport { TreeItem } from 'reka-ui'\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: ClassValue\n  /** Additional class names to apply to individual slots. */\n  classNames?: Partial<{\n    item: ClassValue\n    itemContent: ClassValue\n  }>\n  /** Render as a different element */\n  as?: string\n  /** Merge props onto child element */\n  asChild?: boolean\n}>(), {\n  class: undefined,\n  classNames: undefined,\n})\n\ndefineEmits<{\n  select: []\n  toggle: []\n}>()\n\nconst ctx = inject(treeContextKey, null)\nconst slotFns = computed(() => treeVariants({ size: ctx?.size.value }))\nconst hasChildren = computed(() => {\n  const children = ctx?.getChildren(props.value)\n  return Array.isArray(children) ? children.length > 0 : !!children\n})\n\nconst indentStyle = computed(() => ({\n  '--tree-indent': props.level - 1,\n}))\n</script>\n\n<template>\n  <TreeItem\n    :value=\"value\"\n    :level=\"level\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.item(), props.class, props.classNames?.item)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"composeClassName(slotFns.itemContent(), props.classNames?.itemContent)\"\n        :style=\"indentStyle\"\n        :data-selected=\"s.isSelected ? '' : undefined\"\n        :data-expanded=\"s.isExpanded ? '' : undefined\"\n      >\n        <slot\n          :is-expanded=\"s.isExpanded\"\n          :is-selected=\"s.isSelected\"\n          :is-indeterminate=\"s.isIndeterminate\"\n          :has-children=\"hasChildren\"\n          :handle-select=\"s.handleSelect\"\n          :handle-toggle=\"s.handleToggle\"\n          :toggle-class=\"slotFns.itemToggle()\"\n          :icon-class=\"slotFns.itemIcon()\"\n        />\n      </div>\n    </template>\n  </TreeItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAuBd,MAAM,MAAM,OAAO,gBAAgB,KAAI;EACvC,MAAM,UAAU,eAAe,aAAa,EAAE,MAAM,KAAK,KAAK,OAAO,CAAC,CAAA;EACtE,MAAM,cAAc,eAAe;GACjC,MAAM,WAAW,KAAK,YAAY,MAAM,MAAK;AAC7C,UAAO,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,IAAI,CAAC,CAAC;IAC1D;EAED,MAAM,cAAc,gBAAgB,EAClC,iBAAiB,MAAM,QAAQ,GAChC,EAAC;;uBAIA,YA6BW,MAAA,SAAA,EAAA;IA5BR,OAAO,QAAA;IACP,OAAO,QAAA;IACP,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC5E,aAAU;IACT,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;IACb,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;IAEH,SAAO,SAAE,MAAM,CACxB,mBAgBM,OAAA;KAfH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,aAAW,EAAI,MAAM,YAAY,YAAW,CAAA;KAC5E,OAAK,eAAE,YAAA,MAAW;KAClB,iBAAe,EAAE,aAAU,KAAQ,KAAA;KACnC,iBAAe,EAAE,aAAU,KAAQ,KAAA;QAEpC,WASE,KAAA,QAAA,WAAA;KARC,YAAa,EAAE;KACf,YAAa,EAAE;KACf,iBAAkB,EAAE;KACpB,aAAc,YAAA;KACd,cAAe,EAAE;KACjB,cAAe,EAAE;KACjB,aAAc,QAAA,MAAQ,YAAU;KAChC,WAAY,QAAA,MAAQ,UAAQ"}