@soybeanjs/headless 0.29.0-beta.9 → 0.29.0

package/dist/composables/use-floating.js

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

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"../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};

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

@@ -0,0 +1,25 @@
+import { FocusScopeEmits } from "../types/component.js";
+import { EmitsToHookProps } from "../types/vue.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;
+};
+//#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"../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};

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

@@ -0,0 +1,10 @@
+import { VNodeRef } from "../types/vue.js";
+//#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 [import("vue").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"../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))}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-fuse.d.ts

@@ -0,0 +1,17 @@
+import { ComputedRef, MaybeRefOrGetter, Ref } from "vue";
+import Fuse, { FuseResult, IFuseOptions } from "fuse.js";
+
+//#region src/composables/use-fuse.d.ts
+type FuseOptions<T> = IFuseOptions<T>;
+interface UseFuseOptions<T> {
+  fuseOptions?: FuseOptions<T>;
+  resultLimit?: number;
+  matchAllWhenSearchEmpty?: boolean;
+}
+interface UseFuseReturn<DataItem> {
+  fuse: Ref<Fuse<DataItem>>;
+  results: ComputedRef<FuseResult<DataItem>[]>;
+}
+declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): UseFuseReturn<DataItem>;
+//#endregion
+export { FuseOptions, UseFuseOptions, UseFuseReturn, useFuse };

package/dist/composables/use-fuse.js

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

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 area element */
+  areaElement: ShallowRef<HTMLElement | undefined>;
+  /** Callback invoked when the pointer in-transit state changes */
+  onPointerInTransitChange?: (v: boolean) => void;
+  /** Callback invoked when the pointer exits the grace area */
+  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"../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;n instanceof HTMLElement&&(y.value=p({x:r,y:i},n,t),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;y.value=p({x:r,y:i},e,n),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=i(e,n(e,t.getBoundingClientRect()),1),c=a(o.getBoundingClientRect());return r([...s,...c])}export{f as useGraceArea};

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

@@ -0,0 +1,15 @@
+import { MaybeArray } from "../types/common.js";
+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<MaybeArray<HTMLElement | null | 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"../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};

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

@@ -0,0 +1,18 @@
+import { ImageLoadingStatus } from "../types/dom.js";
+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): import("vue").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"../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};

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

@@ -0,0 +1,4 @@
+//#region src/composables/use-is-using-keyboard.d.ts
+declare function useIsUsingKeyboard(): import("vue").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"../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};

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

@@ -0,0 +1,10 @@
+import { KbdKey } from "../types/common.js";
+//#region src/composables/use-kbd.d.ts
+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 };

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-popup-events.d.ts

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

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

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

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

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

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

package/dist/composables/use-props.js

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

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

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

