@soybeanjs/headless 0.0.9 → 0.0.10

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{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};
+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";import{useUiContext as M}from"./use-ui-context.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,M as useUiContext};

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

@@ -1,6 +1,6 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue1 from "vue";
+import * as vue0 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: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue0.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: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue0.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: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue0.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: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    containerElement: vue0.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: vue1.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    itemElement: vue0.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 vue6 from "vue";
+import * as vue4 from "vue";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-direction.d.ts
-declare function useDirection(dir?: MaybeRefOrGetter<Direction | undefined>): vue6.ComputedRef<Direction>;
+declare function useDirection(dir?: MaybeRefOrGetter<Direction | undefined>): vue4.ComputedRef<Direction>;
 //#endregion
 export { useDirection };

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

@@ -2,7 +2,7 @@ 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 vue7 from "vue";
+import * as vue5 from "vue";
 import { MaybeRefOrGetter, ShallowRef } from "vue";
 
 //#region src/composables/use-dismissable-layer.d.ts
@@ -24,7 +24,7 @@ interface UseDismissableLayerOptions extends EmitsToHookProps<DismissableLayerEm
  * @returns Properties and handlers for the dismissable layer
  */
 declare function useDismissableLayer(layerElement: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
-  pointerEvents: vue7.ComputedRef<"auto" | "none" | undefined>;
+  pointerEvents: vue5.ComputedRef<"auto" | "none" | undefined>;
 };
 /**
  * Composable for creating dismissable layer branches that don't trigger dismissal

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

@@ -1,9 +1,9 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue8 from "vue";
+import * as vue6 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 [vue8.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
+declare function useExposedElement(callback?: (el: HTMLElement) => void): readonly [vue6.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useExposedElement };

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

@@ -1,6 +1,6 @@
 import { VNodeRef } from "../types/vue.js";
 import "../types/index.js";
-import * as vue9 from "vue";
+import * as vue7 from "vue";
 
 //#region src/composables/use-forward-element.d.ts
 
@@ -9,6 +9,6 @@ import * as vue9 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 [vue9.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
+declare function useForwardElement<T extends HTMLElement = HTMLElement>(callback?: (el: T) => void): readonly [vue7.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
 //#endregion
 export { useForwardElement };

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

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

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

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

@@ -1,7 +1,7 @@
-import * as vue14 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>): vue14.ComputedRef<string | undefined>;
+declare function useNonce(nonce?: MaybeRefOrGetter<string | undefined>): vue12.ComputedRef<string | undefined>;
 //#endregion
 export { useNonce };

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

@@ -1,7 +1,7 @@
-import * as vue15 from "vue";
+import * as vue13 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): vue15.ComputedRef<boolean>;
+declare function usePresence(elRef: Ref<HTMLElement | null | undefined>, present: MaybeRefOrGetter<boolean | undefined>, onChange?: (value: boolean) => void): vue13.ComputedRef<boolean>;
 //#endregion
 export { usePresence };

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

@@ -1,8 +1,8 @@
-import * as vue16 from "vue";
+import * as vue14 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>[]): vue14.ComputedRef<Pick<T, K>>;
+declare function useOmitProps<T extends object, K extends keyof T>(props: T, keys: K[], ...extraProps: MaybeRefOrGetter<object>[]): vue14.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 vue18 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: vue18.ShallowRef<(M extends true ? N[] : N) | undefined>;
+  modelValue: vue16.ShallowRef<(M extends true ? N[] : N) | undefined>;
   onModelValueChange: (value: N) => void;
-  isMultiple: vue18.ComputedRef<boolean>;
-  isEmptyModelValue: vue18.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||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};
+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){let t=o.value===e?void 0:e;o.value=t,t===void 0&&i(t);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/composables/use-ui-context.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../types/common.js";
+import "../types/index.js";
+import { ComputedRef } from "vue";
+
+//#region src/composables/use-ui-context.d.ts
+declare function useUiContext<UiSlot extends string>(contextName: string, uiHook?: (ui: ComputedRef<Partial<UiClass<UiSlot>>>) => ComputedRef<Partial<UiClass<UiSlot>>>): readonly [(ui: ComputedRef<Partial<UiClass<UiSlot>>>) => ComputedRef<Partial<UiClass<UiSlot>>>, <S extends UiSlot | undefined = undefined>(slot?: S) => S extends UiSlot ? ComputedRef<ClassValue> : ComputedRef<Partial<UiClass<UiSlot>>>];
+//#endregion
+export { useUiContext };

package/dist/composables/use-ui-context.js

@@ -0,0 +1 @@
+import{useContext as e}from"./use-context.js";import{computed as t}from"vue";function n(n,r=e=>e){let[i,a]=e(n,r);return[i,e=>{let n=a();return t(e?()=>n?.value?.[e]:()=>n?.value??{})}]}export{n as useUiContext};