@soybeanjs/headless 0.0.1-beta.3

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

@@ -0,0 +1,54 @@
+import { VNodeRef } from "../types/vue.js";
+import "../types/index.js";
+import * as vue3 from "vue";
+import { MaybeRefOrGetter, Ref } from "vue";
+
+//#region src/composables/use-collection.d.ts
+interface CollectionItemData<ItemData = Record<string, any>> {
+  element: HTMLElement;
+  data: ItemData;
+}
+/**
+ * Create a collection composable for managing a group of related elements
+ *
+ * @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): {
+  provideCollectionContext: () => {
+    containerElement: vue3.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: vue3.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: vue3.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: vue3.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: vue3.ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    onItemElementChange: (element: HTMLElement) => void;
+    setItemElement: (nodeRef: VNodeRef) => void;
+    itemProps: {
+      "data-soybean-collection-item": string;
+    };
+  };
+};
+//#endregion
+export { CollectionItemData, useCollection };

package/dist/composables/use-collection.js

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

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

@@ -0,0 +1,4 @@
+//#region src/composables/use-context.d.ts
+declare function useContext<Arguments extends Array<any>, T>(contextName: string, composable: (...args: Arguments) => T): readonly [(...args: Arguments) => T, <N extends string | null | undefined = undefined>(consumerName?: N, defaultValue?: T) => N extends null | undefined ? T | null : T];
+//#endregion
+export { useContext };

package/dist/composables/use-context.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../shared/guard.js";import{inject as t,provide as n}from"vue";function r(r,i){let a=Symbol(r);return[(...e)=>{let t=i(...e);return n(a,t),t},(n,i)=>{let o=t(a,i);if(!e(n)&&!o)throw Error(`\`${n}\` must be used within \`${r}\``);return o||null}]}export{r as useContext};

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

@@ -0,0 +1,6 @@
+import { ShallowRef } from "vue";
+
+//#region src/composables/use-controllable-state.d.ts
+declare function useControllableState<T>(prop: () => T, onChange: ((value: T) => void) | undefined, defaultValue: T): ShallowRef<T>;
+//#endregion
+export { useControllableState };

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

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

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

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

package/dist/composables/use-direction.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../components/config-provider/context.js";import{computed as t,toValue as n}from"vue";function r(r){let i=e();return t(()=>n(r)||i?.dir?.value||`ltr`)}export{r as useDirection};

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

@@ -0,0 +1,60 @@
+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 vue10 from "vue";
+import { CSSProperties, MaybeRefOrGetter, ShallowRef } from "vue";
+
+//#region src/composables/use-dismissable-layer.d.ts
+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
+   * trigger the element.
+   */
+  disableOutsidePointerEvents?: MaybeRefOrGetter<boolean>;
+  /** Handler called when the `DismissableLayer` should be dismissed */
+  onDismiss?: () => void;
+}
+declare const layerContext: {
+  layers: vue10.ShallowReactive<Set<HTMLElement>>;
+  layersWithOutsidePointerEventsDisabled: vue10.ShallowReactive<Set<HTMLElement>>;
+  branches: vue10.ShallowReactive<Set<HTMLElement>>;
+};
+/**
+ * Composable for creating dismissable layers with outside interaction handling
+ *
+ * @param layerElementRef - Reference to the dismissable layer element
+ * @param options - Configuration options for the dismissable layer
+ * @returns Properties and handlers for the dismissable layer
+ */
+declare function useDismissableLayer(layerElementRef: ShallowRef<HTMLElement | undefined>, options?: UseDismissableLayerOptions): {
+  computedPointerEvents: vue10.ComputedRef<"auto" | "none" | undefined>;
+  computedStyle: vue10.ComputedRef<CSSProperties>;
+  layerProps: {
+    "data-dismissable-layer": string;
+  };
+};
+/**
+ * Composable for creating dismissable layer branches that don't trigger dismissal
+ *
+ * @param branchElementRef - Reference to the branch element
+ */
+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>): {
+  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>): {
+  onFocusCapture: () => void;
+  onBlurCapture: () => void;
+};
+//#endregion
+export { UseDismissableLayerOptions, layerContext, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside };

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

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

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

@@ -0,0 +1,6 @@
+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 };

package/dist/composables/use-escape-key-down.js

@@ -0,0 +1 @@
+import{onWatcherCleanup as e,toValue as t,watchPostEffect as n}from"vue";let r=[],i;function a(a,s){n(()=>{let n=t(a);if(!n)return;let c=r.length===0,l=i!==n;(c||l)&&(l&&i&&i.removeEventListener(`keydown`,o),i=n,n.addEventListener(`keydown`,o)),r.includes(s)||r.push(s),e(()=>{r=r.filter(e=>e!==s),r.length===0&&(i?.removeEventListener(`keydown`,o),i=void 0)})})}function o(e){let t=e;if(t.key===`Escape`)for(let e of r.slice())e(t)}export{a as useEscapeKeyDown};

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

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

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

