@auronui/vue 1.0.0

package/dist/components/scroll-shadow/ScrollShadow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollShadow.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/scroll-shadow/ScrollShadow.vue"],"sourcesContent":["<!--\n  ScrollShadow — An overflow container that shows/hides top/bottom (or left/right)\n  shadows based on scroll position.\n\n  Implementation: Uses @vueuse/core useScroll to detect arrivedState (top/bottom/left/right).\n  Data-attributes drive shadow visibility via CSS mask-image in @auronui/styles.\n\n  Data-attribute semantics (matches scroll-shadow.css):\n    data-top-scroll=\"true\"    → content exists ABOVE current viewport (scrolled down) → top shadow shown\n    data-bottom-scroll=\"true\" → content exists BELOW current viewport → bottom shadow shown\n    data-left-scroll=\"true\"   → content exists to the LEFT (scrolled right) → left shadow shown\n    data-right-scroll=\"true\"  → content exists to the RIGHT → right shadow shown\n\n  Note: CLAUDE.md Reka UI CSS selector pairing rule (pseudo + data-attr) does not apply\n  here because ScrollShadow is a custom component with no Reka UI backing.\n-->\n<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { useScroll } from '@vueuse/core'\nimport { scrollShadowVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  orientation?: 'vertical' | 'horizontal' | 'both'\n  hideScrollBar?: boolean\n  size?: number\n  offset?: number\n  visibility?: 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'both' | 'none'\n  class?: string\n}>(), {\n  orientation: 'vertical',\n  hideScrollBar: false,\n  size: 40,\n  offset: 0,\n  visibility: 'auto',\n})\n\nconst container = useTemplateRef<HTMLElement>('container')\nconst { arrivedState } = useScroll(container)\n\n// data-top-scroll=\"true\" when there IS content above (i.e., NOT at top edge)\nconst topScroll = computed(() => !arrivedState.top || undefined)\n// data-bottom-scroll=\"true\" when there IS content below (i.e., NOT at bottom edge)\nconst bottomScroll = computed(() => !arrivedState.bottom || undefined)\n// data-left-scroll=\"true\" when there IS content to the left (i.e., NOT at left edge)\nconst leftScroll = computed(() => !arrivedState.left || undefined)\n// data-right-scroll=\"true\" when there IS content to the right (i.e., NOT at right edge)\nconst rightScroll = computed(() => !arrivedState.right || undefined)\n\nconst slotFns = computed(() =>\n  scrollShadowVariants({\n    orientation: props.orientation === 'both' ? 'vertical' : props.orientation,\n    hideScrollBar: props.hideScrollBar,\n  })\n)\n</script>\n\n<template>\n  <div\n    ref=\"container\"\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-orientation=\"orientation\"\n    :data-top-scroll=\"topScroll ? 'true' : undefined\"\n    :data-bottom-scroll=\"bottomScroll ? 'true' : undefined\"\n    :data-left-scroll=\"leftScroll ? 'true' : undefined\"\n    :data-right-scroll=\"rightScroll ? 'true' : undefined\"\n    :style=\"{ '--scroll-shadow-size': size + 'px' }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,QAAQ;EAed,MAAM,YAAY,eAA4B,YAAW;EACzD,MAAM,EAAE,iBAAiB,UAAU,UAAS;EAG5C,MAAM,YAAY,eAAe,CAAC,aAAa,OAAO,KAAA,EAAS;EAE/D,MAAM,eAAe,eAAe,CAAC,aAAa,UAAU,KAAA,EAAS;EAErE,MAAM,aAAa,eAAe,CAAC,aAAa,QAAQ,KAAA,EAAS;EAEjE,MAAM,cAAc,eAAe,CAAC,aAAa,SAAS,KAAA,EAAS;EAEnE,MAAM,UAAU,eACd,qBAAqB;GACnB,aAAa,MAAM,gBAAgB,SAAS,aAAa,MAAM;GAC/D,eAAe,MAAM;GACtB,CAAA,CACH;;uBAIE,mBAWM,OAAA;aAVA;IAAJ,KAAI;IACH,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,MAAK,CAAA;IACnD,oBAAkB,QAAA;IAClB,mBAAiB,UAAA,QAAS,SAAY,KAAA;IACtC,sBAAoB,aAAA,QAAY,SAAY,KAAA;IAC5C,oBAAkB,WAAA,QAAU,SAAY,KAAA;IACxC,qBAAmB,YAAA,QAAW,SAAY,KAAA;IAC1C,OAAK,eAAA,EAAA,wBAA4B,QAAA,OAAI,MAAA,CAAA;OAEtC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA"}

package/dist/components/select/Select.context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils/context.js";
+//#region src/components/select/Select.context.ts
+var { useProvide: useSelectProvide, useInject: useSelectInject, key: selectContextKey } = createContext("Select");
+//#endregion
+export { useSelectInject, useSelectProvide };
+
+//# sourceMappingURL=Select.context.js.map

