@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -5,14 +5,5 @@ import { Component, VNode } from "vue";
  * Type information for IconValue.
  */
 type IconValue = VNode | Component | string | null | undefined;
-/**
- * Properties for the Icon component.
- */
-interface IconProps {
-  /**
-   * Icon rendered by the component.
-   */
-  icon: IconValue;
-}
 //#endregion
-export { IconProps, IconValue };
+export { IconValue };

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

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import{collapsibleContentCssVars as n}from"../collapsible/shared.js";import r from"../collapsible/collapsible-content.js";import"../collapsible/index.js";import{accordionContentCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`AccordionContent`,__name:`accordion-content`,props:{asChild:{type:Boolean},as:{},forceMount:{type:Boolean}},setup(o){let{orientation:d}=t(`AccordionContent`),{triggerId:f,dataDisabled:p,dataState:m}=e(`AccordionContent`),h={[i.width]:`var(${n.width})`,[i.height]:`var(${n.height})`};return(e,t)=>(s(),a(l(r),{as:o.as,"as-child":o.asChild,"force-mount":o.forceMount,role:`region`,"aria-labelledby":l(f),"data-disabled":l(p),"data-orientation":l(d),"data-state":l(m),"data-slot":`content`,style:h},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`force-mount`,`aria-labelledby`,`data-disabled`,`data-orientation`,`data-state`]))}});export{d as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import{collapsibleContentCssVars as n}from"../collapsible/shared.js";import r from"../collapsible/collapsible-content.js";import"../collapsible/index.js";import{accordionContentCssVars as i}from"./shared.js";import{createBlock as a,defineComponent as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=o({name:`AccordionContent`,__name:`accordion-content`,props:{forceMount:{type:Boolean},asChild:{type:Boolean},as:{}},setup(o){let{orientation:d}=t(`AccordionContent`),{triggerId:f,dataDisabled:p,dataState:m}=e(`AccordionContent`),h={[i.width]:`var(${n.width})`,[i.height]:`var(${n.height})`};return(e,t)=>(s(),a(l(r),{"data-soybean-accordion-content":``,as:o.as,"as-child":o.asChild,"force-mount":o.forceMount,role:`region`,"aria-labelledby":l(f),"data-disabled":l(p),"data-orientation":l(d),"data-state":l(m),style:h},{default:u(()=>[c(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`force-mount`,`aria-labelledby`,`data-disabled`,`data-orientation`,`data-state`]))}});export{d as default};

package/dist/components/accordion/accordion-description.js

@@ -1 +1 @@
-import{useAccordionUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AccordionDescription`,__name:`accordion-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s)),"data-slot":`description`},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAccordionUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AccordionDescription`,__name:`accordion-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-accordion-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/accordion/accordion-header.js

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t,useAccordionUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-disabled`,`data-orientation`,`data-state`],u=i({name:`AccordionHeader`,__name:`accordion-header`,setup(i){let u=n(`header`),{orientation:d}=t(`AccordionHeader`),{dataDisabled:f,dataState:p}=e(`AccordionHeader`);return(e,t)=>(o(),r(`div`,{class:a(c(u)),"data-disabled":c(f),"data-orientation":c(d),"data-state":c(p),"data-slot":`header`},[s(e.$slots,`default`)],10,l))}});export{u as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t,useAccordionUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-disabled`,`data-orientation`,`data-state`],u=i({name:`AccordionHeader`,__name:`accordion-header`,setup(i){let u=n(`header`),{orientation:d}=t(`AccordionHeader`),{dataDisabled:f,dataState:p}=e(`AccordionHeader`);return(e,t)=>(o(),r(`div`,{"data-soybean-accordion-header":``,class:a(c(u)),"data-disabled":c(f),"data-orientation":c(d),"data-state":c(p)},[s(e.$slots,`default`)],10,l))}});export{u as default};

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

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getOpenFromSingleOrMultiple as t}from"../../shared/value.js";import{getCollectionItemElements as n}from"../../shared/dom.js";import{transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideAccordionItemContext as a,useAccordionRootContext as o}from"./context.js";import s from"../collapsible/collapsible-root.js";import"../collapsible/index.js";import{computed as c,createBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=u({name:`AccordionItem`,__name:`accordion-item`,props:{value:{},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{}},setup(u,{expose:g}){let _=u,v=i(_,[`value`]),{modelValue:y,disabled:b,isMultiple:x,rootElement:S,orientation:C,dir:w,unmountOnHide:T}=o(`AccordionItem`),E=c(()=>t(_.value,y.value,x.value)),D=c(()=>b.value||_.disabled),O=c(()=>_.unmountOnHide??T.value),{dataDisabled:k,dataState:A}=a({open:E,disabled:D,...r(_,[`value`])}),j=t=>{if(!S.value)return;let r=n(S.value),i=t.target;r.findIndex(e=>e===i)!==-1&&e(t,i,S.value,{arrowKeyOptions:C.value,dir:w.value,focus:!0})};return g({open:E,dataDisabled:k}),(e,t)=>(f(),l(m(s),d(m(v),{open:E.value,disabled:D.value,"unmount-on-hide":O.value,"data-disabled":m(k),"data-orientation":m(C),"data-state":m(A),"data-slot":`item`,onKeydown:j}),{default:h(()=>[p(e.$slots,`default`,{open:E.value})]),_:3},16,[`open`,`disabled`,`unmount-on-hide`,`data-disabled`,`data-orientation`,`data-state`]))}});export{g as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{getOpenFromSingleOrMultiple as t}from"../../shared/value.js";import{getCollectionItemElements as n}from"../../shared/dom.js";import{transformPropsToContext as r}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import{provideAccordionItemContext as a,useAccordionRootContext as o}from"./context.js";import s from"../collapsible/collapsible-root.js";import"../collapsible/index.js";import{computed as c,createBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=u({name:`AccordionItem`,__name:`accordion-item`,props:{value:{},disabled:{type:Boolean},unmountOnHide:{type:Boolean,default:void 0},asChild:{type:Boolean},as:{}},setup(u,{expose:g}){let _=u,v=i(_,[`value`]),{modelValue:y,disabled:b,isMultiple:x,rootElement:S,orientation:C,dir:w,unmountOnHide:T}=o(`AccordionItem`),E=c(()=>t(_.value,y.value,x.value)),D=c(()=>b.value||_.disabled),O=c(()=>_.unmountOnHide??T.value),{dataDisabled:k,dataState:A}=a({open:E,disabled:D,...r(_,[`value`])}),j=t=>{if(!S.value)return;let r=n(S.value),i=t.target;r.findIndex(e=>e===i)!==-1&&e(t,i,S.value,{arrowKeyOptions:C.value,dir:w.value,focus:!0})};return g({open:E,dataDisabled:k}),(e,t)=>(f(),l(m(s),d(m(v),{"data-soybean-accordion-item":``,open:E.value,disabled:D.value,"unmount-on-hide":O.value,"data-disabled":m(k),"data-orientation":m(C),"data-state":m(A),onKeydown:j}),{default:h(()=>[p(e.$slots,`default`,{open:E.value})]),_:3},16,[`open`,`disabled`,`unmount-on-hide`,`data-disabled`,`data-orientation`,`data-state`]))}});export{g as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as t}from"../../composables/use-selection.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=n(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=t(m,e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,class:s(d(g)),dir:d(v),"data-slot":`root`},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideAccordionRootContext as r,useAccordionUi as i}from"./context.js";import{createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,shallowRef as u,unref as d}from"vue";const f=[`dir`],p=o({name:`AccordionRoot`,__name:`accordion-root`,props:{collapsible:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean,default:!1},orientation:{default:`vertical`},unmountOnHide:{type:Boolean,default:!0},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,g=i(`root`),_=u(),v=t(()=>m.dir),{modelValue:y,isMultiple:b,onModelValueChange:x}=n(m,e=>{h(`update:modelValue`,e)});return r({dir:v,rootElement:_,modelValue:y,isMultiple:b,onModelValueChange:x,...e(m,[`collapsible`,`disabled`,`orientation`,`unmountOnHide`])}),(e,t)=>(c(),a(`div`,{ref_key:`rootElement`,ref:_,"data-soybean-accordion-root":``,class:s(d(g)),dir:d(v)},[l(e.$slots,`default`,{modelValue:d(y)})],10,f))}});export{p as default};

package/dist/components/accordion/accordion-trigger.js

@@ -1 +1 @@
-import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`AccordionTrigger`,__name:`accordion-trigger`,props:{disabledCollapsible:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let{collapsible:l,orientation:u,onModelValueChange:d,isMultiple:f}=t(`AccordionTrigger`),{setTriggerElement:p,triggerId:m,initTriggerId:h,open:g,value:_,dataDisabled:v,dataState:y,disabled:b}=e(`AccordionTrigger`),x=()=>{b.value||!f.value&&g.value&&!l.value||d(_.value)};return h(),(e,t)=>(a(),r(s(n),{id:s(m),ref:s(p),as:i.as,"as-child":i.asChild,"aria-disabled":s(b)||void 0,"aria-expanded":s(g)||!1,"data-disabled":s(v),"data-orientation":s(u),"data-state":s(y),"data-soybean-collection-item":``,"data-slot":`trigger`,disabled:s(b),onClick:x},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-orientation`,`data-state`,`disabled`]))}});export{l as default};
+import{useAccordionItemContext as e,useAccordionRootContext as t}from"./context.js";import n from"../collapsible/collapsible-trigger.js";import"../collapsible/index.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`AccordionTrigger`,__name:`accordion-trigger`,props:{disabledCollapsible:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let{collapsible:l,orientation:u,onModelValueChange:d,isMultiple:f}=t(`AccordionTrigger`),{setTriggerElement:p,triggerId:m,initTriggerId:h,open:g,value:_,dataDisabled:v,dataState:y,disabled:b}=e(`AccordionTrigger`),x=()=>{b.value||!f.value&&g.value&&!l.value||d(_.value)};return h(),(e,t)=>(a(),r(s(n),{id:s(m),ref:s(p),as:i.as,"as-child":i.asChild,"data-soybean-accordion-trigger":``,"data-soybean-collection-item":``,"aria-disabled":s(b)||void 0,"aria-expanded":s(g)||!1,"data-disabled":s(v),"data-orientation":s(u),"data-state":s(y),disabled:s(b),onClick:x},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`aria-disabled`,`aria-expanded`,`data-disabled`,`data-orientation`,`data-state`,`disabled`]))}});export{l as default};

package/dist/components/accordion/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as i}from"../collapsible/context.js";import{computed as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`AccordionRoot`),[u,d]=t(`AccordionItem`,t=>{let{open:r,disabled:i}=t,[c,l]=n(),u=o(``),d=()=>{u.value||(u.value=`soybean-accordion-trigger-${s()}`)},f=a(()=>i.value?``:void 0),p=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:d,dataDisabled:f,dataState:p}}),[f,p]=r(`AccordionUi`,e=>(i(a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}))),e));export{u as provideAccordionItemContext,c as provideAccordionRootContext,f as provideAccordionUi,d as useAccordionItemContext,l as useAccordionRootContext,p as useAccordionUi};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useUiContext as r}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as i}from"../collapsible/context.js";import{computed as a,shallowRef as o,useId as s}from"vue";const[c,l]=t(`AccordionRoot`),[u,d]=t(`AccordionItem`,t=>{let{open:r,disabled:i}=t,[c,l]=n(),u=o(``),d=()=>{u.value||(u.value=`soybean-accordion-trigger-${s()}`)},f=a(()=>i.value?``:void 0),p=a(()=>e(r.value));return{...t,triggerElement:c,setTriggerElement:l,triggerId:u,initTriggerId:d,dataDisabled:f,dataState:p}}),[f,p]=r(`AccordionUi`,e=>(i(a(()=>({root:e.value?.item,trigger:e.value?.trigger,content:e.value?.content}))),e));export{u as provideAccordionItemContext,c as provideAccordionRootContext,f as provideAccordionUi,d as useAccordionItemContext,l as useAccordionRootContext,p as useAccordionUi};

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

@@ -1,13 +1,14 @@
-import { IconValue } from "../_icon/types.js";
 import { DataOrientation, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
+import { BaseProps } from "../../types/vue.js";
 import { CollapsibleContentProps, CollapsibleRootProps, CollapsibleTriggerProps } from "../collapsible/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { IconValue } from "../_icon/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/accordion/types.d.ts
 /**
  * Properties for the AccordionRoot component.
  */
-interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, /** @vue-ignore */HTMLAttributes {
+interface AccordionRootProps<M extends boolean = false> extends SelectionProps<M>, BaseProps {
   /**
    * When type is "single", allows closing content when clicking trigger for an open item.
    *
@@ -55,7 +56,7 @@ interface AccordionItemProps extends Omit<CollapsibleRootProps, 'open' | 'defaul
 /**
  * Properties for the AccordionHeader component.
  */
-interface AccordionHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AccordionHeaderProps extends BaseProps {}
 /**
  * Properties for the AccordionTrigger component.
  */
@@ -67,7 +68,7 @@ interface AccordionContentProps extends CollapsibleContentProps {}
 /**
  * Properties for the AccordionDescription component.
  */
-interface AccordionDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface AccordionDescriptionProps extends BaseProps {}
 /**
  * Option data for the Accordion component.
  */

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

@@ -1 +1 @@
-import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-state`],u=r({name:`AffixContent`,__name:`affix-content`,setup(r){let u=t(`content`),{affixed:d,affixStyle:f,dataState:p,setContentElement:m}=e(`AffixContent`);return(e,t)=>(o(),n(`div`,{ref:c(m),class:i(c(u)),"data-state":c(p),style:a(c(f))},[s(e.$slots,`default`,{affixed:c(d)})],14,l))}});export{u as default};
+import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,normalizeStyle as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=[`data-state`],u=r({name:`AffixContent`,__name:`affix-content`,setup(r){let u=t(`content`),{affixed:d,affixStyle:f,dataState:p,setContentElement:m}=e(`AffixContent`);return(e,t)=>(o(),n(`div`,{ref:c(m),"data-soybean-affix-content":``,class:i(c(u)),"data-state":c(p),style:a(c(f))},[s(e.$slots,`default`,{affixed:c(d)})],14,l))}});export{u as default};

package/dist/components/affix/affix-placeholder.js

@@ -1 +1 @@
-import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,normalizeStyle as o,openBlock as s,unref as c}from"vue";const l=i({name:`AffixPlaceholder`,__name:`affix-placeholder`,setup(i){let l=t(`placeholder`),{affixed:u,placeholderStyle:d}=e(`AffixPlaceholder`);return(e,t)=>c(u)?(s(),r(`div`,{key:0,class:a(c(l)),"aria-hidden":`true`,role:`presentation`,style:o(c(d))},null,6)):n(`v-if`,!0)}});export{l as default};
+import{useAffixRootContext as e,useAffixUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,normalizeStyle as o,openBlock as s,unref as c}from"vue";const l=i({name:`AffixPlaceholder`,__name:`affix-placeholder`,setup(i){let l=t(`placeholder`),{affixed:u,placeholderStyle:d}=e(`AffixPlaceholder`);return(e,t)=>c(u)?(s(),r(`div`,{key:0,"data-soybean-affix-placeholder":``,class:a(c(l)),"aria-hidden":`true`,role:`presentation`,style:o(c(d))},null,6)):n(`v-if`,!0)}});export{l as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideAffixRootContext as t,useAffixUi as n}from"./context.js";import{getDefaultTarget as r,getFixedBottom as i,getFixedTop as a,getTargetRect as o,isZeroRect as s,resolveAffixTarget as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=n(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(c(D.target));function L(){I.value=c(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let n=e.getBoundingClientRect();if(s(n)){z();return}let r=o(t),c=a(n,r,R.value),l=i(n,r,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${n.left}px`,position:`fixed`,width:`${n.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${n.height}px`,width:`${n.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=t({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(r,`load`,H),S(r,`pageshow`,H),S(r,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{provideAffixRootContext as t,useAffixUi as n}from"./context.js";import{getDefaultTarget as r,getFixedBottom as i,getFixedTop as a,getTargetRect as o,isZeroRect as s,resolveAffixTarget as c}from"./shared.js";import{computed as l,createElementBlock as u,defineComponent as d,nextTick as f,normalizeClass as p,onBeforeUnmount as m,onMounted as h,onWatcherCleanup as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x}from"vue";import{useEventListener as S,useRafFn as C,useResizeObserver as w}from"@vueuse/core";const T=d({name:`AffixRoot`,__name:`affix-root`,props:{offsetTop:{},offsetBottom:{},target:{type:[String,Function,null]}},emits:[`change`],setup(d,{expose:T,emit:E}){let D=d,O=E,k=n(`root`),[A,j]=e(),M=y(!1),N=y(),P=y(),F=l(()=>M.value?`fixed`:`static`),I=y(c(D.target));function L(){I.value=c(D.target)}let R=l(()=>D.offsetBottom===void 0&&D.offsetTop===void 0?0:D.offsetTop);function z(){if(!M.value){N.value=void 0,P.value=void 0;return}M.value=!1,N.value=void 0,P.value=void 0,O(`change`,!1)}function B(){if(typeof window>`u`)return;let e=A.value,t=I.value;if(!e||!t){z();return}let n=e.getBoundingClientRect();if(s(n)){z();return}let r=o(t),c=a(n,r,R.value),l=i(n,r,D.offsetBottom),u,d;(c!==void 0||l!==void 0)&&(u={left:`${n.left}px`,position:`fixed`,width:`${n.width}px`},c!==void 0&&(u.top=`${c}px`),l!==void 0&&(u.bottom=`${l}px`),d={height:`${n.height}px`,width:`${n.width}px`});let f=!!u;M.value!==f&&O(`change`,f),M.value=f,N.value=u,P.value=d}let{pause:V,resume:H}=C(B,{immediate:!1,once:!0}),{contentElement:U}=t({affixed:M,affixStyle:N,placeholderStyle:P,dataState:F,updatePosition:H});return x([()=>D.target,()=>D.offsetTop,()=>D.offsetBottom],async()=>{L(),await f(),H()},{immediate:!0}),x(I,e=>{if(!e)return;let t=S(e,`scroll`,H),n=S(e,`touchstart`,H),r=S(e,`touchmove`,H),i=S(e,`touchend`,H);g(()=>{t(),n(),r(),i()})},{immediate:!0}),S(r,`load`,H),S(r,`pageshow`,H),S(r,`resize`,H),w(A,H),w(U,H),h(async()=>{await f(),L(),H()}),m(()=>{V()}),T({affixed:M,updatePosition:H}),(e,t)=>(_(),u(`div`,{ref:b(j),"data-soybean-affix-root":``,class:p(b(k))},[v(e.$slots,`default`,{affixed:M.value})],2))}});export{T as default};

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

@@ -1,5 +1,6 @@
 import { UiClass } from "../../types/common.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/affix/types.d.ts
 /**
@@ -13,7 +14,7 @@ type AffixState = 'fixed' | 'static';
 /**
  * Properties for the AffixRoot component.
  */
-interface AffixRootProps extends /** @vue-ignore */Omit<HTMLAttributes, 'onChange'> {
+interface AffixRootProps extends Omit<BaseProps, 'onChange'> {
   /**
    * The offset from the top of the target container when the element becomes affixed.
    *
@@ -43,11 +44,11 @@ type AffixRootEmits = {
 /**
  * Properties for the AffixPlaceholder component.
  */
-interface AffixPlaceholderProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixPlaceholderProps extends BaseProps {}
 /**
  * Properties for the AffixContent component.
  */
-interface AffixContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AffixContentProps extends BaseProps {}
 /**
  * Properties for the AffixCompact component.
  */

package/dist/components/alert/alert-close.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAlertRootContext as t,useAlertUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`AlertClose`,__name:`alert-close`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(a){let f=a,p=u(),{onOpenChange:m}=t(`AlertClose`),h=n(`close`),g=r(()=>f.as===`button`?`button`:void 0),_=r(()=>p[`aria-label`]??`Close alert`);return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,class:o(l(h)),"aria-label":_.value,type:g.value,onClick:n[0]||(n[0]=e=>l(m)(!1))},{default:d(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-label`,`type`]))}});export{f as default};
+import e from"../button/button.js";import{useAlertRootContext as t,useAlertUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useAttrs as u,withCtx as d}from"vue";const f=a({name:`AlertClose`,__name:`alert-close`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`close`],setup(a,{emit:f}){let p=a,m=f,h=u(),{onOpenChange:g}=t(`AlertClose`),_=n(`close`),v=r(()=>h[`aria-label`]??`Close alert`),y=e=>{m(`close`,e),g(!1)};return(t,n)=>(s(),i(e,o(p,{"data-soybean-alert-close":``,class:l(_),"aria-label":v.value,onClick:y}),{default:d(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`aria-label`]))}});export{f as default};

package/dist/components/alert/alert-close.vue.d.ts

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { AlertCloseProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,11 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<AlertCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AlertCloseProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<AlertCloseProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: (event: PointerEvent) => any;
+}, string, _$vue.PublicProps, Readonly<AlertCloseProps> & Readonly<{
+  onClose?: ((event: PointerEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$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 & {

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useAlertUi as n}from"./context.js";import r from"./alert-close.js";import i from"./alert-content.js";import a from"./alert-description.js";import o from"./alert-root.js";import s from"./alert-title.js";import{createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`AlertCompact`,__name:`alert-compact`,props:{title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=e(w,[`title`,`description`,`icon`,`closable`,`contentProps`,`titleProps`,`descriptionProps`,`closeProps`]),O=n();return(e,n)=>(_(),c(o,m(b(D),{"onUpdate:open":n[0]||(n[0]=e=>T(`update:open`,e))}),{default:S(()=>[v(e.$slots,`leading`,{},()=>[f.icon?(_(),c(t,{key:0,icon:f.icon,class:h(b(O).icon)},null,8,[`icon`,`class`])):l(`v-if`,!0)]),d(i,g(p(f.contentProps)),{default:S(()=>[b(E).title||f.title?(_(),c(s,g(m({key:0},f.titleProps)),{default:S(()=>[v(e.$slots,`title`,{},()=>[u(y(f.title),1)])]),_:3},16)):l(`v-if`,!0),b(E).description||f.description?(_(),c(a,g(m({key:1},f.descriptionProps)),{default:S(()=>[v(e.$slots,`description`,{},()=>[u(y(f.description),1)])]),_:3},16)):l(`v-if`,!0),v(e.$slots,`default`)]),_:3},16),v(e.$slots,`trailing`),f.closable?(_(),c(r,g(m({key:0},f.closeProps)),{default:S(()=>[v(e.$slots,`close`,{},()=>[d(t,{icon:`lucide:x`})])]),_:3},16)):l(`v-if`,!0)]),_:3},16))}});export{C as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../_icon/icon.js";import{useAlertUi as n}from"./context.js";import r from"./alert-close.js";import i from"./alert-content.js";import a from"./alert-description.js";import o from"./alert-root.js";import s from"./alert-title.js";import{createBlock as c,createCommentVNode as l,createTextVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeClass as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=f({name:`AlertCompact`,__name:`alert-compact`,props:{title:{},description:{},icon:{},closable:{type:Boolean},contentProps:{},titleProps:{},descriptionProps:{},closeProps:{},open:{type:Boolean,default:void 0}},emits:[`update:open`,`close`],setup(f,{emit:C}){let w=f,T=C,E=x(),D=e(w,[`title`,`description`,`icon`,`closable`,`contentProps`,`titleProps`,`descriptionProps`,`closeProps`]),O=n();return(e,n)=>(_(),c(o,m(b(D),{"onUpdate:open":n[1]||(n[1]=e=>T(`update:open`,e))}),{default:S(()=>[v(e.$slots,`leading`,{},()=>[f.icon?(_(),c(t,{key:0,icon:f.icon,class:h(b(O).icon)},null,8,[`icon`,`class`])):l(`v-if`,!0)]),d(i,g(p(f.contentProps)),{default:S(()=>[b(E).title||f.title?(_(),c(s,g(m({key:0},f.titleProps)),{default:S(()=>[v(e.$slots,`title`,{},()=>[u(y(f.title),1)])]),_:3},16)):l(`v-if`,!0),b(E).description||f.description?(_(),c(a,g(m({key:1},f.descriptionProps)),{default:S(()=>[v(e.$slots,`description`,{},()=>[u(y(f.description),1)])]),_:3},16)):l(`v-if`,!0),v(e.$slots,`default`)]),_:3},16),v(e.$slots,`trailing`),f.closable?(_(),c(r,m({key:0},f.closeProps,{onClose:n[0]||(n[0]=e=>T(`close`,e))}),{default:S(()=>[v(e.$slots,`close`,{},()=>[d(t,{icon:`lucide:x`})])]),_:3},16)):l(`v-if`,!0)]),_:3},16))}});export{C as default};

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

@@ -4,8 +4,10 @@ import * as _$vue from "vue";
 //#region src/components/alert/alert-compact.vue.d.ts
 type __VLS_Slots = AlertCompactSlots;
 declare const __VLS_base: _$vue.DefineComponent<AlertCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  close: (event: PointerEvent) => any;
   "update:open": (open: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<AlertCompactProps> & Readonly<{
+  onClose?: ((event: PointerEvent) => any) | undefined;
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;

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

@@ -1 +1 @@
-import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertContent`,__name:`alert-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertContent`,__name:`alert-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-alert-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/alert/alert-description.js

@@ -1 +1 @@
-import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertDescription`,__name:`alert-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertDescription`,__name:`alert-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-alert-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideAlertRootContext as t,useAlertUi as n}from"./context.js";import{createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`AlertRoot`,__name:`alert-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=n(`root`),m=e(()=>d.open,e=>{f(`update:open`,e??!1)},!0);return t({open:m}),(e,t)=>l(m)?(s(),i(`div`,{key:0,class:o(l(p))},[c(e.$slots,`default`)],2)):r(`v-if`,!0)}});export{u as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideAlertRootContext as t,useAlertUi as n}from"./context.js";import{createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=a({name:`AlertRoot`,__name:`alert-root`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=n(`root`),m=e(()=>d.open,e=>{f(`update:open`,e)},!0);return t({open:m}),(e,t)=>l(m)?(s(),i(`div`,{key:0,"data-soybean-alert-root":``,class:o(l(p))},[c(e.$slots,`default`)],2)):r(`v-if`,!0)}});export{u as default};

package/dist/components/alert/alert-title.js

@@ -1 +1 @@
-import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertTitle`,__name:`alert-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useAlertUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`AlertTitle`,__name:`alert-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-alert-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,13 +1,14 @@
-import { IconValue } from "../_icon/types.js";
 import { UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ButtonHTMLAttributes, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { IconValue } from "../_icon/types.js";
+import { ShallowRef } from "vue";
 
 //#region src/components/alert/types.d.ts
 /**
  * Properties for the AlertRoot component.
  */
-interface AlertRootProps extends /** @vue-ignore */HTMLAttributes {
+interface AlertRootProps extends BaseProps {
   /**
    * The controlled open state of the alert. Can be bound with `v-model:open`.
    *
@@ -27,19 +28,25 @@ type AlertRootEmits = {
 /**
  * Properties for the AlertContent component.
  */
-interface AlertContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertContentProps extends BaseProps {}
 /**
  * Properties for the AlertTitle component.
  */
-interface AlertTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertTitleProps extends BaseProps {}
 /**
  * Properties for the AlertDescription component.
  */
-interface AlertDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface AlertDescriptionProps extends BaseProps {}
 /**
  * Properties for the AlertClose component.
  */
-interface AlertCloseProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {}
+interface AlertCloseProps extends ButtonProps {}
+/**
+ * Events for the AlertClose component.
+ */
+type AlertCloseEmits = {
+  /** Emitted when the close button is clicked. */close: [event: PointerEvent];
+};
 /**
  * Properties for the AlertCompact component.
  */
@@ -80,7 +87,7 @@ interface AlertCompactProps extends AlertRootProps {
 /**
  * Events for the AlertCompact component.
  */
-type AlertCompactEmits = AlertRootEmits;
+type AlertCompactEmits = AlertRootEmits & AlertCloseEmits;
 /**
  * Slots for the AlertCompact component.
  */

package/dist/components/anchor/anchor-link.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAnchorRootContext as t,useAnchorUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";const p=a({name:`AnchorLink`,__name:`anchor-link`,props:{href:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`a`},to:{},external:{type:Boolean},target:{}},setup(a){let p=a,m=n(`link`),{activeHref:h,onLinkClick:g,registerLink:_,scrollTo:v,unregisterLink:y}=t(`AnchorLink`),b=r(()=>h.value===p.href),x=r(()=>p.disabled?``:void 0),S=r(()=>b.value?`active`:`inactive`),C=e=>{if(g(e,{href:p.href}),p.disabled){e.preventDefault(),e.stopPropagation();return}!p.href.startsWith(`#`)||e.defaultPrevented||(e.preventDefault(),v(p.href))};return d(()=>p.href,e=>{_(e),s(()=>{y(e)})},{immediate:!0}),(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,href:a.href,class:o(u(m)),target:a.target,"aria-current":b.value?`location`:void 0,"aria-disabled":a.disabled?`true`:void 0,"data-disabled":x.value,"data-state":S.value,tabindex:a.disabled?-1:void 0,onClick:C},{default:f(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`href`,`class`,`target`,`aria-current`,`aria-disabled`,`data-disabled`,`data-state`,`tabindex`]))}});export{p as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useAnchorRootContext as t,useAnchorUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,normalizeClass as o,onWatcherCleanup as s,openBlock as c,renderSlot as l,unref as u,watch as d,withCtx as f}from"vue";const p=a({name:`AnchorLink`,__name:`anchor-link`,props:{href:{},disabled:{type:Boolean},to:{},external:{type:Boolean},target:{},asChild:{type:Boolean},as:{default:`a`}},setup(a){let p=a,m=n(`link`),{activeHref:h,onLinkClick:g,registerLink:_,scrollTo:v,unregisterLink:y}=t(`AnchorLink`),b=r(()=>h.value===p.href),x=r(()=>p.disabled?``:void 0),S=r(()=>b.value?`active`:`inactive`),C=e=>{if(g(e,{href:p.href}),p.disabled){e.preventDefault(),e.stopPropagation();return}!p.href.startsWith(`#`)||e.defaultPrevented||(e.preventDefault(),v(p.href))};return d(()=>p.href,e=>{_(e),s(()=>{y(e)})},{immediate:!0}),(t,n)=>(c(),i(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-anchor-link":``,class:o(u(m)),href:a.href,target:a.target,"aria-current":b.value?`location`:void 0,"aria-disabled":a.disabled?`true`:void 0,"data-disabled":x.value,"data-state":S.value,tabindex:a.disabled?-1:void 0,onClick:C},{default:f(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`href`,`target`,`aria-current`,`aria-disabled`,`data-disabled`,`data-state`,`tabindex`]))}});export{p as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import{isClient as t}from"../../shared/env.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{useDirection as i}from"../config-provider/context.js";import{provideAnchorRootContext as a,useAnchorUi as o}from"./context.js";import{getAnchorOffsetTop as s,getAnchorScrollTop as c,getAnchorSections as l,getCurrentAnchorHref as u,getLocationHash as d,resolveAnchorContainer as f,resolveAnchorTargetElement as p,resolveLocationHashSyncTarget as m,scrollContainerTo as h,updateAnchorHistory as g}from"./shared.js";import{createElementBlock as _,defineComponent as v,mergeProps as y,nextTick as b,onBeforeUnmount as x,onMounted as S,onWatcherCleanup as C,openBlock as w,renderSlot as T,shallowRef as E,unref as D,watch as O}from"vue";const k=[`dir`,`data-orientation`],A=v({name:`AnchorRoot`,__name:`anchor-root`,props:{bounds:{default:5},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{default:void 0},offsetTop:{default:0},orientation:{default:`vertical`},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(v,{emit:A}){let j=v,M=A,N=o(`root`),P=r(j,[`bounds`,`dir`,`getContainer`,`getCurrentAnchor`,`modelValue`,`offsetTop`,`orientation`,`replace`,`targetOffset`]),F=i(()=>j.dir),I=n(()=>j.modelValue,e=>M(`update:modelValue`,e??``),``),L=E([]),R=E(!1),z=E(),B=E(``),V=E(null),H=()=>f(j.getContainer),U=()=>s(j.offsetTop,j.targetOffset),W=()=>{t&&z.value&&(window.clearTimeout(z.value),z.value=void 0)},G=e=>{let t=j.getCurrentAnchor?.(e)??e;I.value!==t&&(I.value=t,M(`activeChange`,e))},K=()=>{let e=H();if(!e)return``;let t=U();return u(l(L.value,e),t+j.bounds)},q=(e=!1)=>{if(R.value)return;let t=K();G(t),e&&g(t,e)},J=()=>{q(`replace`)},Y=(e,t=`smooth`)=>{let n=p(e);if(!n)return!1;let r=H();return r?(h(r,c(n,r,U()),t),!0):!1},X=()=>{let e=m(d(),L.value,H(),B.value,V.value);return!e||e.shouldScroll&&!Y(e.hash,`auto`)?!1:(G(e.hash),B.value=e.hash,V.value=e.container,!0)},Z=()=>{X()||q()};return a({activeHref:I,onLinkClick:(e,t)=>{M(`itemSelect`,e,t)},registerLink:e=>{L.value.includes(e)||(L.value=[...L.value,e])},scrollTo:e=>{t&&Y(e)&&(G(e),R.value=!0,W(),z.value=window.setTimeout(()=>{R.value=!1,q()},300),g(e,j.replace?`replace`:`push`))},unregisterLink:e=>{L.value=L.value.filter(t=>t!==e)},...e(j,[`dir`])}),O(()=>[L.value,j.getContainer?.()],()=>{let e=H();e&&(Z(),e.addEventListener(`scroll`,J,{passive:!0}),C(()=>{e.removeEventListener(`scroll`,J)}))},{deep:!0,immediate:!0}),S(async()=>{await b(),Z()}),x(()=>{W()}),(e,t)=>(w(),_(`nav`,y(D(P),{class:D(N),dir:D(F),"data-orientation":v.orientation,"aria-label":`Anchor`}),[T(e.$slots,`default`,{modelValue:D(I)})],16,k))}});export{A as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import{isClient as t}from"../../shared/env.js";import{useDirection as n}from"../config-provider/context.js";import{useLocaleMessages as r}from"../../locale/hooks.js";import"../../locale/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{provideAnchorRootContext as o,useAnchorUi as s}from"./context.js";import{getAnchorOffsetTop as c,getAnchorScrollTop as l,getAnchorSections as u,getCurrentAnchorHref as d,getLocationHash as f,resolveAnchorContainer as p,resolveAnchorTargetElement as m,resolveLocationHashSyncTarget as h,scrollContainerTo as g,updateAnchorHistory as _}from"./shared.js";import{createElementBlock as v,defineComponent as y,mergeProps as b,nextTick as x,onBeforeUnmount as S,onMounted as C,onWatcherCleanup as w,openBlock as T,renderSlot as E,shallowRef as D,unref as O,watch as k}from"vue";const A=[`dir`,`data-orientation`,`aria-label`],j=y({name:`AnchorRoot`,__name:`anchor-root`,props:{bounds:{default:5},dir:{},getContainer:{},getCurrentAnchor:{},modelValue:{default:void 0},offsetTop:{default:0},orientation:{default:`vertical`},replace:{type:Boolean},targetOffset:{},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`activeChange`,`itemSelect`],setup(y,{emit:j}){let M=y,N=j,P=s(`root`),F=r(),I=a(M,[`bounds`,`dir`,`getContainer`,`getCurrentAnchor`,`modelValue`,`offsetTop`,`orientation`,`replace`,`targetOffset`]),L=n(()=>M.dir),R=i(()=>M.modelValue,e=>N(`update:modelValue`,e),``),z=D([]),B=D(!1),V=D(),H=D(``),U=D(null),W=()=>p(M.getContainer),G=()=>c(M.offsetTop,M.targetOffset),K=()=>{t&&V.value&&(window.clearTimeout(V.value),V.value=void 0)},q=e=>{let t=M.getCurrentAnchor?.(e)??e;R.value!==t&&(R.value=t,N(`activeChange`,e))},J=()=>{let e=W();if(!e)return``;let t=G();return d(u(z.value,e),t+M.bounds)},Y=(e=!1)=>{if(B.value)return;let t=J();q(t),e&&_(t,e)},X=()=>{Y(`replace`)},Z=(e,t=`smooth`)=>{let n=m(e);if(!n)return!1;let r=W();return r?(g(r,l(n,r,G()),t),!0):!1},Q=()=>{let e=h(f(),z.value,W(),H.value,U.value);return!e||e.shouldScroll&&!Z(e.hash,`auto`)?!1:(q(e.hash),H.value=e.hash,U.value=e.container,!0)},$=()=>{Q()||Y()};return o({activeHref:R,onLinkClick:(e,t)=>{N(`itemSelect`,e,t)},registerLink:e=>{z.value.includes(e)||(z.value=[...z.value,e])},scrollTo:e=>{t&&Z(e)&&(q(e),B.value=!0,K(),V.value=window.setTimeout(()=>{B.value=!1,Y()},300),_(e,M.replace?`replace`:`push`))},unregisterLink:e=>{z.value=z.value.filter(t=>t!==e)},...e(M,[`dir`])}),k(()=>[z.value,M.getContainer?.()],()=>{let e=W();e&&($(),e.addEventListener(`scroll`,X,{passive:!0}),w(()=>{e.removeEventListener(`scroll`,X)}))},{deep:!0,immediate:!0}),C(async()=>{await x(),$()}),S(()=>{K()}),(e,t)=>(T(),v(`nav`,b(O(I),{"data-soybean-anchor-root":``,class:O(P),dir:O(L),"data-orientation":y.orientation,"aria-label":O(F).anchor.nav}),[E(e.$slots,`default`,{modelValue:O(R)})],16,A))}});export{j as default};

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

@@ -4,7 +4,7 @@ import * as _$vue from "vue";
 
 //#region src/components/anchor/anchor-root.vue.d.ts
 declare var __VLS_1: {
-  modelValue: string | undefined;
+  modelValue: string;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
@@ -23,9 +23,9 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorRootProps, {}, {}, {}, {},
   }) => any) | undefined;
 }>, {
   orientation: DataOrientation;
+  bounds: number;
   modelValue: string;
   offsetTop: number;
-  bounds: 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/anchor/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";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`AnchorRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`AnchorUi`);export{r as provideAnchorRootContext,a as provideAnchorUi,i as useAnchorRootContext,o as useAnchorUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`AnchorRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`AnchorUi`);export{r as provideAnchorRootContext,a as provideAnchorUi,i as useAnchorRootContext,o as useAnchorUi};

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

@@ -1,5 +1,6 @@
 import { DataOrientation, Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { LinkBaseProps } from "../link/types.js";
 import { HTMLAttributes, ShallowRef } from "vue";
 
@@ -11,7 +12,7 @@ type AnchorContainer = HTMLElement | Window;
 /**
  * Properties for the AnchorRoot component.
  */
-interface AnchorRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface AnchorRootProps extends PrimitiveWithBaseProps {
   /**
    * Bounds.
    */
@@ -71,7 +72,7 @@ type AnchorRootEmits = {
 /**
  * Properties for the AnchorLink component.
  */
-interface AnchorLinkProps extends PrimitiveProps, LinkBaseProps, /** @vue-ignore */HTMLAttributes {
+interface AnchorLinkProps extends LinkBaseProps, PrimitiveWithBaseProps {
   /**
    * The link of anchor
    */
@@ -97,7 +98,7 @@ interface AnchorOptionData extends Pick<AnchorLinkProps, 'disabled' | 'href' | '
 /**
  * Properties for the AnchorItemCompact component.
  */
-interface AnchorItemCompactProps extends /** @vue-ignore */HTMLAttributes {
+interface AnchorItemCompactProps extends BaseProps {
   /**
    * Current model value.
    */

package/dist/components/arrow/arrow.js

@@ -1 +1 @@
-import{createElementBlock as e,createElementVNode as t,defineComponent as n,openBlock as r}from"vue";const i={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};
+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/types.d.ts

@@ -1,9 +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 /** @vue-ignore */SVGAttributes {}
+interface ArrowProps extends BaseProps<SVGAttributes> {}
 //#endregion
 export { ArrowProps };

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

@@ -1 +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),{style:{position:`absolute`,inset:`0px`}}),{default:f(()=>[l(e.$slots,`default`,{aspect:h.value})]),_:3},16)],4))}});export{p as default};
+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/types.d.ts

@@ -1,11 +1,10 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 
 //#region src/components/aspect-ratio/types.d.ts
 /**
  * Properties for the AspectRatio component.
  */
-interface AspectRatioProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface AspectRatioProps extends PrimitiveWithBaseProps {
   /**
    * The desired ratio. Eg: 16/9
    *

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

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

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 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: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteCompactProps<T> & {
     onSelect?: ((item: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => 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;
@@ -14,7 +14,7 @@ declare const __VLS_export: <T extends AutocompleteSingleOptionData = Autocomple
   expose: (exposed: {}) => void;
   attrs: any;
   slots: AutocompleteCompactSlots<T>;
-  emit: ((evt: "select", item: T) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
+  emit: ((evt: "select", item: T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void) & ((evt: "highlight", payload?: AutocompleteHighlightPayload | undefined) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

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{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};
+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({"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(a),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`]),[`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-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{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};
+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 ee,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=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=()=>{U.value||(U.value=`soybean-autocomplete-content-${y()}`)},Z=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}}),Q=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},te=()=>{k.value=``};return ee(()=>{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:te,open:A,onOpenChange:Q,isUserInputted:P,isVirtual:F,parentElement:M,contentId:U,initContentId:X,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:Z}),s({modelValue:k}),C({filtered:Z,highlightedElement:W,highlightItem:e=>{j.value?.highlightItem(e)},highlightFirstItem:()=>{j.value?.highlightFirstItem()},highlightSelected:e=>j.value?.highlightSelected(e)}),(e,t)=>(m(),l(_(a),null,{default:x(()=>[u(_(o),f({ref_key:`listboxElement`,ref:j},_(D),{"model-value":_(k),"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(()=>[h(e.$slots,`default`,{open:_(A),modelValue:_(k)})]),_:3},16,[`model-value`,`highlight-on-hover`])]),_:3}))}});export{C as default};

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

@@ -19,17 +19,17 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {
   highlightFirstItem: () => void;
   highlightSelected: (event?: Event) => Promise<void> | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   "update:open": (value: boolean) => any;
+  "update:modelValue": (value: string) => any;
   highlight: (payload?: AutocompleteHighlightPayload | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<AutocompleteRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
 }>, {
-  modelValue: string;
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
+  modelValue: string;
   highlightOnHover: boolean;
   openOnFocus: boolean;
   openOnClick: boolean;