package/dist/composables/use-selection.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../shared/guard.js";import{getVueBooleanCasting as t}from"../shared/vue.js";import"../shared/index.js";import{useControllableState as n}from"./use-controllable-state.js";import{computed as r,toValue as i}from"vue";function a(a,o){let s=r(()=>i(a)),c=r(()=>t(s.value.multiple)),l=r(()=>t(s.value.clearable)),u=r(()=>(s.value.selectionBehavior??`toggle`)===`toggle`),d=n(()=>s.value.modelValue,e=>{o(e)},f(),!0);function f(){return e(s.value.defaultValue)?c.value?[]:void 0:s.value.defaultValue}return{modelValue:d,onModelValueChange:e=>{if(!c.value){if(!u.value){d.value=e;return}let t=d.value===e?void 0:e;if(t===void 0&&!l.value)return;d.value=t;return}if(u.value){let t=[...d.value??[]];t=t.includes(e)?t.filter(t=>t!==e):[...t,e],d.value=t;return}d.value=[e]},setModelValue:e=>{if(c.value&&Array.isArray(e)){d.value=e;return}!c.value&&!Array.isArray(e)&&(d.value=e)},resetModelValue:()=>{d.value=c.value?[]:void 0},isValueSelected:e=>c.value&&Array.isArray(d.value)?d.value.includes(e):d.value===e,isMultiple:c,isEmptyModelValue:r(()=>c.value&&Array.isArray(d.value)?d.value?.length===0:e(d.value))}}export{a 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,10 @@
+import { CollectionItemData } from "./use-collection.js";
+
+//#region src/composables/use-typeahead.d.ts
+declare function useTypeahead(callback?: (search: string) => void): {
+  search: import("@vueuse/shared").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"../shared/index.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/composables/use-ui-context.d.ts

@@ -0,0 +1,8 @@
+import { ClassValue, UiClass } from "../types/common.js";
+import { ComputedRef } from "vue";
+
+//#region src/composables/use-ui-context.d.ts
+type UseUiConsumer<UiSlot extends string> = <S extends UiSlot | undefined = undefined>(slot?: S) => S extends UiSlot ? ComputedRef<ClassValue> : ComputedRef<Partial<UiClass<UiSlot>>>;
+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>>>, UseUiConsumer<UiSlot>];
+//#endregion
+export { UseUiConsumer, 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};

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,9 @@
+import { Align, FocusIntent, NavigationKey, Side } from "../types/common.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,95 @@
+//#region src/constants/components.d.ts
+declare const components: {
+  accordion: string[];
+  affix: string[];
+  alert: string[];
+  anchor: string[];
+  arrow: string[];
+  aspectRatio: string[];
+  autocomplete: string[];
+  avatar: string[];
+  backtop: string[];
+  badge: string[];
+  bottomSheet: string[];
+  breadcrumb: string[];
+  button: string[];
+  calendar: string[];
+  calendarRange: string[];
+  card: string[];
+  carousel: string[];
+  checkbox: string[];
+  clipboard: string[];
+  collapsible: string[];
+  colorArea: string[];
+  colorField: string[];
+  colorPicker: string[];
+  colorSlider: string[];
+  colorSwatch: string[];
+  colorSwatchPicker: string[];
+  combobox: string[];
+  command: string[];
+  configProvider: string[];
+  contextMenu: string[];
+  dateField: string[];
+  datePicker: string[];
+  dateRangeField: string[];
+  dateRangePicker: string[];
+  dialog: string[];
+  dropdownMenu: string[];
+  editable: string[];
+  empty: string[];
+  form: string[];
+  hoverCard: string[];
+  input: string[];
+  inputNumber: string[];
+  inputOtp: string[];
+  kbd: string[];
+  label: string[];
+  layout: string[];
+  link: string[];
+  list: string[];
+  listbox: string[];
+  menu: string[];
+  menubar: string[];
+  navigationMenu: string[];
+  pageTabs: string[];
+  pagination: string[];
+  password: string[];
+  popconfirm: string[];
+  popover: string[];
+  popper: string[];
+  portal: string[];
+  primitive: string[];
+  progress: string[];
+  radioGroup: string[];
+  rovingFocus: string[];
+  scrollArea: string[];
+  segment: string[];
+  select: string[];
+  separator: string[];
+  skeleton: string[];
+  slider: string[];
+  slot: string[];
+  splitter: string[];
+  stepper: string[];
+  switch: string[];
+  table: string[];
+  tabs: string[];
+  tag: string[];
+  tagsInput: string[];
+  textarea: string[];
+  timeField: string[];
+  timeRangeField: string[];
+  toast: string[];
+  toggle: string[];
+  toggleGroup: string[];
+  toolbar: string[];
+  tooltip: string[];
+  tree: string[];
+  treeMenu: string[];
+  virtualizer: string[];
+  visuallyHidden: string[];
+  watermark: string[];
+};
+//#endregion
+export { components };

package/dist/constants/components.js

