@auronui/vue 1.0.0

package/dist/components/separator/Separator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, useSlots } from "vue";
+import { separatorVariants } from "@auronui/styles";
+//#region src/components/separator/Separator.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "separator__content" };
+var Separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Separator",
+	props: {
+		orientation: { default: "horizontal" },
+		variant: { default: "default" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const hasLabel = computed(() => !!slots.default);
+		const classes = computed(() => composeClassName(separatorVariants({
+			orientation: props.orientation,
+			variant: props.variant
+		}), props.class));
+		return (_ctx, _cache) => {
+			return props.orientation !== "vertical" && !hasLabel.value ? (openBlock(), createElementBlock("hr", {
+				key: 0,
+				class: normalizeClass(classes.value)
+			}, null, 2)) : props.orientation === "vertical" ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(classes.value),
+				role: "separator",
+				"aria-orientation": "vertical"
+			}, null, 2)) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: normalizeClass(classes.value),
+				role: "separator",
+				"aria-orientation": "horizontal"
+			}, [
+				_cache[0] || (_cache[0] = createElementVNode("div", { class: "separator__line" }, null, -1)),
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]),
+				_cache[1] || (_cache[1] = createElementVNode("div", { class: "separator__line" }, null, -1))
+			], 2));
+		};
+	}
+});
+//#endregion
+export { Separator_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Separator.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/separator/Separator.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/separator/Separator.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\nimport { separatorVariants, type SeparatorVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  orientation?: SeparatorVariants['orientation']\n  variant?: SeparatorVariants['variant']\n  class?: string\n}>(), {\n  orientation: 'horizontal',\n  variant: 'default',\n})\n\nconst slots = useSlots()\nconst hasLabel = computed(() => !!slots.default)\nconst classes = computed(() =>\n  composeClassName(separatorVariants({ orientation: props.orientation, variant: props.variant }), props.class)\n)\n</script>\n\n<template>\n  <hr\n    v-if=\"props.orientation !== 'vertical' && !hasLabel\"\n    :class=\"classes\"\n  >\n  <div\n    v-else-if=\"props.orientation === 'vertical'\"\n    :class=\"classes\"\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n  />\n  <div\n    v-else\n    :class=\"classes\"\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n  >\n    <div class=\"separator__line\" />\n    <div class=\"separator__content\">\n      <slot />\n    </div>\n    <div class=\"separator__line\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,MAAM,QAAQ;EASd,MAAM,QAAQ,UAAS;EACvB,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,QAAO;EAC/C,MAAM,UAAU,eACd,iBAAiB,kBAAkB;GAAE,aAAa,MAAM;GAAa,SAAS,MAAM;GAAS,CAAC,EAAE,MAAM,MAAK,CAC7G;;UAKU,MAAM,gBAAW,cAAA,CAAoB,SAAA,SAAA,WAAA,EAD7C,mBAGC,MAAA;;IADE,OAAK,eAAE,QAAA,MAAO;kBAGJ,MAAM,gBAAW,cAAA,WAAA,EAD9B,mBAKE,OAAA;;IAHC,OAAK,eAAE,QAAA,MAAO;IACf,MAAK;IACL,oBAAiB;gCAEnB,mBAWM,OAAA;;IATH,OAAK,eAAE,QAAA,MAAO;IACf,MAAK;IACL,oBAAiB;;8BAEjB,mBAA+B,OAAA,EAA1B,OAAM,mBAAiB,EAAA,MAAA,GAAA;IAC5B,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;8BAEV,mBAA+B,OAAA,EAA1B,OAAM,mBAAiB,EAAA,MAAA,GAAA"}

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,7 @@
+import Skeleton_vue_vue_type_script_setup_true_lang_default from "./Skeleton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/skeleton/Skeleton.vue
+var Skeleton_default = Skeleton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Skeleton_default as default };
+
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: string\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,26 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+import { skeletonVariants } from "@auronui/styles";
+//#region src/components/skeleton/Skeleton.vue?vue&type=script&setup=true&lang.ts
+var Skeleton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Skeleton",
+	props: {
+		animationType: { default: "shimmer" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => skeletonVariants({ animationType: props.animationType }));
+		const classes = computed(() => composeClassName(slotFns.value.base(), props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classes.value),
+				"aria-hidden": "true"
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { Skeleton_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/skeleton/Skeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { skeletonVariants, type SkeletonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  animationType?: SkeletonVariants['animationType']\n  class?: string\n}>(), {\n  animationType: 'shimmer',\n})\n\nconst slotFns = computed(() => skeletonVariants({ animationType: props.animationType }))\nconst classes = computed(() => composeClassName(slotFns.value.base(), props.class))\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    aria-hidden=\"true\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,UAAU,eAAe,iBAAiB,EAAE,eAAe,MAAM,eAAe,CAAC,CAAA;EACvF,MAAM,UAAU,eAAe,iBAAiB,QAAQ,MAAM,MAAM,EAAE,MAAM,MAAM,CAAA;;uBAIhF,mBAKM,OAAA;IAJH,OAAK,eAAE,QAAA,MAAO;IACf,eAAY;OAEZ,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/slider/Slider.js

@@ -0,0 +1,7 @@
+import Slider_vue_vue_type_script_setup_true_lang_default from "./Slider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/slider/Slider.vue
+var Slider_default = Slider_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Slider_default as default };
+
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: string\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"slotFns.output()\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"slotFns.track()\">\n          <SliderRange :class=\"slotFns.fill()\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"slotFns.marks()\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"slotFns.thumb()\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,166 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { sliderVariants } from "@auronui/styles";
+import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "reka-ui";
+//#region src/components/slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-orientation", "data-disabled"];
+var _hoisted_2 = {
+	key: 0,
+	"data-slot": "label"
+};
+var _hoisted_3 = { class: "relative flex items-center gap-2" };
+var Slider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Slider",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		minStepsBetweenThumbs: { default: 0 },
+		orientation: { default: "horizontal" },
+		size: {},
+		color: {},
+		radius: {},
+		label: {},
+		showSteps: {
+			type: Boolean,
+			default: false
+		},
+		marks: {},
+		formatOptions: {},
+		hideValue: {
+			type: Boolean,
+			default: false
+		},
+		hideThumb: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		inverted: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isRange = computed(() => Array.isArray(props.modelValue) || Array.isArray(props.defaultValue));
+		const internalValue = computed({
+			get() {
+				if (props.modelValue === void 0) return props.defaultValue !== void 0 ? Array.isArray(props.defaultValue) ? props.defaultValue : [props.defaultValue] : [Math.round((props.min + props.max) / 2)];
+				return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
+			},
+			set(val) {
+				if (isRange.value) emit("update:modelValue", val);
+				else emit("update:modelValue", val[0]);
+			}
+		});
+		const slotFns = computed(() => sliderVariants({
+			size: props.size,
+			color: props.color,
+			radius: props.radius
+		}));
+		const showLabelWrapper = computed(() => !!props.label || !props.hideValue);
+		function formatValue(v) {
+			if (props.formatOptions) return new Intl.NumberFormat(void 0, props.formatOptions).format(v);
+			return String(v);
+		}
+		const formatted = computed(() => {
+			return internalValue.value.map(formatValue).join(" – ");
+		});
+		function toPercent(v) {
+			const range = props.max - props.min;
+			if (range === 0) return 0;
+			return (v - props.min) / range * 100;
+		}
+		const tickPositions = computed(() => {
+			if (!props.showSteps) return [];
+			const positions = [];
+			let v = props.min;
+			while (v <= props.max) {
+				positions.push(toPercent(v));
+				v = Math.round((v + props.step) * 1e10) / 1e10;
+			}
+			return positions;
+		});
+		const positionAxis = computed(() => props.orientation === "vertical" ? "bottom" : "left");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-orientation": __props.orientation,
+				"data-disabled": __props.disabled || void 0
+			}, [showLabelWrapper.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true), !__props.hideValue ? (openBlock(), createElementBlock("output", {
+				key: 1,
+				class: normalizeClass(slotFns.value.output())
+			}, toDisplayString(formatted.value), 3)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [
+				renderSlot(_ctx.$slots, "startContent"),
+				createVNode(unref(SliderRoot), {
+					modelValue: internalValue.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalValue.value = $event),
+					min: __props.min,
+					max: __props.max,
+					step: __props.step,
+					"min-steps-between-thumbs": __props.minStepsBetweenThumbs,
+					orientation: __props.orientation,
+					disabled: __props.disabled,
+					inverted: __props.inverted,
+					class: "relative flex items-center select-none touch-none w-full",
+					"data-orientation": __props.orientation
+				}, {
+					default: withCtx(() => [createVNode(unref(SliderTrack), { class: normalizeClass(slotFns.value.track()) }, {
+						default: withCtx(() => [
+							createVNode(unref(SliderRange), { class: normalizeClass(slotFns.value.fill()) }, null, 8, ["class"]),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(tickPositions.value, (pct, i) => {
+								return openBlock(), createElementBlock("span", {
+									key: `tick-${i}`,
+									style: normalizeStyle({ [positionAxis.value]: pct + "%" }),
+									"aria-hidden": "true",
+									"data-slider-tick": "",
+									class: "absolute pointer-events-none"
+								}, null, 4);
+							}), 128)),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(__props.marks || [], (mark) => {
+								return openBlock(), createElementBlock("span", {
+									key: `mark-${mark.value}`,
+									class: normalizeClass([slotFns.value.marks(), "absolute"]),
+									style: normalizeStyle({ [positionAxis.value]: toPercent(mark.value) + "%" }),
+									"data-slider-mark": ""
+								}, toDisplayString(mark.label), 7);
+							}), 128))
+						]),
+						_: 1
+					}, 8, ["class"]), (openBlock(true), createElementBlock(Fragment, null, renderList(internalValue.value, (_, idx) => {
+						return openBlock(), createBlock(unref(SliderThumb), {
+							key: idx,
+							class: normalizeClass(slotFns.value.thumb()),
+							"aria-label": __props.label || "Value"
+						}, null, 8, ["class", "aria-label"]);
+					}), 128))]),
+					_: 1
+				}, 8, [
+					"modelValue",
+					"min",
+					"max",
+					"step",
+					"min-steps-between-thumbs",
+					"orientation",
+					"disabled",
+					"inverted",
+					"data-orientation"
+				]),
+				renderSlot(_ctx.$slots, "endContent")
+			])], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Slider_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Slider.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/slider/Slider.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from 'reka-ui'\nimport { sliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  modelValue?: number | number[]\n  defaultValue?: number | number[]\n  min?: number\n  max?: number\n  step?: number\n  minStepsBetweenThumbs?: number\n  orientation?: 'horizontal' | 'vertical'\n  size?: 'sm' | 'md' | 'lg'\n  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full'\n  label?: string\n  showSteps?: boolean\n  marks?: Array<{ value: number; label?: string }>\n  formatOptions?: Intl.NumberFormatOptions\n  hideValue?: boolean\n  hideThumb?: boolean\n  disabled?: boolean\n  inverted?: boolean\n  class?: string\n}>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  minStepsBetweenThumbs: 0,\n  orientation: 'horizontal',\n  showSteps: false,\n  hideValue: false,\n  hideThumb: false,\n  disabled: false,\n  inverted: false,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: number | number[]): void\n}>()\n\n// FIX: Also check defaultValue so uncontrolled range mode is detected correctly.\nconst isRange = computed(() =>\n  Array.isArray(props.modelValue) || Array.isArray(props.defaultValue)\n)\n\n// Reka UI SliderRoot always uses number[]. Wrap scalar -> [v] for Reka.\nconst internalValue = computed({\n  get(): number[] {\n    if (props.modelValue === undefined) {\n      return props.defaultValue !== undefined\n        ? Array.isArray(props.defaultValue)\n          ? props.defaultValue\n          : [props.defaultValue]\n        : [Math.round((props.min + props.max) / 2)]\n    }\n    return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]\n  },\n  set(val: number[]) {\n    // Unwrap: if original prop was scalar, emit scalar; otherwise emit array\n    if (isRange.value) {\n      emit('update:modelValue', val)\n    } else {\n      emit('update:modelValue', val[0])\n    }\n  },\n})\n\n// FIX: Pass size, color, radius so variants are applied.\nconst slotFns = computed(() =>\n  sliderVariants({ size: props.size, color: props.color, radius: props.radius })\n)\n\n// Show the label/output wrapper if label prop is provided or hideValue is false\nconst showLabelWrapper = computed(() =>\n  !!props.label || !props.hideValue\n)\n\n// Format a single value\nfunction formatValue(v: number): string {\n  if (props.formatOptions) {\n    return new Intl.NumberFormat(undefined, props.formatOptions).format(v)\n  }\n  return String(v)\n}\n\n// Formatted output string: joined with \" - \" for ranges\nconst formatted = computed(() => {\n  return internalValue.value.map(formatValue).join(' \\u2013 ')\n})\n\n// Compute % position for a value within [min, max]\nfunction toPercent(v: number): number {\n  const range = props.max - props.min\n  if (range === 0) return 0\n  return ((v - props.min) / range) * 100\n}\n\n// Tick positions (percentages) for showSteps\nconst tickPositions = computed<number[]>(() => {\n  if (!props.showSteps) return []\n  const positions: number[] = []\n  let v = props.min\n  while (v <= props.max) {\n    positions.push(toPercent(v))\n    v = Math.round((v + props.step) * 1e10) / 1e10 // avoid floating-point drift\n  }\n  return positions\n})\n\n// Determine which axis to use for positioning (left/bottom)\nconst positionAxis = computed(() =>\n  props.orientation === 'vertical' ? 'bottom' : 'left'\n)\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-disabled=\"disabled || undefined\"\n  >\n    <!-- Label + output row -->\n    <template v-if=\"showLabelWrapper\">\n      <!--\n        FIX: label does NOT get a class from slotFns.\n        The CSS rule `.slider [data-slot=\"label\"]` targets it via data-slot attribute.\n        Previously used :class=\"slotFns.base()\" which returned \"slider\" (root class) — wrong.\n      -->\n      <label\n        v-if=\"label\"\n        data-slot=\"label\"\n      >{{ label }}</label>\n      <output\n        v-if=\"!hideValue\"\n        :class=\"slotFns.output()\"\n      >{{ formatted }}</output>\n    </template>\n\n    <!-- Slider body -->\n    <div class=\"relative flex items-center gap-2\">\n      <!-- Start content slot -->\n      <slot name=\"startContent\" />\n\n      <SliderRoot\n        v-model=\"internalValue\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :min-steps-between-thumbs=\"minStepsBetweenThumbs\"\n        :orientation=\"orientation\"\n        :disabled=\"disabled\"\n        :inverted=\"inverted\"\n        class=\"relative flex items-center select-none touch-none w-full\"\n        :data-orientation=\"orientation\"\n      >\n        <SliderTrack :class=\"slotFns.track()\">\n          <SliderRange :class=\"slotFns.fill()\" />\n\n          <!--\n            FIX: tick spans have NO class from slotFns (was :class=\"slotFns.base()\" = \"slider\" — wrong).\n            Ticks are purely positional; identified by data-slider-tick attribute only.\n          -->\n          <span\n            v-for=\"(pct, i) in tickPositions\"\n            :key=\"`tick-${i}`\"\n            :style=\"{ [positionAxis]: pct + '%' }\"\n            aria-hidden=\"true\"\n            data-slider-tick\n            class=\"absolute pointer-events-none\"\n          />\n\n          <!-- Labeled marks -->\n          <span\n            v-for=\"mark in (marks || [])\"\n            :key=\"`mark-${mark.value}`\"\n            :class=\"slotFns.marks()\"\n            :style=\"{ [positionAxis]: toPercent(mark.value) + '%' }\"\n            data-slider-mark\n            class=\"absolute\"\n          >{{ mark.label }}</span>\n        </SliderTrack>\n\n        <!-- Thumbs -->\n        <SliderThumb\n          v-for=\"(_, idx) in internalValue\"\n          :key=\"idx\"\n          :class=\"slotFns.thumb()\"\n          :aria-label=\"label || 'Value'\"\n        />\n      </SliderRoot>\n\n      <!-- End content slot -->\n      <slot name=\"endContent\" />\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,7 @@
+import Spinner_vue_vue_type_script_setup_true_lang_default from "./Spinner.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/spinner/Spinner.vue
+var Spinner_default = Spinner_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Spinner_default as default };
+
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/components/spinner/Spinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { spinnerVariants, type SpinnerVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  size?: SpinnerVariants['size']\n  color?: SpinnerVariants['color']\n  label?: string\n  class?: string\n}>(), {\n  size: 'md',\n  color: 'accent',\n  label: 'Loading',\n})\n\nconst id = useId()\nconst gradId1 = `spinner-grad1-${id}`\nconst gradId2 = `spinner-grad2-${id}`\n\nconst classes = computed(() =>\n  composeClassName(spinnerVariants({ size: props.size, color: props.color }), props.class)\n)\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-label=\"label\"\n  >\n    <svg\n      data-slot=\"spinner-icon\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <defs>\n        <linearGradient\n          :id=\"gradId1\"\n          x1=\"50%\"\n          x2=\"50%\"\n          y1=\"5.271%\"\n          y2=\"91.793%\"\n        >\n          <stop\n            offset=\"0%\"\n            stop-color=\"currentColor\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0.55\"\n          />\n        </linearGradient>\n        <linearGradient\n          :id=\"gradId2\"\n          x1=\"50%\"\n          x2=\"50%\"\n          y1=\"15.24%\"\n          y2=\"87.15%\"\n        >\n          <stop\n            offset=\"0%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0.55\"\n          />\n        </linearGradient>\n      </defs>\n      <g fill=\"none\">\n        <path d=\"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z\" />\n        <path\n          d=\"M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021\"\n          :fill=\"`url(#${gradId1})`\"\n          transform=\"translate(1.5 1.625)\"\n        />\n        <path\n          d=\"M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118\"\n          :fill=\"`url(#${gradId2})`\"\n          transform=\"translate(1.5 1.625)\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,84 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, useId } from "vue";
+import { spinnerVariants } from "@auronui/styles";
+//#region src/components/spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	"data-slot": "spinner-icon",
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	width: "100%",
+	height: "100%"
+};
+var _hoisted_3 = { fill: "none" };
+var _hoisted_4 = ["fill"];
+var _hoisted_5 = ["fill"];
+var Spinner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Spinner",
+	props: {
+		size: { default: "md" },
+		color: { default: "accent" },
+		label: { default: "Loading" },
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const id = useId();
+		const gradId1 = `spinner-grad1-${id}`;
+		const gradId2 = `spinner-grad2-${id}`;
+		const classes = computed(() => composeClassName(spinnerVariants({
+			size: props.size,
+			color: props.color
+		}), props.class));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(classes.value),
+				role: "status",
+				"aria-label": __props.label
+			}, [(openBlock(), createElementBlock("svg", _hoisted_2, [createElementVNode("defs", null, [createElementVNode("linearGradient", {
+				id: gradId1,
+				x1: "50%",
+				x2: "50%",
+				y1: "5.271%",
+				y2: "91.793%"
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("stop", {
+				offset: "0%",
+				"stop-color": "currentColor"
+			}, null, -1), createElementVNode("stop", {
+				offset: "100%",
+				"stop-color": "currentColor",
+				"stop-opacity": "0.55"
+			}, null, -1)])]), createElementVNode("linearGradient", {
+				id: gradId2,
+				x1: "50%",
+				x2: "50%",
+				y1: "15.24%",
+				y2: "87.15%"
+			}, [..._cache[1] || (_cache[1] = [createElementVNode("stop", {
+				offset: "0%",
+				"stop-color": "currentColor",
+				"stop-opacity": "0"
+			}, null, -1), createElementVNode("stop", {
+				offset: "100%",
+				"stop-color": "currentColor",
+				"stop-opacity": "0.55"
+			}, null, -1)])])]), createElementVNode("g", _hoisted_3, [
+				_cache[2] || (_cache[2] = createElementVNode("path", { d: "m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }, null, -1)),
+				createElementVNode("path", {
+					d: "M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021",
+					fill: `url(#${gradId1})`,
+					transform: "translate(1.5 1.625)"
+				}, null, 8, _hoisted_4),
+				createElementVNode("path", {
+					d: "M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118",
+					fill: `url(#${gradId2})`,
+					transform: "translate(1.5 1.625)"
+				}, null, 8, _hoisted_5)
+			])]))], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Spinner_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Spinner.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/spinner/Spinner.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/spinner/Spinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { spinnerVariants, type SpinnerVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  size?: SpinnerVariants['size']\n  color?: SpinnerVariants['color']\n  label?: string\n  class?: string\n}>(), {\n  size: 'md',\n  color: 'accent',\n  label: 'Loading',\n})\n\nconst id = useId()\nconst gradId1 = `spinner-grad1-${id}`\nconst gradId2 = `spinner-grad2-${id}`\n\nconst classes = computed(() =>\n  composeClassName(spinnerVariants({ size: props.size, color: props.color }), props.class)\n)\n</script>\n\n<template>\n  <div\n    :class=\"classes\"\n    role=\"status\"\n    :aria-label=\"label\"\n  >\n    <svg\n      data-slot=\"spinner-icon\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <defs>\n        <linearGradient\n          :id=\"gradId1\"\n          x1=\"50%\"\n          x2=\"50%\"\n          y1=\"5.271%\"\n          y2=\"91.793%\"\n        >\n          <stop\n            offset=\"0%\"\n            stop-color=\"currentColor\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0.55\"\n          />\n        </linearGradient>\n        <linearGradient\n          :id=\"gradId2\"\n          x1=\"50%\"\n          x2=\"50%\"\n          y1=\"15.24%\"\n          y2=\"87.15%\"\n        >\n          <stop\n            offset=\"0%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0\"\n          />\n          <stop\n            offset=\"100%\"\n            stop-color=\"currentColor\"\n            stop-opacity=\"0.55\"\n          />\n        </linearGradient>\n      </defs>\n      <g fill=\"none\">\n        <path d=\"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z\" />\n        <path\n          d=\"M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021\"\n          :fill=\"`url(#${gradId1})`\"\n          transform=\"translate(1.5 1.625)\"\n        />\n        <path\n          d=\"M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118\"\n          :fill=\"`url(#${gradId2})`\"\n          transform=\"translate(1.5 1.625)\"\n        />\n      </g>\n    </svg>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAWd,MAAM,KAAK,OAAM;EACjB,MAAM,UAAU,iBAAiB;EACjC,MAAM,UAAU,iBAAiB;EAEjC,MAAM,UAAU,eACd,iBAAiB,gBAAgB;GAAE,MAAM,MAAM;GAAM,OAAO,MAAM;GAAO,CAAC,EAAE,MAAM,MAAK,CACzF;;uBAIE,mBA+DM,OAAA;IA9DH,OAAK,eAAE,QAAA,MAAO;IACf,MAAK;IACJ,cAAY,QAAA;qBAEb,mBAyDM,OAzDN,YAyDM,CAlDJ,mBAoCO,QAAA,MAAA,CAnCL,mBAgBiB,kBAAA;IAfd,IAAI;IACL,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;qCAEH,mBAGE,QAAA;IAFA,QAAO;IACP,cAAW;iBAEb,mBAIE,QAAA;IAHA,QAAO;IACP,cAAW;IACX,gBAAa;qBAGjB,mBAiBiB,kBAAA;IAhBd,IAAI;IACL,IAAG;IACH,IAAG;IACH,IAAG;IACH,IAAG;qCAEH,mBAIE,QAAA;IAHA,QAAO;IACP,cAAW;IACX,gBAAa;iBAEf,mBAIE,QAAA;IAHA,QAAO;IACP,cAAW;IACX,gBAAa;uBAInB,mBAYI,KAZJ,YAYI;8BAXF,mBAAuf,QAAA,EAAjf,GAAE,8eAA4e,EAAA,MAAA,GAAA;IACpf,mBAIE,QAAA;KAHA,GAAE;KACD,MAAI,QAAU,QAAO;KACtB,WAAU;;IAEZ,mBAIE,QAAA;KAHA,GAAE;KACD,MAAI,QAAU,QAAO;KACtB,WAAU"}

