@auronui/vue 1.0.0

package/dist/components/color-slider/ColorSlider.js

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

package/dist/components/color-slider/ColorSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.js","names":[],"sources":["../../../src/components/color-slider/ColorSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport {\n  ColorSliderRoot,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  getSliderBackgroundStyle,\n  getChannelValue,\n  type Color,\n  type ColorChannel,\n  type ColorSpace,\n} from 'reka-ui'\nimport { colorSliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\nimport { useColorState } from '../../composables/useColorState'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: Color | string\n  defaultValue?: Color | string\n  channel: ColorChannel\n  colorSpace?: ColorSpace\n  orientation?: 'horizontal' | 'vertical'\n  disabled?: boolean\n  showOutput?: boolean\n  class?: string\n  trackClass?: string\n  thumbClass?: string\n  outputClass?: string\n}>(), {\n  orientation: 'horizontal',\n  disabled: false,\n  showOutput: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Color]\n  'update:color': [value: Color]\n}>()\n\nconst attrs = useAttrs()\n\n// Optional picker context — when absent, fall back to local useColorState\nconst pickerCtx = inject(ColorPickerContextKey, null)\nconst local = pickerCtx\n  ? null\n  : useColorState({ value: props.modelValue, defaultValue: props.defaultValue })\n\nconst color = computed<Color>(() =>\n  pickerCtx ? pickerCtx.color.value : local!.color.value\n)\n\nconst styles = colorSliderVariants()\n\nconst trackBgStyle = computed(() =>\n  getSliderBackgroundStyle(color.value, props.channel)\n)\n\nconst channelDisplay = computed(() =>\n  Math.round(getChannelValue(color.value, props.channel)).toString()\n)\n\nfunction onColorUpdate(next: Color) {\n  if (pickerCtx) {\n    pickerCtx.setChannel(props.channel, getChannelValue(next, props.channel))\n  } else {\n    emit('update:modelValue', next)\n    emit('update:color', next)\n  }\n}\n</script>\n\n<template>\n  <ColorSliderRoot\n    v-bind=\"attrs\"\n    :model-value=\"color\"\n    :channel=\"channel\"\n    :color-space=\"colorSpace\"\n    :orientation=\"orientation\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:color=\"onColorUpdate\"\n  >\n    <ColorSliderTrack\n      :class=\"composeClassName(styles.track(), trackClass)\"\n      :style=\"trackBgStyle\"\n    >\n      <ColorSliderThumb :class=\"composeClassName(styles.thumb(), thumbClass)\" />\n    </ColorSliderTrack>\n    <output\n      v-if=\"showOutput\"\n      :class=\"composeClassName(styles.output(), outputClass)\"\n    >{{ channelDisplay }}</output>\n  </ColorSliderRoot>\n</template>\n"],"mappings":""}