@@ -0,0 +1 @@
+const e={accordion:[`AccordionCompact`,`AccordionRoot`,`AccordionItem`,`AccordionHeader`,`AccordionTrigger`,`AccordionContent`,`AccordionDescription`],affix:[`AffixCompact`,`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertCompact`,`AlertRoot`,`AlertContent`,`AlertTitle`,`AlertDescription`,`AlertClose`],anchor:[`AnchorCompact`,`AnchorItemCompact`,`AnchorLink`,`AnchorRoot`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],autocomplete:[`AutocompleteCompact`,`AutocompleteRoot`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],avatar:[`AvatarCompact`,`AvatarRoot`,`AvatarImage`,`AvatarFallback`],backtop:[`Backtop`],badge:[`BadgeCompact`,`BadgeRoot`,`BadgeContent`],bottomSheet:[`BottomSheetTrigger`,`BottomSheetPortal`,`BottomSheetHeader`,`BottomSheetContent`,`BottomSheetFooter`,`BottomSheetTitle`,`BottomSheetDescription`,`BottomSheetClose`,`BottomSheetCancel`,`BottomSheetConfirm`,`BottomSheetCompact`,`BottomSheetRoot`,`BottomSheetRootNested`,`BottomSheetPopup`,`BottomSheetOverlay`,`BottomSheetHandle`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbCompact`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],calendar:[`CalendarCompact`,`CalendarRoot`,`CalendarHeader`,`CalendarHeading`,`CalendarPrev`,`CalendarNext`,`CalendarGrid`,`CalendarGridHead`,`CalendarGridBody`,`CalendarGridRow`,`CalendarHeadCell`,`CalendarCell`,`CalendarCellTrigger`],calendarRange:[`CalendarRangeCompact`,`CalendarRangeRoot`,`CalendarRangeHeader`,`CalendarRangeHeading`,`CalendarRangePrev`,`CalendarRangeNext`,`CalendarRangeGrid`,`CalendarRangeGridHead`,`CalendarRangeGridBody`,`CalendarRangeGridRow`,`CalendarRangeHeadCell`,`CalendarRangeCell`,`CalendarRangeCellTrigger`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`,`CardCollapsibleTrigger`,`CardCompact`],carousel:[`CarouselCompact`,`CarouselRoot`,`CarouselContent`,`CarouselContainer`,`CarouselItem`,`CarouselControl`,`CarouselNavigation`,`CarouselNext`,`CarouselPrevious`],checkbox:[`CheckboxCompact`,`CheckboxCardCompact`,`CheckboxGroupCompact`,`CheckboxCardGroupCompact`,`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],clipboard:[`Clipboard`],collapsible:[`CollapsibleRoot`,`CollapsibleContent`,`CollapsibleTrigger`],colorArea:[`ColorAreaCompact`,`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldCompact`,`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerCompact`,`ColorPickerRoot`,`ColorPickerTrigger`],colorSlider:[`ColorSliderCompact`,`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatchCompact`,`ColorSwatchRoot`,`ColorSwatchChecker`,`ColorSwatchFill`],colorSwatchPicker:[`ColorSwatchPickerCompact`,`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],combobox:[`ComboboxCompact`,`ComboboxRoot`,`ComboboxAnchor`,`ComboboxTrigger`,`ComboboxPortal`,`ComboboxViewport`,`ComboboxContent`,`ComboboxCancel`,`ComboboxArrow`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxInput`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`,`ComboboxVirtualizer`],command:[`CommandCompact`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuWrapperCompact`],dateField:[`DateFieldCompact`,`DateFieldRoot`,`DateFieldInput`],datePicker:[`DatePickerCompact`],dateRangeField:[`DateRangeFieldCompact`,`DateRangeFieldRoot`,`DateRangeFieldInput`],dateRangePicker:[`DateRangePickerCompact`],dialog:[`DialogCompact`,`DialogProvider`,`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogPopup`,`DialogHeader`,`DialogContent`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`,`DialogCancel`,`DialogConfirm`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`,`DropdownMenuCompact`,`DropdownMenuCheckboxCompact`,`DropdownMenuRadioCompact`,`DropdownMenuWrapperCompact`],editable:[`EditableArea`,`EditableCancelTrigger`,`EditableEditTrigger`,`EditableInput`,`EditablePreview`,`EditableRoot`,`EditableSubmitTrigger`,`EditableCompact`],empty:[`EmptyCompact`,`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormCompact`,`FormFieldCompact`,`FormFieldArrayCompact`,`FormFieldBaseCompact`,`FormField`,`FormLabel`,`FormControl`,`FormDescription`,`FormError`],hoverCard:[`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`,`HoverCardCompact`],input:[`InputCompact`,`InputRoot`,`InputControl`,`InputClear`],inputNumber:[`InputNumberCompact`,`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],inputOtp:[`InputOtpCompact`,`InputOtpInput`,`InputOtpPositioner`,`InputOtpRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutCompact`,`LayoutClassicCompact`,`LayoutRoot`,`LayoutSidebar`,`LayoutRail`,`LayoutMain`,`LayoutHeader`,`LayoutTab`,`LayoutContent`,`LayoutFooter`,`LayoutMobile`,`LayoutTrigger`],link:[`Link`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],menu:[`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`,`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`],menubar:[`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`,`MenubarCompact`],navigationMenu:[`NavigationMenuCompact`,`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`,`PageTabsCompact`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`,`PaginationCompact`],password:[`PasswordCompact`],popconfirm:[`PopconfirmCompact`,`PopconfirmRoot`,`PopconfirmTrigger`,`PopconfirmPortal`,`PopconfirmPositioner`,`PopconfirmPopup`,`PopconfirmArrow`,`PopconfirmClose`,`PopconfirmHeader`,`PopconfirmTitle`,`PopconfirmDescription`,`PopconfirmContent`,`PopconfirmFooter`,`PopconfirmConfirm`,`PopconfirmCancel`],popover:[`PopoverCompact`,`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPositioner`,`PopperPopup`,`PopperArrow`],portal:[`Portal`],primitive:[`Primitive`],progress:[`ProgressProvider`,`ProgressCompact`,`ProgressCircleCompact`,`ProgressRoot`,`ProgressIndicator`,`ProgressCircle`],radioGroup:[`RadioGroupCompact`,`RadioGroupCardCompact`,`RadioGroupRoot`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`,`ScrollAreaCompact`],segment:[`SegmentRoot`,`SegmentList`,`SegmentTrigger`,`SegmentIndicator`,`SegmentCompact`],select:[`SelectRoot`,`SelectCompact`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorCompact`,`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],slider:[`SliderCompact`,`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],stepper:[`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`,`StepperCompact`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`,`SwitchCompact`],table:[`TableCompact`,`TableRoot`,`TableScroll`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`,`TabsCompact`],tag:[`Tag`],tagsInput:[`TagsInputCompact`,`TagsInputRoot`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputControl`,`TagsInputClear`],textarea:[`TextareaCompact`,`TextareaRoot`,`TextareaControl`,`TextareaClear`,`TextareaCounter`],timeField:[`TimeFieldCompact`,`TimeFieldRoot`,`TimeFieldInput`],timeRangeField:[`TimeRangeFieldCompact`,`TimeRangeFieldRoot`,`TimeRangeFieldInput`],toast:[`Toaster`,`ToastProvider`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],tooltip:[`TooltipCompact`,`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuCompact`,`TreeMenuOptionsCompact`,`TreeMenuOptionCompact`,`TreeMenuSlotCompact`,`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`],watermark:[`WatermarkCompact`,`WatermarkOverlay`,`WatermarkRoot`]};export{e as components};