package/dist/components/select/Select.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.context.js","names":[],"sources":["../../../src/components/select/Select.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { selectVariants } from '@auronui/styles'\n\nexport interface SelectContext {\n  isDisabled: Ref<boolean>\n  isInvalid: Ref<boolean>\n  isReadonly: Ref<boolean>\n  isRequired: Ref<boolean>\n  fullWidth: Ref<boolean>\n  hasLabel: Ref<boolean>\n  labelPlacement: Ref<'inside' | 'outside' | 'outside-left'>\n  triggerId: Ref<string>\n  label: Ref<string | undefined>\n  ariaDescribedBy: Ref<string | undefined>\n  slots: ComputedRef<ReturnType<typeof selectVariants>>\n  /**\n   * Persistent registry of item value → display label. SelectItem registers\n   * once on first mount and never unregisters — survives SelectContent\n   * unmount so SelectValue can show the selected label while the popover\n   * is closed (Reka clears its own optionsSet on unmount).\n   */\n  registerItem: (value: string, label: string) => void\n  itemLabel: (value: string | string[] | undefined | null) => string\n}\n\nexport const {\n  useProvide: useSelectProvide,\n  useInject: useSelectInject,\n  key: selectContextKey,\n} = createContext<SelectContext>('Select')\n"],"mappings":";;AA0BA,IAAa,EACX,YAAY,kBACZ,WAAW,iBACX,KAAK,qBACH,cAA6B,SAAS"}

package/dist/components/select/Select.js

@@ -0,0 +1,7 @@
+import Select_vue_vue_type_script_setup_true_lang_default from "./Select.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/Select.vue
+var Select_default = Select_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Select_default as default };
+
+//# sourceMappingURL=Select.js.map