package/dist/components/color-slider/ColorSlider.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,86 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { ColorPickerContextKey } from "../color-picker/color-picker.context.js";
+import { useColorState } from "../../composables/useColorState.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, mergeProps, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, useAttrs, withCtx } from "vue";
+import { colorSliderVariants } from "@auronui/styles";
+import { ColorSliderRoot, ColorSliderThumb, ColorSliderTrack, getChannelValue, getSliderBackgroundStyle } from "reka-ui";
+//#region src/components/color-slider/ColorSlider.vue?vue&type=script&setup=true&lang.ts
+var ColorSlider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ColorSlider",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		channel: {},
+		colorSpace: {},
+		orientation: { default: "horizontal" },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		showOutput: {
+			type: Boolean,
+			default: false
+		},
+		class: {},
+		trackClass: {},
+		thumbClass: {},
+		outputClass: {}
+	},
+	emits: ["update:modelValue", "update:color"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const pickerCtx = inject(ColorPickerContextKey, null);
+		const local = pickerCtx ? null : useColorState({
+			value: props.modelValue,
+			defaultValue: props.defaultValue
+		});
+		const color = computed(() => pickerCtx ? pickerCtx.color.value : local.color.value);
+		const styles = colorSliderVariants();
+		const trackBgStyle = computed(() => getSliderBackgroundStyle(color.value, props.channel));
+		const channelDisplay = computed(() => Math.round(getChannelValue(color.value, props.channel)).toString());
+		function onColorUpdate(next) {
+			if (pickerCtx) pickerCtx.setChannel(props.channel, getChannelValue(next, props.channel));
+			else {
+				emit("update:modelValue", next);
+				emit("update:color", next);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ColorSliderRoot), mergeProps(unref(attrs), {
+				"model-value": color.value,
+				channel: __props.channel,
+				"color-space": __props.colorSpace,
+				orientation: __props.orientation,
+				disabled: __props.disabled,
+				class: unref(composeClassName)(unref(styles).base(), props.class),
+				"onUpdate:color": onColorUpdate
+			}), {
+				default: withCtx(() => [createVNode(unref(ColorSliderTrack), {
+					class: normalizeClass(unref(composeClassName)(unref(styles).track(), __props.trackClass)),
+					style: normalizeStyle(trackBgStyle.value)
+				}, {
+					default: withCtx(() => [createVNode(unref(ColorSliderThumb), { class: normalizeClass(unref(composeClassName)(unref(styles).thumb(), __props.thumbClass)) }, null, 8, ["class"])]),
+					_: 1
+				}, 8, ["class", "style"]), __props.showOutput ? (openBlock(), createElementBlock("output", {
+					key: 0,
+					class: normalizeClass(unref(composeClassName)(unref(styles).output(), __props.outputClass))
+				}, toDisplayString(channelDisplay.value), 3)) : createCommentVNode("", true)]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"channel",
+				"color-space",
+				"orientation",
+				"disabled",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ColorSlider_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ColorSlider.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/color-slider/ColorSlider.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSlider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/color-slider/ColorSlider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport {\n  ColorSliderRoot,\n  ColorSliderTrack,\n  ColorSliderThumb,\n  getSliderBackgroundStyle,\n  getChannelValue,\n  type Color,\n  type ColorChannel,\n  type ColorSpace,\n} from 'reka-ui'\nimport { colorSliderVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\nimport { useColorState } from '../../composables/useColorState'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: Color | string\n  defaultValue?: Color | string\n  channel: ColorChannel\n  colorSpace?: ColorSpace\n  orientation?: 'horizontal' | 'vertical'\n  disabled?: boolean\n  showOutput?: boolean\n  class?: string\n  trackClass?: string\n  thumbClass?: string\n  outputClass?: string\n}>(), {\n  orientation: 'horizontal',\n  disabled: false,\n  showOutput: false,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Color]\n  'update:color': [value: Color]\n}>()\n\nconst attrs = useAttrs()\n\n// Optional picker context — when absent, fall back to local useColorState\nconst pickerCtx = inject(ColorPickerContextKey, null)\nconst local = pickerCtx\n  ? null\n  : useColorState({ value: props.modelValue, defaultValue: props.defaultValue })\n\nconst color = computed<Color>(() =>\n  pickerCtx ? pickerCtx.color.value : local!.color.value\n)\n\nconst styles = colorSliderVariants()\n\nconst trackBgStyle = computed(() =>\n  getSliderBackgroundStyle(color.value, props.channel)\n)\n\nconst channelDisplay = computed(() =>\n  Math.round(getChannelValue(color.value, props.channel)).toString()\n)\n\nfunction onColorUpdate(next: Color) {\n  if (pickerCtx) {\n    pickerCtx.setChannel(props.channel, getChannelValue(next, props.channel))\n  } else {\n    emit('update:modelValue', next)\n    emit('update:color', next)\n  }\n}\n</script>\n\n<template>\n  <ColorSliderRoot\n    v-bind=\"attrs\"\n    :model-value=\"color\"\n    :channel=\"channel\"\n    :color-space=\"colorSpace\"\n    :orientation=\"orientation\"\n    :disabled=\"disabled\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:color=\"onColorUpdate\"\n  >\n    <ColorSliderTrack\n      :class=\"composeClassName(styles.track(), trackClass)\"\n      :style=\"trackBgStyle\"\n    >\n      <ColorSliderThumb :class=\"composeClassName(styles.thumb(), thumbClass)\" />\n    </ColorSliderTrack>\n    <output\n      v-if=\"showOutput\"\n      :class=\"composeClassName(styles.output(), outputClass)\"\n    >{{ channelDisplay }}</output>\n  </ColorSliderRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAkBd,MAAM,OAAO;EAKb,MAAM,QAAQ,UAAS;EAGvB,MAAM,YAAY,OAAO,uBAAuB,KAAI;EACpD,MAAM,QAAQ,YACV,OACA,cAAc;GAAE,OAAO,MAAM;GAAY,cAAc,MAAM;GAAc,CAAA;EAE/E,MAAM,QAAQ,eACZ,YAAY,UAAU,MAAM,QAAQ,MAAO,MAAM,MACnD;EAEA,MAAM,SAAS,qBAAoB;EAEnC,MAAM,eAAe,eACnB,yBAAyB,MAAM,OAAO,MAAM,QAAO,CACrD;EAEA,MAAM,iBAAiB,eACrB,KAAK,MAAM,gBAAgB,MAAM,OAAO,MAAM,QAAQ,CAAC,CAAC,UAAS,CACnE;EAEA,SAAS,cAAc,MAAa;AAClC,OAAI,UACF,WAAU,WAAW,MAAM,SAAS,gBAAgB,MAAM,MAAM,QAAQ,CAAA;QACnE;AACL,SAAK,qBAAqB,KAAI;AAC9B,SAAK,gBAAgB,KAAI;;;;uBAM3B,YAoBkB,MAAA,gBAAA,EApBlB,WACU,MAmBQ,MAnBH,EAAA;IACZ,eAAa,MAAA;IACb,SAAS,QAAA;IACT,eAAa,QAAA;IACb,aAAa,QAAA;IACb,UAAU,QAAA;IACV,OAAO,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK;IAClD,kBAAc;;2BAOI,CALnB,YAKmB,MAAA,iBAAA,EAAA;KAJhB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAK,EAAI,QAAA,WAAU,CAAA;KAClD,OAAK,eAAE,aAAA,MAAY;;4BAEsD,CAA1E,YAA0E,MAAA,iBAAA,EAAA,EAAvD,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAK,EAAI,QAAA,WAAU,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;+BAG/D,QAAA,cAAA,WAAA,EADR,mBAG8B,UAAA;;KAD3B,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,QAAM,EAAI,QAAA,YAAW,CAAA;uBACnD,eAAA,MAAc,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}

package/dist/components/color-swatch/ColorSwatch.js

@@ -0,0 +1,7 @@
+import ColorSwatch_vue_vue_type_script_setup_true_lang_default from "./ColorSwatch.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/color-swatch/ColorSwatch.vue
+var ColorSwatch_default = ColorSwatch_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ColorSwatch_default as default };
+
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/components/color-swatch/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","names":[],"sources":["../../../src/components/color-swatch/ColorSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { ColorSwatch as RekaColorSwatch, parseColor, colorToHex, type Color } from 'reka-ui'\nimport { colorSwatchVariants, type ColorSwatchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\n\nconst props = defineProps<{\n  color?: Color | string\n  colorName?: string\n  shape?: ColorSwatchVariants['shape']\n  size?: ColorSwatchVariants['size']\n  class?: string\n}>()\n\n// Try to inject ColorPickerContext — null fallback so we don't throw when standalone\nconst pickerCtx = inject(ColorPickerContextKey, null)\n\nconst resolvedColor = computed<Color>(() => {\n  if (props.color) {\n    return typeof props.color === 'string' ? parseColor(props.color) : props.color\n  }\n  if (pickerCtx) {\n    return pickerCtx.color.value\n  }\n  return parseColor('#000000')\n})\n\n// Reka ColorSwatch sets aria-label from its `label` prop.\n// Provide accessible label: colorName if given, otherwise hex value.\nconst accessibleLabel = computed(() =>\n  props.colorName ?? colorToHex(resolvedColor.value),\n)\n\nconst styles = computed(() =>\n  colorSwatchVariants({ shape: props.shape, size: props.size }),\n)\n</script>\n\n<template>\n  <RekaColorSwatch\n    :color=\"resolvedColor\"\n    :label=\"accessibleLabel\"\n    :class=\"composeClassName(styles, props.class)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/color-swatch/ColorSwatch.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { ColorPickerContextKey } from "../color-picker/color-picker.context.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, openBlock, unref } from "vue";
+import { colorSwatchVariants } from "@auronui/styles";
+import { ColorSwatch, colorToHex, parseColor } from "reka-ui";
+//#region src/components/color-swatch/ColorSwatch.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ColorSwatch",
+	props: {
+		color: {},
+		colorName: {},
+		shape: {},
+		size: {},
+		class: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const pickerCtx = inject(ColorPickerContextKey, null);
+		const resolvedColor = computed(() => {
+			if (props.color) return typeof props.color === "string" ? parseColor(props.color) : props.color;
+			if (pickerCtx) return pickerCtx.color.value;
+			return parseColor("#000000");
+		});
+		const accessibleLabel = computed(() => props.colorName ?? colorToHex(resolvedColor.value));
+		const styles = computed(() => colorSwatchVariants({
+			shape: props.shape,
+			size: props.size
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ColorSwatch), {
+				color: resolvedColor.value,
+				label: accessibleLabel.value,
+				class: normalizeClass(unref(composeClassName)(styles.value, props.class))
+			}, null, 8, [
+				"color",
+				"label",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { ColorSwatch_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ColorSwatch.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/color-swatch/ColorSwatch.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/color-swatch/ColorSwatch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject } from 'vue'\nimport { ColorSwatch as RekaColorSwatch, parseColor, colorToHex, type Color } from 'reka-ui'\nimport { colorSwatchVariants, type ColorSwatchVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\n\nconst props = defineProps<{\n  color?: Color | string\n  colorName?: string\n  shape?: ColorSwatchVariants['shape']\n  size?: ColorSwatchVariants['size']\n  class?: string\n}>()\n\n// Try to inject ColorPickerContext — null fallback so we don't throw when standalone\nconst pickerCtx = inject(ColorPickerContextKey, null)\n\nconst resolvedColor = computed<Color>(() => {\n  if (props.color) {\n    return typeof props.color === 'string' ? parseColor(props.color) : props.color\n  }\n  if (pickerCtx) {\n    return pickerCtx.color.value\n  }\n  return parseColor('#000000')\n})\n\n// Reka ColorSwatch sets aria-label from its `label` prop.\n// Provide accessible label: colorName if given, otherwise hex value.\nconst accessibleLabel = computed(() =>\n  props.colorName ?? colorToHex(resolvedColor.value),\n)\n\nconst styles = computed(() =>\n  colorSwatchVariants({ shape: props.shape, size: props.size }),\n)\n</script>\n\n<template>\n  <RekaColorSwatch\n    :color=\"resolvedColor\"\n    :label=\"accessibleLabel\"\n    :class=\"composeClassName(styles, props.class)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EASd,MAAM,YAAY,OAAO,uBAAuB,KAAI;EAEpD,MAAM,gBAAgB,eAAsB;AAC1C,OAAI,MAAM,MACR,QAAO,OAAO,MAAM,UAAU,WAAW,WAAW,MAAM,MAAM,GAAG,MAAM;AAE3E,OAAI,UACF,QAAO,UAAU,MAAM;AAEzB,UAAO,WAAW,UAAS;IAC5B;EAID,MAAM,kBAAkB,eACtB,MAAM,aAAa,WAAW,cAAc,MAAM,CACpD;EAEA,MAAM,SAAS,eACb,oBAAoB;GAAE,OAAO,MAAM;GAAO,MAAM,MAAM;GAAM,CAAC,CAC/D;;uBAIE,YAIE,MAAA,YAAA,EAAA;IAHC,OAAO,cAAA;IACP,OAAO,gBAAA;IACP,OAAK,eAAE,MAAA,iBAAgB,CAAC,OAAA,OAAQ,MAAM,MAAK,CAAA"}

package/dist/components/color-swatch-picker/ColorSwatchPicker.js

@@ -0,0 +1,7 @@
+import ColorSwatchPicker_vue_vue_type_script_setup_true_lang_default from "./ColorSwatchPicker.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/color-swatch-picker/ColorSwatchPicker.vue
+var ColorSwatchPicker_default = ColorSwatchPicker_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ColorSwatchPicker_default as default };
+
+//# sourceMappingURL=ColorSwatchPicker.js.map

package/dist/components/color-swatch-picker/ColorSwatchPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPicker.js","names":[],"sources":["../../../src/components/color-swatch-picker/ColorSwatchPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport {\n  ColorSwatchPickerRoot,\n  ColorSwatchPickerItem,\n  ColorSwatchPickerItemIndicator,\n  ColorSwatchPickerItemSwatch,\n  parseColor,\n  colorToHex,\n  getChannelValue,\n  type Color,\n} from 'reka-ui'\nimport { colorSwatchPickerVariants, type ColorSwatchPickerVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\nimport { useColorState } from '../../composables/useColorState'\n\n// Disable Vue default attr inheritance so we can manually pass attrs to the root\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  colors: (Color | string)[]\n  layout?: ColorSwatchPickerVariants['layout']\n  size?: ColorSwatchPickerVariants['size']\n  variant?: ColorSwatchPickerVariants['variant']\n  class?: string\n}>(), {\n  layout: 'grid',\n  size: 'md',\n  variant: 'circle',\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: string] }>()\n\n// Access all attributes (including aria-label) to forward manually\nconst attrs = useAttrs()\n\n// Try to inject ColorPickerContext — null fallback so we don't throw when standalone\nconst pickerCtx = inject(ColorPickerContextKey, null)\n\n// Only use local state when no picker context is present\nconst local = pickerCtx\n  ? null\n  : useColorState({\n      value: props.modelValue,\n      defaultValue: props.defaultValue,\n    })\n\n// ColorSwatchPickerRoot works with hex strings\nconst colorHex = computed<string>(() => {\n  if (pickerCtx) return colorToHex(pickerCtx.color.value)\n  return local!.toHex()\n})\n\nconst styles = computed(() =>\n  colorSwatchPickerVariants({\n    layout: props.layout,\n    size: props.size,\n    variant: props.variant,\n  }),\n)\n\n// Normalize each color entry to a hex string (the value ColorSwatchPickerItem expects)\nfunction toHexString(c: Color | string): string {\n  return typeof c === 'string' ? c : colorToHex(c)\n}\n\n// ColorSwatchPickerRoot emits string | string[] | null — guard to string before use\nfunction onUpdate(next: unknown) {\n  if (typeof next !== 'string') return\n  if (pickerCtx) {\n    const parsed = parseColor(next)\n    pickerCtx.setChannels([\n      { channel: 'red' as const, value: getChannelValue(parsed, 'red') },\n      { channel: 'green' as const, value: getChannelValue(parsed, 'green') },\n      { channel: 'blue' as const, value: getChannelValue(parsed, 'blue') },\n      { channel: 'alpha' as const, value: getChannelValue(parsed, 'alpha') },\n    ])\n  } else {\n    local!.color.value = parseColor(next)\n    emit('update:modelValue', next)\n  }\n}\n</script>\n\n<template>\n  <ColorSwatchPickerRoot\n    v-bind=\"attrs\"\n    :model-value=\"colorHex\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:model-value=\"onUpdate\"\n  >\n    <ColorSwatchPickerItem\n      v-for=\"(c, i) in colors\"\n      :key=\"i\"\n      :value=\"toHexString(c)\"\n      :class=\"styles.item()\"\n    >\n      <ColorSwatchPickerItemSwatch :class=\"styles.swatch()\" />\n      <ColorSwatchPickerItemIndicator :class=\"styles.indicator()\" />\n    </ColorSwatchPickerItem>\n  </ColorSwatchPickerRoot>\n</template>\n"],"mappings":""}

package/dist/components/color-swatch-picker/ColorSwatchPicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { ColorPickerContextKey } from "../color-picker/color-picker.context.js";
+import { useColorState } from "../../composables/useColorState.js";
+import { Fragment, computed, createBlock, createElementBlock, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, renderList, unref, useAttrs, withCtx } from "vue";
+import { colorSwatchPickerVariants } from "@auronui/styles";
+import { ColorSwatchPickerItem, ColorSwatchPickerItemIndicator, ColorSwatchPickerItemSwatch, ColorSwatchPickerRoot, colorToHex, getChannelValue, parseColor } from "reka-ui";
+//#region src/components/color-swatch-picker/ColorSwatchPicker.vue?vue&type=script&setup=true&lang.ts
+var ColorSwatchPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "ColorSwatchPicker",
+	props: {
+		modelValue: {},
+		defaultValue: {},
+		colors: {},
+		layout: { default: "grid" },
+		size: { default: "md" },
+		variant: { default: "circle" },
+		class: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const pickerCtx = inject(ColorPickerContextKey, null);
+		const local = pickerCtx ? null : useColorState({
+			value: props.modelValue,
+			defaultValue: props.defaultValue
+		});
+		const colorHex = computed(() => {
+			if (pickerCtx) return colorToHex(pickerCtx.color.value);
+			return local.toHex();
+		});
+		const styles = computed(() => colorSwatchPickerVariants({
+			layout: props.layout,
+			size: props.size,
+			variant: props.variant
+		}));
+		function toHexString(c) {
+			return typeof c === "string" ? c : colorToHex(c);
+		}
+		function onUpdate(next) {
+			if (typeof next !== "string") return;
+			if (pickerCtx) {
+				const parsed = parseColor(next);
+				pickerCtx.setChannels([
+					{
+						channel: "red",
+						value: getChannelValue(parsed, "red")
+					},
+					{
+						channel: "green",
+						value: getChannelValue(parsed, "green")
+					},
+					{
+						channel: "blue",
+						value: getChannelValue(parsed, "blue")
+					},
+					{
+						channel: "alpha",
+						value: getChannelValue(parsed, "alpha")
+					}
+				]);
+			} else {
+				local.color.value = parseColor(next);
+				emit("update:modelValue", next);
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ColorSwatchPickerRoot), mergeProps(unref(attrs), {
+				"model-value": colorHex.value,
+				class: unref(composeClassName)(styles.value.base(), props.class),
+				"onUpdate:modelValue": onUpdate
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.colors, (c, i) => {
+					return openBlock(), createBlock(unref(ColorSwatchPickerItem), {
+						key: i,
+						value: toHexString(c),
+						class: normalizeClass(styles.value.item())
+					}, {
+						default: withCtx(() => [createVNode(unref(ColorSwatchPickerItemSwatch), { class: normalizeClass(styles.value.swatch()) }, null, 8, ["class"]), createVNode(unref(ColorSwatchPickerItemIndicator), { class: normalizeClass(styles.value.indicator()) }, null, 8, ["class"])]),
+						_: 1
+					}, 8, ["value", "class"]);
+				}), 128))]),
+				_: 1
+			}, 16, ["model-value", "class"]);
+		};
+	}
+});
+//#endregion
+export { ColorSwatchPicker_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ColorSwatchPicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/color-swatch-picker/ColorSwatchPicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatchPicker.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/color-swatch-picker/ColorSwatchPicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, useAttrs } from 'vue'\nimport {\n  ColorSwatchPickerRoot,\n  ColorSwatchPickerItem,\n  ColorSwatchPickerItemIndicator,\n  ColorSwatchPickerItemSwatch,\n  parseColor,\n  colorToHex,\n  getChannelValue,\n  type Color,\n} from 'reka-ui'\nimport { colorSwatchPickerVariants, type ColorSwatchPickerVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { ColorPickerContextKey } from '../color-picker/color-picker.context'\nimport { useColorState } from '../../composables/useColorState'\n\n// Disable Vue default attr inheritance so we can manually pass attrs to the root\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  colors: (Color | string)[]\n  layout?: ColorSwatchPickerVariants['layout']\n  size?: ColorSwatchPickerVariants['size']\n  variant?: ColorSwatchPickerVariants['variant']\n  class?: string\n}>(), {\n  layout: 'grid',\n  size: 'md',\n  variant: 'circle',\n})\n\nconst emit = defineEmits<{ 'update:modelValue': [value: string] }>()\n\n// Access all attributes (including aria-label) to forward manually\nconst attrs = useAttrs()\n\n// Try to inject ColorPickerContext — null fallback so we don't throw when standalone\nconst pickerCtx = inject(ColorPickerContextKey, null)\n\n// Only use local state when no picker context is present\nconst local = pickerCtx\n  ? null\n  : useColorState({\n      value: props.modelValue,\n      defaultValue: props.defaultValue,\n    })\n\n// ColorSwatchPickerRoot works with hex strings\nconst colorHex = computed<string>(() => {\n  if (pickerCtx) return colorToHex(pickerCtx.color.value)\n  return local!.toHex()\n})\n\nconst styles = computed(() =>\n  colorSwatchPickerVariants({\n    layout: props.layout,\n    size: props.size,\n    variant: props.variant,\n  }),\n)\n\n// Normalize each color entry to a hex string (the value ColorSwatchPickerItem expects)\nfunction toHexString(c: Color | string): string {\n  return typeof c === 'string' ? c : colorToHex(c)\n}\n\n// ColorSwatchPickerRoot emits string | string[] | null — guard to string before use\nfunction onUpdate(next: unknown) {\n  if (typeof next !== 'string') return\n  if (pickerCtx) {\n    const parsed = parseColor(next)\n    pickerCtx.setChannels([\n      { channel: 'red' as const, value: getChannelValue(parsed, 'red') },\n      { channel: 'green' as const, value: getChannelValue(parsed, 'green') },\n      { channel: 'blue' as const, value: getChannelValue(parsed, 'blue') },\n      { channel: 'alpha' as const, value: getChannelValue(parsed, 'alpha') },\n    ])\n  } else {\n    local!.color.value = parseColor(next)\n    emit('update:modelValue', next)\n  }\n}\n</script>\n\n<template>\n  <ColorSwatchPickerRoot\n    v-bind=\"attrs\"\n    :model-value=\"colorHex\"\n    :class=\"composeClassName(styles.base(), props.class)\"\n    @update:model-value=\"onUpdate\"\n  >\n    <ColorSwatchPickerItem\n      v-for=\"(c, i) in colors\"\n      :key=\"i\"\n      :value=\"toHexString(c)\"\n      :class=\"styles.item()\"\n    >\n      <ColorSwatchPickerItemSwatch :class=\"styles.swatch()\" />\n      <ColorSwatchPickerItemIndicator :class=\"styles.indicator()\" />\n    </ColorSwatchPickerItem>\n  </ColorSwatchPickerRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAGb,MAAM,QAAQ,UAAS;EAGvB,MAAM,YAAY,OAAO,uBAAuB,KAAI;EAGpD,MAAM,QAAQ,YACV,OACA,cAAc;GACZ,OAAO,MAAM;GACb,cAAc,MAAM;GACrB,CAAA;EAGL,MAAM,WAAW,eAAuB;AACtC,OAAI,UAAW,QAAO,WAAW,UAAU,MAAM,MAAK;AACtD,UAAO,MAAO,OAAM;IACrB;EAED,MAAM,SAAS,eACb,0BAA0B;GACxB,QAAQ,MAAM;GACd,MAAM,MAAM;GACZ,SAAS,MAAM;GAChB,CAAC,CACJ;EAGA,SAAS,YAAY,GAA2B;AAC9C,UAAO,OAAO,MAAM,WAAW,IAAI,WAAW,EAAC;;EAIjD,SAAS,SAAS,MAAe;AAC/B,OAAI,OAAO,SAAS,SAAU;AAC9B,OAAI,WAAW;IACb,MAAM,SAAS,WAAW,KAAI;AAC9B,cAAU,YAAY;KACpB;MAAE,SAAS;MAAgB,OAAO,gBAAgB,QAAQ,MAAM;MAAE;KAClE;MAAE,SAAS;MAAkB,OAAO,gBAAgB,QAAQ,QAAQ;MAAE;KACtE;MAAE,SAAS;MAAiB,OAAO,gBAAgB,QAAQ,OAAO;MAAE;KACpE;MAAE,SAAS;MAAkB,OAAO,gBAAgB,QAAQ,QAAQ;MAAE;KACvE,CAAA;UACI;AACL,UAAO,MAAM,QAAQ,WAAW,KAAI;AACpC,SAAK,qBAAqB,KAAI;;;;uBAMhC,YAewB,MAAA,sBAAA,EAfxB,WACU,MAcc,MAdT,EAAA;IACZ,eAAa,SAAA;IACb,OAAO,MAAA,iBAAgB,CAAC,OAAA,MAAO,MAAI,EAAI,MAAM,MAAK;IAClD,uBAAoB;;2BAGK,EAAA,UAAA,KAAA,EAD1B,mBAQwB,UAAA,MAAA,WAPL,QAAA,SAAT,GAAG,MAAC;yBADd,YAQwB,MAAA,sBAAA,EAAA;MANrB,KAAK;MACL,OAAO,YAAY,EAAC;MACpB,OAAK,eAAE,OAAA,MAAO,MAAI,CAAA;;6BAEqC,CAAxD,YAAwD,MAAA,4BAAA,EAAA,EAA1B,OAAK,eAAE,OAAA,MAAO,QAAM,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,EAClD,YAA8D,MAAA,+BAAA,EAAA,EAA7B,OAAK,eAAE,OAAA,MAAO,WAAS,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA"}

package/dist/components/combo-box/ComboBox.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/combo-box/ComboBox.context.ts
+var { useProvide: useComboBoxProvide, useInject: useComboBoxInject, key: comboBoxContextKey } = createContext("ComboBox");
+//#endregion
+export { comboBoxContextKey, useComboBoxInject, useComboBoxProvide };
+
+//# sourceMappingURL=ComboBox.context.js.map

package/dist/components/combo-box/ComboBox.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.context.js","names":[],"sources":["../../../src/components/combo-box/ComboBox.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { comboBoxVariants } from '@auronui/styles'\n\nexport interface ComboBoxContext {\n  isDisabled: Ref<boolean>\n  isInvalid: Ref<boolean>\n  fullWidth: Ref<boolean>\n  slots: ComputedRef<ReturnType<typeof comboBoxVariants>>\n  displayValue: ComputedRef<(value: string) => string>\n}\n\nexport const {\n  useProvide: useComboBoxProvide,\n  useInject: useComboBoxInject,\n  key: comboBoxContextKey,\n} = createContext<ComboBoxContext>('ComboBox')\n"],"mappings":";;AAYA,IAAa,EACX,YAAY,oBACZ,WAAW,mBACX,KAAK,uBACH,cAA+B,WAAW"}

package/dist/components/combo-box/ComboBox.js

@@ -0,0 +1,7 @@
+import ComboBox_vue_vue_type_script_setup_true_lang_default from "./ComboBox.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/combo-box/ComboBox.vue
+var ComboBox_default = ComboBox_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ComboBox_default as default };
+
+//# sourceMappingURL=ComboBox.js.map

package/dist/components/combo-box/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","names":[],"sources":["../../../src/components/combo-box/ComboBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useId } from 'vue'\nimport { ComboboxRoot } from 'reka-ui'\nimport { comboBoxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useComboBoxProvide } from './ComboBox.context'\n\nexport interface ComboBoxItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  open?: boolean\n  defaultOpen?: boolean\n  items?: ComboBoxItem[]\n  label?: string\n  placeholder?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isRequired?: boolean\n  allowsCustomValue?: boolean\n  fullWidth?: boolean\n  /** Custom filter function: return true to include item */\n  filterFunction?: (item: string, searchTerm: string) => boolean\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  label: undefined,\n  placeholder: undefined,\n  description: undefined,\n  errorMessage: undefined,\n  isInvalid: false,\n  isDisabled: false,\n  isRequired: false,\n  allowsCustomValue: false,\n  fullWidth: false,\n  filterFunction: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = computed(() =>\n  comboBoxVariants({\n    fullWidth: props.fullWidth,\n  })\n)\n\n// Default filter: case-insensitive substring match\nconst effectiveFilter = computed(() => {\n  if (props.filterFunction) return props.filterFunction\n  return (itemText: string, searchTerm: string): boolean =>\n    itemText.toLowerCase().includes(searchTerm.toLowerCase())\n})\n\n// Map a stored value back to its human-readable label for the input display\nconst displayValue = computed(() => (val: string): string => {\n  if (!val) return ''\n  const item = props.items.find(i => i.value === val)\n  return item?.label ?? item?.textValue ?? val\n})\n\nuseComboBoxProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  fullWidth: toRef(props, 'fullWidth'),\n  slots: slotFns,\n  displayValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    data-slot=\"combo-box\"\n  >\n    <label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      data-slot=\"label\"\n    >\n      {{ props.label }}\n      <span\n        v-if=\"props.isRequired\"\n        aria-hidden=\"true\"\n      > *</span>\n    </label>\n\n    <ComboboxRoot\n      :model-value=\"props.modelValue\"\n      :default-value=\"props.defaultValue\"\n      :open=\"props.open\"\n      :default-open=\"props.defaultOpen\"\n      :disabled=\"props.isDisabled\"\n      :required=\"props.isRequired\"\n      :filter-function=\"effectiveFilter\"\n      @update:model-value=\"emit('update:modelValue', $event)\"\n      @update:open=\"emit('update:open', $event)\"\n    >\n      <slot />\n    </ComboboxRoot>\n\n    <div\n      v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n      data-slot=\"helper-wrapper\"\n    >\n      <p\n        v-if=\"props.isInvalid && props.errorMessage\"\n        data-slot=\"error-message\"\n        aria-live=\"polite\"\n      >\n        {{ props.errorMessage }}\n      </p>\n      <p\n        v-else-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/combo-box/ComboBox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,133 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useComboBoxProvide } from "./ComboBox.context.js";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, toRef, unref, useId, withCtx } from "vue";
+import { comboBoxVariants } from "@auronui/styles";
+import { ComboboxRoot } from "reka-ui";
+//#region src/components/combo-box/ComboBox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-invalid"];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_4 = {
+	key: 1,
+	"data-slot": "helper-wrapper"
+};
+var _hoisted_5 = {
+	key: 0,
+	"data-slot": "error-message",
+	"aria-live": "polite"
+};
+var _hoisted_6 = {
+	key: 1,
+	"data-slot": "description"
+};
+var ComboBox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboBox",
+	props: {
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		},
+		items: { default: () => [] },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		description: { default: void 0 },
+		errorMessage: { default: void 0 },
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		allowsCustomValue: {
+			type: Boolean,
+			default: false
+		},
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		filterFunction: {
+			type: Function,
+			default: void 0
+		},
+		class: { default: void 0 }
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const labelId = useId();
+		const slotFns = computed(() => comboBoxVariants({ fullWidth: props.fullWidth }));
+		const effectiveFilter = computed(() => {
+			if (props.filterFunction) return props.filterFunction;
+			return (itemText, searchTerm) => itemText.toLowerCase().includes(searchTerm.toLowerCase());
+		});
+		const displayValue = computed(() => (val) => {
+			if (!val) return "";
+			const item = props.items.find((i) => i.value === val);
+			return item?.label ?? item?.textValue ?? val;
+		});
+		useComboBoxProvide({
+			isDisabled: toRef(props, "isDisabled"),
+			isInvalid: toRef(props, "isInvalid"),
+			fullWidth: toRef(props, "fullWidth"),
+			slots: slotFns,
+			displayValue
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"aria-invalid": props.isInvalid || void 0,
+				"data-slot": "combo-box"
+			}, [
+				props.label ? (openBlock(), createElementBlock("label", {
+					key: 0,
+					id: unref(labelId),
+					"data-slot": "label"
+				}, [createTextVNode(toDisplayString(props.label) + " ", 1), props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 8, _hoisted_2)) : createCommentVNode("", true),
+				createVNode(unref(ComboboxRoot), {
+					"model-value": props.modelValue,
+					"default-value": props.defaultValue,
+					open: props.open,
+					"default-open": props.defaultOpen,
+					disabled: props.isDisabled,
+					required: props.isRequired,
+					"filter-function": effectiveFilter.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
+					"onUpdate:open": _cache[1] || (_cache[1] = ($event) => emit("update:open", $event))
+				}, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 8, [
+					"model-value",
+					"default-value",
+					"open",
+					"default-open",
+					"disabled",
+					"required",
+					"filter-function"
+				]),
+				props.description || props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("div", _hoisted_4, [props.isInvalid && props.errorMessage ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(props.errorMessage), 1)) : props.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(props.description), 1)) : createCommentVNode("", true)])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { ComboBox_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ComboBox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/combo-box/ComboBox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, toRef, useId } from 'vue'\nimport { ComboboxRoot } from 'reka-ui'\nimport { comboBoxVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useComboBoxProvide } from './ComboBox.context'\n\nexport interface ComboBoxItem {\n  value: string\n  label?: string\n  textValue?: string\n  isDisabled?: boolean\n}\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string\n  defaultValue?: string\n  open?: boolean\n  defaultOpen?: boolean\n  items?: ComboBoxItem[]\n  label?: string\n  placeholder?: string\n  description?: string\n  errorMessage?: string\n  isInvalid?: boolean\n  isDisabled?: boolean\n  isRequired?: boolean\n  allowsCustomValue?: boolean\n  fullWidth?: boolean\n  /** Custom filter function: return true to include item */\n  filterFunction?: (item: string, searchTerm: string) => boolean\n  class?: string\n}>(), {\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n  items: () => [],\n  label: undefined,\n  placeholder: undefined,\n  description: undefined,\n  errorMessage: undefined,\n  isInvalid: false,\n  isDisabled: false,\n  isRequired: false,\n  allowsCustomValue: false,\n  fullWidth: false,\n  filterFunction: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\nconst labelId = useId()\n\nconst slotFns = computed(() =>\n  comboBoxVariants({\n    fullWidth: props.fullWidth,\n  })\n)\n\n// Default filter: case-insensitive substring match\nconst effectiveFilter = computed(() => {\n  if (props.filterFunction) return props.filterFunction\n  return (itemText: string, searchTerm: string): boolean =>\n    itemText.toLowerCase().includes(searchTerm.toLowerCase())\n})\n\n// Map a stored value back to its human-readable label for the input display\nconst displayValue = computed(() => (val: string): string => {\n  if (!val) return ''\n  const item = props.items.find(i => i.value === val)\n  return item?.label ?? item?.textValue ?? val\n})\n\nuseComboBoxProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  fullWidth: toRef(props, 'fullWidth'),\n  slots: slotFns,\n  displayValue,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :aria-invalid=\"props.isInvalid || undefined\"\n    data-slot=\"combo-box\"\n  >\n    <label\n      v-if=\"props.label\"\n      :id=\"labelId\"\n      data-slot=\"label\"\n    >\n      {{ props.label }}\n      <span\n        v-if=\"props.isRequired\"\n        aria-hidden=\"true\"\n      > *</span>\n    </label>\n\n    <ComboboxRoot\n      :model-value=\"props.modelValue\"\n      :default-value=\"props.defaultValue\"\n      :open=\"props.open\"\n      :default-open=\"props.defaultOpen\"\n      :disabled=\"props.isDisabled\"\n      :required=\"props.isRequired\"\n      :filter-function=\"effectiveFilter\"\n      @update:model-value=\"emit('update:modelValue', $event)\"\n      @update:open=\"emit('update:open', $event)\"\n    >\n      <slot />\n    </ComboboxRoot>\n\n    <div\n      v-if=\"props.description || (props.isInvalid && props.errorMessage)\"\n      data-slot=\"helper-wrapper\"\n    >\n      <p\n        v-if=\"props.isInvalid && props.errorMessage\"\n        data-slot=\"error-message\"\n        aria-live=\"polite\"\n      >\n        {{ props.errorMessage }}\n      </p>\n      <p\n        v-else-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </p>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAqCd,MAAM,OAAO;EAKb,MAAM,UAAU,OAAM;EAEtB,MAAM,UAAU,eACd,iBAAiB,EACf,WAAW,MAAM,WAClB,CAAA,CACH;EAGA,MAAM,kBAAkB,eAAe;AACrC,OAAI,MAAM,eAAgB,QAAO,MAAM;AACvC,WAAQ,UAAkB,eACxB,SAAS,aAAa,CAAC,SAAS,WAAW,aAAa,CAAA;IAC3D;EAGD,MAAM,eAAe,gBAAgB,QAAwB;AAC3D,OAAI,CAAC,IAAK,QAAO;GACjB,MAAM,OAAO,MAAM,MAAM,MAAK,MAAK,EAAE,UAAU,IAAG;AAClD,UAAO,MAAM,SAAS,MAAM,aAAa;IAC1C;AAED,qBAAmB;GACjB,YAAY,MAAM,OAAO,aAAa;GACtC,WAAW,MAAM,OAAO,YAAY;GACpC,WAAW,MAAM,OAAO,YAAY;GACpC,OAAO;GACP;GACD,CAAA;;uBAIC,mBAiDM,OAAA;IAhDH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,gBAAc,MAAM,aAAa,KAAA;IAClC,aAAU;;IAGF,MAAM,SAAA,WAAA,EADd,mBAUQ,SAAA;;KARL,IAAI,MAAA,QAAO;KACZ,aAAU;wCAEP,MAAM,MAAK,GAAG,KACjB,EAAA,EACQ,MAAM,cAAA,WAAA,EADd,mBAGU,QAHV,YAGC,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAGL,YAYe,MAAA,aAAA,EAAA;KAXZ,eAAa,MAAM;KACnB,iBAAe,MAAM;KACrB,MAAM,MAAM;KACZ,gBAAc,MAAM;KACpB,UAAU,MAAM;KAChB,UAAU,MAAM;KAChB,mBAAiB,gBAAA;KACjB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,OAAM;KACpD,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,OAAM;;4BAEhC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;IAIF,MAAM,eAAgB,MAAM,aAAa,MAAM,gBAAA,WAAA,EADvD,mBAiBM,OAjBN,YAiBM,CAZI,MAAM,aAAa,MAAM,gBAAA,WAAA,EADjC,mBAMI,KANJ,YAMI,gBADC,MAAM,aAAY,EAAA,EAAA,IAGV,MAAM,eAAA,WAAA,EADnB,mBAKI,KALJ,YAKI,gBADC,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/combo-box/ComboBoxContent.js

@@ -0,0 +1,7 @@
+import ComboBoxContent_vue_vue_type_script_setup_true_lang_default from "./ComboBoxContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/combo-box/ComboBoxContent.vue
+var ComboBoxContent_default = ComboBoxContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ComboBoxContent_default as default };
+
+//# sourceMappingURL=ComboBoxContent.js.map