@@ -0,0 +1 @@
+import{useForwardElement as e}from"./use-forward-element.js";import{getCurrentInstance as t,shallowRef as n}from"vue";function r(r){let i=t();if(!i)return console.warn(`useExposedElement must be called within setup()`),[n(),()=>{}];let[a,o]=e(r);return i.exposed||Object.defineProperty(i,`exposed`,{value:{},writable:!0,configurable:!0}),[a,e=>{o(e),Object.defineProperty(i.exposed,`$el`,{enumerable:!0,configurable:!0,get:()=>a.value})}]}export{r as useExposedElement};

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

@@ -0,0 +1,4 @@
+//#region src/composables/use-focus-guards.d.ts
+declare function useFocusGuards(): void;
+//#endregion
+export { useFocusGuards };

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

@@ -0,0 +1 @@
+import{isClient as e}from"../shared/env.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};

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

@@ -0,0 +1,29 @@
+import { FocusScopeEmits } from "../types/component.js";
+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> {
+  /**
+   * When `true`, tabbing from last item will focus first tabbable and shift+tab from first item will focus last
+   * tabbable.
+   *
+   * @defaultValue false
+   */
+  loop?: MaybeRefOrGetter<boolean>;
+  /**
+   * When `true`, focus cannot escape the focus scope via keyboard, pointer, or a programmatic focus.
+   *
+   * @defaultValue false
+   */
+  trapped?: MaybeRefOrGetter<boolean>;
+}
+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

