reka-ui 1.0.0-alpha.3 → 1.0.0-alpha.4

package/dist/index.d.ts

@@ -2560,7 +2560,11 @@ export declare interface CheckboxRootProps extends PrimitiveProps, FormFieldProp
 
 declare type CheckedState = boolean | 'indeterminate';
 
-export declare const CollapsibleContent: __VLS_WithTemplateSlots_35<DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<CollapsibleContentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+export declare const CollapsibleContent: __VLS_WithTemplateSlots_35<DefineComponent<CollapsibleContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+contentFound: (args_0: void) => any;
+}, string, PublicProps, Readonly<CollapsibleContentProps> & Readonly<{
+onContentFound?: ((args_0?: void | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 
@@ -7610,6 +7614,12 @@ export declare interface SelectLabelProps extends PrimitiveProps {
     for?: string;
 }
 
+declare interface SelectOption {
+    value: any;
+    disabled?: boolean;
+    textContent: string;
+}
+
 export declare const SelectPortal: __VLS_WithTemplateSlots_222<DefineComponent<SelectPortalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SelectPortalProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
@@ -7684,7 +7694,7 @@ export declare const SelectRoot: <T extends AcceptableValue = AcceptableValue>(_
     };
     emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: AcceptableValue) => void);
 }>) => VNode<RendererNode, RendererElement, {
-    [key: string]: any;
+[key: string]: any;
 }> & {
     __ctx?: {
         props: {
@@ -7743,6 +7753,9 @@ declare interface SelectRootContext<T> {
     } | null>;
     isEmptyModelValue: Ref<boolean>;
     disabled?: Ref<boolean>;
+    optionsSet: Ref<Set<SelectOption>>;
+    onOptionAdd: (option: SelectOption) => void;
+    onOptionRemove: (option: SelectOption) => void;
 }
 
 export declare type SelectRootEmits<T = AcceptableValue> = {
@@ -7808,7 +7821,9 @@ export declare const SelectValue: __VLS_WithTemplateSlots_234<DefineComponent<Se
 placeholder: string;
 as: AsTag | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
+    default?(_: {
+        selectedLabel: string[];
+    }): any;
 }>;
 
 export declare interface SelectValueProps extends PrimitiveProps {
@@ -8553,6 +8568,8 @@ export declare interface TagsInputItemTextProps extends PrimitiveProps {
 export declare const TagsInputRoot: <T extends AcceptableInputValue = string>(__VLS_props: {
     readonly onInvalid?: ((payload: T) => any) | undefined;
     readonly "onUpdate:modelValue"?: ((payload: T[]) => any) | undefined;
+    readonly onAddTag?: ((payload: T) => any) | undefined;
+    readonly onRemoveTag?: ((payload: T) => any) | undefined;
     modelValue?: T[] | undefined;
     defaultValue?: T[] | undefined;
     addOnPaste?: boolean | undefined;
@@ -8583,11 +8600,13 @@ export declare const TagsInputRoot: <T extends AcceptableInputValue = string>(__
         }) => any;
     };
     attrs: any;
-    emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void);
+    emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "addTag", payload: T) => void) & ((evt: "removeTag", payload: T) => void);
 } | undefined, __VLS_expose?: ((exposed: ShallowUnwrapRef<    {}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
         readonly onInvalid?: ((payload: T) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((payload: T[]) => any) | undefined;
+        readonly onAddTag?: ((payload: T) => any) | undefined;
+        readonly onRemoveTag?: ((payload: T) => any) | undefined;
         modelValue?: T[] | undefined;
         defaultValue?: T[] | undefined;
         addOnPaste?: boolean | undefined;
@@ -8619,7 +8638,7 @@ export declare const TagsInputRoot: <T extends AcceptableInputValue = string>(__
             modelValue: AcceptableInputValue[];
         }) => any;
     };
-    emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void);
+    emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "addTag", payload: T) => void) & ((evt: "removeTag", payload: T) => void);
 }>) => VNode<RendererNode, RendererElement, {
 [key: string]: any;
 }> & {
@@ -8627,6 +8646,8 @@ export declare const TagsInputRoot: <T extends AcceptableInputValue = string>(__
         props: {
             readonly onInvalid?: ((payload: T) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((payload: T[]) => any) | undefined;
+            readonly onAddTag?: ((payload: T) => any) | undefined;
+            readonly onRemoveTag?: ((payload: T) => any) | undefined;
             modelValue?: T[] | undefined;
             defaultValue?: T[] | undefined;
             addOnPaste?: boolean | undefined;
@@ -8658,7 +8679,7 @@ export declare const TagsInputRoot: <T extends AcceptableInputValue = string>(__
                 modelValue: AcceptableInputValue[];
             }) => any;
         };
-        emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void);
+        emit: ((evt: "invalid", payload: T) => void) & ((evt: "update:modelValue", payload: T[]) => void) & ((evt: "addTag", payload: T) => void) & ((evt: "removeTag", payload: T) => void);
     } | undefined;
 };
 