package/dist/constants/index.d.ts

@@ -0,0 +1,5 @@
+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";
+import { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "./regexp.js";
+export { ALIGN_OPTIONS, COLLECTION_ITEM_ATTRIBUTE, GRACE_AREA_TRIGGER_ATTR, MAP_KEY_TO_FOCUS_INTENT, OPPOSITE_SIDE, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, 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";import{REGEXP_ONLY_CHARS as c,REGEXP_ONLY_DIGITS as l,REGEXP_ONLY_DIGITS_AND_CHARS as u}from"./regexp.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,c as REGEXP_ONLY_CHARS,l as REGEXP_ONLY_DIGITS,u as REGEXP_ONLY_DIGITS_AND_CHARS,r as SELECTION_KEYS,i as SIDE_OPTIONS,s as components};

package/dist/constants/regexp.d.ts

@@ -0,0 +1,6 @@
+//#region src/constants/regexp.d.ts
+declare const REGEXP_ONLY_DIGITS = "^\\d+$";
+declare const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
+declare const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
+//#endregion
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };

package/dist/constants/regexp.js

@@ -0,0 +1 @@
+const e=`^\\d+$`,t=`^[a-zA-Z]+$`,n=`^[a-zA-Z0-9]+$`;export{t as REGEXP_ONLY_CHARS,e as REGEXP_ONLY_DIGITS,n as REGEXP_ONLY_DIGITS_AND_CHARS};

package/dist/date/calendar.d.ts

