@soybeanjs/headless 0.0.6 → 0.0.8

package/dist/components/visually-hidden/visually-hidden.vue.d.ts

@@ -1,17 +1,17 @@
 import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { VisuallyHiddenFeature, VisuallyHiddenProps } from "./types.js";
-import * as vue63 from "vue";
+import * as vue1098 from "vue";
 
 //#region src/components/visually-hidden/visually-hidden.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue63.DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, vue63.ComponentOptionsMixin, vue63.ComponentOptionsMixin, {}, string, vue63.PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
-  as: AsTag | vue63.Component;
+declare const __VLS_base: vue1098.DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, vue1098.ComponentOptionsMixin, vue1098.ComponentOptionsMixin, {}, string, vue1098.PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
+  as: AsTag | vue1098.Component;
   feature: VisuallyHiddenFeature;
-}, {}, {}, {}, string, vue63.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue1098.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/composables/index.d.ts

@@ -4,9 +4,10 @@ import { CollectionItemData, useCollection } from "./use-collection.js";
 import { useContext } from "./use-context.js";
 import { useControllableState } from "./use-controllable-state.js";
 import { useDirection } from "./use-direction.js";
-import { UseDismissableLayerOptions, layerContext, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside } from "./use-dismissable-layer.js";
+import { UseDismissableLayerOptions, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside } from "./use-dismissable-layer.js";
 import { useEscapeKeyDown } from "./use-escape-key-down.js";
 import { useExposedElement } from "./use-exposed-element.js";
+import { UseFloatingOptions, UseFloatingReturn, useFloating } from "./use-floating.js";
 import { useFocusGuards } from "./use-focus-guards.js";
 import { UseFocusScopeOptions, useFocusScope } from "./use-focus-scope.js";
 import { useForwardElement } from "./use-forward-element.js";
@@ -18,9 +19,10 @@ import { useIsUsingKeyboard } from "./use-is-using-keyboard.js";
 import { kbdMap, useKbd } from "./use-kbd.js";
 import { useLocale } from "./use-locale.js";
 import { useNonce } from "./use-nonce.js";
+import { UsePopupEventsOptions, usePopupEvents } from "./use-popup-events.js";
 import { usePresence } from "./use-presence.js";
 import { useOmitProps, usePickProps } from "./use-props.js";
 import { useSelection } from "./use-selection.js";
 import { useStateMachine } from "./use-state-machine.js";
 import { useTypeahead } from "./use-typeahead.js";
-export { CollectionItemData, UseDismissableLayerOptions, UseFocusScopeOptions, UseGraceAreaOptions, kbdMap, layerContext, useArrowNavigation, useBodyScrollLock, useCollection, useContext, useControllableState, useDirection, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useLocale, useNonce, useOmitProps, usePickProps, usePointerdownOutside, usePresence, useSelection, useStateMachine, useTypeahead };
+export { CollectionItemData, UseDismissableLayerOptions, UseFloatingOptions, UseFloatingReturn, UseFocusScopeOptions, UseGraceAreaOptions, UsePopupEventsOptions, kbdMap, useArrowNavigation, useBodyScrollLock, useCollection, useContext, useControllableState, useDirection, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFloating, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useLocale, useNonce, useOmitProps, usePickProps, usePointerdownOutside, usePopupEvents, usePresence, useSelection, useStateMachine, useTypeahead };

package/dist/composables/index.js

@@ -1 +1 @@
-import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useBodyScrollLock as t}from"./use-body-scroll-lock.js";import{useContext as n}from"./use-context.js";import{useCollection as r}from"./use-collection.js";import{useControllableState as i}from"./use-controllable-state.js";import{useDirection as a}from"./use-direction.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{layerContext as s,useDismissableLayer as c,useDismissableLayerBranch as l,useFocusOutside as u,usePointerdownOutside as d}from"./use-dismissable-layer.js";import{useForwardElement as f}from"./use-forward-element.js";import{useExposedElement as p}from"./use-exposed-element.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useGraceArea as _}from"./use-grace-area.js";import{useHideOthers as v}from"./use-hide-others.js";import{useImageLoadingStatus as y}from"./use-image-loading-status.js";import{useIsUsingKeyboard as b}from"./use-is-using-keyboard.js";import{kbdMap as x,useKbd as S}from"./use-kbd.js";import{useLocale as C}from"./use-locale.js";import{useNonce as w}from"./use-nonce.js";import{useStateMachine as T}from"./use-state-machine.js";import{usePresence as E}from"./use-presence.js";import{useOmitProps as D,usePickProps as O}from"./use-props.js";import{useSelection as k}from"./use-selection.js";import{useTypeahead as A}from"./use-typeahead.js";export{x as kbdMap,s as layerContext,e as useArrowNavigation,t as useBodyScrollLock,r as useCollection,n as useContext,i as useControllableState,a as useDirection,c as useDismissableLayer,l as useDismissableLayerBranch,o as useEscapeKeyDown,p as useExposedElement,m as useFocusGuards,u as useFocusOutside,h as useFocusScope,f as useForwardElement,g as useForwardListeners,_ as useGraceArea,v as useHideOthers,y as useImageLoadingStatus,b as useIsUsingKeyboard,S as useKbd,C as useLocale,w as useNonce,D as useOmitProps,O as usePickProps,d as usePointerdownOutside,E as usePresence,k as useSelection,T as useStateMachine,A as useTypeahead};
+import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useBodyScrollLock as t}from"./use-body-scroll-lock.js";import{useContext as n}from"./use-context.js";import{useCollection as r}from"./use-collection.js";import{useControllableState as i}from"./use-controllable-state.js";import{useDirection as a}from"./use-direction.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{useDismissableLayer as s,useDismissableLayerBranch as c,useFocusOutside as l,usePointerdownOutside as u}from"./use-dismissable-layer.js";import{useForwardElement as d}from"./use-forward-element.js";import{useExposedElement as f}from"./use-exposed-element.js";import{useFloating as p}from"./use-floating.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useGraceArea as _}from"./use-grace-area.js";import{useHideOthers as v}from"./use-hide-others.js";import{useImageLoadingStatus as y}from"./use-image-loading-status.js";import{useIsUsingKeyboard as b}from"./use-is-using-keyboard.js";import{kbdMap as x,useKbd as S}from"./use-kbd.js";import{useLocale as C}from"./use-locale.js";import{useNonce as w}from"./use-nonce.js";import{usePopupEvents as T}from"./use-popup-events.js";import{useStateMachine as E}from"./use-state-machine.js";import{usePresence as D}from"./use-presence.js";import{useOmitProps as O,usePickProps as k}from"./use-props.js";import{useSelection as A}from"./use-selection.js";import{useTypeahead as j}from"./use-typeahead.js";export{x as kbdMap,e as useArrowNavigation,t as useBodyScrollLock,r as useCollection,n as useContext,i as useControllableState,a as useDirection,s as useDismissableLayer,c as useDismissableLayerBranch,o as useEscapeKeyDown,f as useExposedElement,p as useFloating,m as useFocusGuards,l as useFocusOutside,h as useFocusScope,d as useForwardElement,g as useForwardListeners,_ as useGraceArea,v as useHideOthers,y as useImageLoadingStatus,b as useIsUsingKeyboard,S as useKbd,C as useLocale,w as useNonce,O as useOmitProps,k as usePickProps,u as usePointerdownOutside,T as usePopupEvents,D as usePresence,A as useSelection,E as useStateMachine,j as useTypeahead};

