@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -1,8 +1,9 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
+import { ContextConsumerFn } from "./use-context.js";
 import { MaybeRefOrGetter, Ref } from "vue";
 //#region src/composables/use-collection.d.ts
-interface CollectionItemData<ItemData = Record<string, any>> {
+export interface CollectionItemData<ItemData = Record<string, any>> {
   element: HTMLElement;
   data: ItemData;
 }
@@ -12,7 +13,7 @@ interface CollectionItemData<ItemData = Record<string, any>> {
  * @param collectionName - The name of the collection (used for context naming)
  * @returns Collection management functions and hooks
  */
-declare function useCollection<ItemData = Record<string, any>>(collectionName: string): {
+export declare function useCollection<ItemData = Record<string, any>>(collectionName: string): {
   provideCollectionContext: () => {
     containerElement: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
@@ -20,7 +21,7 @@ declare function useCollection<ItemData = Record<string, any>>(collectionName: s
     getOrderedItems: (excludeDisabled?: boolean) => CollectionItemData<ItemData>[];
     getOrderedElements: (excludeDisabled?: boolean) => HTMLElement[];
   };
-  useCollectionContext: import("@soybeanjs/hooks").ContextConsumer<{
+  useCollectionContext: ContextConsumerFn<{
     containerElement: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     onContainerElementChange: (element: HTMLElement) => void;
     itemRegistry: Ref<Map<HTMLElement, CollectionItemData<ItemData>>, Map<HTMLElement, CollectionItemData<ItemData>>>;
@@ -33,5 +34,4 @@ declare function useCollection<ItemData = Record<string, any>>(collectionName: s
     setItemElement: (nodeRef: VNodeRef) => void;
   };
 };
-//#endregion
-export { CollectionItemData, useCollection };
+//#endregion

package/dist/composables/use-collection.js

@@ -1 +1 @@
-import{getCollectionItemElements as e,isElementHasAttribute as t}from"../shared/dom.js";import{getElFromTemplateRef as n}from"../shared/vue.js";import{useContext as r}from"./use-context.js";import"../shared/index.js";import{onBeforeUnmount as i,onWatcherCleanup as a,ref as o,shallowRef as s,toValue as c,watchPostEffect as l}from"vue";import{pascalCase as u}from"@soybeanjs/utils";function d(d){let f=u(`${d}Collection`),[p,m]=r(f,()=>{let n=s(),r=e=>{n.value=e},a=o(new Map),c=(r=!0)=>{if(!n.value)return[];let i=e(n.value),o=[];for(let e of i){let n=a.value.get(e);n&&(!r||!t(e,`disabled`))&&o.push(n)}return o};return i(()=>{a.value.clear()}),{containerElement:n,onContainerElementChange:r,itemRegistry:a,getOrderedItems:c,getOrderedElements:(e=!0)=>c(e).map(e=>e.element)}});return{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:(e={})=>{let t=u(`${d}Item`),{itemRegistry:r}=m(t),i=s(),o=e=>{i.value&&i.value!==e&&r.value.delete(i.value),i.value=e};return l(()=>{i.value&&r.value.set(i.value,{element:i.value,data:c(e)}),a(()=>{i.value&&(r.value.delete(i.value),i.value=void 0)})}),{itemElement:i,onItemElementChange:o,setItemElement:e=>{let t=n(e);t&&o(t)}}}}}export{d as useCollection};
+import{pascalCase as e}from"../shared/string.js";import{getCollectionItemElements as t,isElementHasAttribute as n}from"../shared/dom.js";import{getElFromTemplateRef as r}from"../shared/vue.js";import{useContext as i}from"./use-context.js";import{onBeforeUnmount as a,onWatcherCleanup as o,ref as s,shallowRef as c,toValue as l,watchPostEffect as u}from"vue";function d(d){let f=e(`${d}Collection`),[p,m]=i(f,()=>{let e=c(),r=t=>{e.value=t},i=s(new Map),o=(r=!0)=>{if(!e.value)return[];let a=t(e.value),o=[];for(let e of a){let t=i.value.get(e);t&&(!r||!n(e,`disabled`))&&o.push(t)}return o};return a(()=>{i.value.clear()}),{containerElement:e,onContainerElementChange:r,itemRegistry:i,getOrderedItems:o,getOrderedElements:(e=!0)=>o(e).map(e=>e.element)}});return{provideCollectionContext:p,useCollectionContext:m,useCollectionItem:(t={})=>{let n=e(`${d}Item`),{itemRegistry:i}=m(n),a=c(),s=e=>{a.value&&a.value!==e&&i.value.delete(a.value),a.value=e};return u(()=>{let e=a.value;e&&i.value.set(e,{element:e,data:l(t)}),o(()=>{e&&i.value.delete(e)})}),{itemElement:a,onItemElementChange:s,setItemElement:e=>{let t=r(e);t&&s(t)}}}}}export{d as useCollection};

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

@@ -1,2 +1,25 @@
-import { useContext } from "@soybeanjs/hooks";
-export { useContext };
+//#region src/composables/use-context.d.ts
+type ContextName = string | {
+  name: string;
+  key: string | symbol;
+};
+type AnyComposable = (...args: never[]) => unknown;
+export type ContextValue<T> = T extends AnyComposable ? ReturnType<T> : T;
+export type ContextProvider<T> = T extends AnyComposable ? (...args: Parameters<T>) => ReturnType<T> : (value: T) => T;
+export interface ContextConsumerFn<T> {
+  /** Required consumption: throws when the context is missing. */
+  (consumerName: string, defaultValue?: T): T;
+  /** Optional consumption: returns `null` when the context is missing. */
+  (consumerName?: string | null, defaultValue?: T): T | null;
+}
+export type ContextConsumer<T> = T extends AnyComposable ? ContextConsumerFn<ReturnType<T>> : ContextConsumerFn<T>;
+/**
+ * Creates a context provider and consumer pair.
+ *
+ * @param contextName - The name of the context. This can be a string or an object with a `name` and `key` property.
+ * @param composable - An optional composable that computes the context value from the provider arguments. When
+ * omitted, the context value is the first argument passed to the provider.
+ */
+export declare function useContext<T>(contextName: ContextName): [ContextProvider<T>, ContextConsumer<T>];
+export declare function useContext<T extends AnyComposable>(contextName: ContextName, composable: T): [ContextProvider<T>, ContextConsumer<ReturnType<T>>];
+//#endregion

package/dist/composables/use-context.js

@@ -1 +1 @@
-import{useContext as e}from"@soybeanjs/hooks";export{e as useContext};
+import{inject as e,provide as t}from"vue";function n(n,r){let i=typeof n==`string`?n:n.name,a=typeof n==`string`?Symbol(n):n.key;return[(...e)=>{let n=r?.(...e)??e[0];return t(a,n),n},(t,n)=>{let r=e(a,n)??null;if(t!=null&&r===null)throw Error(`\`${t}\` must be used within \`${i}\``);return r}]}export{n as useContext};

package/dist/composables/use-controllable-state.d.ts

@@ -9,6 +9,5 @@ type ControllableValue<T, U extends boolean> = U extends true ? T : Exclude<T, u
  * @param defaultValue The default value to use when the component is uncontrolled. It must be provided if the component can be uncontrolled.
  * @param undefinedable A boolean that indicates whether the value can be undefined. If true, the component can be uncontrolled and the value can be undefined. If false, the component must be controlled and the value cannot be undefined. The default value is false.
  */
-declare function useControllableState<T, U extends boolean = false>(prop: () => T, onChange: ((value: ControllableValue<T, U>) => void) | undefined, defaultValue: ControllableValue<T, U>, undefinedable?: U): ShallowRef<ControllableValue<T, U>>;
-//#endregion
-export { useControllableState };
+export declare function useControllableState<T, U extends boolean = false>(prop: () => T, onChange: ((value: ControllableValue<T, U>) => void) | undefined, defaultValue: ControllableValue<T, U>, undefinedable?: U): ShallowRef<ControllableValue<T, U>>;
+//#endregion

package/dist/composables/use-controllable-state.js

@@ -1 +1 @@
-import{computed as e,nextTick as t,shallowRef as n,watch as r}from"vue";function i(i,a,o,s){let c=i();if(c!==void 0)return e({get:()=>i(),set:e=>{a?.(e)}});let l=n(c??o),u=!1;return r(i,e=>{u||e===void 0&&!s||(u=!0,l.value=e,t(()=>{u=!1}))}),r(l,e=>{!u&&(e!==void 0||s)&&a?.(e)}),l}export{i as useControllableState};
+import{computed as e,nextTick as t,shallowRef as n,watch as r}from"vue";function i(i,a,o,s){let c=i();if(c!==void 0)return e({get:()=>i(),set:e=>{a?.(e)}});let l=n(c??o),u=!1;return r(i,e=>{u||(e!==void 0||s)&&(u=!0,l.value=e,t(()=>{u=!1}))}),r(l,e=>{!u&&(e!==void 0||s)&&a?.(e)}),l}export{i as useControllableState};

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

@@ -4,7 +4,7 @@ import { EmitsToHookProps } from "../types/vue.js";
 import "../types/index.js";
 import { MaybeRefOrGetter, ShallowRef } from "vue";
 //#region src/composables/use-dismissable-layer.d.ts
-interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEmits> {
+export interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEmits> {
   /**
    * When `true`, hover/focus/click interactions will be disabled on elements outside the `DismissableLayer`. Users will
    * need to click twice on outside elements to interact with them: once to close the `DismissableLayer`, and again to
@@ -21,7 +21,7 @@ interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEm
  * @param options - Configuration options for the dismissable layer
  * @returns Properties and handlers for the dismissable layer
  */
-declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
+export declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
   pointerEvents: import("vue").ComputedRef<"none" | "auto" | undefined>;
   onPointerdownCapture: () => void;
   onFocusCapture: () => void;
@@ -32,21 +32,20 @@ declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | unde
  *
  * @param branchElementRef - Reference to the branch element
  */
-declare function useDismissableLayerBranch(branchElementRef: ShallowRef<HTMLElement | undefined>): void;
+export declare function useDismissableLayerBranch(branchElementRef: ShallowRef<HTMLElement | undefined>): void;
 /**
  * Listens for `pointerdown` outside a DOM subtree. We use `pointerdown` rather than `pointerup` to mimic layer
  * dismissing behavior present in OS. Returns props to pass to the node we want to check for outside events.
  */
-declare function usePointerdownOutside(node: ShallowRef<HTMLElement | undefined>, onPointerDownOutside: (event: PointerDownOutsideEvent) => void, enable?: MaybeRefOrGetter<boolean>): {
+export declare function usePointerdownOutside(node: ShallowRef<HTMLElement | undefined>, onPointerDownOutside: (event: PointerDownOutsideEvent) => void, enable?: MaybeRefOrGetter<boolean>): {
   onPointerdownCapture: () => void;
 };
 /**
  * Listens for when focus happens outside a DOM subtree. Returns props to pass to the root (node) of the subtree we want
  * to check.
  */
-declare function useFocusOutside(node: ShallowRef<HTMLElement | undefined>, onFocusOutside: (event: FocusOutsideEvent) => void, enable?: MaybeRefOrGetter<boolean>): {
+export declare function useFocusOutside(node: ShallowRef<HTMLElement | undefined>, onFocusOutside: (event: FocusOutsideEvent) => void, enable?: MaybeRefOrGetter<boolean>): {
   onFocusCapture: () => void;
   onBlurCapture: () => void;
 };
-//#endregion
-export { UseDismissableLayerOptions, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside };
+//#endregion

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

package/dist/composables/use-escape-key-down.d.ts

@@ -1,5 +1,4 @@
 import { MaybeRefOrGetter } from "vue";
 //#region src/composables/use-escape-key-down.d.ts
-declare function useEscapeKeyDown(ownerDocument: MaybeRefOrGetter<Document | undefined>, handler: (e: KeyboardEvent) => void): void;
-//#endregion
-export { useEscapeKeyDown };
+export declare function useEscapeKeyDown(ownerDocument: MaybeRefOrGetter<Document | undefined>, handler: (e: KeyboardEvent) => void): void;
+//#endregion

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

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

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

@@ -1,7 +1,7 @@
 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> = {
+export type UseFloatingOptions<T extends ReferenceElement = ReferenceElement> = {
   /**
    * Represents the open/close state of the floating element.
    * @default true
@@ -34,7 +34,7 @@ type UseFloatingOptions<T extends ReferenceElement = ReferenceElement> = {
    */
   whileElementsMounted?: (reference: T, floating: FloatingElement, update: () => void) => () => void;
 };
-type UseFloatingReturn = {
+export type UseFloatingReturn = {
   /**
    * The x-coord of the floating element.
    */
@@ -80,6 +80,5 @@ type UseFloatingReturn = {
  * @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 };
+export declare function useFloating<T extends ReferenceElement = ReferenceElement>(referenceElement: ShallowRef<T | null | undefined>, floatingElement: ShallowRef<FloatingElement | null | undefined>, options?: UseFloatingOptions<T>): UseFloatingReturn;
+//#endregion

package/dist/composables/use-floating.js

@@ -1 +1 @@
-import{isNullish as e}from"../shared/guard.js";import"../shared/index.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};
+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!==!1&&(T.value=!0)})}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-guards.d.ts

@@ -1,4 +1,4 @@
+import { MaybeRefOrGetter } from "vue";
 //#region src/composables/use-focus-guards.d.ts
-declare function useFocusGuards(): void;
-//#endregion
-export { useFocusGuards };
+export declare function useFocusGuards(enabled?: MaybeRefOrGetter<boolean>): void;
+//#endregion

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

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{onWatcherCleanup as t,watchPostEffect as n}from"vue";let r=0;const i=`data-soybean-focus-guard`;function a(){n(()=>{if(!e)return;let n=document.querySelectorAll(`[${i}]`);if(r===0||n.length===0){let e=n[0]??o(),t=n[1]??o();e.parentNode||document.body.insertAdjacentElement(`afterbegin`,e),t.parentNode||document.body.insertAdjacentElement(`beforeend`,t)}r++,t(()=>{r--,r===0&&document.querySelectorAll(`[${i}]`).forEach(e=>e.remove())})})}function o(){let e=document.createElement(`span`);return e.setAttribute(i,``),e.tabIndex=0,Object.assign(e.style,{outline:`none`,opacity:`0`,position:`fixed`,pointerEvents:`none`}),e}export{a as useFocusGuards};
+import{isClient as e}from"../shared/env.js";import{onWatcherCleanup as t,toValue as n,watchPostEffect as r}from"vue";let i=0;const a=`data-soybean-focus-guard`;function o(o=!0){r(()=>{if(!e||!n(o))return;let r=document.querySelectorAll(`[${a}]`);if(i===0||r.length===0){let e=r[0]??s(),t=r[1]??s();e.parentNode||document.body.insertAdjacentElement(`afterbegin`,e),t.parentNode||document.body.insertAdjacentElement(`beforeend`,t)}i++,t(()=>{i--,i===0&&document.querySelectorAll(`[${a}]`).forEach(e=>e.remove())})})}function s(){let e=document.createElement(`span`);return e.setAttribute(a,``),e.tabIndex=0,Object.assign(e.style,{outline:`none`,opacity:`0`,position:`fixed`,pointerEvents:`none`}),e}export{o as useFocusGuards};

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

@@ -3,7 +3,7 @@ import { EmitsToHookProps } from "../types/vue.js";
 import "../types/index.js";
 import { MaybeRefOrGetter, Ref } from "vue";
 //#region src/composables/use-focus-scope.d.ts
-interface UseFocusScopeOptions extends EmitsToHookProps<FocusScopeEmits> {
+export interface UseFocusScopeOptions extends EmitsToHookProps<FocusScopeEmits> {
   /**
    * When `true`, tabbing from last item will focus first tabbable and shift+tab from first item will focus last
    * tabbable.
@@ -18,8 +18,7 @@ interface UseFocusScopeOptions extends EmitsToHookProps<FocusScopeEmits> {
    */
   trapped?: MaybeRefOrGetter<boolean>;
 }
-declare function useFocusScope(elRef: Ref<HTMLElement | undefined>, options?: UseFocusScopeOptions): {
+export declare function useFocusScope(elRef: Ref<HTMLElement | undefined>, options?: UseFocusScopeOptions): {
   onKeydown: (event: KeyboardEvent) => void;
 };
-//#endregion
-export { UseFocusScopeOptions, useFocusScope };
+//#endregion

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"../shared/index.js";import{nextTick as c,onWatcherCleanup as l,toValue as u,watch as d,watchEffect as f}from"vue";const p=`focusScope.autoFocusOnOpen`,m=`focusScope.autoFocusOnClose`,h={bubbles:!1,cancelable:!0},g=v();function _(e,_){let{loop:v,trapped:y,onOpenAutoFocus:b,onCloseAutoFocus:x}=_||{},S,C={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}};if(s){function o(t){if(C.paused||!e.value)return;let n=t.target;e.value.contains(n)?S=n:r(S,{select:!0})}function s(t){if(C.paused||!e.value)return;let n=t.relatedTarget;n!==null&&(e.value.contains(n)||r(S,{select:!0}))}function _(){e.value?.contains(S)||r(e.value)}f(()=>{if(!u(y))return;document.addEventListener(`focusin`,o),document.addEventListener(`focusout`,s);let t=new MutationObserver(_);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;g.add(C);let l=t(),u=e.contains(l);if(b&&e.addEventListener(p,b),x&&e.addEventListener(m,x),!u){let o=new CustomEvent(p,h);e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===l&&r(e))}s(()=>{b&&e.removeEventListener(p,b);let t=new CustomEvent(m,h);e.dispatchEvent(t),window.setTimeout(()=>{t.defaultPrevented||r(l??document.body,{select:!0}),x&&e.removeEventListener(m,x),g.remove(C)},0)})})}function w(e){let n=u(v),i=u(y);if(!n&&!i||C.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:w}}function v(){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{_ 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{onWatcherCleanup as c,toValue as l,watch as u,watchEffect as d}from"vue";const f=`focusScope.autoFocusOnOpen`,p=`focusScope.autoFocusOnClose`,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)}d(()=>{if(!l(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}),c(()=>{document.removeEventListener(`focusin`,o),document.removeEventListener(`focusout`,s),t.disconnect()})}),u(e,(e,o,s)=>{if(!e)return;h.add(S);let c=t(),l=e.contains(c);if(y&&e.addEventListener(f,y),b&&e.addEventListener(p,b),!l){let o=new CustomEvent(f,m);e.dispatchEvent(o),o.defaultPrevented||(i(n(a(e)),{select:!0}),t()===c&&r(e))}s(()=>{y&&e.removeEventListener(f,y);let t=new CustomEvent(p,m);e.dispatchEvent(t),window.setTimeout(()=>{t.defaultPrevented||r(c??document.body,{select:!0}),b&&e.removeEventListener(p,b),h.remove(S)},0)})})}function C(e){let n=l(_),i=l(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,[u,d]=o(c);u&&d?!e.shiftKey&&s===d?(e.preventDefault(),n&&r(u,{select:!0})):e.shiftKey&&s===u&&(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

@@ -6,6 +6,5 @@ import "../types/index.js";
  *
  * @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 [import("vue").ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
-//#endregion
-export { useForwardElement };
+export declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [import("vue").ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
+//#endregion

package/dist/composables/use-forward-element.js

@@ -1 +1 @@
-import{getElFromTemplateRef as e}from"../shared/vue.js";import"../shared/index.js";import{shallowRef as t}from"vue";function n(n){let r=t();function i(t){let i=e(t);i?(r.value=i,n?.(i)):r.value=void 0}return[r,i]}export{n as useForwardElement};
+import{getElFromTemplateRef as e}from"../shared/vue.js";import{shallowRef as t}from"vue";function n(n){let r=t();function i(t){let i=e(t);i?(r.value=i,n?.(i)):r.value=void 0}return[r,i]}export{n as useForwardElement};

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

@@ -1,4 +1,3 @@
 //#region src/composables/use-forward-listeners.d.ts
-declare function useForwardListeners<T extends string>(emit: (...args: any[]) => void): Record<T, (...args: any[]) => void>;
-//#endregion
-export { useForwardListeners };
+export declare function useForwardListeners<T extends string>(emit: (...args: any[]) => void): Record<T, (...args: any[]) => void>;
+//#endregion

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

@@ -1,16 +1,25 @@
-import { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
-import Fuse, { FuseResult, IFuseOptions } from "fuse.js";
+import { FuzzyOptions, FuzzyResult } from "../shared/fuzzy.js";
+import "../shared/index.js";
+import { ComputedRef, MaybeRefOrGetter } from "vue";
 //#region src/composables/use-fuse.d.ts
-type FuseOptions<T> = IFuseOptions<T>;
-interface UseFuseOptions<T> {
+export type FuseOptions<T> = FuzzyOptions<T>;
+export interface UseFuseOptions<T> {
   fuseOptions?: FuseOptions<T>;
   resultLimit?: number;
   matchAllWhenSearchEmpty?: boolean;
 }
-interface UseFuseReturn<DataItem> {
-  fuse: Ref<Fuse<DataItem>>;
-  results: ComputedRef<FuseResult<DataItem>[]>;
+export interface UseFuseReturn<T> {
+  results: ComputedRef<FuzzyResult<T>[]>;
 }
-declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): UseFuseReturn<DataItem>;
-//#endregion
-export { FuseOptions, UseFuseOptions, UseFuseReturn, useFuse };
+/**
+ * Reactive fuzzy search over a list of items, backed by the dependency-free
+ * `fuzzySearch` utility (fuse.js replacement). Scoring: exact > prefix > substring > subsequence,
+ * with optional per-key weights and a result limit.
+ *
+ * @param search - The search query (supports reactive values)
+ * @param data - The items to search (supports reactive values)
+ * @param options - Search options: key/weight config, result limit, and whether an empty
+ * query returns all items
+ */
+export declare function useFuse<T>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<T[]>, options?: MaybeRefOrGetter<UseFuseOptions<T>>): UseFuseReturn<T>;
+//#endregion

package/dist/composables/use-fuse.js

@@ -1 +1 @@
-import{computed as e,shallowRef as t,toValue as n,watch as r}from"vue";import i from"fuse.js";function a(a,o,s){let c=()=>new i(n(o)??[],n(s)?.fuseOptions),l=t(c());return r(()=>n(s)?.fuseOptions,()=>{l.value=c()},{deep:!0}),r(()=>n(o),e=>{l.value.setCollection(e)},{deep:!0}),{fuse:l,results:e(()=>{let e=n(s);if(e?.matchAllWhenSearchEmpty&&!n(a))return n(o).map((e,t)=>({item:e,refIndex:t}));let t=e?.resultLimit;return l.value.search(n(a),t?{limit:t}:void 0)})}}export{a as useFuse};
+import{fuzzySearch as e}from"../shared/fuzzy.js";import{computed as t,toValue as n}from"vue";function r(r,i,a){return{results:t(()=>{let t=n(a),o=n(r),s=n(i)??[];return t?.matchAllWhenSearchEmpty&&!o?s.map((e,t)=>({item:e,refIndex:t,score:1})):e(o,s,{...t?.fuseOptions,limit:t?.resultLimit??t?.fuseOptions?.limit})})}}export{r as useFuse};

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

@@ -1,6 +1,6 @@
 import { ShallowRef } from "vue";
 //#region src/composables/use-grace-area.d.ts
-interface UseGraceAreaOptions {
+export interface UseGraceAreaOptions {
   /** Reactive reference to the trigger element */
   triggerElement: ShallowRef<HTMLElement | undefined>;
   /** Reactive reference to the area element */
@@ -33,6 +33,5 @@ interface UseGraceAreaOptions {
  * - Intelligent pointer tracking and state management
  * - Automatic cleanup and performance optimizations
  */
-declare function useGraceArea(options: UseGraceAreaOptions): void;
-//#endregion
-export { UseGraceAreaOptions, useGraceArea };
+export declare function useGraceArea(options: UseGraceAreaOptions): void;
+//#endregion

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

package/dist/composables/use-hide-others.d.ts

@@ -1,15 +1,34 @@
 import { MaybeArray } from "../types/common.js";
 import "../types/index.js";
+import { MarkOthersOptions } from "../shared/mark-others.js";
+import "../shared/index.js";
 import { MaybeRefOrGetter } from "vue";
 //#region src/composables/use-hide-others.d.ts
+export interface UseHideOthersOptions extends MarkOthersOptions {
+  /**
+   * Keep a modal layer's own control channel instead of the modal default.
+   * By default a modal layer hides with `inert` where supported (background
+   * content leaves the accessibility tree and the tab order at once) and
+   * falls back to `aria-hidden="true"` elsewhere; pass explicit
+   * `inert` / `ariaHidden` values to override.
+   */
+  inert?: boolean;
+  ariaHidden?: boolean;
+}
 /**
- * The `useHideOthers` function is a TypeScript function that takes a target element reference and hides all other
- * elements in ARIA when the target element is present, and restores the visibility of the hidden elements when the
- * target element is removed.
+ * Hides everything outside `target` from assistive technology while the floating layer is
+ * open, and restores it when the target changes, the component unmounts, or `enabled`
+ * flips back to `false`. Non-modal layers pass `enabled: false` and become no-ops.
  *
- * @param target - reference to the element that you want to hide other elements when it is clicked or focused.
- * @param enabled - whether to enable the hide others functionality (supports reactive values)
+ * Modality resolution: when `enabled` is on and neither `inert` nor `ariaHidden` is set
+ * explicitly, `inert` wins where the runtime supports it (see `supportsInert`), falling
+ * back to `aria-hidden="true"`.
+ *
+ * @param target - The floating element (or elements) that stays visible and announced.
+ * @param enabled - Whether background hiding applies (supports reactive values).
+ * @param options - Channel overrides on top of the modal default.
  */
-declare function useHideOthers(target: MaybeRefOrGetter<MaybeArray<HTMLElement | null | undefined>>, enabled?: MaybeRefOrGetter<boolean | undefined>): void;
-//#endregion
-export { useHideOthers };
+export declare function useHideOthers(target: MaybeRefOrGetter<MaybeArray<HTMLElement | null | undefined>>, enabled?: MaybeRefOrGetter<boolean | undefined>, options?: UseHideOthersOptions): void;
+/** Whether the element currently carries the `markOthers` marker tag. Test-facing helper. */
+export declare function isMarkedAsInert(element: Element): boolean;
+//#endregion

package/dist/composables/use-hide-others.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{onWatcherCleanup as t,toValue as n,watchPostEffect as r}from"vue";import{filterNullish as i}from"@soybeanjs/utils";import{hideOthers as a}from"aria-hidden";function o(o,s=!0){r(()=>{if(!e)return;let r=n(o),c=i(Array.isArray(r)?r:[r]);if(c.length===0||c.some(e=>e.closest(`[popover]:not(:popover-open)`))||!n(s))return;let l=a(c);t(()=>{l()})})}export{o as useHideOthers};
+import{INERT_MARKER_ATTR as e}from"../constants/attr.js";import{filterNullish as t}from"../shared/array.js";import{isClient as n,supportsInert as r}from"../shared/env.js";import{markOthers as i}from"../shared/mark-others.js";import{onWatcherCleanup as a,toValue as o,watchPostEffect as s}from"vue";function c(e,c=!0,l={}){s(()=>{if(!n)return;let s=o(e),u=t(Array.isArray(s)?s:[s]);if(u.length===0||u.some(e=>e.closest(`[popover]:not(:popover-open)`))||!o(c))return;let{inert:d,ariaHidden:f,...p}=l,m={...p,inert:d??r(),ariaHidden:f??!r()},h=i(u,m);a(()=>{h()})})}function l(t){return t.hasAttribute(e)}export{l as isMarkedAsInert,c as useHideOthers};

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

@@ -13,6 +13,5 @@ interface ImageLoadingOptions {
  * @param options - Additional image loading options
  * @returns Reactive loading status
  */
-declare function useImageLoadingStatus(options: ImageLoadingOptions): import("vue").ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
-//#endregion
-export { useImageLoadingStatus };
+export declare function useImageLoadingStatus(options: ImageLoadingOptions): import("vue").ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
+//#endregion

package/dist/composables/use-image-loading-status.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{onWatcherCleanup as t,shallowRef as n,toValue as r,watchEffect as i}from"vue";function a(a){let{src:o,referrerpolicy:s,crossorigin:c}=a,l=n(`idle`);return e&&i(()=>{let e=r(o),n=r(s),i=r(c);if(!e){l.value=`error`;return}let a=!0,u=new window.Image,d=e=>()=>{a&&(l.value=e)};l.value=`loading`,n&&(u.referrerPolicy=n),i!==void 0&&(u.crossOrigin=i);let f=d(`loaded`),p=d(`error`);u.addEventListener(`load`,f),u.addEventListener(`error`,p),u.src=e,t(()=>{a=!1,u.removeEventListener(`load`,f),u.removeEventListener(`error`,p)})}),l}export{a as useImageLoadingStatus};
+import{isClient as e}from"../shared/env.js";import{onWatcherCleanup as t,shallowRef as n,toValue as r,watchEffect as i}from"vue";function a(a){let{src:o,referrerpolicy:s,crossorigin:c}=a,l=n(`idle`);return e&&i(()=>{let e=r(o),n=r(s),i=r(c);if(!e){l.value=`error`;return}let a=!0,u=new window.Image,d=e=>()=>{a&&(l.value=e)};l.value=`loading`,n&&(u.referrerPolicy=n),i!==void 0&&(u.crossOrigin=i);let f=d(`loaded`),p=d(`error`);u.addEventListener(`load`,f),u.addEventListener(`error`,p),u.src=e,t(()=>{a=!1,u.removeEventListener(`load`,f),u.removeEventListener(`error`,p)})}),l}export{a as useImageLoadingStatus};

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

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

package/dist/composables/use-is-using-keyboard.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{computed as t,onWatcherCleanup as n,shallowRef as r,watchPostEffect as i}from"vue";let a=0;const o=r(!1);let s=!1;function c(){o.value=!1}function l(){o.value=!0}function u(){s||(document.addEventListener(`keydown`,l,{capture:!0,passive:!0}),document.addEventListener(`pointerdown`,c,{capture:!0,passive:!0}),document.addEventListener(`pointermove`,c,{capture:!0,passive:!0}),s=!0)}function d(){s&&(document.removeEventListener(`keydown`,l,{capture:!0}),document.removeEventListener(`pointerdown`,c,{capture:!0}),document.removeEventListener(`pointermove`,c,{capture:!0}),s=!1)}function f(){return i(()=>{e&&(a++,a===1&&u(),n(()=>{a=Math.max(0,a-1),a===0&&(d(),o.value=!1)}))}),t(()=>o.value)}export{f as useIsUsingKeyboard};
+import{isClient as e}from"../shared/env.js";import{computed as t,onWatcherCleanup as n,shallowRef as r,watchPostEffect as i}from"vue";let a=0;const o=r(!1);let s=!1;function c(){o.value=!1}function l(){o.value=!0}function u(){s||=(document.addEventListener(`keydown`,l,{capture:!0,passive:!0}),document.addEventListener(`pointerdown`,c,{capture:!0,passive:!0}),document.addEventListener(`pointermove`,c,{capture:!0,passive:!0}),!0)}function d(){s&&=(document.removeEventListener(`keydown`,l,{capture:!0}),document.removeEventListener(`pointerdown`,c,{capture:!0}),document.removeEventListener(`pointermove`,c,{capture:!0}),!1)}function f(){return i(()=>{e&&(a++,a===1&&u(),n(()=>{a=Math.max(0,a-1),a===0&&(d(),o.value=!1)}))}),t(()=>o.value)}export{f as useIsUsingKeyboard};

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

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

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

@@ -2,7 +2,7 @@ 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 {
+export interface UsePopupEventsOptions {
   /**
    * Whether the popup is modal.
    */
@@ -12,11 +12,9 @@ interface UsePopupEventsOptions {
    */
   triggerElement: ShallowRef<HTMLElement | undefined>;
 }
-declare function usePopupEvents(options: UsePopupEventsOptions): {
-  onPointerDownOutside: (event: PointerDownOutsideEvent) => void;
+export declare function usePopupEvents(options: UsePopupEventsOptions): {
   onFocusOutside: (event: FocusOutsideEvent) => void;
   onInteractOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => void;
   onCloseAutoFocus: (event: Event) => void;
 };
-//#endregion
-export { UsePopupEventsOptions, usePopupEvents };
+//#endregion

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

@@ -1 +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};
+function e(e){let{modal:t,triggerElement:n}=e,r=!1,i=!1;return{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,5 +1,4 @@
 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): import("vue").ComputedRef<boolean>;
-//#endregion
-export { usePresence };
+export declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): import("vue").ComputedRef<boolean>;
+//#endregion

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

@@ -1,6 +1,5 @@
 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>[]): import("vue").ComputedRef<Pick<T, K>>;
-declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): import("vue").ComputedRef<Omit<T, K>>;
-//#endregion
-export { useOmitProps, usePickProps };
+export declare function usePickProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): import("vue").ComputedRef<Pick<T, K>>;
+export declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): import("vue").ComputedRef<Omit<T, K>>;
+//#endregion

package/dist/composables/use-props.js

@@ -1 +1 @@
-import{omit as e,pick as t}from"../shared/object.js";import"../shared/index.js";import{computed as n,toValue as r}from"vue";function i(e,r,...i){return n(()=>({...t(e,r),...o(...i)}))}function a(t,r,...i){return n(()=>({...e(t,r),...o(...i)}))}function o(...e){return e.length===0?{}:e.map(e=>r(e)||{}).reduce((e,t)=>({...e,...t}),{})}export{a as useOmitProps,i as usePickProps};
+import{omit as e,pick as t}from"../shared/object.js";import{computed as n,toValue as r}from"vue";function i(e,r,...i){return n(()=>({...t(e,r),...o(...i)}))}function a(t,r,...i){return n(()=>({...e(t,r),...o(...i)}))}function o(...e){return e.length===0?{}:e.map(e=>r(e)||{}).reduce((e,t)=>({...e,...t}),{})}export{a as useOmitProps,i as usePickProps};