@@ -0,0 +1,50 @@
+import { DateGrid, DateRange, DateValue, DayOfWeek, WeekStartsOn } from "./types.js";
+
+//#region src/date/calendar.d.ts
+declare const DEFAULT_DATE_LOCALE = "en-US";
+interface CreateSelectOptions {
+  dateObj: DateValue;
+}
+declare function getDaysBetween(start: DateValue, end: DateValue): DateValue[];
+interface CreateMonthOptions {
+  dateObj: DateValue;
+  weekStartsOn: WeekStartsOn;
+  fixedWeeks: boolean;
+  locale: string;
+}
+declare function createMonth(options: CreateMonthOptions): DateGrid<DateValue>;
+declare function startOfDecade(dateObj: DateValue): DateValue;
+declare function endOfDecade(dateObj: DateValue): DateValue;
+interface CreateDecadeOptions extends CreateSelectOptions {
+  startIndex?: number;
+  endIndex: number;
+}
+declare function createDecade(props: CreateDecadeOptions): DateValue[];
+interface CreateYearOptions extends CreateSelectOptions {
+  numberOfMonths?: number;
+  pagedNavigation?: boolean;
+}
+declare function createYear(props: CreateYearOptions): DateValue[];
+interface CreateMonthsOptions extends CreateMonthOptions {
+  numberOfMonths: number | undefined;
+  currentMonths?: DateGrid<DateValue>[];
+}
+declare function createMonths(options: CreateMonthsOptions): DateGrid<DateValue>[];
+declare function createMonthGrid(options: CreateSelectOptions): DateGrid<DateValue>;
+interface CreateYearGridOptions extends CreateSelectOptions {
+  yearsPerPage?: number;
+  decadeAligned?: boolean;
+}
+declare function createYearGrid(options: CreateYearGridOptions): DateGrid<DateValue>;
+declare function createYearRange({
+  start,
+  end
+}: DateRange): DateValue[];
+declare function createDateRange({
+  start,
+  end
+}: DateRange): DateValue[];
+declare function getWeekStartsOn(locale: string): WeekStartsOn;
+declare function getWeekNumber(date: DateValue, locale?: string, firstDayOfWeek?: DayOfWeek): number;
+//#endregion
+export { CreateMonthOptions, CreateSelectOptions, CreateYearGridOptions, DEFAULT_DATE_LOCALE, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade };

package/dist/date/calendar.js

@@ -0,0 +1 @@
+import{chunk as e}from"../shared/object.js";import{getDaysInMonth as t,getLastFirstDayOfWeek as n,getNextLastDayOfWeek as r}from"./comparators.js";import"../shared/index.js";import{CalendarDate as i,endOfMonth as a,endOfYear as o,getDayOfWeek as s,startOfMonth as c,startOfWeek as l,startOfYear as u}from"@internationalized/date";const d=`en-US`;function f(e,t){let n=[],r=e.add({days:1});for(;r.compare(t)<0;)n.push(r),r=r.add({days:1});return n}function p(i){let{dateObj:o,weekStartsOn:s,fixedWeeks:l,locale:u}=i,d=t(o),p=Array.from({length:d},(e,t)=>o.set({day:t+1})),m=c(o),h=a(o),g=n(m,s,u),_=r(h,s,u),v=f(g.subtract({days:1}),m),y=f(h,_.add({days:1})),b=v.length+p.length+y.length;if(l&&b<42){let e=42-b,t=y.at(-1)??a(o),n=Array.from({length:e},(e,n)=>t.add({days:n+1}));y.push(...n)}let x=v.concat(p,y);return{value:o,cells:x,rows:e(x,7)}}function m(e){return u(e.subtract({years:e.year-Math.floor(e.year/10)*10}).set({day:1,month:1}))}function h(e){return o(m(e).add({years:9}))}function g(e){let{dateObj:t,startIndex:n=0,endIndex:r}=e,i=r-n+1;return i<=0?[]:Array.from({length:i},(e,r)=>t.add({years:n+r}).set({day:1,month:1}))}function _(e){let{dateObj:t,numberOfMonths:n=1,pagedNavigation:r=!1}=e;if(n&&r){let e=[];for(let r=1;r<=12;r+=n)e.push(c(t.set({month:r})));return e}return Array.from({length:12},(e,n)=>c(t.set({month:n+1})))}function v(e){let{numberOfMonths:t,dateObj:n,...r}=e;if(!t||t===1)return[p({...r,dateObj:n})];let i=[p({...r,dateObj:n})];for(let e=1;e<t;e+=1)i.push(p({...r,dateObj:n.add({months:e})}));return i}function y(t){let{dateObj:n}=t,r=_({dateObj:n});return{value:n,cells:r,rows:e(r,4)}}function b(t){let{dateObj:n,yearsPerPage:r=12,decadeAligned:i=!0}=t,a=i?m(n).year:n.year,o=Array.from({length:r},(e,t)=>u(n.set({year:a+t})));return{value:o[0],cells:o,rows:e(o,4)}}function x({start:e,end:t}){let n=[];if(!e||!t)return n;let r=u(e);for(;r.compare(t)<=0;)n.push(r),r=u(r.add({years:1}));return n}function S({start:e,end:t}){let n=[];if(!e||!t)return n;let r=e;for(;r.compare(t)<=0;)n.push(r),r=r.add({days:1});return n}function C(e){return(1-s(new i(2025,1,6),e)+7)%7}function w(e,t=d,n){let r=new i(e.year,1,1),a=r.toDate(`UTC`).getUTCDay()!==s(r,t),o=n??(a?`mon`:`sun`),c=a?4:1,u=s(e,t,o),f=e.add({days:7-c-u}).year,p=l(new i(f,1,c),t,o),m=l(e,t,o);return Math.round((m.toDate(`UTC`).getTime()-p.toDate(`UTC`).getTime())/(10080*60*1e3))+1}export{d as DEFAULT_DATE_LOCALE,S as createDateRange,g as createDecade,p as createMonth,y as createMonthGrid,v as createMonths,_ as createYear,b as createYearGrid,x as createYearRange,h as endOfDecade,f as getDaysBetween,w as getWeekNumber,C as getWeekStartsOn,m as startOfDecade};

