@auronui/vue 1.0.16 → 1.0.17

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

@@ -1 +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 { ref, watch } from 'vue'\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\n// Suppress scroll-behavior:smooth for the first frame after open so Reka's\n// programmatic scrollTop jump to the selected item is instant.\nconst justOpened = ref(false)\nwatch(() => rootContext.open.value, (open) => {\n  if (open) {\n    justOpened.value = true\n    setTimeout(() => { justOpened.value = false }, 100)\n  }\n})\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <!--\n      No force-mount on SelectContent. With force-mount=true, Reka's\n      SelectContentImpl (which contains DismissableLayer with\n      disableOutsidePointerEvents=true) would mount immediately on page load and\n      block all pointer events — including clicks on the trigger button.\n\n      Without force-mount, when open=false, Reka teleports slot content into a\n      DocumentFragment (after SelectContent's own onMounted). Components inside\n      the slot (SelectItem) still get created and their setup() runs, so\n      textValue-based registrations fire at setup time.\n\n      v-show (not v-if) on the visual wrapper ensures SelectItem components are\n      always instantiated when inside the DocumentFragment — their setup() fires\n      and populates itemRegistry. The animated chrome is visually hidden via\n      v-show when closed; enter/exit animation runs via motion.div bindings.\n    -->\n      <SelectContent\n        :position=\"props.position\"\n        :side-offset=\"props.sideOffset\"\n        data-slot=\"popover\"\n      >\n        <motion.div\n          v-show=\"rootContext.open.value\"\n          :class=\"[ctx.slots.value.popover(), { 'select__popover--opening': justOpened }]\"\n          :animate=\"rootContext.open.value ? { opacity: 1, scale: 1 } : { 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":""}
+{"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 { ref, watch } from 'vue'\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\n// Suppress scroll-behavior:smooth for the first frame after open so Reka's\n// programmatic scrollTop jump to the selected item is instant.\nconst justOpened = ref(false)\nwatch(() => rootContext.open.value, (open) => {\n  if (open) {\n    justOpened.value = true\n    setTimeout(() => { justOpened.value = false }, 100)\n  }\n})\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (e.key === 'Tab') {\n    rootContext.onOpenChange(false)\n  }\n}\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <!--\n      No force-mount on SelectContent. With force-mount=true, Reka's\n      SelectContentImpl (which contains DismissableLayer with\n      disableOutsidePointerEvents=true) would mount immediately on page load and\n      block all pointer events — including clicks on the trigger button.\n\n      Without force-mount, when open=false, Reka teleports slot content into a\n      DocumentFragment (after SelectContent's own onMounted). Components inside\n      the slot (SelectItem) still get created and their setup() runs, so\n      textValue-based registrations fire at setup time.\n\n      v-show (not v-if) on the visual wrapper ensures SelectItem components are\n      always instantiated when inside the DocumentFragment — their setup() fires\n      and populates itemRegistry. The animated chrome is visually hidden via\n      v-show when closed; enter/exit animation runs via motion.div bindings.\n    -->\n      <SelectContent\n        :position=\"props.position\"\n        :side-offset=\"props.sideOffset\"\n        data-slot=\"popover\"\n      >\n        <motion.div\n          v-show=\"rootContext.open.value\"\n          :class=\"[ctx.slots.value.popover(), { 'select__popover--opening': justOpened }]\"\n          :animate=\"rootContext.open.value ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n          @keydown=\"handleKeydown\"\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

@@ -24,6 +24,9 @@ var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				}, 100);
 			}
 		});