package/dist/components/splitter/Splitter.context.js

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

package/dist/components/splitter/Splitter.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.context.js","names":[],"sources":["../../../src/components/splitter/Splitter.context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { SplitterVariants } from '@auronui/styles'\n\nexport interface SplitterGroupContext {\n  direction: ComputedRef<SplitterVariants['direction']>\n}\n\nexport const splitterContextKey = Symbol('SplitterGroup') as InjectionKey<SplitterGroupContext>\n"],"mappings":";AAOA,IAAa,qBAAqB,OAAO,gBAAgB"}

package/dist/components/splitter/SplitterGroup.js

@@ -0,0 +1,7 @@
+import SplitterGroup_vue_vue_type_script_setup_true_lang_default from "./SplitterGroup.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/splitter/SplitterGroup.vue
+var SplitterGroup_default = SplitterGroup_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SplitterGroup_default as default };
+
+//# sourceMappingURL=SplitterGroup.js.map

package/dist/components/splitter/SplitterGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterGroup.js","names":[],"sources":["../../../src/components/splitter/SplitterGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { SplitterGroup } from 'reka-ui'\nimport { splitterVariants, type SplitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  direction?: SplitterVariants['direction']\n  autoSaveId?: string\n  class?: string\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n})\n\nconst slotFns = computed(() => splitterVariants({ direction: props.direction }))\n\nprovide(splitterContextKey, { direction: computed(() => props.direction ?? 'horizontal') })\n</script>\n\n<template>\n  <SplitterGroup\n    :id=\"id\"\n    :direction=\"direction ?? 'horizontal'\"\n    :auto-save-id=\"autoSaveId\"\n    :class=\"composeClassName(slotFns.group(), props.class)\"\n    data-slot=\"splitter-group\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":""}

