@soybeanjs/headless 0.0.1-beta.3

package/dist/components/tree/tree-item.vue.d.ts

@@ -0,0 +1,34 @@
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import "../../types/index.js";
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { TreeItemProps } from "./types.js";
+import * as vue1500 from "vue";
+
+//#region src/components/tree/tree-item.vue.d.ts
+declare var __VLS_17: {
+  isExpanded: boolean;
+  isSelected: boolean;
+  isIndeterminate: boolean | undefined;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: vue1500.DefineComponent<TreeItemProps, {}, {}, {}, {}, vue1500.ComponentOptionsMixin, vue1500.ComponentOptionsMixin, {
+  select: (event: TreeSelectEvent<string>) => any;
+  toggle: (event: TreeToggleEvent<string>) => any;
+}, string, vue1500.PublicProps, Readonly<TreeItemProps> & Readonly<{
+  onSelect?: ((event: TreeSelectEvent<string>) => any) | undefined;
+  onToggle?: ((event: TreeToggleEvent<string>) => any) | undefined;
+}>, {
+  as: AsTag | vue1500.Component;
+}, {}, {}, {}, string, vue1500.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tree/tree-root.js

@@ -0,0 +1 @@
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{Primitive as s}from"../primitive/primitive.js";import c from"../roving-focus/roving-focus-group.js";import{provideTreeRootContext as l}from"./context.js";import{useSelectionBehavior as u}from"./hooks.js";import{findParentPath as d,flattenItems as f}from"./shared.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";var D=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=u(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:void 0:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>f(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=d(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return l({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};

package/dist/components/tree/tree-root.vue.d.ts

@@ -0,0 +1,30 @@
+import { MaybeArray } from "../../types/common.js";
+import "../../types/index.js";
+import { FlattenedItem, TreeItemData, TreeRootProps } from "./types.js";
+import * as vue1498 from "vue";
+
+//#region src/components/tree/tree-root.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+  }> & vue1498.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      flattenItems: FlattenedItem<T>[];
+      modelValue: U | undefined;
+      expanded: string[];
+      select: (value: string) => void;
+      toggle: (value: string) => void;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+}>) => vue1498.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/tree/tree-virtualizer-item.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import t from"./tree-item.js";import n from"../virtualizer/virtualizer-item.js";import{createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";var m=a({name:`TreeVirtualizerItem`,__name:`tree-virtualizer-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},data:{},customStyle:{type:Boolean}},emits:[`select`,`toggle`],setup(a,{emit:m}){let h=e(m);return(e,m)=>(l(),r(t,s({value:a.value,level:a.level,"as-child":``},d(f(h))),{default:p(t=>[i(n,{as:a.as,"as-child":a.asChild,data:a.data,"custom-style":a.customStyle},{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1032,[`as`,`as-child`,`data`,`custom-style`])]),_:3},16,[`value`,`level`]))}});export{m as default};

package/dist/components/tree/tree-virtualizer-item.vue.d.ts

@@ -0,0 +1,30 @@
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import { TreeVirtualizerItemProps } from "./types.js";
+import "../../index.js";
+import * as vue1508 from "vue";
+
+//#region src/components/tree/tree-virtualizer-item.vue.d.ts
+declare var __VLS_10: {
+  isExpanded: boolean;
+  isSelected: boolean;
+  isIndeterminate: boolean | undefined;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: vue1508.DefineComponent<TreeVirtualizerItemProps, {}, {}, {}, {}, vue1508.ComponentOptionsMixin, vue1508.ComponentOptionsMixin, {
+  select: (event: TreeSelectEvent<string>) => any;
+  toggle: (event: TreeToggleEvent<string>) => any;
+}, string, vue1508.PublicProps, Readonly<TreeVirtualizerItemProps> & Readonly<{
+  onSelect?: ((event: TreeSelectEvent<string>) => any) | undefined;
+  onToggle?: ((event: TreeToggleEvent<string>) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue1508.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/tree/tree-virtualizer-root.js

@@ -0,0 +1 @@
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";var p=o({name:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,items:t,options:o.options,height:o.height},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_:3},16))}});export{p as default};

package/dist/components/tree/tree-virtualizer-root.vue.d.ts

@@ -0,0 +1,30 @@
+import { MaybeArray } from "../../types/common.js";
+import "../../types/index.js";
+import { FlattenedItem, TreeItemData, TreeVirtualizerRootProps } from "./types.js";
+import * as vue1506 from "vue";
+import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
+
+//#region src/components/tree/tree-virtualizer-root.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<TreeVirtualizerRootProps<T, U, M> & {
+    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+  }> & vue1506.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      virtualItems: _tanstack_vue_virtual0.VirtualItem[];
+      flattenItems: FlattenedItem<T>[];
+      modelValue: U;
+      expanded: string[];
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+}>) => vue1506.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/tree/types.d.ts

@@ -0,0 +1,101 @@
+import { Direction, MaybeArray } from "../../types/common.js";
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import "../../composables/use-collection.js";
+import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import "@vueuse/core";
+
+//#region src/components/tree/types.d.ts
+interface TreeItemBaseData {
+  /** Value given to this item */
+  value: string;
+  /** When `true`, prevents the user from interacting with the item. */
+  disabled?: boolean;
+}
+type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
+  /** List of children items */
+  children?: TreeItemData<T>[];
+};
+type TreeSelectBehavior = 'toggle' | 'replace';
+type TreeToggleBehavior = 'single' | 'multiple';
+type IsMultiple<U extends MaybeArray<string> | undefined, M extends boolean> = U extends string ? false : M extends true ? true : false;
+interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /** The controlled value of the tree. Can be bound-with with `v-model`. */
+  modelValue?: U;
+  /** The value of the tree when initially rendered. Use when you do not need to control the state of the tree */
+  defaultValue?: NonNullable<U>;
+  /** Determines whether a "single" or "multiple" items can be selected at a time. */
+  multiple?: IsMultiple<U, M>;
+  /** List of items */
+  items?: T[];
+  /** The controlled value of the expanded item. Can be bound-with with `v-model`. */
+  expanded?: string[];
+  /** The value of the expanded tree when initially rendered. */
+  defaultExpanded?: string[];
+  /** How multiple selection should behave in the collection. */
+  selectionBehavior?: TreeSelectBehavior;
+  /**
+   * Determines whether a "single" or "multiple" items can be toggled at a time.
+   *
+   * @defaultValue 'multiple'
+   * */
+  toggleBehavior?: TreeToggleBehavior;
+  /** The reading direction. */
+  dir?: Direction;
+  /**
+   * When `true`, keyboard navigation will loop from last item to first, and vice versa.
+   *
+   * @defaultValue true
+   */
+  loop?: boolean;
+  /** When `true`, prevents the user from interacting with tree */
+  disabled?: boolean;
+  /** When `true`, selecting parent will select the descendants. */
+  propagateSelect?: boolean;
+  /** When `true`, selecting children will update the parent state. */
+  bubbleSelect?: boolean;
+  /** When `true`, parent can be selected. */
+  allowParentSelect?: boolean;
+}
+type TreeRootEmits<M extends boolean | undefined> = {
+  'update:modelValue': [value: M extends true ? string[] : string];
+  'update:expanded': [value: string[]];
+};
+type FlattenedItem<T extends TreeItemData> = {
+  _id: string;
+  index: number;
+  value: string;
+  data: T;
+  level: number;
+  hasChildren: boolean;
+  parent?: T;
+  bind: {
+    data: T;
+    level: number;
+    [key: string]: any;
+  };
+};
+interface TreeItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect' | 'onToggle'> {
+  value: string;
+  level: number;
+  /** When `true`, prevents the user from selecting or toggling the item. */
+  disabled?: boolean;
+  /** When `true`, prevents the user from selecting the item. */
+  disabledSelect?: boolean;
+  /** When `true`, prevents the user from toggling the item. */
+  disabledToggle?: boolean;
+}
+type TreeItemEmits = {
+  /** Event handler called when selecting item. */
+  select: [event: TreeSelectEvent<string>];
+  /** Event handler called when toggling item. */
+  toggle: [event: TreeToggleEvent<string>];
+};
+interface TreeVirtualizerRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends TreeRootProps<T, U, M>, Omit<VirtualizerRootProps<FlattenedItem<T>>, 'dir' | 'items'> {}
+type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
+interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
+type TreeVirtualizerItemEmits = TreeItemEmits;
+//#endregion
+export { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps };

package/dist/components/virtualizer/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{computed as t}from"vue";const[n,r]=e(`Virtualizer`,e=>{let{dynamic:n,isHorizontal:r}=e,i=t(()=>n.value&&!r.value);return{...e,isVerticalDynamic:i}});export{n as provideVirtualizerContext,r as useVirtualizerContext};

package/dist/components/virtualizer/index.d.ts

@@ -0,0 +1,5 @@
+import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "./types.js";
+import { _default as _default$1 } from "./virtualizer-item.vue.js";
+import { _default } from "./virtualizer-content.vue.js";
+import { _default as _default$2 } from "./virtualizer-root.vue.js";
+export { _default as VirtualizerContent, type VirtualizerContentProps, type VirtualizerDynamicContentProps, _default$1 as VirtualizerItem, type VirtualizerItemProps, type VirtualizerOptions, _default$2 as VirtualizerRoot, type VirtualizerRootProps };

package/dist/components/virtualizer/index.js

@@ -0,0 +1 @@
+import e from"./virtualizer-root.js";import t from"./virtualizer-item.js";import n from"./virtualizer-content.js";export{n as VirtualizerContent,t as VirtualizerItem,e as VirtualizerRoot};

package/dist/components/virtualizer/shared.js

@@ -0,0 +1 @@
+function e(e){if(!e)return{start:0,end:0};let{paddingBlockStart:t,paddingTop:n,paddingBlockEnd:r,paddingBottom:i}=window.getComputedStyle(e);return{start:Number.parseFloat(t||n),end:Number.parseFloat(r||i)}}export{e as getVirtualizerPadding};

package/dist/components/virtualizer/types.d.ts

@@ -0,0 +1,27 @@
+import "../../types/index.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import "../primitive/index.js";
+import { ComputedRef, HTMLAttributes, Ref } from "vue";
+import { PartialKeys, VirtualItem, Virtualizer, VirtualizerOptions } from "@tanstack/vue-virtual";
+
+//#region src/components/virtualizer/types.d.ts
+interface VirtualizerOptions$1 extends Omit<PartialKeys<VirtualizerOptions<HTMLElement, Element>, 'observeElementRect' | 'observeElementOffset' | 'scrollToFn' | 'estimateSize'>, 'count' | 'getScrollElement'> {}
+interface VirtualizerRootProps<T extends Record<string, any> = Record<string, any>> extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  /**
+   * The height of the virtualizer root
+   */
+  height: number | string;
+  items: T[];
+  options?: VirtualizerOptions$1;
+  dynamic?: boolean;
+}
+interface VirtualizerDynamicContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface VirtualizerContentProps extends /** @vue-ignore */HTMLAttributes {
+  dynamicContentProps?: VirtualizerDynamicContentProps;
+}
+interface VirtualizerItemProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  data: VirtualItem;
+  customStyle?: boolean;
+}
+//#endregion
+export { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions$1 as VirtualizerOptions, VirtualizerRootProps };