package/dist/components/combo-box/ComboBoxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxContent.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxPortal, ComboboxContent, ComboboxViewport, injectComboboxRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useComboBoxInject } from './ComboBox.context'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  class?: string\n}>(), {\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useComboBoxInject()\nconst comboboxRootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <ComboboxPortal>\n    <AnimatePresence>\n      <ComboboxContent\n        v-if=\"comboboxRootContext.open.value\"\n        position=\"popper\"\n        :side-offset=\"props.sideOffset\"\n        as-child\n        data-slot=\"popover\"\n      >\n        <motion.div\n          :class=\"ctx.slots.value.popover()\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n        >\n          <ComboboxViewport data-slot=\"list-box\">\n            <slot />\n            <slot name=\"empty\" />\n          </ComboboxViewport>\n        </motion.div>\n      </ComboboxContent>\n    </AnimatePresence>\n  </ComboboxPortal>\n</template>\n"],"mappings":""}

package/dist/components/combo-box/ComboBoxContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+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 { useComboBoxInject } from "./ComboBox.context.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ComboboxContent, ComboboxPortal, ComboboxViewport, injectComboboxRootContext } from "reka-ui";
+//#region src/components/combo-box/ComboBoxContent.vue?vue&type=script&setup=true&lang.ts
+var ComboBoxContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboBoxContent",
+	props: {
+		sideOffset: { default: 8 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useComboBoxInject();
+		const comboboxRootContext = injectComboboxRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+					default: withCtx(() => [unref(comboboxRootContext).open.value ? (openBlock(), createBlock(unref(ComboboxContent), {
+						key: 0,
+						position: "popper",
+						"side-offset": props.sideOffset,
+						"as-child": "",
+						"data-slot": "popover"
+					}, {
+						default: withCtx(() => [createVNode(unref(motion).div, {
+							class: normalizeClass(unref(ctx).slots.value.popover()),
+							initial: {
+								opacity: 0,
+								scale: .95
+							},
+							animate: {
+								opacity: 1,
+								scale: 1
+							},
+							exit: {
+								opacity: 0,
+								scale: .95
+							},
+							transition: { duration: .15 }
+						}, {
+							default: withCtx(() => [createVNode(unref(ComboboxViewport), { "data-slot": "list-box" }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "default"), renderSlot(_ctx.$slots, "empty")]),
+								_: 3
+							})]),
+							_: 3
+						}, 8, ["class"])]),
+						_: 3
+					}, 8, ["side-offset"])) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ComboBoxContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ComboBoxContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/combo-box/ComboBoxContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxPortal, ComboboxContent, ComboboxViewport, injectComboboxRootContext } from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useComboBoxInject } from './ComboBox.context'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  class?: string\n}>(), {\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useComboBoxInject()\nconst comboboxRootContext = injectComboboxRootContext()\n</script>\n\n<template>\n  <ComboboxPortal>\n    <AnimatePresence>\n      <ComboboxContent\n        v-if=\"comboboxRootContext.open.value\"\n        position=\"popper\"\n        :side-offset=\"props.sideOffset\"\n        as-child\n        data-slot=\"popover\"\n      >\n        <motion.div\n          :class=\"ctx.slots.value.popover()\"\n          :initial=\"{ opacity: 0, scale: 0.95 }\"\n          :animate=\"{ opacity: 1, scale: 1 }\"\n          :exit=\"{ opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n        >\n          <ComboboxViewport data-slot=\"list-box\">\n            <slot />\n            <slot name=\"empty\" />\n          </ComboboxViewport>\n        </motion.div>\n      </ComboboxContent>\n    </AnimatePresence>\n  </ComboboxPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAQd,MAAM,MAAM,mBAAkB;EAC9B,MAAM,sBAAsB,2BAA0B;;uBAIpD,YAuBiB,MAAA,eAAA,EAAA,MAAA;2BADG,CArBlB,YAqBkB,MAAA,wBAAA,EAAA,MAAA;4BADE,CAlBV,MAAA,oBAAmB,CAAC,KAAK,SAAA,WAAA,EADjC,YAmBkB,MAAA,gBAAA,EAAA;;MAjBhB,UAAS;MACR,eAAa,MAAM;MACpB,YAAA;MACA,aAAU;;6BAaG,CAXb,YAWa,MAAA,OAAA,CAAA,KAAA;OAVV,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,CAAA;OAC9B,SAAS;QAAA,SAAA;QAAA,OAAA;QAA2B;OACpC,SAAS;QAAA,SAAA;QAAA,OAAA;QAAwB;OACjC,MAAM;QAAA,SAAA;QAAA,OAAA;QAA2B;OACjC,YAAY,EAAA,UAAA,KAAkB;;8BAKZ,CAHnB,YAGmB,MAAA,iBAAA,EAAA,EAHD,aAAU,YAAU,EAAA;+BAC5B,CAAR,WAAQ,KAAA,QAAA,UAAA,EACR,WAAqB,KAAA,QAAA,QAAA,CAAA,CAAA"}