@@ -0,0 +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=`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();if(!e.contains(l)){let o=new CustomEvent(p,h);b&&e.addEventListener(p,b),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);x&&e.addEventListener(m,x),e.dispatchEvent(t);let n=window.setTimeout(()=>{t.defaultPrevented||r(l??document.body,{select:!0}),x&&e.removeEventListener(m,x),g.remove(C),window.clearTimeout(n)},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,focusScopeProps:{tabindex:`-1`}}}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};

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

@@ -0,0 +1,14 @@
+import { VNodeRef } from "../types/vue.js";
+import "../types/index.js";
+import * as vue16 from "vue";
+
+//#region src/composables/use-forward-element.d.ts
+
+/**
+ * Forward the element ref to the parent component.
+ *
+ * @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 [vue16.ShallowRef<T | undefined, T | undefined>, (nodeRef: VNodeRef) => void];
+//#endregion
+export { useForwardElement };

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

@@ -0,0 +1 @@
+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))}return[r,i]}export{n as useForwardElement};

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

@@ -0,0 +1,4 @@
+//#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 };

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

@@ -0,0 +1 @@
+import{getCurrentInstance as e}from"vue";function t(t){let n=e()?.type?.emits||[],r={};return n.forEach(e=>{r[e]=(...n)=>{t(e,...n)}}),r}export{t as useForwardListeners};

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

@@ -0,0 +1,39 @@
+import { ShallowRef } from "vue";
+
+//#region src/composables/use-grace-area.d.ts
+interface UseGraceAreaOptions {
+  /** Reactive reference to the trigger element */
+  triggerElement: ShallowRef<HTMLElement | undefined>;
+  /** Reactive reference to the content element */
+  contentElement: 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 */
+  onPointerExit: () => void;
+  /** Whether to disable the grace area feature */
+  disabled?: ShallowRef<boolean | undefined>;
+  /** DOM attribute name for secondary areas used to identify sub-area elements */
+  subAreaAttribute?: string;
+  /** Callback invoked when entering a sub-area */
+  onSubAreaEnter?: (subArea: HTMLElement) => void;
+  /** Callback invoked when leaving a sub-area */
+  onSubAreaExit?: (subArea: HTMLElement) => void;
+}
+/**
+ * Grace Area composable that provides intelligent hover area management.
+ *
+ * A grace area is a geometric region that allows the user to move
+ * from the trigger to the content without accidentally closing the
+ * floating content. Secondary area support is included.
+ *
+ * @param options - Configuration options
+ *
+ * Features:
+ * - Automatically creates a safe transition area from trigger to content
+ * - Supports detection and management of secondary hover areas
+ * - Intelligent pointer tracking and state management
+ * - Automatic cleanup and performance optimizations
+ */
+declare function useGraceArea(options: UseGraceAreaOptions): void;
+//#endregion
+export { UseGraceAreaOptions, useGraceArea };

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

@@ -0,0 +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};

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

@@ -0,0 +1,15 @@
+import { MaybeRefOrGetter } from "vue";
+
+//#region src/composables/use-hide-others.d.ts
+
+/**
+ * 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.
+ *
+ * @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)
+ */
+declare function useHideOthers(target: MaybeRefOrGetter<HTMLElement | undefined>, enabled?: MaybeRefOrGetter<boolean | undefined>): void;
+//#endregion
+export { useHideOthers };

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

@@ -0,0 +1 @@
+import{isClient as e}from"../shared/env.js";import{onWatcherCleanup as t,toValue as n,watchPostEffect as r}from"vue";import{hideOthers as i}from"aria-hidden";function a(a,o=!0){r(()=>{if(!e)return;let r=n(a);if(!r||!n(o)||import.meta.env.MODE===`test`)return;let s=i(r);t(()=>{s()})})}export{a as useHideOthers};

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

@@ -0,0 +1,20 @@
+import { ImageLoadingStatus } from "../types/dom.js";
+import "../types/index.js";
+import * as vue8 from "vue";
+import { ImgHTMLAttributes, MaybeRefOrGetter } from "vue";
+
+//#region src/composables/use-image-loading-status.d.ts
+interface ImageLoadingOptions {
+  src: MaybeRefOrGetter<string>;
+  referrerpolicy?: MaybeRefOrGetter<ImgHTMLAttributes['referrerpolicy']>;
+  crossorigin?: MaybeRefOrGetter<ImgHTMLAttributes['crossorigin']>;
+}
+/**
+ * Composable for tracking image loading status
+ *
+ * @param options - Additional image loading options
+ * @returns Reactive loading status
+ */
+declare function useImageLoadingStatus(options: ImageLoadingOptions): vue8.ShallowRef<ImageLoadingStatus, ImageLoadingStatus>;
+//#endregion
+export { useImageLoadingStatus };

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

@@ -0,0 +1 @@
+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),u.onload=d(`loaded`),u.onerror=d(`error`),u.src=e,t(()=>{a=!1,u.onload=null,u.onerror=null})}),l}export{a as useImageLoadingStatus};

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

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

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

@@ -0,0 +1 @@
+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

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

package/dist/composables/use-kbd.js

@@ -0,0 +1 @@
+import{computed as e,onMounted as t,reactive as n}from"vue";import{createSharedComposable as r}from"@vueuse/core";const i={meta:``,ctrl:``,alt:``,win:`⊞`,command:`⌘`,shift:`⇧`,option:`⌥`,enter:`↵`,delete:`⌦`,backspace:`⌫`,escape:`⎋`,tab:`⇥`,capslock:`⇪`,arrowup:`↑`,arrowright:`→`,arrowdown:`↓`,arrowleft:`←`,pageup:`⇞`,pagedown:`⇟`,home:`↖`,end:`↘`};function a(){let r=e(()=>navigator&&navigator.userAgent&&navigator.userAgent.match(/Macintosh;/)),a=n({meta:` `,alt:` `,ctrl:` `});function o(e){if(e)return[`meta`,`alt`,`ctrl`].includes(e)?a[e]:i[e]||e.toUpperCase()}return t(()=>{a.meta=r.value?i.command:i.win,a.alt=r.value?i.option:`alt`,a.ctrl=r.value?`⌃`:`ctrl`}),{macOS:r,getKeyboardKey:o}}const o=r(a);export{i as kbdMap,o as useKbd};

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

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

package/dist/composables/use-locale.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../components/config-provider/context.js";import{computed as t,toValue as n}from"vue";function r(r){let i=e();return t(()=>n(r)||i?.locale?.value||`en`)}export{r as useLocale};

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

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

package/dist/composables/use-nonce.js

@@ -0,0 +1 @@
+import{useConfigProvider as e}from"../components/config-provider/context.js";import{computed as t,toValue as n}from"vue";function r(r){let i=e();return t(()=>n(r)||i?.nonce?.value)}export{r as useNonce};

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

@@ -0,0 +1,7 @@
+import * as vue24 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): vue24.ComputedRef<boolean>;
+//#endregion
+export { usePresence };

package/dist/composables/use-presence.js

@@ -0,0 +1 @@
+import{useStateMachine as e}from"./use-state-machine.js";import{computed as t,onWatcherCleanup as n,toValue as r,watchPostEffect as i}from"vue";function a(a,s,c){let l={},u=`none`,[d,f]=e(r(s)?`mounted`:`unmounted`,{mounted:{UNMOUNT:`unmounted`,ANIMATION_OUT:`unmountSuspended`},unmountSuspended:{MOUNT:`mounted`,ANIMATION_END:`unmounted`},unmounted:{MOUNT:`mounted`}}),p=t(()=>[`mounted`,`unmountSuspended`].includes(d.value)),m=e=>{let t=o(l).includes(CSS.escape(e.animationName));e.target===a.value&&t&&f(`ANIMATION_END`)},h=e=>{e.target===a.value&&(u=o(l))};return i(()=>{let e=o(l);u=d.value===`mounted`?e:`none`}),i(()=>{let e=r(s);c?.(!!e);let t=o(l);e?f(`MOUNT`):t===`none`||l?.display===`none`?f(`UNMOUNT`):f(u===t?`UNMOUNT`:`ANIMATION_OUT`)}),i(()=>{let e=a.value;e?(l=getComputedStyle(e),e.addEventListener(`animationstart`,h),e.addEventListener(`animationcancel`,m),e.addEventListener(`animationend`,m),n(()=>{e.removeEventListener(`animationstart`,h),e.removeEventListener(`animationcancel`,m),e.removeEventListener(`animationend`,m)})):f(`ANIMATION_END`)}),p}function o(e){return e?.animationName||`none`}export{a as usePresence};

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

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

package/dist/composables/use-props.js

@@ -0,0 +1 @@
+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};

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

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

package/dist/composables/use-selection.js

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

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

@@ -0,0 +1,14 @@
+import { ShallowRef } from "vue";
+
+//#region src/composables/use-state-machine.d.ts
+interface Machine<S> {
+  [k: string]: {
+    [k: string]: S;
+  };
+}
+type MachineState<T> = keyof T;
+type MachineEvent<T> = keyof UnionToIntersection<T[keyof T]>;
+type UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends ((x: infer R) => any) ? R : never;
+declare function useStateMachine<M extends object>(initialState: MachineState<M>, machine: M & Machine<MachineState<M>>): readonly [ShallowRef<keyof M>, (event: MachineEvent<M>) => void];
+//#endregion
+export { useStateMachine };

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

@@ -0,0 +1 @@
+import{shallowRef as e}from"vue";function t(t,n){let r=e(t);function i(e){return n[r.value][e]??r.value}function a(e){r.value=i(e)}return[r,a]}export{t as useStateMachine};

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

@@ -0,0 +1,11 @@
+import { CollectionItemData } from "./use-collection.js";
+import * as _vueuse_shared0 from "@vueuse/shared";
+
+//#region src/composables/use-typeahead.d.ts
+declare function useTypeahead(callback?: (search: string) => void): {
+  search: _vueuse_shared0.RefAutoResetReturn<string>;
+  handleTypeaheadSearch: (key: string, items: CollectionItemData[]) => HTMLElement | undefined;
+  resetTypeahead: () => void;
+};
+//#endregion
+export { useTypeahead };

package/dist/composables/use-typeahead.js

@@ -0,0 +1 @@
+import{getNextMatch as e}from"../shared/object.js";import{getActiveElement as t}from"../shared/dom.js";import{refAutoReset as n}from"@vueuse/core";function r(r){let i=n(``,1e3);return{search:i,handleTypeaheadSearch:(n,a)=>{if(i.value+=n,r){r(n);return}let o=t(),s=a.map(e=>({...e,textValue:e.data?.textValue??e.element.textContent?.trim()??``})),c=s.find(e=>e.element===o),l=e(s.map(e=>e.textValue),i.value,c?.textValue),u=s.find(e=>e.textValue===l);return u&&u.element.focus(),u?.element},resetTypeahead:()=>{i.value=``}}}export{r as useTypeahead};

package/dist/constants/attr.d.ts

@@ -0,0 +1,5 @@
+//#region src/constants/attr.d.ts
+declare const COLLECTION_ITEM_ATTRIBUTE = "data-soybean-collection-item";
+declare const GRACE_AREA_TRIGGER_ATTR = "data-grace-area-trigger";
+//#endregion
+export { COLLECTION_ITEM_ATTRIBUTE, GRACE_AREA_TRIGGER_ATTR };

package/dist/constants/attr.js

@@ -0,0 +1 @@
+const e=`data-soybean-collection-item`,t=`data-grace-area-trigger`;export{e as COLLECTION_ITEM_ATTRIBUTE,t as GRACE_AREA_TRIGGER_ATTR};

package/dist/constants/common.d.ts

@@ -0,0 +1,11 @@
+import { Align, FocusIntent, NavigationKey, Side } from "../types/common.js";
+import "../types/index.js";
+
+//#region src/constants/common.d.ts
+declare const MAP_KEY_TO_FOCUS_INTENT: Record<NavigationKey, FocusIntent>;
+declare const SIDE_OPTIONS: Side[];
+declare const ALIGN_OPTIONS: Align[];
+declare const OPPOSITE_SIDE: Record<Side, Side>;
+declare const SELECTION_KEYS: string[];
+//#endregion
+export { ALIGN_OPTIONS, MAP_KEY_TO_FOCUS_INTENT, OPPOSITE_SIDE, SELECTION_KEYS, SIDE_OPTIONS };

package/dist/constants/common.js

@@ -0,0 +1 @@
+const e={ArrowLeft:`prev`,ArrowUp:`prev`,ArrowRight:`next`,ArrowDown:`next`,PageUp:`first`,Home:`first`,PageDown:`last`,End:`last`},t=[`top`,`right`,`bottom`,`left`],n=[`start`,`center`,`end`],r={top:`bottom`,right:`left`,bottom:`top`,left:`right`},i=[`Enter`,` `];export{n as ALIGN_OPTIONS,e as MAP_KEY_TO_FOCUS_INTENT,r as OPPOSITE_SIDE,i as SELECTION_KEYS,t as SIDE_OPTIONS};

package/dist/constants/components.d.ts

@@ -0,0 +1,50 @@
+//#region src/constants/components.d.ts
+declare const components: {
+  accordion: string[];
+  alert: string[];
+  alertDialog: string[];
+  arrow: string[];
+  aspectRatio: string[];
+  avatar: string[];
+  badge: string[];
+  breadcrumb: string[];
+  button: string[];
+  card: string[];
+  checkbox: string[];
+  collapsible: string[];
+  configProvider: string[];
+  contextMenu: string[];
+  dialog: string[];
+  divider: string[];
+  dropdownMenu: string[];
+  form: string[];
+  input: string[];
+  kbd: string[];
+  label: string[];
+  layout: string[];
+  link: string[];
+  list: string[];
+  listbox: string[];
+  menu: string[];
+  navigationMenu: string[];
+  numberInput: string[];
+  pagination: string[];
+  popover: string[];
+  popper: string[];
+  portal: string[];
+  primitive: string[];
+  radioGroup: string[];
+  rovingFocus: string[];
+  select: string[];
+  slot: string[];
+  switch: string[];
+  tabs: string[];
+  tag: string[];
+  textarea: string[];
+  tooltip: string[];
+  tree: string[];
+  virtualizer: string[];
+  visuallyHidden: string[];
+};
+//#endregion
+export { components };

package/dist/constants/components.js

@@ -0,0 +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`],tooltip:[`TooltipArrow`,`TooltipContent`,`TooltipPortal`,`TooltipRoot`,`TooltipTrigger`],tree:[`TreeItem`,`TreeRoot`,`TreeVirtualizerItem`,`TreeVirtualizerRoot`],virtualizer:[`VirtualizerContent`,`VirtualizerItem`,`VirtualizerRoot`],visuallyHidden:[`VisuallyHiddenInput`,`VisuallyHidden`]};export{e as components};