package/dist/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  registerItem,\n  itemLabel,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\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        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string)\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,172 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { useSelectProvide } from "./Select.context.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, reactive, renderSlot, toDisplayString, toRef, unref, useAttrs, useId, withCtx } from "vue";
+import { selectVariants } from "@auronui/styles";
+import { SelectRoot } from "reka-ui";
+//#region src/components/select/Select.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-invalid",
+	"data-disabled",
+	"data-readonly",
+	"data-required",
+	"data-has-label",
+	"data-has-helper"
+];
+var _hoisted_2 = ["for"];
+var _hoisted_3 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var _hoisted_4 = ["id"];
+var _hoisted_5 = ["id"];
+var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Select",
+	props: {
+		variant: { default: "flat" },
+		size: { default: "md" },
+		color: { default: "default" },
+		labelPlacement: { default: "inside" },
+		fullWidth: {
+			type: Boolean,
+			default: false
+		},
+		isInvalid: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		isReadonly: {
+			type: Boolean,
+			default: false
+		},
+		isRequired: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: {},
+		name: {},
+		label: {},
+		description: {},
+		errorMessage: {},
+		class: {},
+		modelValue: { default: void 0 },
+		defaultValue: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:modelValue", "update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const generatedId = useId();
+		const triggerId = computed(() => attrs.id ?? generatedId);
+		const hasLabel = computed(() => !!props.label);
+		const descriptionId = computed(() => `${triggerId.value}-description`);
+		const errorMessageId = computed(() => `${triggerId.value}-error`);
+		const showError = computed(() => props.isInvalid && !!props.errorMessage);
+		const showDescription = computed(() => !!props.description && !showError.value);
+		const hasHelper = computed(() => showError.value || showDescription.value);
+		const ariaDescribedBy = computed(() => {
+			if (showError.value) return errorMessageId.value;
+			if (showDescription.value) return descriptionId.value;
+		});
+		const slotFns = computed(() => selectVariants({
+			variant: props.variant,
+			size: props.size,
+			color: props.color,
+			fullWidth: props.fullWidth,
+			isInvalid: props.isInvalid,
+			isDisabled: props.isDisabled,
+			isReadonly: props.isReadonly,
+			hasLabel: hasLabel.value,
+			labelPlacement: props.labelPlacement
+		}));
+		const showOutsideLabel = computed(() => hasLabel.value && props.labelPlacement !== "inside");
+		const itemRegistry = reactive(/* @__PURE__ */ new Map());
+		const registerItem = (value, label) => {
+			itemRegistry.set(value, label);
+		};
+		const itemLabel = (value) => {
+			if (value == null) return "";
+			if (Array.isArray(value)) return value.map((v) => itemRegistry.get(v) ?? v).filter(Boolean).join(", ");
+			return itemRegistry.get(value) ?? value;
+		};
+		useSelectProvide({
+			isDisabled: toRef(props, "isDisabled"),
+			isInvalid: toRef(props, "isInvalid"),
+			isReadonly: toRef(props, "isReadonly"),
+			isRequired: toRef(props, "isRequired"),
+			fullWidth: toRef(props, "fullWidth"),
+			hasLabel,
+			labelPlacement: toRef(props, "labelPlacement"),
+			triggerId,
+			label: toRef(props, "label"),
+			ariaDescribedBy,
+			slots: slotFns,
+			registerItem,
+			itemLabel
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class)),
+				"data-invalid": __props.isInvalid || void 0,
+				"data-disabled": __props.isDisabled || void 0,
+				"data-readonly": __props.isReadonly || void 0,
+				"data-required": __props.isRequired || void 0,
+				"data-has-label": hasLabel.value || void 0,
+				"data-has-helper": hasHelper.value || void 0
+			}, [showOutsideLabel.value ? (openBlock(), createElementBlock("label", {
+				key: 0,
+				for: triggerId.value,
+				class: normalizeClass(slotFns.value.label())
+			}, [createTextVNode(toDisplayString(__props.label), 1), __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_3, " *")) : createCommentVNode("", true)], 10, _hoisted_2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(slotFns.value.mainWrapper()) }, [createVNode(unref(SelectRoot), {
+				"model-value": props.modelValue,
+				"default-value": props.defaultValue,
+				open: props.open,
+				"default-open": props.defaultOpen,
+				disabled: props.isDisabled,
+				required: props.isRequired,
+				name: props.name,
+				"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",
+				"name"
+			]), hasHelper.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(slotFns.value.helperWrapper())
+			}, [showError.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				id: errorMessageId.value,
+				class: normalizeClass(slotFns.value.errorMessage())
+			}, toDisplayString(__props.errorMessage), 11, _hoisted_4)) : showDescription.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: descriptionId.value,
+				class: normalizeClass(slotFns.value.description())
+			}, toDisplayString(__props.description), 11, _hoisted_5)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)], 2)], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Select_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Select.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/select/Select.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/Select.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, reactive, toRef, useAttrs, useId } from 'vue'\nimport { SelectRoot } from 'reka-ui'\nimport { selectVariants, type SelectVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useSelectProvide } from './Select.context'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<Props>(), {\n  variant: 'flat',\n  size: 'md',\n  color: 'default',\n  labelPlacement: 'inside',\n  fullWidth: false,\n  isInvalid: false,\n  isDisabled: false,\n  isReadonly: false,\n  isRequired: false,\n  modelValue: undefined,\n  defaultValue: undefined,\n  open: undefined,\n  defaultOpen: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n  'update:open': [value: boolean]\n}>()\n\ntype Props = {\n  /** Visual style of the field. @default 'flat' */\n  variant?: SelectVariants['variant']\n  /** Field height. @default 'md' */\n  size?: SelectVariants['size']\n  /** Accent color applied to focus ring + floating label. @default 'default' */\n  color?: SelectVariants['color']\n  /**\n   * Where the `label` is rendered relative to the field.\n   * - `inside`: floats above the trigger (shrinks when focused/filled)\n   * - `outside`: sits above the field, static\n   * - `outside-left`: sits to the left, horizontal layout\n   * @default 'inside'\n   */\n  labelPlacement?: SelectVariants['labelPlacement']\n  /** Stretches root wrapper to 100% width. @default false */\n  fullWidth?: boolean\n  /** Marks the field as invalid. Triggers danger styling and enables `errorMessage`. @default false */\n  isInvalid?: boolean\n  /** Disables the field. @default false */\n  isDisabled?: boolean\n  /** Makes the field read-only. @default false */\n  isReadonly?: boolean\n  /** Adds a required asterisk next to the label. @default false */\n  isRequired?: boolean\n  /** Placeholder shown when no value is selected. */\n  placeholder?: string\n  /** Form field name, for native form submission. */\n  name?: string\n  /** Field label. When omitted, the floating-label behavior is skipped. */\n  label?: string\n  /** Helper text displayed below the field. Suppressed when `isInvalid && errorMessage` is shown. */\n  description?: string\n  /** Error text displayed below the field. Only rendered when `isInvalid` is also true. */\n  errorMessage?: string\n  /** Extra classes merged onto the root wrapper via `composeClassName`. */\n  class?: string\n\n  /* ─── Select-specific ─────────────────────────────────────── */\n  /** Two-way bound selected value. */\n  modelValue?: string\n  /** Initial selected value (uncontrolled). */\n  defaultValue?: string\n  /** Controls open state of the dropdown. */\n  open?: boolean\n  /** Initial open state of the dropdown (uncontrolled). */\n  defaultOpen?: boolean\n}\n\nconst attrs = useAttrs()\nconst generatedId = useId()\nconst triggerId = computed(() => (attrs.id as string | undefined) ?? generatedId)\n\nconst hasLabel = computed(() => !!props.label)\n\n// Helper IDs / aria wiring\nconst descriptionId = computed(() => `${triggerId.value}-description`)\nconst errorMessageId = computed(() => `${triggerId.value}-error`)\nconst showError = computed(() => props.isInvalid && !!props.errorMessage)\nconst showDescription = computed(() => !!props.description && !showError.value)\nconst hasHelper = computed(() => showError.value || showDescription.value)\nconst ariaDescribedBy = computed(() => {\n  if (showError.value) return errorMessageId.value\n  if (showDescription.value) return descriptionId.value\n  return undefined\n})\n\nconst slotFns = computed(() =>\n  selectVariants({\n    variant: props.variant,\n    size: props.size,\n    color: props.color,\n    fullWidth: props.fullWidth,\n    isInvalid: props.isInvalid,\n    isDisabled: props.isDisabled,\n    isReadonly: props.isReadonly,\n    hasLabel: hasLabel.value,\n    labelPlacement: props.labelPlacement,\n  }),\n)\n\nconst showOutsideLabel = computed(\n  () => hasLabel.value && props.labelPlacement !== 'inside',\n)\n\n// Persistent item registry. SelectItem populates on first mount; entries\n// survive SelectContent unmount so SelectValue can render the label while\n// the popover is closed.\nconst itemRegistry = reactive(new Map<string, string>())\nconst registerItem = (value: string, label: string) => {\n  itemRegistry.set(value, label)\n}\nconst itemLabel = (value: string | string[] | undefined | null): string => {\n  if (value == null) return ''\n  if (Array.isArray(value)) {\n    return value.map(v => itemRegistry.get(v) ?? v).filter(Boolean).join(', ')\n  }\n  return itemRegistry.get(value) ?? value\n}\n\nuseSelectProvide({\n  isDisabled: toRef(props, 'isDisabled'),\n  isInvalid: toRef(props, 'isInvalid'),\n  isReadonly: toRef(props, 'isReadonly'),\n  isRequired: toRef(props, 'isRequired'),\n  fullWidth: toRef(props, 'fullWidth'),\n  hasLabel,\n  labelPlacement: toRef(props, 'labelPlacement'),\n  triggerId,\n  label: toRef(props, 'label'),\n  ariaDescribedBy,\n  slots: slotFns,\n  registerItem,\n  itemLabel,\n})\n</script>\n\n<template>\n  <div\n    :class=\"composeClassName(slotFns.base(), props.class)\"\n    :data-invalid=\"isInvalid || undefined\"\n    :data-disabled=\"isDisabled || undefined\"\n    :data-readonly=\"isReadonly || undefined\"\n    :data-required=\"isRequired || undefined\"\n    :data-has-label=\"hasLabel || undefined\"\n    :data-has-helper=\"hasHelper || undefined\"\n  >\n    <label\n      v-if=\"showOutsideLabel\"\n      :for=\"triggerId\"\n      :class=\"slotFns.label()\"\n    >{{ label }}<span\n      v-if=\"isRequired\"\n      aria-hidden=\"true\"\n    > *</span></label>\n\n    <div :class=\"slotFns.mainWrapper()\">\n      <SelectRoot\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        :name=\"props.name\"\n        @update:model-value=\"emit('update:modelValue', $event as string)\"\n        @update:open=\"emit('update:open', $event)\"\n      >\n        <slot />\n      </SelectRoot>\n\n      <div\n        v-if=\"hasHelper\"\n        :class=\"slotFns.helperWrapper()\"\n      >\n        <div\n          v-if=\"showError\"\n          :id=\"errorMessageId\"\n          :class=\"slotFns.errorMessage()\"\n        >\n          {{ errorMessage }}\n        </div>\n        <div\n          v-else-if=\"showDescription\"\n          :id=\"descriptionId\"\n          :class=\"slotFns.description()\"\n        >\n          {{ description }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/select/SelectContent.js

