@auronui/vue 1.0.0

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,7 @@
+import Tooltip_vue_vue_type_script_lang_default from "./Tooltip.vue_vue_type_script_lang.js";
+//#region src/components/tooltip/Tooltip.vue
+var Tooltip_default = Tooltip_vue_vue_type_script_lang_default;
+//#endregion
+export { Tooltip_default as default };
+
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,45 @@
+import { computed, defineComponent, h } from "vue";
+import { TooltipRoot } from "reka-ui";
+//#region src/components/tooltip/Tooltip.vue?vue&type=script&lang.ts
+/**
+* Tooltip root component. Wraps Reka UI's TooltipRoot.
+*
+* Uses Options API / render-function style to avoid Vue SFC compiled template
+* from forwarding `open: undefined` to TooltipRoot — same pattern as Popover.vue.
+* Reka's `useVModel` checks `props.open === undefined` to choose uncontrolled
+* vs controlled mode.
+*/
+var Tooltip_vue_vue_type_script_lang_default = defineComponent({
+	name: "Tooltip",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		delayDuration: {
+			type: Number,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(props, { slots, emit }) {
+		const rootProps = computed(() => {
+			const p = {
+				defaultOpen: props.defaultOpen,
+				"onUpdate:open": (val) => emit("update:open", val)
+			};
+			if (props.open !== void 0) p.open = props.open;
+			if (props.delayDuration !== void 0) p.delayDuration = props.delayDuration;
+			return p;
+		});
+		return () => h(TooltipRoot, rootProps.value, slots);
+	}
+});
+//#endregion
+export { Tooltip_vue_vue_type_script_lang_default as default };
+
+//# sourceMappingURL=Tooltip.vue_vue_type_script_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/tooltip/TooltipArrow.js

@@ -0,0 +1,7 @@
+import TooltipArrow_vue_vue_type_script_setup_true_lang_default from "./TooltipArrow.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tooltip/TooltipArrow.vue
+var TooltipArrow_default = TooltipArrow_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TooltipArrow_default as default };
+
+//# sourceMappingURL=TooltipArrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArrow.js","names":[],"sources":["../../../src/components/tooltip/TooltipArrow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipArrow } from 'reka-ui'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  width?: number\n  height?: number\n  class?: string\n}>()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipArrow\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :class=\"composeClassName(styles.trigger(), props.class)\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,38 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { tooltipVariants } from "../../packages/styles/src/components/tooltip/tooltip.styles.js";
+import { createBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+import { TooltipArrow } from "reka-ui";
+//#region src/components/tooltip/TooltipArrow.vue?vue&type=script&setup=true&lang.ts
+var TooltipArrow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipArrow",
+	props: {
+		as: {},
+		asChild: { type: Boolean },
+		width: {},
+		height: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const styles = tooltipVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipArrow), mergeProps({
+				as: props.as,
+				"as-child": props.asChild,
+				width: props.width,
+				height: props.height,
+				class: unref(composeClassName)(unref(styles).trigger(), props.class)
+			}, _ctx.$attrs), null, 16, [
+				"as",
+				"as-child",
+				"width",
+				"height",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { TooltipArrow_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TooltipArrow.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipArrow.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/tooltip/TooltipArrow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipArrow } from 'reka-ui'\nimport { tooltipVariants } from '@auronui/styles/components/tooltip'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = defineProps<{\n  as?: string | object\n  asChild?: boolean\n  width?: number\n  height?: number\n  class?: string\n}>()\n\nconst styles = tooltipVariants()\n</script>\n\n<template>\n  <TooltipArrow\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :class=\"composeClassName(styles.trigger(), props.class)\"\n    v-bind=\"$attrs\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,SAAS,iBAAgB;;uBAI7B,YAOE,MAAA,aAAA,EAPF,WAOE;IANC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAO,MAAM;IACb,QAAQ,MAAM;IACd,OAAO,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK;MAC9CA,KAAAA,OAAM,EAAA,MAAA,IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA,CAAA"}

package/dist/components/tooltip/TooltipContent.js

@@ -0,0 +1,7 @@
+import TooltipContent_vue_vue_type_script_setup_true_lang_default from "./TooltipContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tooltip/TooltipContent.vue
+var TooltipContent_default = TooltipContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TooltipContent_default as default };
+
+//# sourceMappingURL=TooltipContent.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,77 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { motion } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/motion/index.js";
+import { AnimatePresence_default } from "../../node_modules/.pnpm/motion-v@2.2.1_@vueuse_core@14.2.1_vue@3.5.32_typescript@6.0.2___react-dom@19.2.5_react_8b28b23614a2152514812dba6ef76a55/node_modules/motion-v/dist/es/components/animate-presence/AnimatePresence.js";
+import { tooltipVariants } from "../../packages/styles/src/components/tooltip/tooltip.styles.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TooltipContent, TooltipPortal, injectTooltipRootContext } from "reka-ui";
+//#region src/components/tooltip/TooltipContent.vue?vue&type=script&setup=true&lang.ts
+var TooltipContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipContent",
+	props: {
+		side: { default: "top" },
+		sideOffset: { default: 8 },
+		align: { default: "center" },
+		alignOffset: { default: 0 },
+		avoidCollisions: {
+			type: Boolean,
+			default: true
+		},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectTooltipRootContext();
+		const styles = tooltipVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipPortal), null, {
+				default: withCtx(() => [createVNode(unref(TooltipContent), mergeProps({
+					"force-mount": true,
+					side: props.side,
+					"side-offset": props.sideOffset,
+					align: props.align,
+					"align-offset": props.alignOffset,
+					"avoid-collisions": props.avoidCollisions
+				}, _ctx.$attrs), {
+					default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+						default: withCtx(() => [unref(rootContext).open.value ? (openBlock(), createBlock(unref(motion).div, {
+							key: "tooltip-content",
+							class: normalizeClass(unref(composeClassName)(unref(styles).base(), props.class)),
+							initial: {
+								opacity: 0,
+								scale: .9
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							exit: {
+								opacity: 0,
+								scale: .9
+							},
+							transition: {
+								duration: .1,
+								ease: "easeOut"
+							}
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						}, 8, ["class"])) : createCommentVNode("", true)]),
+						_: 3
+					})]),
+					_: 3
+				}, 16, [
+					"side",
+					"side-offset",
+					"align",
+					"align-offset",
+					"avoid-collisions"
+				])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { TooltipContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TooltipContent.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/tooltip/TooltipProvider.js

@@ -0,0 +1,7 @@
+import TooltipProvider_vue_vue_type_script_setup_true_lang_default from "./TooltipProvider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tooltip/TooltipProvider.vue
+var TooltipProvider_default = TooltipProvider_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TooltipProvider_default as default };
+
+//# sourceMappingURL=TooltipProvider.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,35 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { TooltipProvider } from "reka-ui";
+//#region src/components/tooltip/TooltipProvider.vue?vue&type=script&setup=true&lang.ts
+var TooltipProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TooltipProvider",
+	props: {
+		delayDuration: { default: 700 },
+		skipDelayDuration: { default: 300 },
+		disableHoverableContent: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipProvider), {
+				"delay-duration": props.delayDuration,
+				"skip-delay-duration": props.skipDelayDuration,
+				"disable-hoverable-content": props.disableHoverableContent
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"delay-duration",
+				"skip-delay-duration",
+				"disable-hoverable-content"
+			]);
+		};
+	}
+});
+//#endregion
+export { TooltipProvider_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TooltipProvider.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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"}

package/dist/components/tooltip/TooltipTrigger.js

@@ -0,0 +1,7 @@
+import TooltipTrigger_vue_vue_type_script_setup_true_lang_default from "./TooltipTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tooltip/TooltipTrigger.vue
+var TooltipTrigger_default = TooltipTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TooltipTrigger_default as default };
+
+//# sourceMappingURL=TooltipTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.js","names":[],"sources":["../../../src/components/tooltip/TooltipTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipTrigger } from 'reka-ui'\n\nconst props = defineProps<{\n  asChild?: boolean\n  as?: string | object\n}>()\n</script>\n\n<template>\n  <TooltipTrigger\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </TooltipTrigger>\n</template>\n"],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipTrigger.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../src/components/tooltip/TooltipTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TooltipTrigger } from 'reka-ui'\n\nconst props = defineProps<{\n  asChild?: boolean\n  as?: string | object\n}>()\n</script>\n\n<template>\n  <TooltipTrigger\n    :as-child=\"props.asChild\"\n    :as=\"props.as\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n  </TooltipTrigger>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAOZ,YAMiB,MAAA,eAAA,EANjB,WAMiB;IALd,YAAU,MAAM;IAChB,IAAI,MAAM;MACHA,KAAAA,OAAM,EAAA;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -0,0 +1,6 @@
+//#region src/components/tree/Tree.context.ts
+var treeContextKey = Symbol("Tree");
+//#endregion
+export { treeContextKey };
+
+//# sourceMappingURL=Tree.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.context.js","names":[],"sources":["../../../src/components/tree/Tree.context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { TreeVariants } from '@auronui/styles'\n\nexport interface TreeContext {\n  size: ComputedRef<TreeVariants['size']>\n  getChildren: (item: unknown) => unknown[] | undefined\n}\n\nexport const treeContextKey = Symbol('Tree') as InjectionKey<TreeContext>\n"],"mappings":";AAQA,IAAa,iBAAiB,OAAO,OAAO"}