+		function handleKeydown(e) {
+			if (e.key === "Tab") rootContext.onOpenChange(false);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SelectPortal), null, {
 				default: withCtx(() => [createVNode(unref(AnimatePresence_default), null, {
@@ -41,7 +44,8 @@ var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 								opacity: 0,
 								scale: .95
 							},
-							transition: { duration: .15 }
+							transition: { duration: .15 },
+							onKeydown: handleKeydown
 						}, {
 							default: withCtx(() => [createVNode(unref(SelectViewport), { "data-slot": "list-box" }, {
 								default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),

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

@@ -1 +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 { ref, watch } from 'vue'\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\n// Suppress scroll-behavior:smooth for the first frame after open so Reka's\n// programmatic scrollTop jump to the selected item is instant.\nconst justOpened = ref(false)\nwatch(() => rootContext.open.value, (open) => {\n  if (open) {\n    justOpened.value = true\n    setTimeout(() => { justOpened.value = false }, 100)\n  }\n})\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <!--\n      No force-mount on SelectContent. With force-mount=true, Reka's\n      SelectContentImpl (which contains DismissableLayer with\n      disableOutsidePointerEvents=true) would mount immediately on page load and\n      block all pointer events — including clicks on the trigger button.\n\n      Without force-mount, when open=false, Reka teleports slot content into a\n      DocumentFragment (after SelectContent's own onMounted). Components inside\n      the slot (SelectItem) still get created and their setup() runs, so\n      textValue-based registrations fire at setup time.\n\n      v-show (not v-if) on the visual wrapper ensures SelectItem components are\n      always instantiated when inside the DocumentFragment — their setup() fires\n      and populates itemRegistry. The animated chrome is visually hidden via\n      v-show when closed; enter/exit animation runs via motion.div bindings.\n    -->\n      <SelectContent\n        :position=\"props.position\"\n        :side-offset=\"props.sideOffset\"\n        data-slot=\"popover\"\n      >\n        <motion.div\n          v-show=\"rootContext.open.value\"\n          :class=\"[ctx.slots.value.popover(), { 'select__popover--opening': justOpened }]\"\n          :animate=\"rootContext.open.value ? { opacity: 1, scale: 1 } : { 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":";;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAUd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,cAAc,yBAAwB;EAI5C,MAAM,aAAa,IAAI,MAAK;AAC5B,cAAY,YAAY,KAAK,QAAQ,SAAS;AAC5C,OAAI,MAAM;AACR,eAAW,QAAQ;AACnB,qBAAiB;AAAE,gBAAW,QAAQ;OAAS,IAAG;;IAErD;;uBAIC,YAmCe,MAAA,aAAA,EAAA,MAAA;2BADK,CAjClB,YAiCkB,MAAA,wBAAA,EAAA,MAAA;4BADA,CAfhB,YAegB,MAAA,cAAA,EAAA;MAdb,UAAU,MAAM;MAChB,eAAa,MAAM;MACpB,aAAU;;6BAWG,CAAA,eATb,YASa,MAAA,OAAA,CAAA,KAAA;OAPV,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,EAAA,EAAA,4BAAkC,WAAA,OAAU,CAAA,CAAA;OAC3E,SAAS,MAAA,YAAW,CAAC,KAAK,QAAK;QAAA,SAAA;QAAA,OAAA;QAAA,GAAA;QAAA,SAAA;QAAA,OAAA;QAAA;OAC/B,YAAY,EAAA,UAAA,KAAkB;;8BAId,CAFjB,YAEiB,MAAA,eAAA,EAAA,EAFD,aAAU,YAAU,EAAA;+BAC1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;4CANF,MAAA,YAAW,CAAC,KAAK,MAAK,CAAA,CAAA,CAAA,CAAA"}
+{"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 { ref, watch } from 'vue'\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\n// Suppress scroll-behavior:smooth for the first frame after open so Reka's\n// programmatic scrollTop jump to the selected item is instant.\nconst justOpened = ref(false)\nwatch(() => rootContext.open.value, (open) => {\n  if (open) {\n    justOpened.value = true\n    setTimeout(() => { justOpened.value = false }, 100)\n  }\n})\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (e.key === 'Tab') {\n    rootContext.onOpenChange(false)\n  }\n}\n</script>\n\n<template>\n  <SelectPortal>\n    <AnimatePresence>\n      <!--\n      No force-mount on SelectContent. With force-mount=true, Reka's\n      SelectContentImpl (which contains DismissableLayer with\n      disableOutsidePointerEvents=true) would mount immediately on page load and\n      block all pointer events — including clicks on the trigger button.\n\n      Without force-mount, when open=false, Reka teleports slot content into a\n      DocumentFragment (after SelectContent's own onMounted). Components inside\n      the slot (SelectItem) still get created and their setup() runs, so\n      textValue-based registrations fire at setup time.\n\n      v-show (not v-if) on the visual wrapper ensures SelectItem components are\n      always instantiated when inside the DocumentFragment — their setup() fires\n      and populates itemRegistry. The animated chrome is visually hidden via\n      v-show when closed; enter/exit animation runs via motion.div bindings.\n    -->\n      <SelectContent\n        :position=\"props.position\"\n        :side-offset=\"props.sideOffset\"\n        data-slot=\"popover\"\n      >\n        <motion.div\n          v-show=\"rootContext.open.value\"\n          :class=\"[ctx.slots.value.popover(), { 'select__popover--opening': justOpened }]\"\n          :animate=\"rootContext.open.value ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.95 }\"\n          :transition=\"{ duration: 0.15 }\"\n          @keydown=\"handleKeydown\"\n        >\n          <SelectViewport data-slot=\"list-box\">\n            <slot />\n          </SelectViewport>\n        </motion.div>\n      </SelectContent>\n    </AnimatePresence>\n  </SelectPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAUd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,cAAc,yBAAwB;EAI5C,MAAM,aAAa,IAAI,MAAK;AAC5B,cAAY,YAAY,KAAK,QAAQ,SAAS;AAC5C,OAAI,MAAM;AACR,eAAW,QAAQ;AACnB,qBAAiB;AAAE,gBAAW,QAAQ;OAAS,IAAG;;IAErD;EAED,SAAS,cAAc,GAAkB;AACvC,OAAI,EAAE,QAAQ,MACZ,aAAY,aAAa,MAAK;;;uBAMhC,YAoCe,MAAA,aAAA,EAAA,MAAA;2BADK,CAlClB,YAkCkB,MAAA,wBAAA,EAAA,MAAA;4BADA,CAhBhB,YAgBgB,MAAA,cAAA,EAAA;MAfb,UAAU,MAAM;MAChB,eAAa,MAAM;MACpB,aAAU;;6BAYG,CAAA,eAVb,YAUa,MAAA,OAAA,CAAA,KAAA;OARV,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,MAAM,MAAM,SAAO,EAAA,EAAA,4BAAkC,WAAA,OAAU,CAAA,CAAA;OAC3E,SAAS,MAAA,YAAW,CAAC,KAAK,QAAK;QAAA,SAAA;QAAA,OAAA;QAAA,GAAA;QAAA,SAAA;QAAA,OAAA;QAAA;OAC/B,YAAY,EAAA,UAAA,KAAkB;OAC9B,WAAS;;8BAIO,CAFjB,YAEiB,MAAA,eAAA,EAAA,EAFD,aAAU,YAAU,EAAA;+BAC1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;4CAPF,MAAA,YAAW,CAAC,KAAK,MAAK,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +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":""}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["../../../src/components/select/SelectTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } 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\n// Guard re-open when Reka returns focus to the trigger after close (value\n// selection, Escape, Tab). Set to true whenever open transitions true→false,\n// reset after a microtask once the focus-return event has been processed.\nconst skipNextFocus = ref(false)\n\n// flush:'sync' fires the moment open.value changes (synchronously, before any\n// Vue scheduling), so skipNextFocus is true before Reka's FocusScope can call\n// trigger.focus(). setTimeout defers the reset until after all pending\n// microtasks (render + focus-return) have flushed.\nwatch(() => rootContext.open.value, (open, wasOpen) => {\n  if (!open && wasOpen) {\n    skipNextFocus.value = true\n    setTimeout(() => { skipNextFocus.value = false }, 0)\n  }\n}, { flush: 'sync' })\n\nfunction handleFocus() {\n  if (ctx.isDisabled.value || ctx.isReadonly.value || skipNextFocus.value || rootContext.open.value) return\n  rootContext.onOpenChange(true)\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    @focus=\"handleFocus\"\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

@@ -1,5 +1,5 @@
 import { useSelectInject } from "./Select.context.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, watch, 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"];
@@ -20,6 +20,19 @@ var SelectTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			return v !== "";
 		});
 		const showInsideLabel = computed(() => ctx.hasLabel.value && ctx.labelPlacement.value === "inside");
+		const skipNextFocus = ref(false);
+		watch(() => rootContext.open.value, (open, wasOpen) => {
+			if (!open && wasOpen) {
+				skipNextFocus.value = true;
+				setTimeout(() => {
+					skipNextFocus.value = false;
+				}, 0);
+			}
+		}, { flush: "sync" });
+		function handleFocus() {
+			if (ctx.isDisabled.value || ctx.isReadonly.value || skipNextFocus.value || rootContext.open.value) return;
+			rootContext.onOpenChange(true);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SelectTrigger), {
 				id: unref(ctx).triggerId.value,
@@ -29,7 +42,8 @@ var SelectTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"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"
+				"data-slot": "trigger",
+				onFocus: handleFocus
 			}, {
 				default: withCtx(() => [
 					showInsideLabel.value ? (openBlock(), createElementBlock("label", {

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

@@ -1 +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"}
+{"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, ref, watch } 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\n// Guard re-open when Reka returns focus to the trigger after close (value\n// selection, Escape, Tab). Set to true whenever open transitions true→false,\n// reset after a microtask once the focus-return event has been processed.\nconst skipNextFocus = ref(false)\n\n// flush:'sync' fires the moment open.value changes (synchronously, before any\n// Vue scheduling), so skipNextFocus is true before Reka's FocusScope can call\n// trigger.focus(). setTimeout defers the reset until after all pending\n// microtasks (render + focus-return) have flushed.\nwatch(() => rootContext.open.value, (open, wasOpen) => {\n  if (!open && wasOpen) {\n    skipNextFocus.value = true\n    setTimeout(() => { skipNextFocus.value = false }, 0)\n  }\n}, { flush: 'sync' })\n\nfunction handleFocus() {\n  if (ctx.isDisabled.value || ctx.isReadonly.value || skipNextFocus.value || rootContext.open.value) return\n  rootContext.onOpenChange(true)\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    @focus=\"handleFocus\"\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;EAKA,MAAM,gBAAgB,IAAI,MAAK;AAM/B,cAAY,YAAY,KAAK,QAAQ,MAAM,YAAY;AACrD,OAAI,CAAC,QAAQ,SAAS;AACpB,kBAAc,QAAQ;AACtB,qBAAiB;AAAE,mBAAc,QAAQ;OAAS,EAAC;;KAEpD,EAAE,OAAO,QAAQ,CAAA;EAEpB,SAAS,cAAc;AACrB,OAAI,IAAI,WAAW,SAAS,IAAI,WAAW,SAAS,cAAc,SAAS,YAAY,KAAK,MAAO;AACnG,eAAY,aAAa,KAAI;;;uBAK7B,YAgDgB,MAAA,cAAA,EAAA;IA/Cb,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;IACT,SAAO;;2BASU;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auronui/vue",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Vue 3 85 components with full visual and functional parity",
   "type": "module",
   "license": "MIT",
@@ -69,7 +69,7 @@
     "tailwind-merge": "3.5.0",
     "tailwind-variants": "3.2.2",
     "vee-validate": "^4.15.1",
-    "@auronui/styles": "1.0.16"
+    "@auronui/styles": "1.0.17"
   },
   "devDependencies": {
     "@chialab/vitest-axe": "0.19.1",
@@ -88,8 +88,8 @@
     "vitest": "4.1.4",
     "vue": "^3.5.32",
     "vue-tsc": "^3.2.6",
-    "@auronui/standard": "0.0.0",
-    "@auronui/vitest": "0.0.0"
+    "@auronui/vitest": "0.0.0",
+    "@auronui/standard": "0.0.0"
   },
   "scripts": {
     "build": "vite build",