@@ -0,0 +1,7 @@
+import SelectContent_vue_vue_type_script_setup_true_lang_default from "./SelectContent.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/SelectContent.vue
+var SelectContent_default = SelectContent_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectContent_default as default };
+
+//# sourceMappingURL=SelectContent.js.map

package/dist/components/select/SelectContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.js","names":[],"sources":["../../../src/components/select/SelectContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  SelectContent,\n  SelectViewport,\n  SelectPortal,\n  injectSelectRootContext,\n} from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  position?: 'item-aligned' | 'popper'\n  sideOffset?: number\n  class?: string\n}>(), {\n  position: 'popper',\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst rootContext = injectSelectRootContext()\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <SelectContent\n        v-if=\"rootContext.open.value\"\n        :position=\"props.position\"\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          <SelectViewport data-slot=\"list-box\">\n            <slot />\n          </SelectViewport>\n        </motion.div>\n      </SelectContent>\n    </AnimatePresence>\n  </SelectPortal>\n</template>\n"],"mappings":""}

package/dist/components/select/SelectContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+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 { useSelectInject } from "./Select.context.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { SelectContent, SelectPortal, SelectViewport, injectSelectRootContext } from "reka-ui";
+//#region src/components/select/SelectContent.vue?vue&type=script&setup=true&lang.ts
+var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectContent",
+	props: {
+		position: { default: "popper" },
+		sideOffset: { default: 8 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useSelectInject();
+		const rootContext = injectSelectRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectPortal), null, {
+				default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
+					default: withCtx(() => [unref(rootContext).open.value ? (openBlock(), createBlock(unref(SelectContent), {
+						key: 0,
+						position: props.position,
+						"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(SelectViewport), { "data-slot": "list-box" }, {
+								default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+								_: 3
+							})]),
+							_: 3
+						}, 8, ["class"])]),
+						_: 3
+					}, 8, ["position", "side-offset"])) : createCommentVNode("", true)]),
+					_: 3
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { SelectContent_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SelectContent.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/select/SelectContent.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/SelectContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  SelectContent,\n  SelectViewport,\n  SelectPortal,\n  injectSelectRootContext,\n} from 'reka-ui'\nimport { motion, AnimatePresence } from 'motion-v'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  position?: 'item-aligned' | 'popper'\n  sideOffset?: number\n  class?: string\n}>(), {\n  position: 'popper',\n  sideOffset: 8,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst rootContext = injectSelectRootContext()\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <SelectContent\n        v-if=\"rootContext.open.value\"\n        :position=\"props.position\"\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          <SelectViewport data-slot=\"list-box\">\n            <slot />\n          </SelectViewport>\n        </motion.div>\n      </SelectContent>\n    </AnimatePresence>\n  </SelectPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAUd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,cAAc,yBAAwB;;uBAI1C,YAsBe,MAAA,aAAA,EAAA,MAAA;2BADK,CApBlB,YAoBkB,MAAA,wBAAA,EAAA,MAAA;4BADA,CAjBR,MAAA,YAAW,CAAC,KAAK,SAAA,WAAA,EADzB,YAkBgB,MAAA,cAAA,EAAA;;MAhBb,UAAU,MAAM;MAChB,eAAa,MAAM;MACpB,YAAA;MACA,aAAU;;6BAYG,CAVb,YAUa,MAAA,OAAA,CAAA,KAAA;OATV,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;;8BAId,CAFjB,YAEiB,MAAA,eAAA,EAAA,EAFD,aAAU,YAAU,EAAA;+BAC1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/select/SelectItem.js

@@ -0,0 +1,7 @@
+import SelectItem_vue_vue_type_script_setup_true_lang_default from "./SelectItem.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/SelectItem.vue
+var SelectItem_default = SelectItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectItem_default as default };
+
+//# sourceMappingURL=SelectItem.js.map