package/dist/components/tree/Tree.js

@@ -0,0 +1,7 @@
+import Tree_vue_vue_type_script_setup_true_lang_default from "./Tree.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/Tree.vue
+var Tree_default = Tree_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tree_default as default };
+
+//# sourceMappingURL=Tree.js.map

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

@@ -0,0 +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 } 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?: string\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)\"\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

@@ -0,0 +1,79 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { treeContextKey } from "./Tree.context.js";
+import { computed, createBlock, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { treeVariants } from "@auronui/styles";
+import { TreeRoot } from "reka-ui";
+//#region src/components/tree/Tree.vue?vue&type=script&setup=true&lang.ts
+var Tree_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tree",
+	props: {
+		items: { default: () => [] },
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		expanded: { default: void 0 },
+		defaultExpanded: { default: () => [] },
+		getKey: {},
+		getChildren: {
+			type: Function,
+			default: (item) => item.children
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		selectionBehavior: { default: "toggle" },
+		propagateSelect: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		class: { default: void 0 }
+	},
+	emits: ["update:modelValue", "update:expanded"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slotFns = computed(() => treeVariants({ size: props.size }));
+		provide(treeContextKey, {
+			size: computed(() => props.size ?? "md"),
+			getChildren: (item) => props.getChildren?.(item)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TreeRoot), {
+				items: __props.items,
+				"get-key": __props.getKey,
+				"get-children": __props.getChildren,
+				"model-value": __props.modelValue,
+				"default-value": __props.defaultValue,
+				expanded: __props.expanded,
+				"default-expanded": __props.defaultExpanded,
+				multiple: __props.multiple,
+				"selection-behavior": __props.selectionBehavior,
+				"propagate-select": __props.propagateSelect,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.root(), props.class)),
+				"data-slot": "tree",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => emit("update:modelValue", v)),
+				"onUpdate:expanded": _cache[1] || (_cache[1] = (v) => emit("update:expanded", v))
+			}, {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 8, [
+				"items",
+				"get-key",
+				"get-children",
+				"model-value",
+				"default-value",
+				"expanded",
+				"default-expanded",
+				"multiple",
+				"selection-behavior",
+				"propagate-select",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { Tree_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tree.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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 } 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?: string\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)\"\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;EA2Bd,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,MAAK,CAAA;IACpD,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

@@ -0,0 +1,7 @@
+import TreeItem_vue_vue_type_script_setup_true_lang_default from "./TreeItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/TreeItem.vue
+var TreeItem_default = TreeItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TreeItem_default as default };
+
+//# sourceMappingURL=TreeItem.js.map

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

@@ -0,0 +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 } from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: string\n}>(), {\n  class: 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)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"slotFns.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