package/dist/date/comparators.d.ts

@@ -0,0 +1,39 @@
+import { DateMatcher, DateValue as DateValue$1, Granularity, TimeValue } from "./types.js";
+import { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+
+//#region src/date/comparators.d.ts
+declare function parseStringToDateValue(dateStr: string, referenceValue: DateValue$1): DateValue$1;
+declare function isTime(dateValue: DateValue$1 | TimeValue): dateValue is Time;
+declare function toDate(dateValue: DateValue$1 | TimeValue, tz?: string): Date;
+declare function isCalendarDateTime(dateValue: DateValue$1 | TimeValue): dateValue is CalendarDateTime;
+declare function isZonedDateTime(dateValue: DateValue$1 | TimeValue): dateValue is ZonedDateTime;
+declare function hasTime(dateValue: DateValue$1 | TimeValue): dateValue is CalendarDateTime | ZonedDateTime | Time;
+declare function getDaysInMonth(date: Date | DateValue$1): number;
+declare function getDefaultDate(props: {
+  defaultValue?: DateValue$1 | DateValue$1[];
+  defaultPlaceholder?: DateValue$1;
+  granularity?: Granularity;
+  locale?: string;
+}): DateValue$1;
+declare function getDefaultTime(props: {
+  defaultValue?: TimeValue;
+  defaultPlaceholder?: TimeValue;
+}): TimeValue;
+declare function isBefore(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isAfter(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isBeforeOrSame(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isAfterOrSame(dateToCompare: DateValue$1 | TimeValue, referenceDate: DateValue$1 | TimeValue): boolean;
+declare function isEqualValue(a: DateValue$1 | TimeValue, b: DateValue$1 | TimeValue): boolean;
+declare function isBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function isBetween(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function getLastFirstDayOfWeek<T extends DateValue$1 = DateValue$1>(date: T, firstDayOfWeek: number, locale: string): T;
+declare function getNextLastDayOfWeek<T extends DateValue$1 = DateValue$1>(date: T, firstDayOfWeek: number, locale: string): T;
+declare function isSameYearMonth(a: DateValue$1, b: DateValue$1): boolean;
+declare function isSameYear(a: DateValue$1, b: DateValue$1): boolean;
+declare function areAllDaysBetweenValid(start: DateValue$1, end: DateValue$1, isUnavailable: DateMatcher | undefined, isDisabled: DateMatcher | undefined, isHighlightable?: DateMatcher | undefined): boolean;
+declare function compareYearMonth(a: DateValue$1, b: DateValue$1): number;
+declare function isMonthBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function isYearBetweenInclusive(date: DateValue$1, start: DateValue$1, end: DateValue$1): boolean;
+declare function getMonthsBetween(start: DateValue$1, end: DateValue$1): number;
+//#endregion
+export { areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate };