@soybeanjs/headless 0.15.5 → 0.17.0

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

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

@@ -4,13 +4,13 @@ import * as _$vue from "vue";
 //#region src/components/autocomplete/autocomplete-input.vue.d.ts
 declare var __VLS_10: {
     clear: () => void;
-  }, __VLS_25: {
+  }, __VLS_26: {
     clear: () => void;
   };
 type __VLS_Slots = {} & {
   leading?: (props: typeof __VLS_10) => any;
 } & {
-  trailing?: (props: typeof __VLS_25) => any;
+  trailing?: (props: typeof __VLS_26) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<AutocompleteInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;

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

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

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

@@ -8,19 +8,29 @@ type __VLS_Slots = {
     modelValue: string | undefined;
   }) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
+  filtered: _$vue.ComputedRef<{
+    count: number;
+    items: Map<string, number>;
+    groups: Set<string>;
+  }>;
+  highlightedElement: _$vue.ComputedRef<HTMLElement | undefined>;
+  highlightItem: (value: string) => void;
+  highlightFirstItem: () => void;
+  highlightSelected: (event?: Event) => Promise<void> | undefined;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  "update:open": (value: boolean) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
+  "update:open": (value: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   modelValue: string;
-  defaultOpen: boolean;
-  open: boolean;
   highlightOnHover: boolean;
+  open: boolean;
+  defaultOpen: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

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

package/dist/components/autocomplete/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`AutocompleteRoot`,e=>e),[i,a]=t(`AutocompleteUi`);export{n as provideAutocompleteRootContext,i as provideAutocompleteUi,r as useAutocompleteRootContext,a as useAutocompleteUi};
+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

@@ -1,17 +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 { AutocompleteAnchorProps, AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupOptionData, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSeparatorProps, AutocompleteSingleOptionData, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps } from "./types.js";
-import { _default as _default$9 } from "./autocomplete-root.vue.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 } from "./autocomplete-anchor.vue.js";
-import { _default as _default$5 } from "./autocomplete-input.vue.js";
-import { _default as _default$11 } from "./autocomplete-trigger.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$2 } from "./autocomplete-content.vue.js";
-import { _default as _default$12 } from "./autocomplete-viewport.vue.js";
-import { _default as _default$3 } from "./autocomplete-group.vue.js";
-import { _default as _default$4 } from "./autocomplete-group-label.vue.js";
-import { _default as _default$6 } from "./autocomplete-item.vue.js";
-import { _default as _default$7 } from "./autocomplete-item-indicator.vue.js";
-import { _default as _default$10 } from "./autocomplete-separator.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 AutocompleteAnchorProps, _default$1 as AutocompleteCompact, type AutocompleteCompactEmits, type AutocompleteCompactProps, type AutocompleteCompactSlots, _default$2 as AutocompleteContent, type AutocompleteContentProps, _default$3 as AutocompleteGroup, _default$4 as AutocompleteGroupLabel, type AutocompleteGroupLabelProps, type AutocompleteGroupOptionData, type AutocompleteGroupProps, type AutocompleteHighlightPayload, _default$5 as AutocompleteInput, type AutocompleteInputEmits, type AutocompleteInputProps, _default$6 as AutocompleteItem, type AutocompleteItemEmits, _default$7 as AutocompleteItemIndicator, type AutocompleteItemIndicatorProps, type 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 AutocompleteSeparatorProps, type AutocompleteSingleOptionData, _default$11 as AutocompleteTrigger, type AutocompleteTriggerProps, type AutocompleteUi, type AutocompleteUiSlot, _default$12 as AutocompleteViewport, type AutocompleteViewportProps, provideAutocompleteUi };
+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

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

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

@@ -1,17 +1,19 @@
 import { IconValue } from "../_icon/types.js";
