@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1,165 @@
+import { DataOrientation, Direction, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { LinkBaseProps } from "../link/types.js";
+import { HTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/anchor/types.d.ts
+/**
+ * Type information for AnchorContainer.
+ */
+type AnchorContainer = HTMLElement | Window;
+/**
+ * Properties for the AnchorRoot component.
+ */
+interface AnchorRootProps extends PrimitiveWithBaseProps {
+  /**
+   * Bounds.
+   */
+  bounds?: number;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Get container.
+   */
+  getContainer?: () => AnchorContainer | null;
+  /**
+   * Get current anchor.
+   */
+  getCurrentAnchor?: (activeHref: string) => string;
+  /**
+   * Current model value.
+   */
+  modelValue?: string;
+  /**
+   * Offset top.
+   */
+  offsetTop?: number;
+  /**
+   * Orientation of the component.
+   */
+  orientation?: DataOrientation;
+  /**
+   * Whether replace.
+   */
+  replace?: boolean;
+  /**
+   * Target offset.
+   */
+  targetOffset?: number;
+}
+/**
+ * Events for the AnchorRoot component.
+ */
+type AnchorRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [value: string];
+  /**
+   * Emitted when active change occurs.
+   */
+  activeChange: [value: string];
+  /**
+   * Emitted when item select occurs.
+   */
+  itemSelect: [event: MouseEvent, payload: {
+    href: string;
+  }];
+};
+/**
+ * Properties for the AnchorLink component.
+ */
+interface AnchorLinkProps extends LinkBaseProps, PrimitiveWithBaseProps {
+  /**
+   * The link of anchor
+   */
+  href: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+}
+/**
+ * Option data for the Anchor component.
+ */
+interface AnchorOptionData extends Pick<AnchorLinkProps, 'disabled' | 'href' | 'target'> {
+  /**
+   * Nested child items.
+   */
+  children?: AnchorOptionData[];
+  /**
+   * Title text rendered by the component.
+   */
+  title?: string;
+}
+/**
+ * Properties for the AnchorItemCompact component.
+ */
+interface AnchorItemCompactProps extends BaseProps {
+  /**
+   * Current model value.
+   */
+  modelValue?: string;
+  /**
+   * Current item data.
+   */
+  item: AnchorOptionData;
+  /**
+   * Properties forwarded to the link element.
+   */
+  linkProps?: AnchorLinkProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the sub element.
+   */
+  subProps?: HTMLAttributes;
+}
+/**
+ * Properties for the AnchorCompact component.
+ */
+interface AnchorCompactProps extends AnchorRootProps {
+  /**
+   * Items rendered by the component.
+   */
+  items: AnchorOptionData[];
+  /**
+   * Properties forwarded to the link element.
+   */
+  linkProps?: AnchorLinkProps;
+  /**
+   * Properties forwarded to the indicator element.
+   */
+  indicatorProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the title element.
+   */
+  titleProps?: HTMLAttributes;
+  /**
+   * Properties forwarded to the sub element.
+   */
+  subProps?: HTMLAttributes;
+}
+/**
+ * Events for the AnchorCompact component.
+ */
+type AnchorCompactEmits = AnchorRootEmits;
+/**
+ * Available UI slots for the Anchor component.
+ */
+type AnchorUiSlot = 'root' | 'link' | 'sub' | 'item' | 'indicator' | 'title';
+/**
+ * UI class overrides for the Anchor component.
+ */
+type AnchorUi = UiClass<AnchorUiSlot>;
+//#endregion
+export { AnchorCompactEmits, AnchorCompactProps, AnchorContainer, AnchorItemCompactProps, AnchorLinkProps, AnchorOptionData, AnchorRootEmits, AnchorRootProps, AnchorUi, AnchorUiSlot };

package/dist/components/arrow/arrow.js

@@ -0,0 +1 @@
+import{createElementBlock as e,createElementVNode as t,defineComponent as n,openBlock as r}from"vue";const i={"data-soybean-arrow":``,viewBox:`0 0 12 6`,preserveAspectRatio:`none`},a=n({name:`Arrow`,__name:`arrow`,setup(n){return(n,a)=>(r(),e(`svg`,i,[...a[0]||(a[0]=[t(`path`,{d:`M 0,0 L 6,6 L 12,0`},null,-1)])]))}});export{a as default};

package/dist/components/arrow/arrow.vue.d.ts

@@ -0,0 +1,7 @@
+import { ArrowProps } from "./types.js";
+
+//#region src/components/arrow/arrow.vue.d.ts
+declare const __VLS_export: import("vue").DefineComponent<ArrowProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ArrowProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

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

@@ -0,0 +1,3 @@
+import { ArrowProps } from "./types.js";
+import { _default } from "./arrow.vue.js";
+export { _default as Arrow, type ArrowProps };

package/dist/components/arrow/index.js

@@ -0,0 +1 @@
+import e from"./arrow.js";export{e as Arrow};

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

@@ -0,0 +1,10 @@
+import { BaseProps } from "../../types/vue.js";
+import { SVGAttributes } from "vue";
+
+//#region src/components/arrow/types.d.ts
+/**
+ * Properties for the Arrow component.
+ */
+interface ArrowProps extends BaseProps<SVGAttributes> {}
+//#endregion
+export { ArrowProps };

package/dist/components/aspect-ratio/aspect-ratio.js

@@ -0,0 +1 @@
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createElementBlock as r,createVNode as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=a({name:`AspectRatio`,inheritAttrs:!1,__name:`aspect-ratio`,props:{ratio:{default:1},asChild:{type:Boolean},as:{}},setup(a){let p=a,m=e(p,[`ratio`],d()),h=n(()=>1/p.ratio*100),g=n(()=>({paddingBottom:`${h.value}%`}));return(e,n)=>(c(),r(`div`,{"data-soybean-aspect-ratio-wrapper":``,style:s([{position:`relative`,width:`100%`},g.value])},[i(u(t),o(u(m),{"data-soybean-aspect-ratio":``,style:{position:`absolute`,inset:`0px`}}),{default:f(()=>[l(e.$slots,`default`,{aspect:h.value})]),_:3},16)],4))}});export{p as default};

package/dist/components/aspect-ratio/aspect-ratio.vue.d.ts

@@ -0,0 +1,21 @@
+import { AspectRatioProps } from "./types.js";
+
+//#region src/components/aspect-ratio/aspect-ratio.vue.d.ts
+declare var __VLS_7: {
+  aspect: number;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AspectRatioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AspectRatioProps> & Readonly<{}>, {
+  ratio: number;
+}, {}, {}, {}, string, import("vue").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/aspect-ratio/index.d.ts

@@ -0,0 +1,3 @@
+import { AspectRatioProps } from "./types.js";
+import { _default } from "./aspect-ratio.vue.js";
+export { _default as AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1 @@
+import e from"./aspect-ratio.js";export{e as AspectRatio};

package/dist/components/aspect-ratio/types.d.ts

@@ -0,0 +1,16 @@
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+
+//#region src/components/aspect-ratio/types.d.ts
+/**
+ * Properties for the AspectRatio component.
+ */
+interface AspectRatioProps extends PrimitiveWithBaseProps {
+  /**
+   * The desired ratio. Eg: 16/9
+   *
+   * @defaultValue 1
+   */
+  ratio?: number;
+}
+//#endregion
+export { AspectRatioProps };

package/dist/components/autocomplete/autocomplete-compact.js

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{useFuse as n}from"../../composables/use-fuse.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../listbox/listbox-group-label.js";import o from"../listbox/listbox-item-indicator.js";import s from"../popper/popper-anchor.js";import c from"../portal/portal.js";import l from"../combobox/combobox-cancel.js";import u from"../combobox/combobox-content.js";import d from"../combobox/combobox-empty.js";import f from"../combobox/combobox-group.js";import p from"../combobox/combobox-item.js";import m from"../combobox/combobox-separator.js";import h from"../combobox/combobox-trigger.js";import g from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import{getAutocompleteItemOptions as _,getAutocompleteSearchOptions as v,isGroupOption as y}from"./shared.js";import b from"./autocomplete-input.js";import x from"./autocomplete-root.js";import{Fragment as S,computed as C,createBlock as w,createCommentVNode as T,createElementBlock as E,createTextVNode as D,createVNode as O,defineComponent as k,guardReactiveProps as A,mergeProps as j,normalizeClass as M,normalizeProps as N,openBlock as P,renderList as F,renderSlot as I,toDisplayString as L,unref as R,withCtx as z}from"vue";import{defu as B}from"defu";const V=k({name:`AutocompleteCompact`,__name:`autocomplete-compact`,props:{modelValue:{default:void 0},defaultValue:{},items:{},placeholder:{},clearable:{type:Boolean,default:!1},clearLabel:{},emptyLabel:{},fuseOptions:{},anchorProps:{},inputProps:{},triggerProps:{},portalProps:{},contentProps:{},viewportProps:{},groupProps:{},groupLabelProps:{},itemProps:{},itemIndicatorProps:{},separatorProps:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},openOnFocus:{type:Boolean},openOnClick:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`,`select`],setup(k,{emit:V}){let H=k,U=V,W=r(H,[`items`,`modelValue`,`defaultValue`,`placeholder`,`clearable`,`clearLabel`,`emptyLabel`,`fuseOptions`,`anchorProps`,`inputProps`,`triggerProps`,`portalProps`,`contentProps`,`viewportProps`,`groupProps`,`groupLabelProps`,`itemProps`,`itemIndicatorProps`,`separatorProps`]),G=t(()=>H.modelValue,e=>{U(`update:modelValue`,e)},H.defaultValue??``),K=C(()=>B(H.fuseOptions,{fuseOptions:{ignoreLocation:!0,threshold:.3,keys:[`label`,`value`,`keywords`,`groupLabel`]},matchAllWhenSearchEmpty:!0})),q=C(()=>v(H.items)),{results:J}=n(C(()=>G.value),q,K),Y=C(()=>_(J.value.map(e=>e.item))),X=C(()=>({...H.inputProps,id:H.inputProps?.id??H.id,placeholder:H.placeholder??H.inputProps?.placeholder})),Z=e(),Q=e=>y(e)?`group-${e.label}`:`item-${e.value}`,$=e=>{U(`select`,e)};return(e,t)=>(P(),w(x,j(R(W),{"model-value":R(G),onHighlight:t[0]||(t[0]=e=>U(`highlight`,e)),"onUpdate:modelValue":t[1]||(t[1]=e=>G.value=e),"onUpdate:open":t[2]||(t[2]=e=>U(`update:open`,e))}),{default:z(()=>[O(R(s),j(k.anchorProps,{"data-soybean-autocomplete-anchor":``}),{default:z(()=>[O(b,N(A(X.value)),{leading:z(()=>[I(e.$slots,`input-leading`,{},()=>[O(i,{icon:`lucide:search`})])]),trailing:z(({clear:t})=>[k.clearable&&R(G)?(P(),w(R(l),{key:0,"aria-label":H.clearLabel??R(Z).autocomplete.clearInput,"data-soybean-autocomplete-cancel":``,onClick:t},{default:z(()=>[O(i,{icon:`lucide:x`})]),_:1},8,[`aria-label`,`onClick`])):T(`v-if`,!0),I(e.$slots,`input-trailing`)]),_:3},16),O(R(h),j(k.triggerProps,{"aria-label":R(Z).autocomplete.toggleSuggestions,"data-soybean-autocomplete-trigger":``}),{default:z(({triggerIconClass:t})=>[I(e.$slots,`trigger-icon`,{},()=>[O(i,{icon:`lucide:chevrons-up-down`,class:M(t)},null,8,[`class`])])]),_:3},16,[`aria-label`])]),_:3},16),O(R(c),N(A(k.portalProps)),{default:z(()=>[O(R(u),N(A(k.contentProps)),{default:z(()=>[O(R(g),N(A(k.viewportProps)),{default:z(()=>[Y.value.length?T(`v-if`,!0):(P(),w(R(d),{key:0},{default:z(()=>[I(e.$slots,`empty`,{},()=>[D(L(H.emptyLabel??R(Z).autocomplete.noResults),1)])]),_:3})),(P(!0),E(S,null,F(Y.value,t=>(P(),E(S,{key:Q(t)},[R(y)(t)?(P(),E(S,{key:0},[O(R(f),j({ref_for:!0},k.groupProps),{default:z(()=>[O(R(a),j({ref_for:!0},k.groupLabelProps),{default:z(()=>[I(e.$slots,`group-label`,{item:t},()=>[D(L(t.label),1)])]),_:2},1040),(P(!0),E(S,null,F(t.items,t=>(P(),E(S,{key:t.value},[O(R(p),j({ref_for:!0},k.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:z(()=>[I(e.$slots,`item-leading`,{item:t},()=>[t.icon?(P(),w(i,{key:0,icon:t.icon},null,8,[`icon`])):T(`v-if`,!0)]),I(e.$slots,`item-text`,{item:t},()=>[D(L(t.label??t.value),1)]),I(e.$slots,`item-trailing`,{item:t}),O(R(o),j({ref_for:!0},k.itemIndicatorProps),{default:z(()=>[I(e.$slots,`item-indicator`,{item:t},()=>[O(i,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(P(),w(R(m),j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0)],64))),128))]),_:2},1040),t.separator?(P(),w(R(m),j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0)],64)):(P(),E(S,{key:1},[O(R(p),j({ref_for:!0},k.itemProps,{value:t.value,disabled:t.disabled,onSelect:e=>$(t)}),{default:z(()=>[I(e.$slots,`item-leading`,{item:t},()=>[t.icon?(P(),w(i,{key:0,icon:t.icon},null,8,[`icon`])):T(`v-if`,!0)]),I(e.$slots,`item-text`,{item:t},()=>[D(L(t.label??t.value),1)]),I(e.$slots,`item-trailing`,{item:t}),O(R(o),j({ref_for:!0},k.itemIndicatorProps),{default:z(()=>[I(e.$slots,`item-indicator`,{item:t},()=>[O(i,{icon:`lucide:check`})])]),_:2},1040)]),_:2},1040,[`value`,`disabled`,`onSelect`]),t.separator?(P(),w(R(m),j({key:0,ref_for:!0},k.separatorProps),null,16)):T(`v-if`,!0)],64))],64))),128))]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16,[`model-value`]))}});export{V as default};

package/dist/components/autocomplete/autocomplete-compact.vue.d.ts

@@ -0,0 +1,23 @@
+import { AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteHighlightPayload, AutocompleteSingleOptionData } from "./types.js";
+
+//#region src/components/autocomplete/autocomplete-compact.vue.d.ts
+declare const __VLS_export: <T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
+    onSelect?: ((item: T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: AutocompleteCompactSlots<T>;
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
+}>) => import("vue").VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

package/dist/components/autocomplete/autocomplete-input.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useListboxRootContext as n}from"../listbox/context.js";import{useComboboxRootContext as r}from"../combobox/context.js";import i from"../input/input-control.js";import a from"../input/input-root.js";import"../input/index.js";import{useAutocompleteRootContext as o}from"./context.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,nextTick as f,onMounted as p,onUnmounted as m,openBlock as h,renderSlot as g,shallowRef as _,unref as v,useId as y,watchSyncEffect as b,withCtx as x,withKeys as S,withModifiers as C}from"vue";const w=u({name:`AutocompleteInput`,__name:`autocomplete-input`,props:{inputRef:{type:Function},controlProps:{},disabled:{type:Boolean},readonly:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},maxlength:{},minlength:{},pattern:{},placeholder:{},type:{}},emits:[`update:modelValue`],setup(u,{emit:w}){let T=u,E=w,D=t(T,[`inputRef`,`controlProps`]),{disabled:O,focusable:k,highlightedElement:A,highlightFirstItem:j,onCompositionEnd:M,onCompositionStart:N,onKeydownEnter:P,onKeydownNavigation:F}=n(`AutocompleteInput`),{open:I,contentId:L,inputElement:R,triggerElement:ee,disabled:z,openOnClick:B,openOnFocus:V,filterSearch:H,isUserInputted:U,onOpenChange:W,onInputElementChange:G}=r(`AutocompleteInput`),{modelValue:K}=o(`AutocompleteInput`),q=y(),[J,Y]=e(e=>{let t=e;G(t),T.inputRef?.(t)}),X=s(()=>T.disabled||O.value||z.value||!1),Z=_(),Q=s(()=>T.id??T.controlProps?.id??`soybean-autocomplete-input-${q}`),$=e=>{K.value=e,E(`update:modelValue`,e)},te=e=>{let t=e.target;if(U.value=!0,!I.value){W(!0),f(()=>{t.value&&(H.value=t.value,j())});return}H.value=t.value},ne=()=>{!V.value||I.value||W(!0)},re=()=>{!B.value||I.value||W(!0)},ie=e=>{if(e.key===`Enter`){P(e);return}if(!I.value){W(!0);return}F(e)},ae=e=>{if(!I.value)return;let t=e.relatedTarget;if(!t)return;let n=ee.value?.contains(t),r=document.getElementById(L.value)?.contains(t);!n&&!r&&W(!1)};return b(()=>{Z.value=A.value?.id}),p(()=>{k.value=!1,setTimeout(()=>{T.autofocus&&J.value?.focus()},1)}),m(()=>{k.value=!0,R.value=void 0}),(e,t)=>(h(),c(v(a),d({"data-soybean-autocomplete-input-root":``},v(D),{"model-value":v(K),"onUpdate:modelValue":$}),{default:x(({clear:t})=>[g(e.$slots,`leading`,{clear:t}),l(v(i),d(u.controlProps,{id:Q.value,ref:v(Y),"data-soybean-autocomplete-input-control":``,"aria-activedescendant":Z.value,"aria-controls":v(L),"aria-expanded":v(I)||!1,"aria-autocomplete":`list`,autocomplete:`off`,disabled:X.value,role:`combobox`,spellcheck:`false`,type:`text`,onBlur:ae,onClick:re,onCompositionend:v(M),onCompositionstart:v(N),onFocus:ne,onInput:te,onKeydown:S(C(ie,[`prevent`]),[`enter`,`down`,`up`,`home`,`end`])}),null,16,[`id`,`aria-activedescendant`,`aria-controls`,`aria-expanded`,`disabled`,`onCompositionend`,`onCompositionstart`,`onKeydown`]),g(e.$slots,`trailing`,{clear:t})]),_:3},16,[`model-value`]))}});export{w as default};

package/dist/components/autocomplete/autocomplete-input.vue.d.ts

@@ -0,0 +1,27 @@
+import { AutocompleteInputProps } from "./types.js";
+
+//#region src/components/autocomplete/autocomplete-input.vue.d.ts
+declare var __VLS_10: {
+    clear: () => void;
+  }, __VLS_25: {
+    clear: () => void;
+  };
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  trailing?: (props: typeof __VLS_25) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AutocompleteInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<AutocompleteInputProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").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/autocomplete/autocomplete-root.js

@@ -0,0 +1 @@
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import{provideComboboxRootContext as i}from"../combobox/context.js";import a from"../popper/popper-root.js";import"../popper/index.js";import o from"../listbox/listbox-root.js";import"../listbox/index.js";import{provideAutocompleteRootContext as s}from"./context.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,nextTick as p,onUnmounted as m,openBlock as h,renderSlot as ee,shallowRef as g,unref as _,useAttrs as v,useId as y,useTemplateRef as b,withCtx as x}from"vue";import{createEventHook as S}from"@vueuse/core";const C=d({name:`AutocompleteRoot`,inheritAttrs:!1,__name:`autocomplete-root`,props:{modelValue:{default:void 0},defaultValue:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:open`,`highlight`],setup(d,{expose:C,emit:w}){let T=d,E=w,D=r(T,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`openOnClick`,`openOnFocus`],v()),O=t(()=>T.dir),k=n(()=>T.modelValue,e=>{E(`update:modelValue`,e)},T.defaultValue??``),A=n(()=>T.open,e=>{E(`update:open`,e)},T.defaultOpen),j=b(`listboxElement`),M=c(()=>j.value?.$el),N=c(()=>!1),P=g(!1),F=g(!1),I=c(()=>!1),L=c(()=>!1),R=c(()=>!0),z=c(()=>!0),B=g(),V=g(),H=g(),U=g(``),W=c(()=>j.value?.highlightedElement??void 0),G=S(),K=g(``),q=g(new Map),J=g(new Map),Y,X=`soybean-autocomplete-content-${y()}`,Z=()=>{U.value||(U.value=X)},Q=c(e=>{if(!K.value||R.value||F.value)return{count:q.value.size,items:e?.items??new Map,groups:new Set(J.value.keys())};let t=K.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of q.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of J.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),te=async e=>{if(Y&&(clearTimeout(Y),Y=void 0),A.value=e,e){K.value=k.value??``,await p(),await j.value?.highlightSelected?.(),P.value=!0,B.value?.focus();return}P.value=!1,K.value=``,Y=setTimeout(()=>{!e&&I.value&&G.trigger(void 0)},1)},$=e=>{k.value=e},ne=()=>{k.value=``};return m(()=>{Y&&clearTimeout(Y)}),i({...e(T,[`disabled`,`openOnClick`,`openOnFocus`]),dir:O,ignoreFilter:R,resetSearchTermOnBlur:I,resetSearchTermOnSelect:L,resetModelValueOnClear:z,isMultiple:N,modelValue:k,onModelValueChange:$,resetModelValue:ne,open:A,onOpenChange:te,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:Z,inputElement:B,onInputElementChange(e){B.value=e},triggerElement:V,onTriggerElementChange(e){V.value=e},popupElement:H,onPopupElementChange(e){H.value=e},highlightedElement:W,onResetSearchTerm:G.on,filterSearch:K,allItems:q,allGroups:J,filterState:Q}),s({modelValue:k}),C({filtered:Q,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(h(),l(_(a),{dir:_(O)},{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),dir:_(O),"highlight-on-hover":d.highlightOnHover,"selection-behavior":`replace`,"data-soybean-autocomplete-root":``,"onUpdate:modelValue":t[0]||(t[0]=e=>$(Array.isArray(e)?e[0]??``:e??``)),onHighlight:t[1]||(t[1]=e=>E(`highlight`,e))}),{default:x(()=>[ee(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`dir`,`highlight-on-hover`])]),_:3},8,[`dir`]))}});export{C as default};

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

@@ -0,0 +1,44 @@
+import { AutocompleteHighlightPayload, AutocompleteRootProps } from "./types.js";
+
+//#region src/components/autocomplete/autocomplete-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    open: boolean | undefined;
+    modelValue: string | undefined;
+  }) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<AutocompleteRootProps, {
+  filtered: import("vue").ComputedRef<{
+    count: number;
+    items: Map<string, number>;
+    groups: Set<string>;
+  }>;
+  highlightedElement: import("vue").ComputedRef<HTMLElement | undefined>;
+  highlightItem: (value: string) => void;
+  highlightFirstItem: () => void;
+  highlightSelected: (event?: Event) => Promise<void> | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  "update:modelValue": (value: string) => any;
+  highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
+}>, {
+  open: boolean;
+  modelValue: string;
+  defaultOpen: boolean;
+  highlightOnHover: boolean;
+  openOnFocus: boolean;
+  openOnClick: boolean;
+}, {}, {}, {}, string, import("vue").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/autocomplete/context.d.ts