package/dist/components/select/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.js","names":[],"sources":["../../../src/components/select/SelectItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef } from 'vue'\nimport { SelectItem, SelectItemText, SelectItemIndicator } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst textRef = useTemplateRef<HTMLElement>('textRef')\n\nonMounted(() => {\n  const label = props.textValue ?? textRef.value?.textContent?.trim() ?? props.value\n  ctx.registerItem(props.value, label)\n})\n</script>\n\n<template>\n  <SelectItem\n    :value=\"props.value\"\n    :disabled=\"props.isDisabled\"\n    :text-value=\"props.textValue ?? props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n  >\n    <slot name=\"startContent\" />\n    <SelectItemText ref=\"textRef\">\n      <slot />\n    </SelectItemText>\n    <SelectItemIndicator\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </SelectItemIndicator>\n    <slot name=\"endContent\" />\n  </SelectItem>\n</template>\n"],"mappings":""}

package/dist/components/select/SelectItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,74 @@
+import { useSelectInject } from "./Select.context.js";
+import { createBlock, createElementVNode, createVNode, defineComponent, onMounted, openBlock, renderSlot, unref, useTemplateRef, withCtx } from "vue";
+import { SelectItem, SelectItemIndicator, SelectItemText } from "reka-ui";
+//#region src/components/select/SelectItem.vue?vue&type=script&setup=true&lang.ts
+var SelectItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectItem",
+	props: {
+		value: {},
+		textValue: { default: void 0 },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useSelectInject();
+		const textRef = useTemplateRef("textRef");
+		onMounted(() => {
+			const label = props.textValue ?? textRef.value?.textContent?.trim() ?? props.value;
+			ctx.registerItem(props.value, label);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectItem), {
+				value: props.value,
+				disabled: props.isDisabled,
+				"text-value": props.textValue ?? props.value,
+				class: "list-box-item list-box-item--default",
+				"data-slot": "list-box-item"
+			}, {
+				default: withCtx(() => [
+					renderSlot(_ctx.$slots, "startContent"),
+					createVNode(unref(SelectItemText), {
+						ref_key: "textRef",
+						ref: textRef
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 512),
+					createVNode(unref(SelectItemIndicator), {
+						class: "list-box-item__indicator",
+						"data-slot": "list-box-item-indicator"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "selectedIcon", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "12",
+							height: "12",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "3",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"data-slot": "list-box-item-indicator--checkmark",
+							"aria-hidden": "true"
+						}, [createElementVNode("polyline", { points: "20 6 9 17 4 12" })], -1))])]),
+						_: 3
+					}),
+					renderSlot(_ctx.$slots, "endContent")
+				]),
+				_: 3
+			}, 8, [
+				"value",
+				"disabled",
+				"text-value"
+			]);
+		};
+	}
+});
+//#endregion
+export { SelectItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SelectItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/select/SelectItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/SelectItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onMounted, useTemplateRef } from 'vue'\nimport { SelectItem, SelectItemText, SelectItemIndicator } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst textRef = useTemplateRef<HTMLElement>('textRef')\n\nonMounted(() => {\n  const label = props.textValue ?? textRef.value?.textContent?.trim() ?? props.value\n  ctx.registerItem(props.value, label)\n})\n</script>\n\n<template>\n  <SelectItem\n    :value=\"props.value\"\n    :disabled=\"props.isDisabled\"\n    :text-value=\"props.textValue ?? props.value\"\n    class=\"list-box-item list-box-item--default\"\n    data-slot=\"list-box-item\"\n  >\n    <slot name=\"startContent\" />\n    <SelectItemText ref=\"textRef\">\n      <slot />\n    </SelectItemText>\n    <SelectItemIndicator\n      class=\"list-box-item__indicator\"\n      data-slot=\"list-box-item-indicator\"\n    >\n      <slot name=\"selectedIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"12\"\n          height=\"12\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          data-slot=\"list-box-item-indicator--checkmark\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </slot>\n    </SelectItemIndicator>\n    <slot name=\"endContent\" />\n  </SelectItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAWd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,UAAU,eAA4B,UAAS;AAErD,kBAAgB;GACd,MAAM,QAAQ,MAAM,aAAa,QAAQ,OAAO,aAAa,MAAM,IAAI,MAAM;AAC7E,OAAI,aAAa,MAAM,OAAO,MAAK;IACpC;;uBAIC,YAkCa,MAAA,WAAA,EAAA;IAjCV,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,cAAY,MAAM,aAAa,MAAM;IACtC,OAAM;IACN,aAAU;;2BAEkB;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAC5B,YAEiB,MAAA,eAAA,EAAA;eAFG;MAAJ,KAAI;;6BACV,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;KAEV,YAqBsB,MAAA,oBAAA,EAAA;MApBpB,OAAM;MACN,aAAU;;6BAkBH,CAhBP,WAgBO,KAAA,QAAA,gBAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAfL,mBAcM,OAAA;OAbJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,aAAU;OACV,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA;;;KAIvC,WAA0B,KAAA,QAAA,aAAA"}