package/dist/components/splitter/SplitterGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,41 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { splitterContextKey } from "./Splitter.context.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, provide, renderSlot, unref, withCtx } from "vue";
+import { splitterVariants } from "@auronui/styles";
+import { SplitterGroup } from "reka-ui";
+//#region src/components/splitter/SplitterGroup.vue?vue&type=script&setup=true&lang.ts
+var SplitterGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SplitterGroup",
+	props: {
+		id: { default: void 0 },
+		direction: { default: "horizontal" },
+		autoSaveId: { default: void 0 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => splitterVariants({ direction: props.direction }));
+		provide(splitterContextKey, { direction: computed(() => props.direction ?? "horizontal") });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SplitterGroup), {
+				id: __props.id,
+				direction: __props.direction ?? "horizontal",
+				"auto-save-id": __props.autoSaveId,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.group(), props.class)),
+				"data-slot": "splitter-group"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"direction",
+				"auto-save-id",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { SplitterGroup_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SplitterGroup.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/splitter/SplitterGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/splitter/SplitterGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { SplitterGroup } from 'reka-ui'\nimport { splitterVariants, type SplitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  direction?: SplitterVariants['direction']\n  autoSaveId?: string\n  class?: string\n}>(), {\n  id: undefined,\n  direction: 'horizontal',\n  autoSaveId: undefined,\n  class: undefined,\n})\n\nconst slotFns = computed(() => splitterVariants({ direction: props.direction }))\n\nprovide(splitterContextKey, { direction: computed(() => props.direction ?? 'horizontal') })\n</script>\n\n<template>\n  <SplitterGroup\n    :id=\"id\"\n    :direction=\"direction ?? 'horizontal'\"\n    :auto-save-id=\"autoSaveId\"\n    :class=\"composeClassName(slotFns.group(), props.class)\"\n    data-slot=\"splitter-group\"\n  >\n    <slot />\n  </SplitterGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAYd,MAAM,UAAU,eAAe,iBAAiB,EAAE,WAAW,MAAM,WAAW,CAAC,CAAA;AAE/E,UAAQ,oBAAoB,EAAE,WAAW,eAAe,MAAM,aAAa,aAAa,EAAE,CAAA;;uBAIxF,YAQgB,MAAA,cAAA,EAAA;IAPb,IAAI,QAAA;IACJ,WAAW,QAAA,aAAS;IACpB,gBAAc,QAAA;IACd,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,MAAK,CAAA;IACrD,aAAU;;2BAEF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/splitter/SplitterPanel.js