package/dist/components/virtualizer/virtualizer-content.js

@@ -0,0 +1 @@
+import{useVirtualizerContext as e}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as r,mergeProps as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=r({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{}},setup(r){let{contentStyle:l,virtualItems:u,isVerticalDynamic:d}=e(`VirtualizerContent`),f=t(()=>u.value[0]?.start??0),p=t(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${f.value}px);`);return(e,t)=>(o(),n(`div`,{style:a(c(l))},[c(d)?(o(),n(`div`,i({key:0},r.dynamicContentProps,{style:p.value}),[s(e.$slots,`default`)],16)):s(e.$slots,`default`,{key:1})],4))}});export{l as default};

package/dist/components/virtualizer/virtualizer-content.vue.d.ts

@@ -0,0 +1,20 @@
+import { VirtualizerContentProps } from "./types.js";
+import * as vue37 from "vue";
+
+//#region src/components/virtualizer/virtualizer-content.vue.d.ts
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+} & {
+  default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: vue37.DefineComponent<VirtualizerContentProps, {}, {}, {}, {}, vue37.ComponentOptionsMixin, vue37.ComponentOptionsMixin, {}, string, vue37.PublicProps, Readonly<VirtualizerContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue37.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/virtualizer/virtualizer-item.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,defineComponent as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";var u=i({name:`VirtualizerItem`,__name:`virtualizer-item`,props:{data:{},customStyle:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,{isHorizontal:d,dynamic:f,isVerticalDynamic:p,totalSize:m}=t(`VirtualizerItem`),h=n(()=>u.data.start??0),g=n(()=>u.data.size??0),_=n(()=>{if(p.value||u.customStyle)return``;let e=`position:absolute;left:0;top:0;`;return f.value?(e+=`height:100%;transform:translateX(${h.value}px);`,e):(d.value?e+=`width:${g.value}px;height:100%;transform:translateX(${h.value}px);`:e+=`width:100%;height:${g.value}px;transform:translateY(${h.value}px);`,e)});return(t,n)=>(o(),r(c(e),{style:a(_.value),as:i.as,"as-child":i.asChild,"data-index":i.data.index,"aria-setsize":c(m),"aria-posinset":i.data.index+1},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`style`,`as`,`as-child`,`data-index`,`aria-setsize`,`aria-posinset`]))}});export{u as default};

package/dist/components/virtualizer/virtualizer-item.vue.d.ts

@@ -0,0 +1,18 @@
+import { VirtualizerItemProps } from "./types.js";
+import * as vue32 from "vue";
+
+//#region src/components/virtualizer/virtualizer-item.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue32.DefineComponent<VirtualizerItemProps, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {}, string, vue32.PublicProps, Readonly<VirtualizerItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue32.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/virtualizer/virtualizer-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import{Primitive as n}from"../primitive/primitive.js";import{provideVirtualizerContext as r}from"./context.js";import{getVirtualizerPadding as i}from"./shared.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";var m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>i(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return r({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};

package/dist/components/virtualizer/virtualizer-root.vue.d.ts

@@ -0,0 +1,23 @@
+import { VirtualizerRootProps } from "./types.js";
+import * as vue42 from "vue";
+import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
+
+//#region src/components/virtualizer/virtualizer-root.vue.d.ts
+declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<VirtualizerRootProps<T>> & vue42.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      virtualItems: _tanstack_vue_virtual0.VirtualItem[];
+      items: T[];
+    }) => any;
+  };
+  emit: {};
+}>) => vue42.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/visually-hidden/index.d.ts

@@ -0,0 +1,4 @@
+import { VisuallyHiddenFeature, VisuallyHiddenInputProps, VisuallyHiddenProps } from "./types.js";
+import { _default } from "./visually-hidden.vue.js";
+import { _default as _default$1 } from "./visually-hidden-input.vue.js";
+export { _default as VisuallyHidden, VisuallyHiddenFeature, _default$1 as VisuallyHiddenInput, VisuallyHiddenInputProps, VisuallyHiddenProps };

package/dist/components/visually-hidden/index.js

@@ -0,0 +1 @@
+import e from"./visually-hidden.js";import t from"./visually-hidden-input.js";export{e as VisuallyHidden,t as VisuallyHiddenInput};

package/dist/components/visually-hidden/types.d.ts

@@ -0,0 +1,18 @@
+import { PrimitiveProps } from "../primitive/types.js";
+import { HTMLAttributes, InputHTMLAttributes } from "vue";
+
+//#region src/components/visually-hidden/types.d.ts
+type VisuallyHiddenFeature = 'focusable' | 'fully-hidden';
+interface VisuallyHiddenProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  feature?: VisuallyHiddenFeature;
+}
+interface VisuallyHiddenInputProps<T> extends /** @vue-ignore */InputHTMLAttributes {
+  name: string;
+  value: T;
+  checked?: boolean;
+  required?: boolean;
+  disabled?: boolean;
+  feature?: VisuallyHiddenFeature;
+}
+//#endregion
+export { VisuallyHiddenFeature, VisuallyHiddenInputProps, VisuallyHiddenProps };

package/dist/components/visually-hidden/visually-hidden-input-bubble.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import t from"./visually-hidden.js";import{computed as n,createBlock as r,defineComponent as i,openBlock as a,unref as o,watch as s}from"vue";var c=i({name:`VisuallyHiddenInputBubble`,__name:`visually-hidden-input-bubble`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(i){let c=i,[l,u]=e();return s(n(()=>c.checked??c.value),(e,t)=>{let n=l.value;if(!n||e===t)return;let r=window.HTMLInputElement.prototype,i=Object.getOwnPropertyDescriptor(r,`value`)?.set;if(!i)return;let a=new Event(`input`,{bubbles:!0}),o=new Event(`change`,{bubbles:!0});i.call(n,e),n.dispatchEvent(a),n.dispatchEvent(o)}),(e,n)=>(a(),r(t,{ref:o(u),feature:i.feature,as:`input`},null,8,[`feature`]))}});export{c as default};

package/dist/components/visually-hidden/visually-hidden-input.js

@@ -0,0 +1 @@
+import{isArrayValue as e}from"../../shared/guard.js";import{parseFormValue as t}from"../../shared/form.js";import n from"./visually-hidden-input-bubble.js";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,unref as f,useAttrs as p}from"vue";var m=c({name:`VisuallyHiddenInput`,inheritAttrs:!1,__name:`visually-hidden-input`,props:{name:{},value:{},checked:{type:Boolean,default:void 0},required:{type:Boolean},disabled:{type:Boolean},feature:{default:`fully-hidden`}},setup(c){let m=c,h=p(),g=i(()=>{let{value:e,name:n}=m;return t(n,e)}),_=i(()=>m.required&&e(m.value)&&m.value.length===0);return(e,t)=>(u(),s(r,null,[o(` We render single input if it's required `),_.value?(u(),a(n,l({key:c.name},{...m,...f(h)},{name:c.name,value:c.value}),null,16,[`name`,`value`])):(u(!0),s(r,{key:1},d(g.value,e=>(u(),a(n,l({key:e.name},{ref_for:!0},{...m,...f(h)},{name:e.name,value:e.value}),null,16,[`name`,`value`]))),128))],2112))}});export{m as default};

package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -0,0 +1,17 @@
+import { VisuallyHiddenInputProps } from "./types.js";
+import * as vue414 from "vue";
+
+//#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<VisuallyHiddenInputProps<T>> & vue414.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: {};
+}>) => vue414.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/visually-hidden/visually-hidden.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import{createBlock as t,defineComponent as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";var s=n({name:`VisuallyHidden`,__name:`visually-hidden`,props:{feature:{default:`focusable`},asChild:{type:Boolean},as:{default:`span`}},setup(n){return(s,c)=>(r(),t(a(e),{as:n.as,"as-child":n.asChild,"aria-hidden":n.feature===`focusable`?`true`:void 0,"data-hidden":n.feature===`fully-hidden`?``:void 0,tabindex:n.feature===`fully-hidden`?`-1`:void 0,style:{position:`absolute`,top:`-1px`,left:`-1px`,width:`1px`,height:`1px`,padding:`0`,margin:`-1px`,border:`0`,overflow:`hidden`,clip:`rect(0, 0, 0, 0)`,"clip-path":`inset(50%)`,"white-space":`nowrap`,"word-wrap":`normal`}},{default:o(()=>[i(s.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-hidden`,`data-hidden`,`tabindex`]))}});export{s as default};

package/dist/components/visually-hidden/visually-hidden.vue.d.ts

@@ -0,0 +1,23 @@
+import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
+import { VisuallyHiddenFeature, VisuallyHiddenProps } from "./types.js";
+import * as vue408 from "vue";
+
+//#region src/components/visually-hidden/visually-hidden.vue.d.ts
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: vue408.DefineComponent<VisuallyHiddenProps, {}, {}, {}, {}, vue408.ComponentOptionsMixin, vue408.ComponentOptionsMixin, {}, string, vue408.PublicProps, Readonly<VisuallyHiddenProps> & Readonly<{}>, {
+  as: AsTag | vue408.Component;
+  feature: VisuallyHiddenFeature;
+}, {}, {}, {}, string, vue408.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/composables/index.d.ts

@@ -0,0 +1,26 @@
+import { useArrowNavigation } from "./use-arrow-navigation.js";
+import { useBodyScrollLock } from "./use-body-scroll-lock.js";
+import { CollectionItemData, useCollection } from "./use-collection.js";
+import { useContext } from "./use-context.js";
+import { useControllableState } from "./use-controllable-state.js";
+import { useDirection } from "./use-direction.js";
+import { UseDismissableLayerOptions, layerContext, useDismissableLayer, useDismissableLayerBranch, useFocusOutside, usePointerdownOutside } from "./use-dismissable-layer.js";
+import { useEscapeKeyDown } from "./use-escape-key-down.js";
+import { useExposedElement } from "./use-exposed-element.js";
+import { useFocusGuards } from "./use-focus-guards.js";
+import { UseFocusScopeOptions, useFocusScope } from "./use-focus-scope.js";
+import { useForwardElement } from "./use-forward-element.js";
+import { useForwardListeners } from "./use-forward-listeners.js";
+import { UseGraceAreaOptions, useGraceArea } from "./use-grace-area.js";
+import { useHideOthers } from "./use-hide-others.js";
+import { useImageLoadingStatus } from "./use-image-loading-status.js";
+import { useIsUsingKeyboard } from "./use-is-using-keyboard.js";
+import { kbdMap, useKbd } from "./use-kbd.js";
+import { useLocale } from "./use-locale.js";
+import { useNonce } from "./use-nonce.js";
+import { usePresence } from "./use-presence.js";
+import { useOmitProps, usePickProps } from "./use-props.js";
+import { useSelection } from "./use-selection.js";
+import { useStateMachine } from "./use-state-machine.js";
+import { useTypeahead } from "./use-typeahead.js";
+export { CollectionItemData, UseDismissableLayerOptions, UseFocusScopeOptions, UseGraceAreaOptions, kbdMap, layerContext, useArrowNavigation, useBodyScrollLock, useCollection, useContext, useControllableState, useDirection, useDismissableLayer, useDismissableLayerBranch, useEscapeKeyDown, useExposedElement, useFocusGuards, useFocusOutside, useFocusScope, useForwardElement, useForwardListeners, useGraceArea, useHideOthers, useImageLoadingStatus, useIsUsingKeyboard, useKbd, useLocale, useNonce, useOmitProps, usePickProps, usePointerdownOutside, usePresence, useSelection, useStateMachine, useTypeahead };

package/dist/composables/index.js

@@ -0,0 +1 @@
+import{useArrowNavigation as e}from"./use-arrow-navigation.js";import{useBodyScrollLock as t}from"./use-body-scroll-lock.js";import{useContext as n}from"./use-context.js";import{useCollection as r}from"./use-collection.js";import{useControllableState as i}from"./use-controllable-state.js";import{useDirection as a}from"./use-direction.js";import{useEscapeKeyDown as o}from"./use-escape-key-down.js";import{layerContext as s,useDismissableLayer as c,useDismissableLayerBranch as l,useFocusOutside as u,usePointerdownOutside as d}from"./use-dismissable-layer.js";import{useForwardElement as f}from"./use-forward-element.js";import{useExposedElement as p}from"./use-exposed-element.js";import{useFocusGuards as m}from"./use-focus-guards.js";import{useFocusScope as h}from"./use-focus-scope.js";import{useForwardListeners as g}from"./use-forward-listeners.js";import{useGraceArea as _}from"./use-grace-area.js";import{useHideOthers as v}from"./use-hide-others.js";import{useImageLoadingStatus as y}from"./use-image-loading-status.js";import{useIsUsingKeyboard as b}from"./use-is-using-keyboard.js";import{kbdMap as x,useKbd as S}from"./use-kbd.js";import{useLocale as C}from"./use-locale.js";import{useNonce as w}from"./use-nonce.js";import{useStateMachine as T}from"./use-state-machine.js";import{usePresence as E}from"./use-presence.js";import{useOmitProps as D,usePickProps as O}from"./use-props.js";import{useSelection as k}from"./use-selection.js";import{useTypeahead as A}from"./use-typeahead.js";export{x as kbdMap,s as layerContext,e as useArrowNavigation,t as useBodyScrollLock,r as useCollection,n as useContext,i as useControllableState,a as useDirection,c as useDismissableLayer,l as useDismissableLayerBranch,o as useEscapeKeyDown,p as useExposedElement,m as useFocusGuards,u as useFocusOutside,h as useFocusScope,f as useForwardElement,g as useForwardListeners,_ as useGraceArea,v as useHideOthers,y as useImageLoadingStatus,b as useIsUsingKeyboard,S as useKbd,C as useLocale,w as useNonce,D as useOmitProps,O as usePickProps,d as usePointerdownOutside,E as usePresence,k as useSelection,T as useStateMachine,A as useTypeahead};

package/dist/composables/use-arrow-navigation.d.ts

@@ -0,0 +1,71 @@
+import { Direction } from "../types/common.js";
+import "../types/index.js";
+
+//#region src/composables/use-arrow-navigation.d.ts
+type ArrowKeyOptions = 'horizontal' | 'vertical' | 'both';
+interface ArrowNavigationOptions {
+  /**
+   * The arrow key options to allow navigation
+   *
+   * @defaultValue 'both'
+   */
+  arrowKeyOptions?: ArrowKeyOptions;
+  /**
+   * The attribute name to find the collection items in the parent element.
+   *
+   * @defaultValue 'data-soybean-collection-item'
+   */
+  attributeName?: string;
+  /**
+   * The parent element where contains all the collection items, this will collect every item to be used when nav It
+   * will be ignored if attributeName is provided
+   *
+   * @defaultValue [ ]
+   */
+  itemsArray?: HTMLElement[];
+  /**
+   * Allow loop navigation. If false, it will stop at the first and last element
+   *
+   * @defaultValue true
+   */
+  loop?: boolean;
+  /**
+   * The orientation of the collection
+   *
+   * @defaultValue 'ltr'
+   */
+  dir?: Direction;
+  /**
+   * Prevent the scroll when navigating. This happens when the direction of the key matches the scroll direction of any
+   * ancestor scrollable elements.
+   *
+   * @defaultValue true
+   */
+  preventScroll?: boolean;
+  /**
+   * By default all currentElement would trigger navigation. If `true`, currentElement nodeName in the ignore list will
+   * return null
+   *
+   * @defaultValue false
+   */
+  enableIgnoredElement?: boolean;
+  /**
+   * Focus the element after navigation
+   *
+   * @defaultValue false
+   */
+  focus?: boolean;
+}
+/**
+ * Allow arrow navigation for every html element with data-soybean-collection-item tag
+ *
+ * @param e Keyboard event
+ * @param currentElement Event initiator element or any element that wants to handle the navigation
+ * @param parentElement Parent element where contains all the collection items, this will collect every item to be used
+ *   when nav
+ * @param options further options
+ * @returns the navigated html element or null if none
+ */
+declare function useArrowNavigation(e: KeyboardEvent, currentElement: HTMLElement, parentElement: HTMLElement | undefined, options?: ArrowNavigationOptions): HTMLElement | null;
+//#endregion
+export { useArrowNavigation };

package/dist/composables/use-arrow-navigation.js

@@ -0,0 +1 @@
+import{COLLECTION_ITEM_ATTRIBUTE as e}from"../constants/attr.js";const t=new Set([`INPUT`,`TEXTAREA`]),n={ArrowRight:`right`,ArrowLeft:`left`,ArrowUp:`up`,ArrowDown:`down`,Home:`home`,End:`end`};function r(n,r,s,c={}){let l={attributeName:`[${e}]`,itemsArray:[],loop:!0,dir:`ltr`,preventScroll:!0,focus:!1,arrowKeyOptions:`both`,enableIgnoredElement:!1,...c};if(!r||l.enableIgnoredElement&&t.has(r.nodeName))return null;let u=a(n,l.dir);return o(l.arrowKeyOptions,u)?null:i(n,r,s,l,u)}function i(e,t,n,r,i){let a=n?Array.from(n.querySelectorAll(r.attributeName)):r.itemsArray;if(a.length===0)return null;r.preventScroll&&e.preventDefault();let{home:o,end:c,goForward:l,goingHorizontal:u,goingVertical:d}=i,f=null;return u||d?f=s(a,t,{goForward:l,loop:r.loop}):o?f=a[0]||null:c&&(f=a[a.length-1]||null),r.focus&&f&&f.focus(),f}function a(e,t){let r=n[e.key];if(!r)return{right:!1,left:!1,up:!1,down:!1,home:!1,end:!1,goingVertical:!1,goingHorizontal:!1,goForward:!1};let i={right:r===`right`,left:r===`left`,up:r===`up`,down:r===`down`,home:r===`home`,end:r===`end`},a=i.up||i.down,o=i.right||i.left,s=i.down||(t===`ltr`?i.right:i.left);return{...i,goingVertical:a,goingHorizontal:o,goForward:s}}function o(e,t){let{goingVertical:n,goingHorizontal:r,home:i,end:a}=t;return i||a?!1:!n&&!r?!0:e===`vertical`&&r||e===`horizontal`&&n}function s(e,t,n){let{goForward:r,loop:i=!0}=n,a=e.length;if(a===0)return null;let o=e.indexOf(t);if(o===-1)return(r?e[0]:e[a-1])||null;let s=0,c=o;for(;s<a;){if(c=r?c+1:c-1,!i&&(c<0||c>=a))return null;c<0?c=a-1:c>=a&&(c=0);let t=e[c];if(t){let e=t.getAttribute(`disabled`);if(!(e!==null&&e!==`false`))return t}s++}return null}export{r as useArrowNavigation};

package/dist/composables/use-body-scroll-lock.d.ts

@@ -0,0 +1,9 @@
+//#region src/composables/use-body-scroll-lock.d.ts
+/**
+ * High-performance scroll lock using CSS classes
+ *
+ * @returns A function to unlock the scroll
+ */
+declare function useBodyScrollLock(): () => void;
+//#endregion
+export { useBodyScrollLock };

package/dist/composables/use-body-scroll-lock.js

@@ -0,0 +1,18 @@
+import{isClient as e,isIOS as t}from"../shared/env.js";const n=`data-scroll-lock`,r=`scroll-lock-styles`,i={BODY:`scroll-lock-body`,BODY_WITH_SCROLLBAR:`scroll-lock-body-with-scrollbar`,HTML:`scroll-lock-html`},a=`
+  .${i.BODY} {
+    position: fixed !important;
+    overflow-x: hidden !important;
+    left: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    height: auto !important;
+  }
+
+  .${i.BODY_WITH_SCROLLBAR} {
+    overflow-y: scroll !important;
+  }
+
+  .${i.HTML} {
+    scroll-behavior: auto !important;
+  }
+`;function o(){if(!e)return()=>{};let r=document.body;if(r.hasAttribute(n))return()=>{};m();let i=window.scrollY;s(r,i,l());let a=t()?u():void 0;return()=>c(r,i,a)}function s(e,t,r){e.style.top=`-${t}px`,e.classList.add(i.BODY),r&&e.classList.add(i.BODY_WITH_SCROLLBAR),document.documentElement.classList.add(i.HTML),e.setAttribute(n,`true`)}function c(e,t,r){e.classList.remove(i.BODY,i.BODY_WITH_SCROLLBAR),document.documentElement.classList.remove(i.HTML),e.style.top=``,e.removeAttribute(n),window.scrollTo(0,t),r?.()}function l(){return document.body.scrollHeight>window.innerHeight}function u(){let e=e=>{d(e)&&e.preventDefault()};return document.addEventListener(`touchmove`,e,{passive:!1}),()=>{document.removeEventListener(`touchmove`,e)}}function d(e){if(e.touches.length>1)return!1;let t=e.target;return!f(t)}function f(e){let t=e;for(;t&&t.tagName!==`BODY`;){if(p(window.getComputedStyle(t),t))return!0;t=t.parentElement}return!1}function p(e,t){let n=e.overflowX===`scroll`||e.overflowY===`scroll`,r=e.overflowX===`auto`&&t.clientWidth<t.scrollWidth||e.overflowY===`auto`&&t.clientHeight<t.scrollHeight;return n||r}function m(){if(!document.getElementById(r)){let e=document.createElement(`style`);e.id=r,e.textContent=a,document.head.appendChild(e)}}export{o as useBodyScrollLock};