package/dist/components/select/SelectTrigger.js

@@ -0,0 +1,7 @@
+import SelectTrigger_vue_vue_type_script_setup_true_lang_default from "./SelectTrigger.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/SelectTrigger.vue
+var SelectTrigger_default = SelectTrigger_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectTrigger_default as default };
+
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/components/select/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/select/SelectTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SelectTrigger, SelectIcon, injectSelectRootContext } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nwithDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst rootContext = injectSelectRootContext()\n\nconst isFilled = computed(() => {\n  const v = rootContext?.modelValue?.value\n  if (v == null) return false\n  if (Array.isArray(v)) return v.length > 0\n  return v !== ''\n})\n\nconst showInsideLabel = computed(\n  () => ctx.hasLabel.value && ctx.labelPlacement.value === 'inside',\n)\n</script>\n\n<template>\n  <SelectTrigger\n    :id=\"ctx.triggerId.value\"\n    :class=\"ctx.slots.value.trigger()\"\n    :data-filled=\"isFilled || undefined\"\n    :data-invalid=\"ctx.isInvalid.value || undefined\"\n    :data-readonly=\"ctx.isReadonly.value || undefined\"\n    :aria-invalid=\"ctx.isInvalid.value || undefined\"\n    :aria-describedby=\"ctx.ariaDescribedBy.value\"\n    data-slot=\"trigger\"\n  >\n    <label\n      v-if=\"showInsideLabel\"\n      :for=\"ctx.triggerId.value\"\n      :class=\"ctx.slots.value.label()\"\n    >{{ ctx.label.value }}<span\n      v-if=\"ctx.isRequired.value\"\n      aria-hidden=\"true\"\n    > *</span></label>\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"ctx.slots.value.startContent()\"\n      data-slot=\"start-content\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n    <slot />\n    <SelectIcon\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"select-default-indicator\"\n    >\n      <slot name=\"selectorIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n"],"mappings":""}