@@ -0,0 +1,7 @@
+import SplitterPanel_vue_vue_type_script_setup_true_lang_default from "./SplitterPanel.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/splitter/SplitterPanel.vue
+var SplitterPanel_default = SplitterPanel_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SplitterPanel_default as default };
+
+//# sourceMappingURL=SplitterPanel.js.map

package/dist/components/splitter/SplitterPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterPanel.js","names":[],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: string\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":""}

package/dist/components/splitter/SplitterPanel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { computed, createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { splitterVariants } from "@auronui/styles";
+import { SplitterPanel } from "reka-ui";
+//#region src/components/splitter/SplitterPanel.vue?vue&type=script&setup=true&lang.ts
+var SplitterPanel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SplitterPanel",
+	props: {
+		id: { default: void 0 },
+		defaultSize: { default: void 0 },
+		minSize: { default: void 0 },
+		maxSize: { default: void 0 },
+		collapsible: {
+			type: Boolean,
+			default: false
+		},
+		collapsedSize: { default: void 0 },
+		order: { default: void 0 },
+		class: { default: void 0 }
+	},
+	emits: ["collapse", "expand"],
+	setup(__props) {
+		const props = __props;
+		const slotFns = computed(() => splitterVariants());
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SplitterPanel), {
+				id: __props.id,
+				"default-size": __props.defaultSize,
+				"min-size": __props.minSize,
+				"max-size": __props.maxSize,
+				collapsible: __props.collapsible,
+				"collapsed-size": __props.collapsedSize,
+				order: __props.order,
+				class: normalizeClass(unref(composeClassName)(slotFns.value.panel(), props.class)),
+				"data-slot": "splitter-panel",
+				onCollapse: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("collapse")),
+				onExpand: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("expand"))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"id",
+				"default-size",
+				"min-size",
+				"max-size",
+				"collapsible",
+				"collapsed-size",
+				"order",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { SplitterPanel_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SplitterPanel.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/splitter/SplitterPanel.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterPanel.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/components/splitter/SplitterPanel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SplitterPanel } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  defaultSize?: number\n  minSize?: number\n  maxSize?: number\n  collapsible?: boolean\n  collapsedSize?: number\n  order?: number\n  class?: string\n}>(), {\n  id: undefined,\n  defaultSize: undefined,\n  minSize: undefined,\n  maxSize: undefined,\n  collapsible: false,\n  collapsedSize: undefined,\n  order: undefined,\n  class: undefined,\n})\n\ndefineEmits<{\n  collapse: []\n  expand: []\n}>()\n\nconst slotFns = computed(() => splitterVariants())\n</script>\n\n<template>\n  <SplitterPanel\n    :id=\"id\"\n    :default-size=\"defaultSize\"\n    :min-size=\"minSize\"\n    :max-size=\"maxSize\"\n    :collapsible=\"collapsible\"\n    :collapsed-size=\"collapsedSize\"\n    :order=\"order\"\n    :class=\"composeClassName(slotFns.panel(), props.class)\"\n    data-slot=\"splitter-panel\"\n    @collapse=\"$emit('collapse')\"\n    @expand=\"$emit('expand')\"\n  >\n    <slot />\n  </SplitterPanel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAyBd,MAAM,UAAU,eAAe,kBAAkB,CAAA;;uBAI/C,YAcgB,MAAA,cAAA,EAAA;IAbb,IAAI,QAAA;IACJ,gBAAc,QAAA;IACd,YAAU,QAAA;IACV,YAAU,QAAA;IACV,aAAa,QAAA;IACb,kBAAgB,QAAA;IAChB,OAAO,QAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,OAAK,EAAI,MAAM,MAAK,CAAA;IACrD,aAAU;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA;IACf,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,SAAA;;2BAEN,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/splitter/SplitterResizeHandle.js