-import { Direction, UiClass } from "../../types/common.js";
-import { ForceMountProps, FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { Direction } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
 import { CollectionItemData } from "../../composables/use-collection.js";
 import { InputControlProps, InputRootEmits, InputRootProps } from "../input/types.js";
-import { ListboxCollectionItemData, ListboxContentProps, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemEmits, ListboxItemIndicatorProps, ListboxItemProps } from "../listbox/types.js";
-import { PopperAnchorProps, PopperPositionerProps } from "../popper/types.js";
+import { ListboxCollectionItemData, ListboxGroupLabelProps, ListboxGroupProps, ListboxItemIndicatorProps } from "../listbox/types.js";
+import { PopperAnchorProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { SeparatorRootProps } from "../separator/types.js";
-import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { ComboboxContentProps, ComboboxItemEmits, ComboboxItemProps, ComboboxSeparatorProps, ComboboxTriggerProps, ComboboxUi, ComboboxUiSlot, ComboboxViewportProps } from "../combobox/types.js";
+import { HTMLAttributes, ShallowRef } from "vue";
 import { UseFuseOptions } from "@vueuse/integrations/useFuse";
 
 //#region src/components/autocomplete/types.d.ts
+/**
+ * Props for the autocomplete root component.
+ */
 interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
   /** The controlled value of the autocomplete input. */
   modelValue?: string;
@@ -32,28 +34,44 @@ interface AutocompleteRootProps extends FormFieldCommonProps, /** @vue-ignore */
   /** Whether to open the autocomplete when the input is clicked. */
   openOnClick?: boolean;
 }
+/**
+ * Type information for the autocomplete highlight payload component.
+ */
 type AutocompleteHighlightPayload = CollectionItemData<ListboxCollectionItemData>;
+/**
+ * Emits for the autocomplete root component.
+ */
 type AutocompleteRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
   'update:modelValue': [value: string];
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [value: boolean];
+  /**
+   * Emitted when highlight occurs.
+   */
   highlight: [payload?: AutocompleteHighlightPayload];
 };
-interface AutocompleteAnchorProps extends PopperAnchorProps {}
+/**
+ * Props for the autocomplete input component.
+ */
 interface AutocompleteInputProps extends Omit<InputRootProps, 'defaultValue' | 'modelValue'> {
+  /**
+   * Input ref.
+   */
   inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Props forwarded to the control element.
+   */
   controlProps?: InputControlProps;
 }
-type AutocompleteInputEmits = InputRootEmits;
-interface AutocompleteTriggerProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
-interface AutocompleteContentProps extends PopperPositionerProps, ForceMountProps {}
-interface AutocompleteViewportProps extends ListboxContentProps {}
-interface AutocompleteGroupProps extends ListboxGroupProps {}
-interface AutocompleteGroupLabelProps extends ListboxGroupLabelProps {}
-interface AutocompleteItemProps extends ListboxItemProps {}
-type AutocompleteItemEmits = ListboxItemEmits;
-interface AutocompleteItemIndicatorProps extends ListboxItemIndicatorProps {}
-interface AutocompleteSeparatorProps extends SeparatorRootProps {}
-interface AutocompleteSingleOptionData extends Pick<AutocompleteItemProps, 'disabled' | 'value'> {
+/**
+ * Option data for the autocomplete single component.
+ */
+interface AutocompleteSingleOptionData extends Pick<ComboboxItemProps, 'disabled' | 'value'> {
   /** Display label in the option list. */
   label?: string;
   /** Icon displayed before the option text. */
@@ -63,69 +81,178 @@ interface AutocompleteSingleOptionData extends Pick<AutocompleteItemProps, 'disa
   /** Whether to show a separator after this option. */
   separator?: boolean;
 }
+/**
+ * Option data for the autocomplete group component.
+ */
 interface AutocompleteGroupOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> {
   /** Group label in the option list. */
   label: string;
   /** Whether to show a separator after this group. */
   separator?: boolean;
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
 }
+/**
+ * Option data for the autocomplete component.
+ */
 type AutocompleteOptionData<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = T | AutocompleteGroupOptionData<T>;
+/**
+ * Option data for the autocomplete search component.
+ */
 interface AutocompleteSearchOptionData extends AutocompleteSingleOptionData {
+  /**
+   * Group label.
+   */
   groupLabel?: string;
+  /**
+   * Group value.
+   */
   groupValue?: string;
+  /**
+   * Whether group separator.
+   */
   groupSeparator?: boolean;
 }
+/**
+ * Props for the autocomplete compact component.
+ */
 interface AutocompleteCompactProps<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> extends Omit<AutocompleteRootProps, 'defaultValue' | 'modelValue' | 'onSelect'> {
   /** The controlled value of the autocomplete input. */
   modelValue?: string;
   /** The initial value of the autocomplete input. */
   defaultValue?: string;
+  /**
+   * Items rendered by the component.
+   */
   items: AutocompleteOptionData<T>[];
+  /**
+   * Placeholder.
+   */
   placeholder?: string;
+  /**
+   * Whether clearable.
+   */
   clearable?: boolean;
+  /**
+   * Clear label.
+   */
   clearLabel?: string;
+  /**
+   * Empty label.
+   */
   emptyLabel?: string;
+  /**
+   * Fuse options.
+   */
   fuseOptions?: UseFuseOptions<AutocompleteSearchOptionData>;
-  anchorProps?: AutocompleteAnchorProps;
+  /**
+   * Props forwarded to the anchor element.
+   */
+  anchorProps?: PopperAnchorProps;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: AutocompleteInputProps;
-  triggerProps?: AutocompleteTriggerProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: ComboboxTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: PortalProps;
-  contentProps?: AutocompleteContentProps;
-  viewportProps?: AutocompleteViewportProps;
-  groupProps?: AutocompleteGroupProps;
-  groupLabelProps?: AutocompleteGroupLabelProps;
-  itemProps?: Omit<AutocompleteItemProps, 'disabled' | 'value'>;
-  itemIndicatorProps?: AutocompleteItemIndicatorProps;
-  separatorProps?: AutocompleteSeparatorProps;
+  /**
+   * Props forwarded to the content element.
+   */
+  contentProps?: ComboboxContentProps;
+  /**
+   * Props forwarded to the viewport element.
+   */
+  viewportProps?: ComboboxViewportProps;
+  /**
+   * Props forwarded to the group element.
+   */
+  groupProps?: ListboxGroupProps;
+  /**
+   * Props forwarded to the group label element.
+   */
+  groupLabelProps?: ListboxGroupLabelProps;
+  /**
+   * Props forwarded to the item element.
+   */
+  itemProps?: Omit<ComboboxItemProps, 'disabled' | 'value'>;
+  /**
+   * Props forwarded to the item indicator element.
+   */
+  itemIndicatorProps?: ListboxItemIndicatorProps;
+  /**
+   * Props forwarded to the separator element.
+   */
+  separatorProps?: ComboboxSeparatorProps;
 }
+/**
+ * Emits for the autocomplete compact component.
+ */
 type AutocompleteCompactEmits<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = AutocompleteRootEmits & {
+  /**
+   * Emitted when select occurs.
+   */
   select: [item: T];
 };
+/**
+ * Slots for the autocomplete compact component.
+ */
 type AutocompleteCompactSlots<T extends AutocompleteSingleOptionData = AutocompleteSingleOptionData> = {
+  /**
+   * Custom content for the input leading slot.
+   */
   'input-leading'?: () => any;
+  /**
+   * Custom content for the input trailing slot.
+   */
   'input-trailing'?: () => any;
+  /**
+   * Custom content for the trigger icon slot.
+   */
   'trigger-icon'?: () => any;
+  /**
+   * Custom content for the empty slot.
+   */
   empty?: () => any;
+  /**
+   * Custom content for the group label slot.
+   */
   'group-label'?: (props: {
     item: Extract<AutocompleteOptionData<T>, {
       items: T[];
     }>;
   }) => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: {
     item: T;
   }) => any;
-  'item-label'?: (props: {
+  /**
+   * Custom content for the item text slot.
+   */
+  'item-text'?: (props: {
     item: T;
   }) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: {
     item: T;
   }) => any;
+  /**
+   * Custom content for the item indicator slot.
+   */
   'item-indicator'?: (props: {
     item: T;
   }) => any;
 };
-type AutocompleteUiSlot = 'root' | 'anchor' | 'inputRoot' | 'inputControl' | 'inputIcon' | 'inputClearable' | 'trigger' | 'triggerIcon' | 'content' | 'viewport' | 'group' | 'groupLabel' | 'item' | 'itemText' | 'itemIcon' | 'itemIndicator' | 'separator' | 'empty';
-type AutocompleteUi = UiClass<AutocompleteUiSlot>;
 //#endregion
-export { AutocompleteAnchorProps, AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteContentProps, AutocompleteGroupLabelProps, AutocompleteGroupOptionData, AutocompleteGroupProps, AutocompleteHighlightPayload, AutocompleteInputEmits, AutocompleteInputProps, AutocompleteItemEmits, AutocompleteItemIndicatorProps, AutocompleteItemProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSeparatorProps, AutocompleteSingleOptionData, AutocompleteTriggerProps, AutocompleteUi, AutocompleteUiSlot, AutocompleteViewportProps };
+export { AutocompleteCompactEmits, AutocompleteCompactProps, AutocompleteCompactSlots, AutocompleteGroupOptionData, AutocompleteHighlightPayload, AutocompleteInputProps, AutocompleteOptionData, AutocompleteRootEmits, AutocompleteRootProps, AutocompleteSearchOptionData, AutocompleteSingleOptionData };

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

@@ -3,7 +3,13 @@ import { ImageLoadingStatus } from "../../types/dom.js";
 import { HTMLAttributes, ImgHTMLAttributes } from "vue";
 
 //#region src/components/avatar/types.d.ts
+/**
+ * Props for the avatar root component.
+ */
 interface AvatarRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the avatar image component.
+ */
 interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   /** The image source URL */
   src: string;
@@ -12,6 +18,9 @@ interface AvatarImageProps extends /** @vue-ignore */ImgHTMLAttributes {
   /** The cross-origin setting for the image */
   crossorigin?: ImgHTMLAttributes['crossorigin'];
 }
+/**
+ * Emits for the avatar image component.
+ */
 type AvatarImageEmits = {
   /**
    * Event handler called when the image loading status changes. This is useful for controlling what to render as the
@@ -19,6 +28,9 @@ type AvatarImageEmits = {
    */
   loadingStatusChange: [status: ImageLoadingStatus];
 };
+/**
+ * Props for the avatar fallback component.
+ */
 interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
   /**
    * Useful for delaying rendering so it only appears for those with slower connections.
@@ -27,7 +39,13 @@ interface AvatarFallbackProps extends /** @vue-ignore */HTMLAttributes {
    */
   delayMs?: number;
 }
+/**
+ * Available UI slots for the avatar component.
+ */
 type AvatarUiSlot = 'root' | 'image' | 'fallback';
+/**
+ * UI class overrides for the avatar component.
+ */
 type AvatarUi = UiClass<AvatarUiSlot>;
 //#endregion
 export { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps, AvatarUi, AvatarUiSlot };

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

@@ -1,16 +1,22 @@
 import { AsTag } from "../primitive/types.js";
 import { ButtonType } from "../button/types.js";
-import { BacktopExposed, BacktopProps } from "./types.js";
+import { BacktopProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_vueuse_shared0 from "@vueuse/shared";
 
 //#region src/components/backtop/backtop.vue.d.ts
+declare function scrollToTop(): void;
 declare var __VLS_10: {
   visible: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {
+  visible: _$vue.ShallowRef<boolean, boolean>;
+  scrollToTop: typeof scrollToTop;
+  updateVisibility: _$_vueuse_shared0.Fn;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   change: (visible: boolean) => any;
   click: (event: MouseEvent) => any;
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
@@ -19,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}
 }>, {
   type: ButtonType;
   as: AsTag | _$vue.Component;
-  duration: number;
   visibilityHeight: number;
+  duration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,3 +1,3 @@
-import { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget } from "./types.js";
+import { BacktopEmits, BacktopProps, BacktopState, BacktopTarget } from "./types.js";
 import { _default } from "./backtop.vue.js";
-export { _default as Backtop, type BacktopEmits, type BacktopExposed, type BacktopProps, type BacktopTarget };
+export { _default as Backtop, type BacktopEmits, type BacktopProps, type BacktopState, type BacktopTarget };

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

@@ -1,9 +1,18 @@
 import { AffixTarget } from "../affix/types.js";
 import { ButtonProps } from "../button/types.js";
-import { ShallowRef } from "vue";
 
 //#region src/components/backtop/types.d.ts
+/**
+ * Type information for the backtop target component.
+ */
 type BacktopTarget = AffixTarget;
+/**
+ * State values for the backtop component.
+ */
+type BacktopState = 'visible' | 'hidden';
+/**
+ * Props for the backtop component.
+ */
 interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
   /**
    * Scroll distance that must be reached before the Backtop button becomes visible.
@@ -24,20 +33,18 @@ interface BacktopProps extends /** @vue-ignore */Omit<ButtonProps, 'onChange'> {
    */
   duration?: number;
 }
+/**
+ * Emits for the backtop component.
+ */
 type BacktopEmits = {
-  change: [visible: boolean];
-  click: [event: MouseEvent];
-};
-interface BacktopExposed {
-  visible: ShallowRef<boolean>;
   /**
-   * Scroll the target container back to the start position.
+   * Emitted when change occurs.
    */
-  scrollToTop: () => void;
+  change: [visible: boolean];
   /**
-   * Schedule a visibility update on the next animation frame.
+   * Emitted when click occurs.
    */
-  updateVisibility: () => void;
-}
+  click: [event: MouseEvent];
+};
 //#endregion
-export { BacktopEmits, BacktopExposed, BacktopProps, BacktopTarget };
+export { BacktopEmits, BacktopProps, BacktopState, BacktopTarget };

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

@@ -2,14 +2,35 @@ import { UiClass } from "../../types/common.js";
 import { HTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/badge/types.d.ts
+/**
+ * Props for the badge root component.
+ */
 interface BadgeRootProps extends /** @vue-ignore */HTMLAttributes {
+  /**
+   * Whether the component is open.
+   */
   open?: boolean;
 }
+/**
+ * Emits for the badge root component.
+ */
 type BadgeRootEmits = {
+  /**
+   * Emitted when the open state changes.
+   */
   'update:open': [open: boolean];
 };
+/**
+ * Props for the badge content component.
+ */
 interface BadgeContentProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Available UI slots for the badge component.
+ */
 type BadgeUiSlot = 'root' | 'content';
+/**
+ * UI class overrides for the badge component.
+ */
 type BadgeUi = UiClass<BadgeUiSlot>;
 //#endregion
 export { BadgeContentProps, BadgeRootEmits, BadgeRootProps, BadgeUi, BadgeUiSlot };