package/dist/constants/index.d.ts

@@ -0,0 +1,4 @@
+import { ALIGN_OPTIONS, MAP_KEY_TO_FOCUS_INTENT, OPPOSITE_SIDE, SELECTION_KEYS, SIDE_OPTIONS } from "./common.js";
+import { COLLECTION_ITEM_ATTRIBUTE, GRACE_AREA_TRIGGER_ATTR } from "./attr.js";
+import { components } from "./components.js";
+export { ALIGN_OPTIONS, COLLECTION_ITEM_ATTRIBUTE, GRACE_AREA_TRIGGER_ATTR, MAP_KEY_TO_FOCUS_INTENT, OPPOSITE_SIDE, SELECTION_KEYS, SIDE_OPTIONS, components };

package/dist/constants/index.js

@@ -0,0 +1 @@
+import{ALIGN_OPTIONS as e,MAP_KEY_TO_FOCUS_INTENT as t,OPPOSITE_SIDE as n,SELECTION_KEYS as r,SIDE_OPTIONS as i}from"./common.js";import{COLLECTION_ITEM_ATTRIBUTE as a,GRACE_AREA_TRIGGER_ATTR as o}from"./attr.js";import{components as s}from"./components.js";export{e as ALIGN_OPTIONS,a as COLLECTION_ITEM_ATTRIBUTE,o as GRACE_AREA_TRIGGER_ATTR,t as MAP_KEY_TO_FOCUS_INTENT,n as OPPOSITE_SIDE,r as SELECTION_KEYS,i as SIDE_OPTIONS,s as components};