@@ -0,0 +1,7 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { ComboboxUiSlot } from "../combobox/types.js";
+//#region src/components/autocomplete/context.d.ts
+declare const provideAutocompleteUi: (ui: import("vue").ComputedRef<Partial<UiClass<ComboboxUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ComboboxUiSlot>>>, useAutocompleteUi: UseUiConsumer<ComboboxUiSlot>;
+//#endregion
+export { provideAutocompleteUi };

package/dist/components/autocomplete/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideComboboxUi as n}from"../combobox/context.js";const[r,i]=e(`AutocompleteRoot`),[a,o]=t(`AutocompleteUi`,e=>(n(e),e));export{r as provideAutocompleteRootContext,a as provideAutocompleteUi,i as useAutocompleteRootContext};

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

@@ -0,0 +1,21 @@
+import { InputRootEmits } from "../input/types.js";
+import { ListboxGroupLabelProps, ListboxGroupProps, ListboxItemIndicatorProps } from "../listbox/types.js";
+import { PopperAnchorProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { ComboboxContentProps, ComboboxItemEmits, ComboboxItemProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps } from "../combobox/types.js";
+import { AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteGroupOptionData, AutocompleteHighlightPayload, AutocompleteInputProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSingleOptionData } from "./types.js";
+import { _default as _default$1 } from "./autocomplete-compact.vue.js";
+import { _default as _default$9 } from "./autocomplete-root.vue.js";
+import { _default as _default$4 } from "../listbox/listbox-group-label.vue.js";
+import { _default as _default$7 } from "../listbox/listbox-item-indicator.vue.js";
+import { _default } from "../popper/popper-anchor.vue.js";
+import { _default as _default$11 } from "../combobox/combobox-trigger.vue.js";
+import { _default as _default$8 } from "../portal/portal.vue.js";
+import { _default as _default$12 } from "../combobox/combobox-viewport.vue.js";
+import { _default as _default$2 } from "../combobox/combobox-content.vue.js";
+import { _default as _default$3 } from "../combobox/combobox-group.vue.js";
+import { _default as _default$6 } from "../combobox/combobox-item.vue.js";
+import { _default as _default$10 } from "../combobox/combobox-separator.vue.js";
+import { _default as _default$5 } from "./autocomplete-input.vue.js";
+import { provideAutocompleteUi } from "./context.js";
+export { _default as AutocompleteAnchor, type PopperAnchorProps as AutocompleteAnchorProps, _default$1 as AutocompleteCompact, type AutocompleteCompactEmits, type AutocompleteCompactProps, type AutocompleteCompactSlots, _default$2 as AutocompleteContent, type ComboboxContentProps as AutocompleteContentProps, _default$3 as AutocompleteGroup, _default$4 as AutocompleteGroupLabel, type ListboxGroupLabelProps as AutocompleteGroupLabelProps, type AutocompleteGroupOptionData, type ListboxGroupProps as AutocompleteGroupProps, type AutocompleteHighlightPayload, _default$5 as AutocompleteInput, type InputRootEmits as AutocompleteInputEmits, type AutocompleteInputProps, _default$6 as AutocompleteItem, type ComboboxItemEmits as AutocompleteItemEmits, _default$7 as AutocompleteItemIndicator, type ListboxItemIndicatorProps as AutocompleteItemIndicatorProps, type ComboboxItemProps as AutocompleteItemProps, type AutocompleteOptionData, _default$8 as AutocompletePortal, type PortalProps as AutocompletePortalProps, _default$9 as AutocompleteRoot, type AutocompleteRootEmits, type AutocompleteRootProps, type AutocompleteSearchOptionData, _default$10 as AutocompleteSeparator, type ComboboxSeparatorProps as AutocompleteSeparatorProps, type AutocompleteSingleOptionData, _default$11 as AutocompleteTrigger, type ComboboxTriggerProps as AutocompleteTriggerProps, type ComboboxUi as AutocompleteUi, type ComboboxUiSlot as AutocompleteUiSlot, _default$12 as AutocompleteViewport, type ComboboxViewportProps as AutocompleteViewportProps, provideAutocompleteUi };

package/dist/components/autocomplete/index.js

@@ -0,0 +1 @@
+import e from"../listbox/listbox-group-label.js";import t from"../listbox/listbox-item-indicator.js";import n from"../popper/popper-anchor.js";import r from"../portal/portal.js";import i from"../combobox/combobox-content.js";import a from"../combobox/combobox-group.js";import o from"../combobox/combobox-item.js";import s from"../combobox/combobox-separator.js";import c from"../combobox/combobox-trigger.js";import l from"../combobox/combobox-viewport.js";import"../combobox/index.js";import"../portal/index.js";import{provideAutocompleteUi as u}from"./context.js";import d from"./autocomplete-input.js";import f from"./autocomplete-root.js";import p from"./autocomplete-compact.js";export{n as AutocompleteAnchor,p as AutocompleteCompact,i as AutocompleteContent,a as AutocompleteGroup,e as AutocompleteGroupLabel,d as AutocompleteInput,o as AutocompleteItem,t as AutocompleteItemIndicator,r as AutocompletePortal,f as AutocompleteRoot,s as AutocompleteSeparator,c as AutocompleteTrigger,l as AutocompleteViewport,u as provideAutocompleteUi};

package/dist/components/autocomplete/shared.js

@@ -0,0 +1 @@
+function e(e){return`items`in e}function t(t){return t.flatMap(t=>e(t)?t.items.map(e=>({...e,groupLabel:t.label,groupSeparator:t.separator,groupValue:t.label})):[t])}function n(e){let t=e.reduce((e,t)=>{let{groupLabel:n,groupSeparator:r,groupValue:i,...a}=t;return i?(e[i]||(e[i]={label:n??i,separator:r,items:[]}),e[i].items.push(a)):e[t.value]=a,e},{});return Object.values(t)}export{n as getAutocompleteItemOptions,t as getAutocompleteSearchOptions,e as isGroupOption};