@@ -0,0 +1,7 @@
+import SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default from "./SplitterResizeHandle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/splitter/SplitterResizeHandle.vue
+var SplitterResizeHandle_default = SplitterResizeHandle_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SplitterResizeHandle_default as default };
+
+//# sourceMappingURL=SplitterResizeHandle.js.map

package/dist/components/splitter/SplitterResizeHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitterResizeHandle.js","names":[],"sources":["../../../src/components/splitter/SplitterResizeHandle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { SplitterResizeHandle } from 'reka-ui'\nimport { splitterVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { splitterContextKey } from './Splitter.context'\n\nconst props = withDefaults(defineProps<{\n  id?: string\n  disabled?: boolean\n  class?: string\n}>(), {\n  id: undefined,\n  disabled: false,\n  class: undefined,\n})\n\ndefineEmits<{\n  dragging: [isDragging: boolean]\n}>()\n\nconst groupCtx = inject(splitterContextKey, null)\nconst slotFns = computed(() =>\n  splitterVariants({ direction: groupCtx?.direction.value ?? 'horizontal' }),\n)\n</script>\n\n<template>\n  <SplitterResizeHandle\n    :id=\"id\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(slotFns.handle(), props.class)\"\n    data-slot=\"splitter-handle\"\n    @dragging=\"$emit('dragging', $event)\"\n  >\n    <slot>\n      <div :class=\"slotFns.handleBar()\" />\n    </slot>\n  </SplitterResizeHandle>\n</template>\n"],"mappings":""}