package/dist/composables/use-collection.d.ts

@@ -1,6 +1,6 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue0 from "vue";
+import * as vue1 from "vue";
 import { MaybeRefOrGetter, Ref } from "vue";
 
 //#region src/composables/use-collection.d.ts
@@ -16,33 +16,33 @@ interface CollectionItemData<ItemData = Record<string, any>> {
  */
 declare function useCollection<ItemData = Record<string, any>>(collectionName: string): {
   provideCollectionContext: () => {
-    containerElement: vue0.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   };
   useCollectionContext: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: {
-    containerElement: vue0.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   } | undefined) => N extends null | undefined ? {
-    containerElement: vue0.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   } | null : {
-    containerElement: vue0.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   };
   useCollectionItem: (itemData?: MaybeRefOrGetter<ItemData>) => {
-    itemElement: vue0.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    itemElement: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onItemElementChange: (element: HTMLElement) => void;
     setItemElement: (nodeRef: VNodeRef) => void;
     itemProps: {

package/dist/composables/use-direction.d.ts

@@ -1,9 +1,9 @@
 import { Direction } from "../types/common.js";
 import "../types/index.js";
-import * as vue4 from "vue";
+import * as vue6 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-direction.d.ts
-declare function useDirection(dir?: MaybeRefOrGetter<Direction | undefined>): vue4.ComputedRef<Direction>;
+declare function useDirection(dir?: MaybeRefOrGetter<Direction | undefined>): vue6.ComputedRef<Direction>;
 //#endregion
 export { useDirection };

package/dist/composables/use-dismissable-layer.d.ts

@@ -2,8 +2,8 @@ import { FocusOutsideEvent, PointerDownOutsideEvent } from "../types/event.js";
 import { DismissableLayerEmits } from "../types/component.js";
 import { EmitsToHookProps } from "../types/vue.js";
 import "../types/index.js";
-import * as vue5 from "vue";
-import { CSSProperties, MaybeRefOrGetter, ShallowRef } from "vue";
+import * as vue8 from "vue";
+import { MaybeRefOrGetter, ShallowRef } from "vue";
 
 //#region src/composables/use-dismissable-layer.d.ts
 interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEmits> {
@@ -16,24 +16,15 @@ interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEm
   /** Handler called when the `DismissableLayer` should be dismissed */
   onDismiss?: () => void;
 }
-declare const layerContext: {
-  layers: vue5.ShallowReactive<Set<HTMLElement>>;
-  layersWithOutsidePointerEventsDisabled: vue5.ShallowReactive<Set<HTMLElement>>;
-  branches: vue5.ShallowReactive<Set<HTMLElement>>;
-};
 /**
  * Composable for creating dismissable layers with outside interaction handling
  *
- * @param layerElementRef - Reference to the dismissable layer element
+ * @param layerElement - Reference to the dismissable layer element
  * @param options - Configuration options for the dismissable layer
  * @returns Properties and handlers for the dismissable layer
  */
-declare function useDismissableLayer(layerElementRef: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
-  computedPointerEvents: vue5.ComputedRef<"auto" | "none" | undefined>;
-  computedStyle: vue5.ComputedRef<CSSProperties>;
-  layerProps: {
-    "data-dismissable-layer": string;
-  };
+declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
+  pointerEvents: vue8.ComputedRef<"auto" | "none" | undefined>;
 };
 /**
  * Composable for creating dismissable layer branches that don't trigger dismissal
@@ -57,4 +48,4 @@ declare function useFocusOutside(node: ShallowRef<HTMLElement | undefined>, onFo
   onBlurCapture: () => void;
 };
 //#endregion
-export { UseDismissableLayerOptions, layerContext, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside };
+export { UseDismissableLayerOptions, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside };

package/dist/composables/use-dismissable-layer.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,onWatcherCleanup as s,shallowReactive as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`data-dismissable-layer`,p={layers:c(new Set),layersWithOutsidePointerEventsDisabled:c(new Set),branches:c(new Set)};let m;function h(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:d,onDismiss:h}=t,g=()=>e.value?.ownerDocument??globalThis?.document,y=r(()=>e.value?Array.from(p.layers).indexOf(e.value):-1),b=r(()=>p.layersWithOutsidePointerEventsDisabled.size>0),x=r(()=>{let e=Array.from(p.layers),[t]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return y.value>=n}),S=r(()=>{if(b.value)return x.value?`auto`:`none`}),C=r(()=>({pointerEvents:S.value}));return _(e,e=>{if(!x.value)return;let t=e.target;[...p.branches].some(e=>e.contains(t))||(o?.(e),d?.(e),e.defaultPrevented||h?.())}),v(e,e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(c?.(e),d?.(e),e.defaultPrevented||h?.())}),n(g,e=>{y.value===p.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),h?.()))}),u(e,e=>{if(!e)return;let t=g(),n=l(i);n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(m=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(e)),p.layers.add(e),s(()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(m?t.body.style.pointerEvents=m:t.body.style.removeProperty(`pointer-events`)),p.layers.delete(e),p.layersWithOutsidePointerEventsDisabled.delete(e)})}),{computedPointerEvents:S,computedStyle:C,layerProps:{[f]:``}}}function g(e){o(()=>{e.value&&p.branches.add(e.value)}),a(()=>{e.value&&p.branches.delete(e.value)})}function _(n,r,i=!0){let a=!1,o=()=>{};return d(()=>{if(!e||!l(i)||!n.value)return;let c=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=y(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(c.removeEventListener(`click`,o),o=i,c.addEventListener(`click`,o,{once:!0})):i()}else c.removeEventListener(`click`,o);a=!1}let d=window.setTimeout(()=>{c.addEventListener(`pointerdown`,u)},0);s(()=>{window.clearTimeout(d),c.removeEventListener(`pointerdown`,u),c.removeEventListener(`click`,o)})}),{onPointerdownCapture:()=>{l(i)&&(a=!0)}}}function v(n,r,a=!0){let o=!1,c=async e=>{await i(),n.value&&(o=y(n.value,e.target),e.target&&!o&&t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return d(()=>{if(!e||!l(a)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,c),s(()=>{t.removeEventListener(`focusin`,c)})}),{onFocusCapture:()=>{l(a)&&(o=!0)},onBlurCapture:()=>{l(a)&&(o=!1)}}}function y(e,t){if(!e)return!1;let n=t.closest(`[${f}]`);if(!n)return!1;if(e===n)return!0;let r=Array.from(e.ownerDocument.querySelectorAll(`[${f}]`));return r.indexOf(e)<r.indexOf(n)}export{p as layerContext,h as useDismissableLayer,g as useDismissableLayerBranch,v as useFocusOutside,_ as usePointerdownOutside};
+import{isClient as e}from"../shared/env.js";import{handleAndDispatchCustomEvent as t}from"../shared/event.js";import{useEscapeKeyDown as n}from"./use-escape-key-down.js";import{computed as r,nextTick as i,onBeforeUnmount as a,onMounted as o,onWatcherCleanup as s,shallowReactive as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`data-dismissable-layer`,p={layers:c(new Set),layersWithOutsidePointerEventsDisabled:c(new Set),branches:c(new Set)};let m;function h(e,t={}){let{disableOutsidePointerEvents:i,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:c,onInteractOutside:d,onDismiss:f}=t,h=()=>e.value?.ownerDocument??globalThis?.document,g=r(()=>e.value?Array.from(p.layers).indexOf(e.value):-1),y=r(()=>p.layersWithOutsidePointerEventsDisabled.size>0),b=r(()=>{let e=Array.from(p.layers),[t]=[...p.layersWithOutsidePointerEventsDisabled].slice(-1),n=t?e.indexOf(t):-1;return g.value>=n}),x=r(()=>{if(y.value)return b.value?`auto`:`none`});return _(e,e=>{if(!b.value)return;let t=e.target;[...p.branches].some(e=>e.contains(t))||(o?.(e),d?.(e),e.defaultPrevented||f?.())}),v(e,e=>{let t=e.target;[...p.branches].some(e=>e.contains(t))||(c?.(e),d?.(e),e.defaultPrevented||f?.())}),n(h,e=>{g.value===p.layers.size-1&&(a?.(e),e.defaultPrevented||(e.preventDefault(),f?.()))}),u(e,e=>{if(!e)return;let t=h(),n=l(i);n&&(p.layersWithOutsidePointerEventsDisabled.size===0&&(m=t.body.style.pointerEvents,t.body.style.pointerEvents=`none`),p.layersWithOutsidePointerEventsDisabled.add(e)),p.layers.add(e),s(()=>{n&&p.layersWithOutsidePointerEventsDisabled.size===1&&(m?t.body.style.pointerEvents=m:t.body.style.removeProperty(`pointer-events`)),p.layers.delete(e),p.layersWithOutsidePointerEventsDisabled.delete(e)})}),{pointerEvents:x}}function g(e){o(()=>{e.value&&p.branches.add(e.value)}),a(()=>{e.value&&p.branches.delete(e.value)})}function _(n,r,i=!0){let a=!1,o=()=>{};return d(()=>{if(!e||!l(i)||!n.value)return;let c=n.value.ownerDocument;async function u(e){if(!n.value)return;let i=e.target;if(a=y(n.value,i),i&&!a){let n={originalEvent:e};function i(){t(`dismissableLayer.pointerDownOutside`,r,n)}e.pointerType===`touch`?(c.removeEventListener(`click`,o),o=i,c.addEventListener(`click`,o,{once:!0})):i()}else c.removeEventListener(`click`,o);a=!1}let d=window.setTimeout(()=>{c.addEventListener(`pointerdown`,u)},0);s(()=>{window.clearTimeout(d),c.removeEventListener(`pointerdown`,u),c.removeEventListener(`click`,o)})}),{onPointerdownCapture:()=>{l(i)&&(a=!0)}}}function v(n,r,a=!0){let o=!1,c=async e=>{await i(),n.value&&(o=y(n.value,e.target),e.target&&!o&&t(`dismissableLayer.focusOutside`,r,{originalEvent:e}))};return d(()=>{if(!e||!l(a)||!n.value)return;let t=n.value.ownerDocument;t.addEventListener(`focusin`,c),s(()=>{t.removeEventListener(`focusin`,c)})}),{onFocusCapture:()=>{l(a)&&(o=!0)},onBlurCapture:()=>{l(a)&&(o=!1)}}}function y(e,t){if(!e)return!1;let n=t.closest(`[${f}]`);if(!n)return!1;if(e===n)return!0;let r=Array.from(e.ownerDocument.querySelectorAll(`[${f}]`));return r.indexOf(e)<r.indexOf(n)}export{h as useDismissableLayer,g as useDismissableLayerBranch,v as useFocusOutside,_ as usePointerdownOutside};

package/dist/composables/use-exposed-element.d.ts

@@ -1,9 +1,9 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue10 from "vue";
+import * as vue7 from "vue";
 
 //#region src/composables/use-exposed-element.d.ts
 /** Expose the element ref to the parent component. */
-declare function useExposedElement(callback?: (el: HTMLElement) => void): readonly [vue10.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
+declare function useExposedElement(callback?: (el: HTMLElement) => void): readonly [vue7.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useExposedElement };

package/dist/composables/use-floating.d.ts

@@ -0,0 +1,86 @@
+import { MaybeRefOrGetter, Ref, ShallowRef } from "vue";
+import { FloatingElement, Middleware, MiddlewareData, Placement, ReferenceElement, Strategy } from "@floating-ui/dom";
+
+//#region src/composables/use-floating.d.ts
+type UseFloatingOptions<T extends ReferenceElement = ReferenceElement> = {
+  /**
+   * Represents the open/close state of the floating element.
+   * @default true
+   */
+  open?: MaybeRefOrGetter<boolean | undefined>;
+  /**
+   * Where to place the floating element relative to its reference element.
+   * @default 'bottom'
+   */
+  placement?: MaybeRefOrGetter<Placement | undefined>;
+  /**
+   * The type of CSS position property to use.
+   * @default 'absolute'
+   */
+  strategy?: MaybeRefOrGetter<Strategy | undefined>;
+  /**
+   * These are plain objects that modify the positioning coordinates in some fashion, or provide useful data for the consumer to use.
+   * @default undefined
+   */
+  middleware?: MaybeRefOrGetter<Middleware[] | undefined>;
+  /**
+   * Whether to use `transform` instead of `top` and `left` styles to
+   * position the floating element (`floatingStyles`).
+   * @default true
+   */
+  transform?: MaybeRefOrGetter<boolean | undefined>;
+  /**
+   * Callback to handle mounting/unmounting of the elements.
+   * @default undefined
+   */
+  whileElementsMounted?: (reference: T, floating: FloatingElement, update: () => void) => () => void;
+};
+type UseFloatingReturn = {
+  /**
+   * The x-coord of the floating element.
+   */
+  x: Readonly<Ref<number>>;
+  /**
+   * The y-coord of the floating element.
+   */
+  y: Readonly<Ref<number>>;
+  /**
+   * The stateful placement, which can be different from the initial `placement` passed as options.
+   */
+  placement: Readonly<Ref<Placement>>;
+  /**
+   * The type of CSS position property to use.
+   */
+  strategy: Readonly<Ref<Strategy>>;
+  /**
+   * Additional data from middleware.
+   */
+  middlewareData: Readonly<Ref<MiddlewareData>>;
+  /**
+   * The boolean that let you know if the floating element has been positioned.
+   */
+  isPositioned: Readonly<Ref<boolean>>;
+  /**
+   * CSS styles to apply to the floating element to position it.
+   */
+  floatingStyles: Readonly<Ref<{
+    position: Strategy;
+    top: string;
+    left: string;
+    transform?: string;
+    willChange?: string;
+  }>>;
+  /**
+   * The function to update floating position manually.
+   */
+  update: () => void;
+};
+/**
+ * Computes the `x` and `y` coordinates that will place the floating element next to a reference element when it is given a certain CSS positioning strategy.
+ * @param reference The reference template ref.
+ * @param floating The floating template ref.
+ * @param options The floating options.
+ */
+declare function useFloating<T extends ReferenceElement = ReferenceElement>(referenceElement: ShallowRef<T | null | undefined>, floatingElement: ShallowRef<FloatingElement | null | undefined>, options?: UseFloatingOptions<T>): UseFloatingReturn;
+//#endregion
+export { UseFloatingOptions, UseFloatingReturn, useFloating };

package/dist/composables/use-floating.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../shared/guard.js";import{computed as t,getCurrentScope as n,onScopeDispose as r,shallowReadonly as i,shallowRef as a,toValue as o,watch as s}from"vue";import{computePosition as c}from"@floating-ui/dom";function l(l,f,p={}){let m=p.whileElementsMounted,h=t(()=>o(p.open)??!0),g=t(()=>o(p.middleware)),_=t(()=>o(p.placement)??`bottom`),v=t(()=>o(p.strategy)??`absolute`),y=t(()=>o(p.transform)??!0),b=a(0),x=a(0),S=a(v.value),C=a(_.value),w=a({}),T=a(!1),E=t(()=>{let e={position:S.value,left:`0`,top:`0`};if(!f.value)return e;let t=d(f.value,b.value),n=d(f.value,x.value);return y.value?{...e,transform:`translate(${t}px, ${n}px)`,...u(f.value)>=1.5&&{willChange:`transform`}}:{position:S.value,left:`${t}px`,top:`${n}px`}}),D;function O(){if(e(l.value)||e(f.value))return;let t=h.value;c(l.value,f.value,{middleware:g.value,placement:_.value,strategy:v.value}).then(e=>{b.value=e.x,x.value=e.y,S.value=e.strategy,C.value=e.placement,w.value=e.middlewareData,T.value=t!==!1})}function k(){typeof D==`function`&&(D(),D=void 0)}function A(){if(k(),m===void 0){O();return}!e(l.value)&&!e(f.value)&&(D=m(l.value,f.value,O))}function j(){h.value||(T.value=!1)}return s([g,_,v,h],O,{flush:`sync`}),s([l,f],A,{flush:`sync`}),s(h,j,{flush:`sync`}),n()&&r(k),{x:i(b),y:i(x),strategy:i(S),placement:i(C),middlewareData:i(w),isPositioned:i(T),floatingStyles:E,update:O}}function u(e){return typeof window>`u`?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function d(e,t){let n=u(e);return Math.round(t*n)/n}export{l as useFloating};

package/dist/composables/use-focus-scope.d.ts

@@ -21,9 +21,6 @@ interface UseFocusScopeOptions extends EmitsToHookProps<FocusScopeEmits> {
 }
 declare function useFocusScope(elRef: Ref<HTMLElement | undefined>, options?: UseFocusScopeOptions): {
   onKeydown: (event: KeyboardEvent) => void;
-  focusScopeProps: {
-    tabindex: string;
-  };
 };
 //#endregion
 export { UseFocusScopeOptions, useFocusScope };

package/dist/composables/use-focus-scope.js

@@ -1 +1 @@
-import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m={bubbles:!1,cancelable:!0},h=_();function g(e,g){let{loop:_,trapped:v,onOpenAutoFocus:y,onCloseAutoFocus:b}=g||{},x,S={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(S.paused||!e.value)return;let n=t.target;e.value.contains(n)?x=n:r(x,{select:!0})}function s(t){if(S.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(x,{select:!0}))}function g(){e.value?.contains(x)||r(e.value)}f(()=>{if(!u(v))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(g);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;h.add(S);let l=t();if(!e.contains(l)){let o=new CustomEvent(p,m);y&&e.addEventListener(p,y),e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{y&&e.removeEventListener(p,y),b&&e.removeEventListener(`focusScope.autoFocusOnClose`,b),h.remove(S)})})}function C(e){let n=u(_),i=u(v);if(!n&&!i||S.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:C,focusScopeProps:{tabindex:`-1`}}}function _(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{g as useFocusScope};
+import{arrayRemove as e}from"../shared/object.js";import{getActiveElement as t,removeLinks as n}from"../shared/dom.js";import{focus as r,focusFirstAndSelect as i,getTabbableCandidates as a,getTabbableEdges as o}from"../shared/focus.js";import{isClient as s}from"../shared/env.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m={bubbles:!1,cancelable:!0},h=_();function g(e,g){let{loop:_,trapped:v,onOpenAutoFocus:y,onCloseAutoFocus:b}=g||{},x,S={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(S.paused||!e.value)return;let n=t.target;e.value.contains(n)?x=n:r(x,{select:!0})}function s(t){if(S.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(x,{select:!0}))}function g(){e.value?.contains(x)||r(e.value)}f(()=>{if(!u(v))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(g);e.value&&t.observe(e.value,{childList:!0,subtree:!0}),l(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),d(e,async(e,o,s)=>{if(await c(),!e)return;h.add(S);let l=t();if(!e.contains(l)){let o=new CustomEvent(p,m);y&&e.addEventListener(p,y),e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{y&&e.removeEventListener(p,y),b&&e.removeEventListener(`focusScope.autoFocusOnClose`,b),h.remove(S)})})}function C(e){let n=u(_),i=u(v);if(!n&&!i||S.paused)return;let a=e.key===`Tab`&&!e.altKey&&!e.ctrlKey&&!e.metaKey,s=t();if(!a||!s)return;let c=e.currentTarget,[l,d]=o(c);l&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(l,{select:!0})):e.shiftKey&&s===l&&(e.preventDefault(),n&&r(d,{select:!0})):s===c&&e.preventDefault()}return{onKeydown:C}}function _(){let t=[];return{add(n){let r=t[0];n!==r&&r?.pause(),t=e(t,n),t.unshift(n)},remove(n){t=e(t,n),t[0]?.resume()}}}export{g as useFocusScope};

package/dist/composables/use-forward-element.d.ts

@@ -1,6 +1,6 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue11 from "vue";
+import * as vue9 from "vue";
 
 //#region src/composables/use-forward-element.d.ts
 
@@ -9,6 +9,6 @@ import * as vue11 from "vue";
  *
  * @returns An object containing the element reference and a function to set the element reference.
  */
-declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [vue11.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
+declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [vue9.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useForwardElement };

package/dist/composables/use-grace-area.d.ts

@@ -4,8 +4,8 @@ import { ShallowRef } from "vue";
 interface UseGraceAreaOptions {
   /** Reactive reference to the trigger element */
   triggerElement: ShallowRef<HTMLElement | undefined>;
-  /** Reactive reference to the content element */
-  contentElement: ShallowRef<HTMLElement | undefined>;
+  /** Reactive reference to the area element */
+  areaElement: ShallowRef<HTMLElement | undefined>;
   /** Callback invoked when the pointer in-transit state changes */
   onPointerInTransitChange?: (v: boolean) => void;
   /** Callback invoked when the pointer exits the grace area */

package/dist/composables/use-grace-area.js

@@ -1 +1 @@
-import{GRACE_AREA_TRIGGER_ATTR as e}from"../constants/attr.js";import{isClient as t}from"../shared/env.js";import{getExitSideFromRect as n,getHull as r,getPaddedExitPoints as i,getPointsFromRect as a,isPointInPolygon as o}from"../shared/geometry.js";import{onWatcherCleanup as s,ref as c,watchEffect as l}from"vue";import{refAutoReset as u}from"@vueuse/core";function d(n){let{triggerElement:r,contentElement:i,onPointerInTransitChange:a,onPointerExit:d,disabled:p,subAreaAttribute:m,onSubAreaEnter:h,onSubAreaExit:g}=n,_=u(!1,300),v=c(),y=c(),b=()=>{v.value=void 0,y.value=void 0,a?.(!1)};l(()=>{if(!t||p?.value===!0)return;let e=r.value,n=i.value;if(!e||!n)return;function a(e,t){let{currentTarget:n,clientX:r,clientY:i}=e;n instanceof HTMLElement&&(v.value=f({x:r,y:i},n,t),_.value=!0)}function o(t){if(!m)return;let n=t.target.closest(`[${m}]`);if(n&&i.value?.contains(n)){if(y.value!==n){y.value&&g?.(y.value),y.value=n,h?.(n);let{clientX:r,clientY:i}=t;v.value=f({x:r,y:i},e,n),_.value=!0}}else y.value&&=(g?.(y.value),void 0)}let c=e=>a(e,n),l=t=>a(t,e),u=e=>o(e);e.addEventListener(`pointerleave`,c),n.addEventListener(`pointerleave`,l),m&&n.addEventListener(`pointermove`,u),s(()=>{e.removeEventListener(`pointerleave`,c),n.removeEventListener(`pointerleave`,l),m&&n.removeEventListener(`pointermove`,u)})}),l(()=>{if(!t||p?.value===!0||!v.value)return;let n=t=>{if(!v.value)return;let n=t.target;if(!(n instanceof Element))return;let{clientX:a,clientY:s}=t,c=r.value?.contains(n)||i.value?.contains(n),l=m&&n.closest(`[${m}]`)&&i.value?.contains(n);if(c||l){c&&b();return}let u=!o({x:a,y:s},v.value),f=!!n.closest(`[${e}]`),p=!r.value?.contains(n)&&!i.value?.contains(n)&&!(m&&n.closest(`[${m}]`));(u&&p||f)&&(b(),d())};r.value?.ownerDocument.addEventListener(`pointermove`,n),s(()=>{r.value?.ownerDocument.removeEventListener(`pointermove`,n)})}),l(()=>{let e=_.value;a?.(e)})}function f(e,t,o){let s=i(e,n(e,t.getBoundingClientRect())),c=a(o.getBoundingClientRect());return r([...s,...c])}export{d as useGraceArea};
+import{GRACE_AREA_TRIGGER_ATTR as e}from"../constants/attr.js";import{isClient as t}from"../shared/env.js";import{getExitSideFromRect as n,getHull as r,getPaddedExitPoints as i,getPointsFromRect as a,isPointInPolygon as o}from"../shared/geometry.js";import{onWatcherCleanup as s,ref as c,watchEffect as l}from"vue";import{refAutoReset as u}from"@vueuse/core";function d(n){let{triggerElement:r,areaElement:i,onPointerInTransitChange:a,onPointerExit:d,disabled:p,subAreaAttribute:m,onSubAreaEnter:h,onSubAreaExit:g}=n,_=u(!1,300),v=c(),y=c(),b=()=>{v.value=void 0,y.value=void 0,a?.(!1)};l(()=>{if(!t||p?.value===!0)return;let e=r.value,n=i.value;if(!e||!n)return;function a(e,t){let{currentTarget:n,clientX:r,clientY:i}=e;n instanceof HTMLElement&&(v.value=f({x:r,y:i},n,t),_.value=!0)}function o(t){if(!m)return;let n=t.target.closest(`[${m}]`);if(n&&i.value?.contains(n)){if(y.value!==n){y.value&&g?.(y.value),y.value=n,h?.(n);let{clientX:r,clientY:i}=t;v.value=f({x:r,y:i},e,n),_.value=!0}}else y.value&&=(g?.(y.value),void 0)}let c=e=>a(e,n),l=t=>a(t,e),u=e=>o(e);e.addEventListener(`pointerleave`,c),n.addEventListener(`pointerleave`,l),m&&n.addEventListener(`pointermove`,u),s(()=>{e.removeEventListener(`pointerleave`,c),n.removeEventListener(`pointerleave`,l),m&&n.removeEventListener(`pointermove`,u)})}),l(()=>{if(!t||p?.value===!0||!v.value)return;let n=t=>{if(!v.value)return;let n=t.target;if(!(n instanceof Element))return;let{clientX:a,clientY:s}=t,c=r.value?.contains(n)||i.value?.contains(n),l=m&&n.closest(`[${m}]`)&&i.value?.contains(n);if(c||l){c&&b();return}let u=!o({x:a,y:s},v.value),f=!!n.closest(`[${e}]`),p=!r.value?.contains(n)&&!i.value?.contains(n)&&!(m&&n.closest(`[${m}]`));(u&&p||f)&&(b(),d())};r.value?.ownerDocument.addEventListener(`pointermove`,n),s(()=>{r.value?.ownerDocument.removeEventListener(`pointermove`,n)})}),l(()=>{let e=_.value;a?.(e)})}function f(e,t,o){let s=i(e,n(e,t.getBoundingClientRect())),c=a(o.getBoundingClientRect());return r([...s,...c])}export{d as useGraceArea};

package/dist/composables/use-image-loading-status.d.ts

@@ -1,6 +1,6 @@
 import { ImageLoadingStatus } from "../types/dom.js";
 import "../types/index.js";
-import * as vue14 from "vue";
+import * as vue11 from "vue";
 import { ImgHTMLAttributes, MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-image-loading-status.d.ts
@@ -15,6 +15,6 @@ interface ImageLoadingOptions {
  * @param options - Additional image loading options
  * @returns Reactive loading status
  */
-declare function useImageLoadingStatus(options: ImageLoadingOptions): vue14.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
+declare function useImageLoadingStatus(options: ImageLoadingOptions): vue11.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
 //#endregion
 export { useImageLoadingStatus };

package/dist/composables/use-is-using-keyboard.d.ts

@@ -1,6 +1,6 @@
-import * as vue18 from "vue";
+import * as vue10 from "vue";
 
 //#region src/composables/use-is-using-keyboard.d.ts
-declare function useIsUsingKeyboard(): vue18.ComputedRef<boolean>;
+declare function useIsUsingKeyboard(): vue10.ComputedRef<boolean>;
 //#endregion
 export { useIsUsingKeyboard };

package/dist/composables/use-kbd.d.ts

@@ -1,11 +1,11 @@
 import { KbdKey } from "../types/common.js";
 import "../types/index.js";
-import * as vue22 from "vue";
+import * as vue13 from "vue";
 
 //#region src/composables/use-kbd.d.ts
 declare const kbdMap: Record<KbdKey, string>;
 declare function useKbdKey(): {
-  macOS: vue22.ComputedRef<"" | RegExpMatchArray | null>;
+  macOS: vue13.ComputedRef<"" | RegExpMatchArray | null>;
   getKeyboardKey: (value?: KbdKey | (string & {})) => string | undefined;
 };
 declare const useKbd: typeof useKbdKey;

package/dist/composables/use-locale.d.ts

@@ -1,7 +1,7 @@
-import * as vue12 from "vue";
+import * as vue14 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-locale.d.ts
-declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue12.ComputedRef<string>;
+declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue14.ComputedRef<string>;
 //#endregion
 export { useLocale };

package/dist/composables/use-nonce.d.ts

@@ -1,7 +1,7 @@
-import * as vue13 from "vue";
+import * as vue12 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-nonce.d.ts
-declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue13.ComputedRef<string | undefined>;
+declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue12.ComputedRef<string | undefined>;
 //#endregion
 export { useNonce };

package/dist/composables/use-popup-events.d.ts

@@ -0,0 +1,23 @@
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../types/event.js";
+import "../types/index.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/composables/use-popup-events.d.ts
+interface UsePopupEventsOptions {
+  /**
+   * Whether the popup is modal.
+   */
+  modal: ComputedRef<boolean | undefined>;
+  /**
+   * The trigger element.
+   */
+  triggerElement: ShallowRef<HTMLElement | undefined>;
+}
+declare function usePopupEvents(options: UsePopupEventsOptions): {
+  onPointerDownOutside: (event: PointerDownOutsideEvent) => void;
+  onFocusOutside: (event: FocusOutsideEvent) => void;
+  onInteractOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
+  onCloseAutoFocus: (event: Event) => void;
+};
+//#endregion
+export { UsePopupEventsOptions, usePopupEvents };

package/dist/composables/use-popup-events.js

@@ -0,0 +1 @@
+function e(e){let{modal:t,triggerElement:n}=e,r=!1,i=!1;return{onPointerDownOutside:e=>{if(!t.value||e.defaultPrevented)return;let n=e.detail.originalEvent,r=n.button===0&&n.ctrlKey===!0;(n.button===2||r)&&e.preventDefault()},onFocusOutside:e=>{t.value&&e.preventDefault()},onInteractOutside:e=>{if(t.value)return;e.defaultPrevented||(r=!0,e.detail.originalEvent.type===`pointerdown`&&(i=!0));let a=e.target;n.value?.contains(a)&&e.preventDefault(),e.detail.originalEvent.type===`focusin`&&i&&e.preventDefault()},onCloseAutoFocus:e=>{if(t.value){e.defaultPrevented||(e.preventDefault(),n.value?.focus());return}e.defaultPrevented||(r||n.value?.focus(),e.preventDefault()),r=!1,i=!1}}}export{e as usePopupEvents};

package/dist/composables/use-props.d.ts

@@ -1,8 +1,8 @@
-import * as vue16 from "vue";
+import * as vue19 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-props.d.ts
-declare function usePickProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue16.ComputedRef<Pick<T, K>>;
-declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue16.ComputedRef<Omit<T, K>>;
+declare function usePickProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue19.ComputedRef<Pick<T, K>>;
+declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue19.ComputedRef<Omit<T, K>>;
 //#endregion
 export { useOmitProps, usePickProps };

package/dist/composables/use-selection.d.ts

@@ -1,13 +1,13 @@
 import { DefinedValue, SelectionProps } from "../types/common.js";
 import "../types/index.js";
-import * as vue19 from "vue";
+import * as vue16 from "vue";
 
 //#region src/composables/use-selection.d.ts
 declare function useSelection<M extends boolean = false, N extends DefinedValue = string>(props: SelectionProps<M, N>, onUpdateModelValue: (value: NonNullable<SelectionProps<M, N>['modelValue']>) => void): {
-  modelValue: vue19.ShallowRef<(M extends true ? N[] : N) | undefined>;
+  modelValue: vue16.ShallowRef<(M extends true ? N[] : N) | undefined>;
   onModelValueChange: (value: N) => void;
-  isMultiple: vue19.ComputedRef<boolean>;
-  isEmptyModelValue: vue19.ComputedRef<boolean>;
+  isMultiple: vue16.ComputedRef<boolean>;
+  isEmptyModelValue: vue16.ComputedRef<boolean>;
 };
 //#endregion
 export { useSelection };

package/dist/composables/use-selection.js

@@ -1 +1 @@
-import{isNullish as e}from"../shared/guard.js";import{useControllableState as t}from"./use-controllable-state.js";import{computed as n}from"vue";function r(r,i){let a=n(()=>!!r.multiple),o=t(()=>r.modelValue,e=>{i(e)},s());function s(){return e(r.defaultValue)?r.multiple?[]:void 0:r.defaultValue}return{modelValue:o,onModelValueChange:e=>{if(!r.multiple){o.value=o.value===e?void 0:e;return}let t=[...o.value??[]];t=t.includes(e)?t.filter(t=>t!==e):[...t,e],o.value=t},isMultiple:a,isEmptyModelValue:n(()=>a.value&&Array.isArray(o.value)?o.value?.length===0:e(o.value))}}export{r as useSelection};
+import{isNullish as e}from"../shared/guard.js";import{useControllableState as t}from"./use-controllable-state.js";import{computed as n}from"vue";function r(r,i){let a=n(()=>!!r.multiple||r.multiple===``),o=t(()=>r.modelValue,e=>{i(e)},s());function s(){return e(r.defaultValue)?a.value?[]:void 0:r.defaultValue}return{modelValue:o,onModelValueChange:e=>{if(!a.value){o.value=o.value===e?void 0:e;return}let t=[...o.value??[]];t=t.includes(e)?t.filter(t=>t!==e):[...t,e],o.value=t},isMultiple:a,isEmptyModelValue:n(()=>a.value&&Array.isArray(o.value)?o.value?.length===0:e(o.value))}}export{r as useSelection};

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`AccordionContent`,`AccordionHeader`,`AccordionItem`,`AccordionRoot`,`AccordionTrigger`],alert:[`AlertClose`,`AlertContent`,`AlertDescription`,`AlertRoot`,`AlertTitle`],alertDialog:[`AlertDialogClose`,`AlertDialogContent`,`AlertDialogDescription`,`AlertDialogFooter`,`AlertDialogHeader`,`AlertDialogOverlay`,`AlertDialogPortal`,`AlertDialogRoot`,`AlertDialogTitle`,`AlertDialogTrigger`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarFallback`,`AvatarImage`,`AvatarRoot`],badge:[`BadgeContent`,`BadgeRoot`],breadcrumb:[`BreadcrumbEllipsis`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbList`,`BreadcrumbPage`,`BreadcrumbRoot`,`BreadcrumbSeparator`],button:[`Button`],card:[`CardContent`,`CardDescription`,`CardFooter`,`CardHeader`,`CardRoot`,`CardTitleRoot`,`CardTitle`],checkbox:[`CheckboxControl`,`CheckboxGroupRoot`,`CheckboxIndicator`,`CheckboxLabel`,`CheckboxRoot`],collapsible:[`CollapsibleContent`,`CollapsibleRoot`,`CollapsibleTrigger`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuCheckboxGroup`,`ContextMenuCheckboxItem`,`ContextMenuContent`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuPortal`,`ContextMenuRadioGroup`,`ContextMenuRadioItem`,`ContextMenuRoot`,`ContextMenuSeparator`,`ContextMenuSub`,`ContextMenuSubContent`,`ContextMenuSubTrigger`,`ContextMenuTrigger`],dialog:[`DialogClose`,`DialogContent`,`DialogDescription`,`DialogFooter`,`DialogHeader`,`DialogOverlay`,`DialogPortal`,`DialogRoot`,`DialogTitle`,`DialogTrigger`],divider:[`DividerLabel`,`DividerRoot`],dropdownMenu:[`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuCheckboxGroup`,`DropdownMenuCheckboxItem`,`DropdownMenuContent`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuPortal`,`DropdownMenuRadioGroup`,`DropdownMenuRadioItem`,`DropdownMenuRoot`,`DropdownMenuSeparator`,`DropdownMenuSub`,`DropdownMenuSubContent`,`DropdownMenuSubTrigger`,`DropdownMenuTrigger`],form:[`FormDescription`,`FormError`,`FormFieldArray`,`FormField`,`FormLabel`],input:[`InputControl`,`InputRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutFooter`,`LayoutHeader`,`LayoutMain`,`LayoutMobile`,`LayoutRail`,`LayoutRoot`,`LayoutSidebar`,`LayoutTab`,`LayoutTrigger`],link:[`Link`],list:[`ListContent`,`ListDescription`,`ListItem`,`ListRoot`,`ListTitle`],listbox:[`ListboxContent`,`ListboxFilter`,`ListboxGroupLabel`,`ListboxGroup`,`ListboxItemIndicator`,`ListboxItem`,`ListboxRoot`,`ListboxVirtualizer`],menu:[`MenuAnchor`,`MenuArrow`,`MenuCheckboxGroup`,`MenuCheckboxItem`,`MenuContent`,`MenuGroupLabel`,`MenuGroup`,`MenuItemIndicator`,`MenuItem`,`MenuPortal`,`MenuRadioGroup`,`MenuRadioItem`,`MenuRoot`,`MenuSub`,`MenuSeparator`,`MenuSubContent`,`MenuSubTrigger`],navigationMenu:[`NavigationMenuContent`,`NavigationMenuIndicator`,`NavigationMenuItem`,`NavigationMenuLink`,`NavigationMenuList`,`NavigationMenuRoot`,`NavigationMenuSubList`,`NavigationMenuTrigger`,`NavigationMenuViewport`],numberInput:[`NumberInputControl`,`NumberInputDecrement`,`NumberInputIncrement`,`NumberInputRoot`],pagination:[`PaginationEllipsis`,`PaginationFirst`,`PaginationLast`,`PaginationListItem`,`PaginationList`,`PaginationNext`,`PaginationPrev`,`PaginationRoot`],popover:[`PopoverAnchor`,`PopoverArrow`,`PopoverClose`,`PopoverContent`,`PopoverPortal`,`PopoverRoot`,`PopoverTrigger`],popper:[`PopperAnchor`,`PopperArrow`,`PopperContent`,`PopperRoot`],portal:[`Portal`],primitive:[`Primitive`],radioGroup:[`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupItem`,`RadioGroupLabel`,`RadioGroupRoot`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],select:[`SelectArrow`,`SelectContent`,`SelectGroupLabel`,`SelectGroup`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectPortal`,`SelectRoot`,`SelectScrollDownButton`,`SelectScrollUpButton`,`SelectSeparator`,`SelectTrigger`,`SelectTriggerIcon`,`SelectValue`,`SelectViewport`],slot:[`Slot`],switch:[`SwitchControl`,`SwitchRoot`,`SwitchThumb`],tabs:[`TabsContent`,`TabsIndicator`,`TabsList`,`TabsRoot`,`TabsTrigger`],tag:[`Tag`],textarea:[`TextareaControl`,`TextareaCounter`,`TextareaRoot`],toast:[`ToastRoot`,`ToastViewport`,`ToastPortal`,`ToastClose`,`ToastAction`,`ToastTitle`,`ToastDescription`],tooltip:[`TooltipArrow`,`TooltipContent`,`TooltipPortal`,`TooltipRoot`,`TooltipTrigger`],tree:[`TreeItem`,`TreeRoot`,`TreeVirtualizerItem`,`TreeVirtualizerRoot`],virtualizer:[`VirtualizerContent`,`VirtualizerItem`,`VirtualizerRoot`],visuallyHidden:[`VisuallyHiddenInput`,`VisuallyHidden`]};export{e as components};
+const e={accordion:[`AccordionContent`,`AccordionHeader`,`AccordionItem`,`AccordionRoot`,`AccordionTrigger`],alert:[`AlertClose`,`AlertContent`,`AlertDescription`,`AlertRoot`,`AlertTitle`],alertDialog:[`AlertDialogClose`,`AlertDialogContent`,`AlertDialogDescription`,`AlertDialogFooter`,`AlertDialogHeader`,`AlertDialogOverlay`,`AlertDialogPortal`,`AlertDialogRoot`,`AlertDialogTitle`,`AlertDialogTrigger`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarFallback`,`AvatarImage`,`AvatarRoot`],badge:[`BadgeContent`,`BadgeRoot`],breadcrumb:[`BreadcrumbEllipsis`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbList`,`BreadcrumbPage`,`BreadcrumbRoot`,`BreadcrumbSeparator`],button:[`Button`],card:[`CardContent`,`CardDescription`,`CardFooter`,`CardHeader`,`CardRoot`,`CardTitleRoot`,`CardTitle`],checkbox:[`CheckboxControl`,`CheckboxGroupRoot`,`CheckboxIndicator`,`CheckboxLabel`,`CheckboxRoot`],collapsible:[`CollapsibleContent`,`CollapsibleRoot`,`CollapsibleTrigger`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuCheckboxGroup`,`ContextMenuCheckboxItem`,`ContextMenuContent`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuPortal`,`ContextMenuRadioGroup`,`ContextMenuRadioItem`,`ContextMenuRoot`,`ContextMenuSeparator`,`ContextMenuSub`,`ContextMenuSubContent`,`ContextMenuSubTrigger`,`ContextMenuTrigger`],dialog:[`DialogClose`,`DialogContent`,`DialogDescription`,`DialogFooter`,`DialogHeader`,`DialogOverlay`,`DialogPortal`,`DialogRoot`,`DialogTitle`,`DialogTrigger`],divider:[`DividerLabel`,`DividerRoot`],dropdownMenu:[`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuCheckboxGroup`,`DropdownMenuCheckboxItem`,`DropdownMenuContent`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuPortal`,`DropdownMenuRadioGroup`,`DropdownMenuRadioItem`,`DropdownMenuRoot`,`DropdownMenuSeparator`,`DropdownMenuSub`,`DropdownMenuSubContent`,`DropdownMenuSubTrigger`,`DropdownMenuTrigger`],form:[`FormDescription`,`FormError`,`FormFieldArray`,`FormField`,`FormLabel`],input:[`InputControl`,`InputRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutFooter`,`LayoutHeader`,`LayoutMain`,`LayoutMobile`,`LayoutRail`,`LayoutRoot`,`LayoutSidebar`,`LayoutTab`,`LayoutTrigger`],link:[`Link`],list:[`ListContent`,`ListDescription`,`ListItem`,`ListRoot`,`ListTitle`],listbox:[`ListboxContent`,`ListboxFilter`,`ListboxGroupLabel`,`ListboxGroup`,`ListboxItemIndicator`,`ListboxItem`,`ListboxRoot`,`ListboxVirtualizer`],menu:[`MenuAnchor`,`MenuArrow`,`MenuCheckboxGroup`,`MenuCheckboxItem`,`MenuContent`,`MenuGroupLabel`,`MenuGroup`,`MenuItemIndicator`,`MenuItem`,`MenuPortal`,`MenuRadioGroup`,`MenuRadioItem`,`MenuRoot`,`MenuSub`,`MenuSeparator`,`MenuSubContent`,`MenuSubTrigger`],navigationMenu:[`NavigationMenuContent`,`NavigationMenuIndicator`,`NavigationMenuItem`,`NavigationMenuLink`,`NavigationMenuList`,`NavigationMenuRoot`,`NavigationMenuSubList`,`NavigationMenuTrigger`,`NavigationMenuViewport`],numberInput:[`NumberInputControl`,`NumberInputDecrement`,`NumberInputIncrement`,`NumberInputRoot`],pagination:[`PaginationEllipsis`,`PaginationFirst`,`PaginationLast`,`PaginationListItem`,`PaginationList`,`PaginationNext`,`PaginationPrev`,`PaginationRoot`],popover:[`PopoverAnchor`,`PopoverArrow`,`PopoverClose`,`PopoverPopup`,`PopoverPortal`,`PopoverPositioner`,`PopoverRoot`,`PopoverTrigger`],popper:[`PopperAnchor`,`PopperArrow`,`PopperPopup`,`PopperPositioner`,`PopperRoot`],portal:[`Portal`],primitive:[`Primitive`],radioGroup:[`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupItem`,`RadioGroupLabel`,`RadioGroupRoot`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],select:[`SelectArrow`,`SelectContent`,`SelectGroupLabel`,`SelectGroup`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectPortal`,`SelectRoot`,`SelectScrollDownButton`,`SelectScrollUpButton`,`SelectSeparator`,`SelectTrigger`,`SelectTriggerIcon`,`SelectValue`,`SelectViewport`],slot:[`Slot`],switch:[`SwitchControl`,`SwitchRoot`,`SwitchThumb`],tabs:[`TabsContent`,`TabsIndicator`,`TabsList`,`TabsRoot`,`TabsTrigger`],tag:[`Tag`],textarea:[`TextareaControl`,`TextareaCounter`,`TextareaRoot`],toast:[`ToastRoot`,`ToastViewport`,`ToastPortal`,`ToastClose`,`ToastAction`,`ToastTitle`,`ToastDescription`],tooltip:[`TooltipArrow`,`TooltipPopup`,`TooltipPortal`,`TooltipPositioner`,`TooltipRoot`,`TooltipTrigger`],tree:[`TreeItem`,`TreeRoot`,`TreeVirtualizerItem`,`TreeVirtualizerRoot`],virtualizer:[`VirtualizerContent`,`VirtualizerItem`,`VirtualizerRoot`],visuallyHidden:[`VisuallyHiddenInput`,`VisuallyHidden`]};export{e as components};