@@ -0,0 +1,61 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { treeContextKey } from "./Tree.context.js";
+import { computed, createBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import { treeVariants } from "@auronui/styles";
+import { TreeItem } from "reka-ui";
+//#region src/components/tree/TreeItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-selected", "data-expanded"];
+var TreeItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TreeItem",
+	props: {
+		value: {},
+		level: {},
+		class: { default: void 0 }
+	},
+	emits: ["select", "toggle"],
+	setup(__props) {
+		const props = __props;
+		const ctx = inject(treeContextKey, null);
+		const slotFns = computed(() => treeVariants({ size: ctx?.size.value }));
+		const hasChildren = computed(() => {
+			const children = ctx?.getChildren(props.value);
+			return Array.isArray(children) ? children.length > 0 : !!children;
+		});
+		const indentStyle = computed(() => ({ "--tree-indent": props.level - 1 }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TreeItem), {
+				value: __props.value,
+				level: __props.level,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.item(), props.class)),
+				"data-slot": "tree-item",
+				onSelect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("select")),
+				onToggle: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("toggle"))
+			}, {
+				default: withCtx((s) => [createElementVNode("div", {
+					class: normalizeClass(slotFns.value.itemContent()),
+					style: normalizeStyle(indentStyle.value),
+					"data-selected": s.isSelected ? "" : void 0,
+					"data-expanded": s.isExpanded ? "" : void 0
+				}, [renderSlot(_ctx.$slots, "default", {
+					isExpanded: s.isExpanded,
+					isSelected: s.isSelected,
+					isIndeterminate: s.isIndeterminate,
+					hasChildren: hasChildren.value,
+					handleSelect: s.handleSelect,
+					handleToggle: s.handleToggle,
+					toggleClass: slotFns.value.itemToggle(),
+					iconClass: slotFns.value.itemIcon()
+				})], 14, _hoisted_1)]),
+				_: 3
+			}, 8, [
+				"value",
+				"level",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { TreeItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TreeItem.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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 } from '../../utils/composeClassName'\nimport { treeContextKey } from './Tree.context'\n\nconst props = withDefaults(defineProps<{\n  value: T\n  level: number\n  class?: string\n}>(), {\n  class: 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)\"\n    data-slot=\"tree-item\"\n    @select=\"$emit('select')\"\n    @toggle=\"$emit('toggle')\"\n  >\n    <template #default=\"s: any\">\n      <div\n        :class=\"slotFns.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;EAad,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,MAAK,CAAA;IACpD,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,QAAA,MAAQ,aAAW,CAAA;KAC1B,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"}

package/dist/components/tree/TreeItemToggle.js

@@ -0,0 +1,7 @@
+import TreeItemToggle_vue_vue_type_script_setup_true_lang_default from "./TreeItemToggle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/tree/TreeItemToggle.vue
+var TreeItemToggle_default = TreeItemToggle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TreeItemToggle_default as default };
+
+//# sourceMappingURL=TreeItemToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemToggle.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: string\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron 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      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+import { treeVariants } from "@auronui/styles";
+//#region src/components/tree/TreeItemToggle.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-expanded", "data-no-children"];
+var TreeItemToggle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TreeItemToggle",
+	props: {
+		isExpanded: {
+			type: Boolean,
+			default: false
+		},
+		hasChildren: {
+			type: Boolean,
+			default: true
+		},
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = treeVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: "button",
+				class: normalizeClass(unref(composeClassName)(unref(slotFns).itemToggle(), props.class)),
+				"data-expanded": __props.isExpanded ? "" : void 0,
+				"data-no-children": !__props.hasChildren ? "" : void 0,
+				tabindex: "-1",
+				"aria-hidden": "true"
+			}, [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"
+			}, [createElementVNode("path", { d: "m9 18 6-6-6-6" })], -1))])], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { TreeItemToggle_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TreeItemToggle.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItemToggle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/tree/TreeItemToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { treeVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  isExpanded?: boolean\n  hasChildren?: boolean\n  class?: string\n}>(), {\n  isExpanded: false,\n  hasChildren: true,\n  class: undefined,\n})\n\nconst slotFns = treeVariants()\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    :class=\"composeClassName(slotFns.itemToggle(), props.class)\"\n    :data-expanded=\"isExpanded ? '' : undefined\"\n    :data-no-children=\"!hasChildren ? '' : undefined\"\n    tabindex=\"-1\"\n    aria-hidden=\"true\"\n  >\n    <slot>\n      <!-- Default chevron 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      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    </slot>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,UAAU,cAAa;;uBAI3B,mBAuBS,UAAA;IAtBP,MAAK;IACJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,QAAO,CAAC,YAAU,EAAI,MAAM,MAAK,CAAA;IACzD,iBAAe,QAAA,aAAU,KAAQ,KAAA;IACjC,oBAAgB,CAAG,QAAA,cAAW,KAAQ,KAAA;IACvC,UAAS;IACT,eAAY;OAEZ,WAcO,KAAA,QAAA,WAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAZL,mBAWM,OAAA;IAVJ,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,gBAAa;IACb,kBAAe;IACf,mBAAgB;IAChB,eAAY;OAEZ,mBAA0B,QAAA,EAApB,GAAE,iBAAe,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/composables/useCSSVariable.js

@@ -0,0 +1,22 @@
+import { ref, watch } from "vue";
+import { useCssVar } from "@vueuse/core";
+//#region src/composables/useCSSVariable.ts
+/**
+* Reads a CSS custom property reactively using @vueuse/core useCssVar.
+*
+* @param el - Template ref to the target element
+* @param variable - CSS custom property name (e.g. "--color-primary")
+* @returns Ref<string> — reactive value of the CSS variable at the element
+*/
+function useCSSVariable(el, variable) {
+	const raw = useCssVar(variable, el);
+	const value = ref(raw.value ?? "");
+	watch(raw, (v) => {
+		value.value = v ?? "";
+	});
+	return value;
+}
+//#endregion
+export { useCSSVariable };
+
+//# sourceMappingURL=useCSSVariable.js.map