package/dist/components/combo-box/ComboBoxEmpty.js

@@ -0,0 +1,7 @@
+import ComboBoxEmpty_vue_vue_type_script_setup_true_lang_default from "./ComboBoxEmpty.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/combo-box/ComboBoxEmpty.vue
+var ComboBoxEmpty_default = ComboBoxEmpty_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ComboBoxEmpty_default as default };
+
+//# sourceMappingURL=ComboBoxEmpty.js.map

package/dist/components/combo-box/ComboBoxEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxEmpty.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxEmpty } from 'reka-ui'\n</script>\n\n<template>\n  <ComboboxEmpty\n    class=\"py-3 text-center text-sm text-default-400\"\n    data-slot=\"empty-content\"\n  >\n    <slot />\n  </ComboboxEmpty>\n</template>\n"],"mappings":""}

package/dist/components/combo-box/ComboBoxEmpty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,21 @@
+import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
+import { ComboboxEmpty } from "reka-ui";
+//#region src/components/combo-box/ComboBoxEmpty.vue?vue&type=script&setup=true&lang.ts
+var ComboBoxEmpty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComboBoxEmpty",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ComboboxEmpty), {
+				class: "py-3 text-center text-sm text-default-400",
+				"data-slot": "empty-content"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { ComboBoxEmpty_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ComboBoxEmpty.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/combo-box/ComboBoxEmpty.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxEmpty.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/combo-box/ComboBoxEmpty.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ComboboxEmpty } from 'reka-ui'\n</script>\n\n<template>\n  <ComboboxEmpty\n    class=\"py-3 text-center text-sm text-default-400\"\n    data-slot=\"empty-content\"\n  >\n    <slot />\n  </ComboboxEmpty>\n</template>\n"],"mappings":";;;;;;;uBAKE,YAKgB,MAAA,cAAA,EAAA;IAJd,OAAM;IACN,aAAU;;2BAEF,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/combo-box/ComboBoxInput.js

@@ -0,0 +1,7 @@
+import ComboBoxInput_vue_vue_type_script_setup_true_lang_default from "./ComboBoxInput.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/combo-box/ComboBoxInput.vue
+var ComboBoxInput_default = ComboBoxInput_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { ComboBoxInput_default as default };
+
+//# sourceMappingURL=ComboBoxInput.js.map