@soybeanjs/headless 0.0.7 → 0.0.9

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 vue12 from "vue";
+import * as vue10 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): vue12.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
+declare function useImageLoadingStatus(options: ImageLoadingOptions): vue10.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
 //#endregion
 export { useImageLoadingStatus };

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

@@ -1,6 +1,6 @@
-import * as vue13 from "vue";
+import * as vue12 from "vue";
 
 //#region src/composables/use-is-using-keyboard.d.ts
-declare function useIsUsingKeyboard(): vue13.ComputedRef<boolean>;
+declare function useIsUsingKeyboard(): vue12.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 vue14 from "vue";
+import * as vue11 from "vue";
 
 //#region src/composables/use-kbd.d.ts
 declare const kbdMap: Record<KbdKey, string>;
 declare function useKbdKey(): {
-  macOS: vue14.ComputedRef<"" | RegExpMatchArray | null>;
+  macOS: vue11.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 vue16 from "vue";
+import * as vue13 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-locale.d.ts
-declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue16.ComputedRef<string>;
+declare function useLocale(locale?: MaybeRefOrGetter<string | undefined>): vue13.ComputedRef<string>;
 //#endregion
 export { useLocale };

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

@@ -1,7 +1,7 @@
-import * as vue15 from "vue";
+import * as vue14 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-nonce.d.ts
-declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue15.ComputedRef<string | undefined>;
+declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue14.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-presence.d.ts

@@ -1,7 +1,7 @@
-import * as vue17 from "vue";
+import * as vue15 from "vue";
 import { MaybeRefOrGetter, Ref } from "vue";
 
 //#region src/composables/use-presence.d.ts
-declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): vue17.ComputedRef<boolean>;
+declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): vue15.ComputedRef<boolean>;
 //#endregion
 export { usePresence };

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

@@ -1,8 +1,8 @@
-import * as vue18 from "vue";
+import * as vue16 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>[]): vue18.ComputedRef<Pick<T, K>>;
-declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue18.ComputedRef<Omit<T, K>>;
+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>>;
 //#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 vue20 from "vue";
+import * as vue18 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: vue20.ShallowRef<(M extends true ? N[] : N) | undefined>;
+  modelValue: vue18.ShallowRef<(M extends true ? N[] : N) | undefined>;
   onModelValueChange: (value: N) => void;
-  isMultiple: vue20.ComputedRef<boolean>;
-  isEmptyModelValue: vue20.ComputedRef<boolean>;
+  isMultiple: vue18.ComputedRef<boolean>;
+  isEmptyModelValue: vue18.ComputedRef<boolean>;
 };
 //#endregion
 export { 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};