package/dist/components/select/SelectTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,81 @@
+import { useSelectInject } from "./Select.context.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { SelectIcon, SelectTrigger, injectSelectRootContext } from "reka-ui";
+//#region src/components/select/SelectTrigger.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for"];
+var _hoisted_2 = {
+	key: 0,
+	"aria-hidden": "true"
+};
+var SelectTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectTrigger",
+	props: { class: { default: void 0 } },
+	setup(__props) {
+		const ctx = useSelectInject();
+		const rootContext = injectSelectRootContext();
+		const isFilled = computed(() => {
+			const v = rootContext?.modelValue?.value;
+			if (v == null) return false;
+			if (Array.isArray(v)) return v.length > 0;
+			return v !== "";
+		});
+		const showInsideLabel = computed(() => ctx.hasLabel.value && ctx.labelPlacement.value === "inside");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectTrigger), {
+				id: unref(ctx).triggerId.value,
+				class: normalizeClass(unref(ctx).slots.value.trigger()),
+				"data-filled": isFilled.value || void 0,
+				"data-invalid": unref(ctx).isInvalid.value || void 0,
+				"data-readonly": unref(ctx).isReadonly.value || void 0,
+				"aria-invalid": unref(ctx).isInvalid.value || void 0,
+				"aria-describedby": unref(ctx).ariaDescribedBy.value,
+				"data-slot": "trigger"
+			}, {
+				default: withCtx(() => [
+					showInsideLabel.value ? (openBlock(), createElementBlock("label", {
+						key: 0,
+						for: unref(ctx).triggerId.value,
+						class: normalizeClass(unref(ctx).slots.value.label())
+					}, [createTextVNode(toDisplayString(unref(ctx).label.value), 1), unref(ctx).isRequired.value ? (openBlock(), createElementBlock("span", _hoisted_2, " *")) : createCommentVNode("", true)], 10, _hoisted_1)) : createCommentVNode("", true),
+					_ctx.$slots.startContent ? (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(ctx).slots.value.startContent()),
+						"data-slot": "start-content"
+					}, [renderSlot(_ctx.$slots, "startContent")], 2)) : createCommentVNode("", true),
+					renderSlot(_ctx.$slots, "default"),
+					createVNode(unref(SelectIcon), {
+						class: normalizeClass(unref(ctx).slots.value.indicator()),
+						"data-slot": "select-default-indicator"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "selectorIcon", {}, () => [_cache[0] || (_cache[0] = createElementVNode("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							width: "16",
+							height: "16",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1))])]),
+						_: 3
+					}, 8, ["class"])
+				]),
+				_: 3
+			}, 8, [
+				"id",
+				"class",
+				"data-filled",
+				"data-invalid",
+				"data-readonly",
+				"aria-invalid",
+				"aria-describedby"
+			]);
+		};
+	}
+});
+//#endregion
+export { SelectTrigger_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SelectTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/select/SelectTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/select/SelectTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { SelectTrigger, SelectIcon, injectSelectRootContext } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nwithDefaults(defineProps<{\n  class?: string\n}>(), {\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\nconst rootContext = injectSelectRootContext()\n\nconst isFilled = computed(() => {\n  const v = rootContext?.modelValue?.value\n  if (v == null) return false\n  if (Array.isArray(v)) return v.length > 0\n  return v !== ''\n})\n\nconst showInsideLabel = computed(\n  () => ctx.hasLabel.value && ctx.labelPlacement.value === 'inside',\n)\n</script>\n\n<template>\n  <SelectTrigger\n    :id=\"ctx.triggerId.value\"\n    :class=\"ctx.slots.value.trigger()\"\n    :data-filled=\"isFilled || undefined\"\n    :data-invalid=\"ctx.isInvalid.value || undefined\"\n    :data-readonly=\"ctx.isReadonly.value || undefined\"\n    :aria-invalid=\"ctx.isInvalid.value || undefined\"\n    :aria-describedby=\"ctx.ariaDescribedBy.value\"\n    data-slot=\"trigger\"\n  >\n    <label\n      v-if=\"showInsideLabel\"\n      :for=\"ctx.triggerId.value\"\n      :class=\"ctx.slots.value.label()\"\n    >{{ ctx.label.value }}<span\n      v-if=\"ctx.isRequired.value\"\n      aria-hidden=\"true\"\n    > *</span></label>\n    <span\n      v-if=\"$slots.startContent\"\n      :class=\"ctx.slots.value.startContent()\"\n      data-slot=\"start-content\"\n    >\n      <slot name=\"startContent\" />\n    </span>\n    <slot />\n    <SelectIcon\n      :class=\"ctx.slots.value.indicator()\"\n      data-slot=\"select-default-indicator\"\n    >\n      <slot name=\"selectorIcon\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </SelectIcon>\n  </SelectTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAWA,MAAM,MAAM,iBAAgB;EAC5B,MAAM,cAAc,yBAAwB;EAE5C,MAAM,WAAW,eAAe;GAC9B,MAAM,IAAI,aAAa,YAAY;AACnC,OAAI,KAAK,KAAM,QAAO;AACtB,OAAI,MAAM,QAAQ,EAAE,CAAE,QAAO,EAAE,SAAS;AACxC,UAAO,MAAM;IACd;EAED,MAAM,kBAAkB,eAChB,IAAI,SAAS,SAAS,IAAI,eAAe,UAAU,SAC3D;;uBAIE,YA+CgB,MAAA,cAAA,EAAA;IA9Cb,IAAI,MAAA,IAAG,CAAC,UAAU;IAClB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,CAAA;IAC9B,eAAa,SAAA,SAAY,KAAA;IACzB,gBAAc,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;IACrC,iBAAe,MAAA,IAAG,CAAC,WAAW,SAAS,KAAA;IACvC,gBAAc,MAAA,IAAG,CAAC,UAAU,SAAS,KAAA;IACrC,oBAAkB,MAAA,IAAG,CAAC,gBAAgB;IACvC,aAAU;;2BASQ;KANV,gBAAA,SAAA,WAAA,EADR,mBAOkB,SAAA;;MALf,KAAK,MAAA,IAAG,CAAC,UAAU;MACnB,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,OAAK,CAAA;yCAC3B,MAAA,IAAG,CAAC,MAAM,MAAK,EAAA,EAAA,EACX,MAAA,IAAG,CAAC,WAAW,SAAA,WAAA,EADD,mBAGZ,QAHY,YAGrB,KAAE,IAAA,mBAAA,IAAA,KAAA,CAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;KAEKA,KAAAA,OAAO,gBAAA,WAAA,EADf,mBAMO,QAAA;;MAJJ,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,cAAY,CAAA;MACpC,aAAU;SAEV,WAA4B,KAAA,QAAA,eAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAE9B,WAAQ,KAAA,QAAA,UAAA;KACR,YAoBa,MAAA,WAAA,EAAA;MAnBV,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,WAAS,CAAA;MACjC,aAAU;;6BAiBH,CAfP,WAeO,KAAA,QAAA,gBAAA,EAAA,QAAA,CAAA,OAAA,OAAA,OAAA,KAdL,mBAaM,OAAA;OAZJ,OAAM;OACN,OAAM;OACN,QAAO;OACP,SAAQ;OACR,MAAK;OACL,QAAO;OACP,gBAAa;OACb,kBAAe;OACf,mBAAgB;OAChB,eAAY;UAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/select/SelectValue.js

@@ -0,0 +1,7 @@
+import SelectValue_vue_vue_type_script_setup_true_lang_default from "./SelectValue.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/SelectValue.vue
+var SelectValue_default = SelectValue_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectValue_default as default };
+
+//# sourceMappingURL=SelectValue.js.map

package/dist/components/select/SelectValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValue.js","names":[],"sources":["../../../src/components/select/SelectValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { SelectValue } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\n</script>\n\n<template>\n  <SelectValue\n    :class=\"ctx.slots.value.value()\"\n    :placeholder=\"props.placeholder\"\n    data-slot=\"value\"\n  >\n    <template #default=\"{ modelValue }\">\n      <template v-if=\"modelValue != null && (Array.isArray(modelValue) ? modelValue.length > 0 : modelValue !== '')\">\n        {{ ctx.itemLabel(modelValue.toString()) }}\n      </template>\n      <template v-else>\n        {{ props.placeholder }}\n      </template>\n    </template>\n  </SelectValue>\n</template>\n"],"mappings":""}