@@ -8685,6 +8706,10 @@ export declare type TagsInputRootEmits<T = AcceptableInputValue> = {
     'update:modelValue': [payload: Array<T>];
     /** Event handler called when the value is invalid */
     'invalid': [payload: T];
+    /** Event handler called when tag is added */
+    'addTag': [payload: T];
+    /** Event handler called when tag is removed */
+    'removeTag': [payload: T];
 };
 
 export declare interface TagsInputRootProps<T = AcceptableInputValue> extends PrimitiveProps, FormFieldProps {

package/dist/packages/core/src/Accordion/AccordionContent.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./AccordionItem.vue.cjs"),c=require("../shared/useForwardExpose.cjs"),l=require("../Collapsible/CollapsibleContent.vue.cjs"),u=require("./AccordionRoot.vue.cjs"),s=e.defineComponent({__name:"AccordionContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){const o=a,n=u.injectAccordionRootContext(),t=i.injectAccordionItemContext();return c.useForwardExpose(),(r,d)=>(e.openBlock(),e.createBlock(e.unref(l.default),{role:"region","as-child":o.asChild,"force-mount":o.forceMount,"aria-labelledby":e.unref(t).triggerId,"data-state":e.unref(t).dataState.value,"data-disabled":e.unref(t).dataDisabled.value,"data-orientation":e.unref(n).orientation,style:{"--reka-accordion-content-width":"var(--reka-collapsible-content-width)","--reka-accordion-content-height":"var(--reka-collapsible-content-height)"}},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["as-child","force-mount","aria-labelledby","data-state","data-disabled","data-orientation"]))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("./AccordionItem.vue.cjs"),l=require("../shared/useForwardExpose.cjs"),c=require("../Collapsible/CollapsibleContent.vue.cjs"),s=require("./AccordionRoot.vue.cjs"),d=e.defineComponent({__name:"AccordionContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(r){const o=r,n=s.injectAccordionRootContext(),t=i.injectAccordionItemContext();return l.useForwardExpose(),(u,a)=>(e.openBlock(),e.createBlock(e.unref(c.default),{role:"region","as-child":o.asChild,"force-mount":o.forceMount,"aria-labelledby":e.unref(t).triggerId,"data-state":e.unref(t).dataState.value,"data-disabled":e.unref(t).dataDisabled.value,"data-orientation":e.unref(n).orientation,style:{"--reka-accordion-content-width":"var(--reka-collapsible-content-width)","--reka-accordion-content-height":"var(--reka-collapsible-content-height)"},onContentFound:a[0]||(a[0]=_=>e.unref(n).changeModelValue(e.unref(t).value.value))},{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},8,["as-child","force-mount","aria-labelledby","data-state","data-disabled","data-orientation"]))}});exports.default=d;

package/dist/packages/core/src/Accordion/AccordionContent.vue.js

@@ -1,34 +1,35 @@
-import { defineComponent as i, openBlock as c, createBlock as d, unref as t, withCtx as l, renderSlot as s } from "vue";
-import { injectAccordionItemContext as m } from "./AccordionItem.vue.js";
-import { useForwardExpose as p } from "../shared/useForwardExpose.js";
+import { defineComponent as l, openBlock as d, createBlock as c, unref as t, withCtx as s, renderSlot as m } from "vue";
+import { injectAccordionItemContext as p } from "./AccordionItem.vue.js";
+import { useForwardExpose as u } from "../shared/useForwardExpose.js";
 import f from "../Collapsible/CollapsibleContent.vue.js";
-import { injectAccordionRootContext as u } from "./AccordionRoot.vue.js";
-const g = /* @__PURE__ */ i({
+import { injectAccordionRootContext as h } from "./AccordionRoot.vue.js";
+const _ = /* @__PURE__ */ l({
   __name: "AccordionContent",
   props: {
     forceMount: { type: Boolean },
     asChild: { type: Boolean },
     as: {}
   },
-  setup(a) {
-    const e = a, n = u(), o = m();
-    return p(), (r, h) => (c(), d(t(f), {
+  setup(r) {
+    const e = r, a = h(), o = p();
+    return u(), (i, n) => (d(), c(t(f), {
       role: "region",
       "as-child": e.asChild,
       "force-mount": e.forceMount,
       "aria-labelledby": t(o).triggerId,
       "data-state": t(o).dataState.value,
       "data-disabled": t(o).dataDisabled.value,
-      "data-orientation": t(n).orientation,
-      style: { "--reka-accordion-content-width": "var(--reka-collapsible-content-width)", "--reka-accordion-content-height": "var(--reka-collapsible-content-height)" }
+      "data-orientation": t(a).orientation,
+      style: { "--reka-accordion-content-width": "var(--reka-collapsible-content-width)", "--reka-accordion-content-height": "var(--reka-collapsible-content-height)" },
+      onContentFound: n[0] || (n[0] = (C) => t(a).changeModelValue(t(o).value.value))
     }, {
-      default: l(() => [
-        s(r.$slots, "default")
+      default: s(() => [
+        m(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["as-child", "force-mount", "aria-labelledby", "data-state", "data-disabled", "data-orientation"]));
   }
 });
 export {
-  g as default
+  _ as default
 };

package/dist/packages/core/src/Collapsible/CollapsibleContent.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("../shared/useId.cjs"),y=require("../shared/useForwardExpose.cjs"),_=require("../Presence/Presence.cjs"),C=require("../Primitive/Primitive.cjs"),b=require("./CollapsibleRoot.vue.cjs"),w=e.defineComponent({inheritAttrs:!1,__name:"CollapsibleContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){const p=c,n=b.injectCollapsibleRootContext();n.contentId||=h.useId(void 0,"reka-collapsible-content");const i=e.ref(),{forwardRef:f,currentElement:v}=y.useForwardExpose(),s=e.ref(0),u=e.ref(0),l=e.computed(()=>n.open.value),o=e.ref(l.value),a=e.ref();e.watch(()=>[l.value,i.value?.present],async()=>{await e.nextTick();const t=v.value;if(!t)return;a.value=a.value||{transitionDuration:t.style.transitionDuration,animationName:t.style.animationName},t.style.transitionDuration="0s",t.style.animationName="none";const r=t.getBoundingClientRect();u.value=r.height,s.value=r.width,o.value||(t.style.transitionDuration=a.value.transitionDuration,t.style.animationName=a.value.animationName)},{immediate:!0});const m=e.computed(()=>o.value&&n.open.value);return e.onMounted(()=>{requestAnimationFrame(()=>{o.value=!1})}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(_.default),{ref_key:"presentRef",ref:i,present:t.forceMount||e.unref(n).open.value,"force-mount":!0},{default:e.withCtx(({present:d})=>[e.createVNode(e.unref(C.Primitive),e.mergeProps(t.$attrs,{id:e.unref(n).contentId,ref:e.unref(f),"as-child":p.asChild,as:t.as,hidden:!d,"data-state":m.value?void 0:e.unref(n).open.value?"open":"closed","data-disabled":e.unref(n).disabled?.value?"":void 0,style:{"--reka-collapsible-content-height":`${u.value}px`,"--reka-collapsible-content-width":`${s.value}px`}}),{default:e.withCtx(()=>[!e.unref(n).unmountOnHide.value||d?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)]),_:2},1040,["id","as-child","as","hidden","data-state","data-disabled","style"])]),_:3},8,["present"]))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.cjs"),C=require("../shared/useId.cjs"),b=require("../shared/useForwardExpose.cjs"),g=require("../Presence/Presence.cjs"),w=require("../Primitive/Primitive.cjs"),k=require("./CollapsibleRoot.vue.cjs"),q=e.defineComponent({inheritAttrs:!1,__name:"CollapsibleContent",props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},emits:["contentFound"],setup(f,{emit:p}){const m=f,v=p,n=k.injectCollapsibleRootContext();n.contentId||=C.useId(void 0,"reka-collapsible-content");const r=e.ref(),{forwardRef:h,currentElement:s}=b.useForwardExpose(),u=e.ref(0),l=e.ref(0),d=e.computed(()=>n.open.value),a=e.ref(d.value),o=e.ref();e.watch(()=>[d.value,r.value?.present],async()=>{await e.nextTick();const t=s.value;if(!t)return;o.value=o.value||{transitionDuration:t.style.transitionDuration,animationName:t.style.animationName},t.style.transitionDuration="0s",t.style.animationName="none";const i=t.getBoundingClientRect();l.value=i.height,u.value=i.width,a.value||(t.style.transitionDuration=o.value.transitionDuration,t.style.animationName=o.value.animationName)},{immediate:!0});const y=e.computed(()=>a.value&&n.open.value);return e.onMounted(()=>{requestAnimationFrame(()=>{a.value=!1})}),_.useEventListener(s,"beforematch",t=>{requestAnimationFrame(()=>{n.onOpenToggle(),v("contentFound")})}),(t,i)=>(e.openBlock(),e.createBlock(e.unref(g.default),{ref_key:"presentRef",ref:r,present:t.forceMount||e.unref(n).open.value,"force-mount":!0},{default:e.withCtx(({present:c})=>[e.createVNode(e.unref(w.Primitive),e.mergeProps(t.$attrs,{id:e.unref(n).contentId,ref:e.unref(h),"as-child":m.asChild,as:t.as,hidden:c?void 0:e.unref(n).unmountOnHide.value?"":"until-found","data-state":y.value?void 0:e.unref(n).open.value?"open":"closed","data-disabled":e.unref(n).disabled?.value?"":void 0,style:{"--reka-collapsible-content-height":`${l.value}px`,"--reka-collapsible-content-width":`${u.value}px`}}),{default:e.withCtx(()=>[!e.unref(n).unmountOnHide.value||c?e.renderSlot(t.$slots,"default",{key:0}):e.createCommentVNode("",!0)]),_:2},1040,["id","as-child","as","hidden","data-state","data-disabled","style"])]),_:3},8,["present"]))}});exports.default=q;

package/dist/packages/core/src/Collapsible/CollapsibleContent.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as k, ref as o, computed as m, watch as b, nextTick as w, onMounted as N, openBlock as g, createBlock as x, unref as n, withCtx as p, createVNode as B, mergeProps as D, renderSlot as R, createCommentVNode as _ } from "vue";
-import { useId as A } from "../shared/useId.js";
-import { useForwardExpose as M } from "../shared/useForwardExpose.js";
-import P from "../Presence/Presence.js";
-import { Primitive as $ } from "../Primitive/Primitive.js";
+import { defineComponent as g, ref as o, computed as p, watch as w, nextTick as N, onMounted as x, openBlock as A, createBlock as B, unref as n, withCtx as f, createVNode as D, mergeProps as F, renderSlot as R, createCommentVNode as _ } from "vue";
+import { useEventListener as M } from "../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.js";
+import { useId as O } from "../shared/useId.js";
+import { useForwardExpose as P } from "../shared/useForwardExpose.js";
+import $ from "../Presence/Presence.js";
+import { Primitive as E } from "../Primitive/Primitive.js";
 import { injectCollapsibleRootContext as I } from "./CollapsibleRoot.vue.js";
-const q = /* @__PURE__ */ k({
+const z = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "CollapsibleContent",
   props: {
@@ -12,15 +13,16 @@ const q = /* @__PURE__ */ k({
     asChild: { type: Boolean },
     as: {}
   },
-  setup(f) {
-    const v = f, t = I();
-    t.contentId ||= A(void 0, "reka-collapsible-content");
-    const s = o(), { forwardRef: h, currentElement: y } = M(), l = o(0), u = o(0), d = m(() => t.open.value), i = o(d.value), a = o();
-    b(
-      () => [d.value, s.value?.present],
+  emits: ["contentFound"],
+  setup(v, { emit: h }) {
+    const y = v, C = h, t = I();
+    t.contentId ||= O(void 0, "reka-collapsible-content");
+    const s = o(), { forwardRef: b, currentElement: l } = P(), u = o(0), d = o(0), m = p(() => t.open.value), i = o(m.value), a = o();
+    w(
+      () => [m.value, s.value?.present],
       async () => {
-        await w();
-        const e = y.value;
+        await N();
+        const e = l.value;
         if (!e)
           return;
         a.value = a.value || {
@@ -28,38 +30,42 @@ const q = /* @__PURE__ */ k({
           animationName: e.style.animationName
         }, e.style.transitionDuration = "0s", e.style.animationName = "none";
         const r = e.getBoundingClientRect();
-        u.value = r.height, l.value = r.width, i.value || (e.style.transitionDuration = a.value.transitionDuration, e.style.animationName = a.value.animationName);
+        d.value = r.height, u.value = r.width, i.value || (e.style.transitionDuration = a.value.transitionDuration, e.style.animationName = a.value.animationName);
       },
       {
         immediate: !0
       }
     );
-    const C = m(() => i.value && t.open.value);
-    return N(() => {
+    const k = p(() => i.value && t.open.value);
+    return x(() => {
       requestAnimationFrame(() => {
         i.value = !1;
       });
-    }), (e, r) => (g(), x(n(P), {
+    }), M(l, "beforematch", (e) => {
+      requestAnimationFrame(() => {
+        t.onOpenToggle(), C("contentFound");
+      });
+    }), (e, r) => (A(), B(n($), {
       ref_key: "presentRef",
       ref: s,
       present: e.forceMount || n(t).open.value,
       "force-mount": !0
     }, {
-      default: p(({ present: c }) => [
-        B(n($), D(e.$attrs, {
+      default: f(({ present: c }) => [
+        D(n(E), F(e.$attrs, {
           id: n(t).contentId,
-          ref: n(h),
-          "as-child": v.asChild,
+          ref: n(b),
+          "as-child": y.asChild,
           as: e.as,
-          hidden: !c,
-          "data-state": C.value ? void 0 : n(t).open.value ? "open" : "closed",
+          hidden: c ? void 0 : n(t).unmountOnHide.value ? "" : "until-found",
+          "data-state": k.value ? void 0 : n(t).open.value ? "open" : "closed",
           "data-disabled": n(t).disabled?.value ? "" : void 0,
           style: {
-            "--reka-collapsible-content-height": `${u.value}px`,
-            "--reka-collapsible-content-width": `${l.value}px`
+            "--reka-collapsible-content-height": `${d.value}px`,
+            "--reka-collapsible-content-width": `${u.value}px`
           }
         }), {
-          default: p(() => [
+          default: f(() => [
             !n(t).unmountOnHide.value || c ? R(e.$slots, "default", { key: 0 }) : _("", !0)
           ]),
           _: 2
@@ -70,5 +76,5 @@ const q = /* @__PURE__ */ k({
   }
 });
 export {
-  q as default
+  z as default
 };

package/dist/packages/core/src/Listbox/ListboxFilter.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.cjs");require("@floating-ui/vue");const p=require("../Primitive/usePrimitiveElement.cjs"),f=require("../Primitive/Primitive.cjs"),b=require("./ListboxRoot.vue.cjs"),y=e.defineComponent({__name:"ListboxFilter",props:{modelValue:{},autoFocus:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:"input"}},emits:["update:modelValue"],setup(n,{emit:d}){const o=n,r=d,i=c.useVModel(o,"modelValue",r,{defaultValue:"",passive:o.modelValue===void 0}),t=b.injectListboxRootContext();t.focusable.value=!1;const{primitiveElement:m,currentElement:v}=p.usePrimitiveElement(),a=e.computed(()=>o.disabled||t.disabled.value||!1);return e.onMounted(()=>{setTimeout(()=>{o.autoFocus&&v.value?.focus()},1)}),(l,u)=>(e.openBlock(),e.createBlock(e.unref(f.Primitive),{ref_key:"primitiveElement",ref:m,as:l.as,"as-child":l.asChild,value:e.unref(i),disabled:a.value?"":void 0,"data-disabled":a.value?"":void 0,"aria-disabled":a.value??void 0,type:"text",onKeydown:[e.withKeys(e.withModifiers(e.unref(t).onKeydownNavigation,["prevent"]),["down","up","left","right","home","end"]),e.withKeys(e.unref(t).onKeydownEnter,["enter"])],onInput:u[0]||(u[0]=s=>{i.value=s.target.value,e.unref(t).highlightFirstItem(s)})},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{modelValue:e.unref(i)})]),_:3},8,["as","as-child","value","disabled","data-disabled","aria-disabled","onKeydown"]))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.cjs");require("@floating-ui/vue");const p=require("../Primitive/usePrimitiveElement.cjs"),f=require("../Primitive/Primitive.cjs"),b=require("./ListboxRoot.vue.cjs"),y=e.defineComponent({__name:"ListboxFilter",props:{modelValue:{},autoFocus:{type:Boolean},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:"input"}},emits:["update:modelValue"],setup(n,{emit:d}){const o=n,r=d,i=c.useVModel(o,"modelValue",r,{defaultValue:"",passive:o.modelValue===void 0}),t=b.injectListboxRootContext();t.focusable.value=!1;const{primitiveElement:m,currentElement:v}=p.usePrimitiveElement(),a=e.computed(()=>o.disabled||t.disabled.value||!1);return e.onMounted(()=>{setTimeout(()=>{o.autoFocus&&v.value?.focus()},1)}),(l,u)=>(e.openBlock(),e.createBlock(e.unref(f.Primitive),{ref_key:"primitiveElement",ref:m,as:l.as,"as-child":l.asChild,value:e.unref(i),disabled:a.value?"":void 0,"data-disabled":a.value?"":void 0,"aria-disabled":a.value??void 0,type:"text",onKeydown:[e.withKeys(e.withModifiers(e.unref(t).onKeydownNavigation,["prevent"]),["down","up","home","end"]),e.withKeys(e.unref(t).onKeydownEnter,["enter"])],onInput:u[0]||(u[0]=s=>{i.value=s.target.value,e.unref(t).highlightFirstItem(s)})},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{modelValue:e.unref(i)})]),_:3},8,["as","as-child","value","disabled","data-disabled","aria-disabled","onKeydown"]))}});exports.default=y;

package/dist/packages/core/src/Listbox/ListboxFilter.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent as f, computed as v, onMounted as c, openBlock as b, createBlock as h, unref as e, withKeys as n, withModifiers as y, withCtx as w, renderSlot as V } from "vue";
 import { useVModel as C } from "../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.js";
 import "@floating-ui/vue";
-import { usePrimitiveElement as g } from "../Primitive/usePrimitiveElement.js";
-import { Primitive as x } from "../Primitive/Primitive.js";
-import { injectListboxRootContext as B } from "./ListboxRoot.vue.js";
+import { usePrimitiveElement as x } from "../Primitive/usePrimitiveElement.js";
+import { Primitive as B } from "../Primitive/Primitive.js";
+import { injectListboxRootContext as E } from "./ListboxRoot.vue.js";
 const L = /* @__PURE__ */ f({
   __name: "ListboxFilter",
   props: {
@@ -15,17 +15,17 @@ const L = /* @__PURE__ */ f({
   },
   emits: ["update:modelValue"],
   setup(u, { emit: r }) {
-    const o = u, a = C(o, "modelValue", r, {
+    const t = u, a = C(t, "modelValue", r, {
       defaultValue: "",
-      passive: o.modelValue === void 0
-    }), t = B();
-    t.focusable.value = !1;
-    const { primitiveElement: m, currentElement: p } = g(), i = v(() => o.disabled || t.disabled.value || !1);
+      passive: t.modelValue === void 0
+    }), o = E();
+    o.focusable.value = !1;
+    const { primitiveElement: m, currentElement: p } = x(), i = v(() => t.disabled || o.disabled.value || !1);
     return c(() => {
       setTimeout(() => {
-        o.autoFocus && p.value?.focus();
+        t.autoFocus && p.value?.focus();
       }, 1);
-    }), (l, d) => (b(), h(e(x), {
+    }), (l, d) => (b(), h(e(B), {
       ref_key: "primitiveElement",
       ref: m,
       as: l.as,
@@ -36,11 +36,11 @@ const L = /* @__PURE__ */ f({
       "aria-disabled": i.value ?? void 0,
       type: "text",
       onKeydown: [
-        n(y(e(t).onKeydownNavigation, ["prevent"]), ["down", "up", "left", "right", "home", "end"]),
-        n(e(t).onKeydownEnter, ["enter"])
+        n(y(e(o).onKeydownNavigation, ["prevent"]), ["down", "up", "home", "end"]),
+        n(e(o).onKeydownEnter, ["enter"])
       ],
       onInput: d[0] || (d[0] = (s) => {
-        a.value = s.target.value, e(t).highlightFirstItem(s);
+        a.value = s.target.value, e(o).highlightFirstItem(s);
       })
     }, {
       default: w(() => [

package/dist/packages/core/src/Listbox/ListboxRoot.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),X=require("../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.cjs"),C=require("./utils.cjs"),Y=require("../Collection/Collection.cjs");require("@floating-ui/vue");const Z=require("../RovingFocus/utils.cjs"),ee=require("../shared/useTypeahead.cjs"),te=require("../Primitive/usePrimitiveElement.cjs"),ie=require("../shared/useDirection.cjs"),oe=require("../shared/useFormControl.cjs"),le=require("../Primitive/Primitive.cjs"),ne=require("../VisuallyHidden/VisuallyHiddenInput.vue2.cjs"),re=require("../shared/createContext.cjs"),E=require("../../../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/shared/index.cjs"),ae=require("../shared/arrays.cjs"),ue=require("../shared/useKbd.cjs"),[se,_]=re.createContext("ListboxRoot"),ce=o.defineComponent({__name:"ListboxRoot",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},orientation:{default:"vertical"},dir:{},disabled:{type:Boolean},selectionBehavior:{default:"toggle"},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue","highlight","entryFocus","leave"],setup(M,{expose:R,emit:A}){const a=M,h=A,{multiple:m,highlightOnHover:L,orientation:K,disabled:y,selectionBehavior:D,dir:O}=o.toRefs(a),{getItems:s}=Y.useCollection({isProvider:!0}),{handleTypeaheadSearch:S}=ee.useTypeahead(),{primitiveElement:j,currentElement:V}=te.usePrimitiveElement(),B=ue.useKbd(),b=ie.useDirection(O),N=oe.useFormControl(V),g=o.ref(),f=o.ref(!1),w=o.ref(!0),n=X.useVModel(a,"modelValue",h,{defaultValue:a.defaultValue??(m.value?[]:void 0),passive:a.modelValue===void 0,deep:!0});function $(e){if(f.value=!0,Array.isArray(n.value)){const i=n.value.findIndex(t=>C.compare(t,e,a.by));if(a.selectionBehavior==="toggle"){const t=[...n.value];i===-1?t.push(e):t.splice(i,1),n.value=t}else n.value=[e],g.value=e}else a.selectionBehavior==="toggle"&&C.compare(n.value,e,a.by)?n.value=void 0:n.value=e;setTimeout(()=>{f.value=!1},1)}const r=o.ref(null),k=o.ref(null),c=o.ref(!1),T=E.createEventHook(),x=E.createEventHook(),H=E.createEventHook();function p(){return s().map(e=>e.ref).filter(e=>e.dataset.disabled!=="")}function u(e,i=!0){if(!e)return;r.value=e,w.value&&r.value.focus(),i&&r.value.scrollIntoView({block:"nearest"});const t=s().find(l=>l.ref===e);h("highlight",t)}function U(e){if(c.value)H.trigger(e);else{const i=s().find(t=>C.compare(t.value,e,a.by));i&&(r.value=i.ref,u(i.ref))}}function z(e){r.value&&(e.preventDefault(),e.stopPropagation(),r.value.click())}function G(e){if(f.value=!0,c.value)x.trigger(e);else{const i=e.altKey||e.ctrlKey||e.metaKey;if(i&&e.key==="a"&&m.value){const t=s(),l=t.map(d=>d.value);n.value=[...l],e.preventDefault(),u(t[t.length-1].ref)}else if(!i){const t=S(e.key,p());t&&u(t)}}setTimeout(()=>{f.value=!1},1)}function F(){o.nextTick(()=>{const e=new KeyboardEvent("keydown",{key:"PageUp"});I(e)})}function q(e){const i=r.value;i?.isConnected&&(k.value=i),r.value=null,h("leave",e)}function J(e){const i=new CustomEvent("listbox.entryFocus",{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(i),h("entryFocus",i),!i.defaultPrevented)if(k.value)u(k.value);else{const t=p()?.[0];u(t)}}function I(e){const i=Z.getFocusIntent(e,K.value,b.value);if(!i)return;let t=p();if(r.value){if(i==="last")t.reverse();else if(i==="prev"||i==="next"){i==="prev"&&t.reverse();const l=t.indexOf(r.value);t=t.slice(l+1)}Q(e,t[0])}if(t.length){const l=!r.value&&i==="prev"?t.length-1:0;u(t[l])}if(c.value)return x.trigger(e)}function Q(e,i){if(!(c.value||a.selectionBehavior!=="replace"||!m.value||!Array.isArray(n.value)||(e.altKey||e.ctrlKey||e.metaKey)&&!e.shiftKey)&&e.shiftKey){const l=s().filter(v=>v.ref.dataset.disabled!=="");let d=l.find(v=>v.ref===i)?.value;if(e.key===B.END?d=l[l.length-1].value:e.key===B.HOME&&(d=l[0].value),!d||!g.value)return;const W=ae.findValuesBetween(l.map(v=>v.value),g.value,d);n.value=W}}async function P(e){if(await o.nextTick(),c.value)T.trigger(e);else{const i=p(),t=i.find(l=>l.dataset.state==="checked");t?u(t):i.length&&u(i[0])}}return o.watch(n,()=>{f.value||o.nextTick(()=>{P()})},{immediate:!0,deep:!0}),R({highlightedElement:r,highlightItem:U,highlightFirstItem:F,highlightSelected:P,getItems:s}),_({modelValue:n,onValueChange:$,multiple:m,orientation:K,dir:b,disabled:y,highlightOnHover:L,highlightedElement:r,isVirtual:c,virtualFocusHook:T,virtualKeydownHook:x,virtualHighlightHook:H,by:a.by,firstValue:g,selectionBehavior:D,focusable:w,onLeave:q,onEnter:J,changeHighlight:u,onKeydownEnter:z,onKeydownNavigation:I,onKeydownTypeAhead:G,highlightFirstItem:F}),(e,i)=>(o.openBlock(),o.createBlock(o.unref(le.Primitive),{ref_key:"primitiveElement",ref:j,as:e.as,"as-child":e.asChild,dir:o.unref(b),"data-disabled":o.unref(y)?"":void 0,onPointerleave:q,onFocusout:i[0]||(i[0]=async t=>{const l=t.relatedTarget||t.target;await o.nextTick(),r.value&&!o.unref(V).contains(l)&&q(t)})},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default",{modelValue:o.unref(n)}),o.unref(N)&&e.name?(o.openBlock(),o.createBlock(o.unref(ne.default),{key:0,name:e.name,value:o.unref(n),disabled:o.unref(y),required:e.required},null,8,["name","value","disabled","required"])):o.createCommentVNode("",!0)]),_:3},8,["as","as-child","dir","data-disabled"]))}});exports.default=ce;exports.injectListboxRootContext=se;exports.provideListboxRootContext=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),X=require("../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.cjs"),E=require("./utils.cjs"),Y=require("../Collection/Collection.cjs");require("@floating-ui/vue");const Z=require("../RovingFocus/utils.cjs"),ee=require("../shared/useTypeahead.cjs"),te=require("../Primitive/usePrimitiveElement.cjs"),ie=require("../shared/useDirection.cjs"),oe=require("../shared/useFormControl.cjs"),le=require("../Primitive/Primitive.cjs"),ne=require("../VisuallyHidden/VisuallyHiddenInput.vue2.cjs"),re=require("../shared/createContext.cjs"),K=require("../../../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/shared/index.cjs"),ae=require("../shared/arrays.cjs"),ue=require("../shared/useKbd.cjs"),[se,_]=re.createContext("ListboxRoot"),ce=o.defineComponent({__name:"ListboxRoot",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},orientation:{default:"vertical"},dir:{},disabled:{type:Boolean},selectionBehavior:{default:"toggle"},highlightOnHover:{type:Boolean},by:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:["update:modelValue","highlight","entryFocus","leave"],setup(M,{expose:R,emit:A}){const a=M,h=A,{multiple:m,highlightOnHover:L,orientation:V,disabled:y,selectionBehavior:D,dir:O}=o.toRefs(a),{getItems:s}=Y.useCollection({isProvider:!0}),{handleTypeaheadSearch:S}=ee.useTypeahead(),{primitiveElement:j,currentElement:b}=te.usePrimitiveElement(),B=ue.useKbd(),k=ie.useDirection(O),N=oe.useFormControl(b),g=o.ref(),f=o.ref(!1),w=o.ref(!0),n=X.useVModel(a,"modelValue",h,{defaultValue:a.defaultValue??(m.value?[]:void 0),passive:a.modelValue===void 0,deep:!0});function $(e){if(f.value=!0,Array.isArray(n.value)){const i=n.value.findIndex(t=>E.compare(t,e,a.by));if(a.selectionBehavior==="toggle"){const t=[...n.value];i===-1?t.push(e):t.splice(i,1),n.value=t}else n.value=[e],g.value=e}else a.selectionBehavior==="toggle"&&E.compare(n.value,e,a.by)?n.value=void 0:n.value=e;setTimeout(()=>{f.value=!1},1)}const r=o.ref(null),x=o.ref(null),c=o.ref(!1),T=K.createEventHook(),q=K.createEventHook(),H=K.createEventHook();function p(){return s().map(e=>e.ref).filter(e=>e.dataset.disabled!=="")}function u(e,i=!0){if(!e)return;r.value=e,w.value&&r.value.focus(),i&&r.value.scrollIntoView({block:"nearest"});const t=s().find(l=>l.ref===e);h("highlight",t)}function U(e){if(c.value)H.trigger(e);else{const i=s().find(t=>E.compare(t.value,e,a.by));i&&(r.value=i.ref,u(i.ref))}}function z(e){r.value&&(e.preventDefault(),e.stopPropagation(),r.value.click())}function G(e){if(f.value=!0,c.value)q.trigger(e);else{const i=e.altKey||e.ctrlKey||e.metaKey;if(i&&e.key==="a"&&m.value){const t=s(),l=t.map(d=>d.value);n.value=[...l],e.preventDefault(),u(t[t.length-1].ref)}else if(!i){const t=S(e.key,p());t&&u(t)}}setTimeout(()=>{f.value=!1},1)}function F(){o.nextTick(()=>{const e=new KeyboardEvent("keydown",{key:"PageUp"});I(e)})}function C(e){const i=r.value;i?.isConnected&&(x.value=i),r.value=null,h("leave",e)}function J(e){const i=new CustomEvent("listbox.entryFocus",{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(i),h("entryFocus",i),!i.defaultPrevented)if(x.value)u(x.value);else{const t=p()?.[0];u(t)}}function I(e){const i=Z.getFocusIntent(e,V.value,k.value);if(!i)return;let t=p();if(r.value){if(i==="last")t.reverse();else if(i==="prev"||i==="next"){i==="prev"&&t.reverse();const l=t.indexOf(r.value);t=t.slice(l+1)}Q(e,t[0])}if(t.length){const l=!r.value&&i==="prev"?t.length-1:0;u(t[l])}if(c.value)return q.trigger(e)}function Q(e,i){if(!(c.value||a.selectionBehavior!=="replace"||!m.value||!Array.isArray(n.value)||(e.altKey||e.ctrlKey||e.metaKey)&&!e.shiftKey)&&e.shiftKey){const l=s().filter(v=>v.ref.dataset.disabled!=="");let d=l.find(v=>v.ref===i)?.value;if(e.key===B.END?d=l[l.length-1].value:e.key===B.HOME&&(d=l[0].value),!d||!g.value)return;const W=ae.findValuesBetween(l.map(v=>v.value),g.value,d);n.value=W}}async function P(e){if(await o.nextTick(),c.value)T.trigger(e);else{const i=p(),t=i.find(l=>l.dataset.state==="checked");t?u(t):i.length&&u(i[0])}}return o.watch(n,()=>{f.value||o.nextTick(()=>{P()})},{immediate:!0,deep:!0}),R({highlightedElement:r,highlightItem:U,highlightFirstItem:F,highlightSelected:P,getItems:s}),_({modelValue:n,onValueChange:$,multiple:m,orientation:V,dir:k,disabled:y,highlightOnHover:L,highlightedElement:r,isVirtual:c,virtualFocusHook:T,virtualKeydownHook:q,virtualHighlightHook:H,by:a.by,firstValue:g,selectionBehavior:D,focusable:w,onLeave:C,onEnter:J,changeHighlight:u,onKeydownEnter:z,onKeydownNavigation:I,onKeydownTypeAhead:G,highlightFirstItem:F}),(e,i)=>(o.openBlock(),o.createBlock(o.unref(le.Primitive),{ref_key:"primitiveElement",ref:j,as:e.as,"as-child":e.asChild,dir:o.unref(k),"data-disabled":o.unref(y)?"":void 0,onPointerleave:C,onFocusout:i[0]||(i[0]=async t=>{const l=t.relatedTarget||t.target;await o.nextTick(),r.value&&o.unref(b)&&!o.unref(b).contains(l)&&C(t)})},{default:o.withCtx(()=>[o.renderSlot(e.$slots,"default",{modelValue:o.unref(n)}),o.unref(N)&&e.name?(o.openBlock(),o.createBlock(o.unref(ne.default),{key:0,name:e.name,value:o.unref(n),disabled:o.unref(y),required:e.required},null,8,["name","value","disabled","required"])):o.createCommentVNode("",!0)]),_:3},8,["as","as-child","dir","data-disabled"]))}});exports.default=ce;exports.injectListboxRootContext=se;exports.provideListboxRootContext=_;

package/dist/packages/core/src/Listbox/ListboxRoot.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as ee, toRefs as te, ref as d, watch as oe, nextTick as b, openBlock as D, createBlock as L, unref as s, withCtx as ie, renderSlot as le, createCommentVNode as ae } from "vue";
+import { defineComponent as ee, toRefs as te, ref as d, watch as oe, nextTick as b, openBlock as D, createBlock as L, unref as r, withCtx as ie, renderSlot as le, createCommentVNode as ae } from "vue";
 import { useVModel as ne } from "../../../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/core/index.js";
-import { compare as w } from "./utils.js";
+import { compare as x } from "./utils.js";
 import { useCollection as re } from "../Collection/Collection.js";
 import "@floating-ui/vue";
 import { getFocusIntent as se } from "../RovingFocus/utils.js";
@@ -11,7 +11,7 @@ import { useFormControl as de } from "../shared/useFormControl.js";
 import { Primitive as me } from "../Primitive/Primitive.js";
 import ve from "../VisuallyHidden/VisuallyHiddenInput.vue2.js";
 import { createContext as pe } from "../shared/createContext.js";
-import { createEventHook as x } from "../../../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/shared/index.js";
+import { createEventHook as B } from "../../../../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.5.7_typescript@5.4.2_/node_modules/@vueuse/shared/index.js";
 import { findValuesBetween as he } from "../shared/arrays.js";
 import { useKbd as ge } from "../shared/useKbd.js";
 const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
@@ -33,30 +33,30 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
   },
   emits: ["update:modelValue", "highlight", "entryFocus", "leave"],
   setup(q, { expose: O, emit: N }) {
-    const n = q, p = N, { multiple: h, highlightOnHover: S, orientation: B, disabled: k, selectionBehavior: U, dir: _ } = te(n), { getItems: u } = re({ isProvider: !0 }), { handleTypeaheadSearch: $ } = ue(), { primitiveElement: j, currentElement: F } = ce(), H = ge(), K = fe(_), z = de(F), g = d(), m = d(!1), I = d(!0), l = ne(n, "modelValue", p, {
+    const n = q, p = N, { multiple: h, highlightOnHover: S, orientation: F, disabled: k, selectionBehavior: U, dir: _ } = te(n), { getItems: u } = re({ isProvider: !0 }), { handleTypeaheadSearch: $ } = ue(), { primitiveElement: j, currentElement: K } = ce(), H = ge(), V = fe(_), z = de(K), g = d(), m = d(!1), I = d(!0), l = ne(n, "modelValue", p, {
       defaultValue: n.defaultValue ?? (h.value ? [] : void 0),
       passive: n.modelValue === void 0,
       deep: !0
     });
     function G(e) {
       if (m.value = !0, Array.isArray(l.value)) {
-        const o = l.value.findIndex((t) => w(t, e, n.by));
+        const o = l.value.findIndex((t) => x(t, e, n.by));
         if (n.selectionBehavior === "toggle") {
           const t = [...l.value];
           o === -1 ? t.push(e) : t.splice(o, 1), l.value = t;
         } else
           l.value = [e], g.value = e;
       } else
-        n.selectionBehavior === "toggle" && w(l.value, e, n.by) ? l.value = void 0 : l.value = e;
+        n.selectionBehavior === "toggle" && x(l.value, e, n.by) ? l.value = void 0 : l.value = e;
       setTimeout(() => {
         m.value = !1;
       }, 1);
     }
-    const a = d(null), V = d(null), c = d(!1), T = x(), C = x(), A = x();
+    const a = d(null), C = d(null), c = d(!1), T = B(), E = B(), A = B();
     function y() {
       return u().map((e) => e.ref).filter((e) => e.dataset.disabled !== "");
     }
-    function r(e, o = !0) {
+    function s(e, o = !0) {
       if (!e)
         return;
       a.value = e, I.value && a.value.focus(), o && a.value.scrollIntoView({ block: "nearest" });
@@ -67,8 +67,8 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
       if (c.value)
         A.trigger(e);
       else {
-        const o = u().find((t) => w(t.value, e, n.by));
-        o && (a.value = o.ref, r(o.ref));
+        const o = u().find((t) => x(t.value, e, n.by));
+        o && (a.value = o.ref, s(o.ref));
       }
     }
     function Q(e) {
@@ -76,15 +76,15 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
     }
     function W(e) {
       if (m.value = !0, c.value)
-        C.trigger(e);
+        E.trigger(e);
       else {
         const o = e.altKey || e.ctrlKey || e.metaKey;
         if (o && e.key === "a" && h.value) {
           const t = u(), i = t.map((f) => f.value);
-          l.value = [...i], e.preventDefault(), r(t[t.length - 1].ref);
+          l.value = [...i], e.preventDefault(), s(t[t.length - 1].ref);
         } else if (!o) {
           const t = $(e.key, y());
-          t && r(t);
+          t && s(t);
         }
       }
       setTimeout(() => {
@@ -97,22 +97,22 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
         M(e);
       });
     }
-    function E(e) {
+    function w(e) {
       const o = a.value;
-      o?.isConnected && (V.value = o), a.value = null, p("leave", e);
+      o?.isConnected && (C.value = o), a.value = null, p("leave", e);
     }
     function X(e) {
       const o = new CustomEvent("listbox.entryFocus", { bubbles: !1, cancelable: !0 });
       if (e.currentTarget?.dispatchEvent(o), p("entryFocus", o), !o.defaultPrevented)
-        if (V.value)
-          r(V.value);
+        if (C.value)
+          s(C.value);
         else {
           const t = y()?.[0];
-          r(t);
+          s(t);
         }
     }
     function M(e) {
-      const o = se(e, B.value, K.value);
+      const o = se(e, F.value, V.value);
       if (!o)
         return;
       let t = y();
@@ -128,10 +128,10 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
       }
       if (t.length) {
         const i = !a.value && o === "prev" ? t.length - 1 : 0;
-        r(t[i]);
+        s(t[i]);
       }
       if (c.value)
-        return C.trigger(e);
+        return E.trigger(e);
     }
     function Y(e, o) {
       if (!(c.value || n.selectionBehavior !== "replace" || !h.value || !Array.isArray(l.value) || (e.altKey || e.ctrlKey || e.metaKey) && !e.shiftKey) && e.shiftKey) {
@@ -148,7 +148,7 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
         T.trigger(e);
       else {
         const o = y(), t = o.find((i) => i.dataset.state === "checked");
-        t ? r(t) : o.length && r(o[0]);
+        t ? s(t) : o.length && s(o[0]);
       }
     }
     return oe(l, () => {
@@ -166,46 +166,46 @@ const [Re, ye] = pe("ListboxRoot"), De = /* @__PURE__ */ ee({
       // @ts-expect-error ignoring
       onValueChange: G,
       multiple: h,
-      orientation: B,
-      dir: K,
+      orientation: F,
+      dir: V,
       disabled: k,
       highlightOnHover: S,
       highlightedElement: a,
       isVirtual: c,
       virtualFocusHook: T,
-      virtualKeydownHook: C,
+      virtualKeydownHook: E,
       virtualHighlightHook: A,
       by: n.by,
       firstValue: g,
       selectionBehavior: U,
       focusable: I,
-      onLeave: E,
+      onLeave: w,
       onEnter: X,
-      changeHighlight: r,
+      changeHighlight: s,
       onKeydownEnter: Q,
       onKeydownNavigation: M,
       onKeydownTypeAhead: W,
       highlightFirstItem: P
-    }), (e, o) => (D(), L(s(me), {
+    }), (e, o) => (D(), L(r(me), {
       ref_key: "primitiveElement",
       ref: j,
       as: e.as,
       "as-child": e.asChild,
-      dir: s(K),
-      "data-disabled": s(k) ? "" : void 0,
-      onPointerleave: E,
+      dir: r(V),
+      "data-disabled": r(k) ? "" : void 0,
+      onPointerleave: w,
       onFocusout: o[0] || (o[0] = async (t) => {
         const i = t.relatedTarget || t.target;
-        await b(), a.value && !s(F).contains(i) && E(t);
+        await b(), a.value && r(K) && !r(K).contains(i) && w(t);
       })
     }, {
       default: ie(() => [
-        le(e.$slots, "default", { modelValue: s(l) }),
-        s(z) && e.name ? (D(), L(s(ve), {
+        le(e.$slots, "default", { modelValue: r(l) }),
+        r(z) && e.name ? (D(), L(r(ve), {
           key: 0,
           name: e.name,
-          value: s(l),
-          disabled: s(k),
+          value: r(l),
+          disabled: r(k),
           required: e.required
         }, null, 8, ["name", "value", "disabled", "required"])) : ae("", !0)
       ]),

package/dist/packages/core/src/Pagination/PaginationFirst.vue.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("./PaginationRoot.vue.cjs"),s=require("../shared/useForwardExpose.cjs"),u=require("../Primitive/Primitive.cjs"),l=e.defineComponent({__name:"PaginationFirst",props:{asChild:{type:Boolean},as:{default:"button"}},setup(n){const i=n,o=a.injectPaginationRootContext();return s.useForwardExpose(),(r,t)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),e.mergeProps(i,{"aria-label":"First Page",type:r.as==="button"?"button":void 0,disabled:e.unref(o).page.value===1||e.unref(o).disabled.value,onClick:t[0]||(t[0]=d=>e.unref(o).onPageChange(1))}),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[t[1]||(t[1]=e.createTextVNode("First page"))])]),_:3},16,["type","disabled"]))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("./PaginationRoot.vue.cjs"),u=require("../shared/useForwardExpose.cjs"),l=require("../Primitive/Primitive.cjs"),d=e.defineComponent({__name:"PaginationFirst",props:{asChild:{type:Boolean},as:{default:"button"}},setup(a){const i=a,o=s.injectPaginationRootContext();u.useForwardExpose();const r=e.computed(()=>o.page.value===1||o.disabled.value);return(n,t)=>(e.openBlock(),e.createBlock(e.unref(l.Primitive),e.mergeProps(i,{"aria-label":"First Page",type:n.as==="button"?"button":void 0,disabled:r.value,onClick:t[0]||(t[0]=p=>!r.value&&e.unref(o).onPageChange(1))}),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},()=>[t[1]||(t[1]=e.createTextVNode("First page"))])]),_:3},16,["type","disabled"]))}});exports.default=d;