package/dist/components/select/SelectValue.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { useSelectInject } from "./Select.context.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { SelectValue } from "reka-ui";
+//#region src/components/select/SelectValue.vue?vue&type=script&setup=true&lang.ts
+var SelectValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectValue",
+	props: {
+		placeholder: { default: void 0 },
+		class: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const ctx = useSelectInject();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SelectValue), {
+				class: normalizeClass(unref(ctx).slots.value.value()),
+				placeholder: props.placeholder,
+				"data-slot": "value"
+			}, {
+				default: withCtx(({ modelValue }) => [modelValue != null && (Array.isArray(modelValue) ? modelValue.length > 0 : modelValue !== "") ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(ctx).itemLabel(modelValue.toString())), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(props.placeholder), 1)], 64))]),
+				_: 1
+			}, 8, ["class", "placeholder"]);
+		};
+	}
+});
+//#endregion
+export { SelectValue_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SelectValue.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/select/SelectValue.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValue.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/select/SelectValue.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { SelectValue } from 'reka-ui'\nimport { useSelectInject } from './Select.context'\n\nconst props = withDefaults(defineProps<{\n  placeholder?: string\n  class?: string\n}>(), {\n  placeholder: undefined,\n  class: undefined,\n})\n\nconst ctx = useSelectInject()\n</script>\n\n<template>\n  <SelectValue\n    :class=\"ctx.slots.value.value()\"\n    :placeholder=\"props.placeholder\"\n    data-slot=\"value\"\n  >\n    <template #default=\"{ modelValue }\">\n      <template v-if=\"modelValue != null && (Array.isArray(modelValue) ? modelValue.length > 0 : modelValue !== '')\">\n        {{ ctx.itemLabel(modelValue.toString()) }}\n      </template>\n      <template v-else>\n        {{ props.placeholder }}\n      </template>\n    </template>\n  </SelectValue>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;EAQd,MAAM,MAAM,iBAAgB;;uBAI1B,YAac,MAAA,YAAA,EAAA;IAZX,OAAK,eAAE,MAAA,IAAG,CAAC,MAAM,MAAM,OAAK,CAAA;IAC5B,aAAa,MAAM;IACpB,aAAU;;IAEC,SAAO,SAGL,EAHS,iBAAU,CACd,cAAU,SAAa,MAAM,QAAQ,WAAU,GAAI,WAAW,SAAM,IAAO,eAAU,OAAA,WAAA,EAArG,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,IAAG,CAAC,UAAU,WAAW,UAAQ,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,KAAA,WAAA,EAEtC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAM,YAAW,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA"}

package/dist/components/separator/Separator.js

@@ -0,0 +1,7 @@
+import Separator_vue_vue_type_script_setup_true_lang_default from "./Separator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/separator/Separator.vue
+var Separator_default = Separator_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Separator_default as default };
+
+//# sourceMappingURL=Separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.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":""}