@soybeanjs/headless 0.18.0 → 0.19.0

package/dist/components/input-otp/input-otp-positioner.js

@@ -1 +1 @@
-import{useInputOtpUi 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:`InputOtpPositioner`,__name:`input-otp-positioner`,setup(n){let s=e(`positioner`);return(e,n)=>(i(),t(`div`,{"data-slot":`positioner`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useInputOtpUi 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:`InputOtpPositioner`,__name:`input-otp-positioner`,setup(n){let s=e(`positioner`);return(e,n)=>(i(),t(`div`,{"data-soybean-input-otp-positioner":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/input-otp/input-otp-root.js

@@ -1 +1 @@
-import{omit as e}from"../../shared/object.js";import{transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideInputOtpRootContext as r,useInputOtpUi as i}from"./context.js";import{createInputOtpSlots as a,getClampedOtpValue as o,isInputOtpValueValid as s,resolveInputOtpPattern as c,resolveInputOtpSelection as l,syncTimeouts as u}from"./shared.js";import{usePasswordManagerBadge as d}from"./use-password-manager-badge.js";import{computed as f,createElementBlock as p,defineComponent as m,guardReactiveProps as h,normalizeClass as ee,normalizeProps as te,normalizeStyle as ne,onBeforeUnmount as re,onMounted as g,openBlock as _,renderSlot as v,shallowRef as y,unref as ie,useAttrs as ae,watch as oe,watchEffect as se}from"vue";import{defaultDocument as b,defaultWindow as x,useEventListener as S,usePrevious as C}from"@vueuse/core";const w=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],T=m({name:`InputOtpRoot`,inheritAttrs:!1,__name:`input-otp-root`,props:{id:{},autocomplete:{default:`one-time-code`},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{default:void 0},defaultValue:{default:``},maxlength:{},inputmode:{default:`numeric`},pattern:{},pushPasswordManagerStrategy:{default:`increase-width`},pasteTransformer:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(m,{expose:T,emit:ce}){let E=m,D=ce,O=ae(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=C(k),j=f(()=>k.value??``),M=t(E,[`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`readonly`,`required`]);function N(e){return typeof e==`string`?e:void 0}let P=f(()=>N(E.id)??N(O.id)),F=f(()=>N(E.placeholder)??N(O.placeholder)),I=f(()=>N(E[`aria-label`])??N(O[`aria-label`])??`One-time password`),L=f(()=>c(E.pattern)),R=f(()=>e(O,[`class`,`style`,`id`,`placeholder`,`aria-label`])),z=f(()=>L.value?.source),B=y(!1),V=y(!1),H=y(null),U=y(null),W=y(null),G=y(null),ue=x?.CSS?.supports?.(`-webkit-touch-callout`,`none`)??!1,K=[null,null,null],de=f(()=>[le.value,O.class]),{willPushPWMBadge:fe}=d({containerElement:W,inputElement:G,pushPasswordManagerStrategy:()=>E.pushPasswordManagerStrategy,isFocused:V}),q=f(()=>({slots:a({value:j.value,maxlength:E.maxlength,placeholder:F.value,isFocused:V.value,selectionStart:H.value,selectionEnd:U.value}),isFocused:V.value,isHovering:!E.disabled&&B.value})),J=()=>{G.value?.focus()},Y=()=>{G.value?.blur()},X=()=>{G.value?.select()},Z=()=>{let e=G.value;if(!e)return;if(b?.activeElement!==e){H.value=null,U.value=null;return}let t=l({selectionStart:e.selectionStart,selectionEnd:e.selectionEnd,selectionDirection:e.selectionDirection,maxlength:E.maxlength,value:e.value,previousSelection:K});t.start!==null&&t.end!==null&&t.start!==t.end&&t.start>=0&&t.end<=E.maxlength&&e.setSelectionRange(t.start,t.end,t.direction??void 0),H.value=t.start,U.value=t.end,K=[t.start,t.end,t.direction]},pe=e=>{if(e.inputType!==`insertText`||e.data===null)return;let t=e.currentTarget,n=t.selectionStart??0,r=t.selectionEnd??0;s(o(n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,E.maxlength),L.value)||e.preventDefault()},Q=e=>{let t=e.currentTarget;if(E.disabled||E.readonly){t.value=j.value;return}let n=o(t.value,E.maxlength);if(!s(n,L.value)){t.value=j.value,e.preventDefault();return}typeof A.value==`string`&&n.length<A.value.length&&b?.dispatchEvent(new Event(`selectionchange`)),k.value=n,D(`input`,n)},me=e=>{D(`change`,e)},he=e=>{D(`select`,e)},ge=e=>{B.value=!0,D(`mouseover`,e)},_e=e=>{B.value=!1,D(`mouseleave`,e)},ve=e=>{let t=G.value;if(!t)return;let n=Math.max(Math.min(t.value.length,E.maxlength-1),0),r=t.value.length;t.setSelectionRange(n,r),H.value=n,U.value=r,V.value=!0,D(`focus`,e)},ye=e=>{V.value=!1,D(`blur`,e)},be=e=>{let t=G.value;if(!t)return;if(!E.pasteTransformer&&(!ue||!e.clipboardData)){D(`paste`,e);return}let n=e.clipboardData?.getData(`text/plain`),r=E.pasteTransformer?E.pasteTransformer(n):n;e.preventDefault();let i=t.selectionStart??0,a=t.selectionEnd??0,c=o(i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,E.maxlength);if(!s(c,L.value)){D(`paste`,e);return}k.value=c,D(`input`,c);let l=Math.max(Math.min(c.length,E.maxlength-1),0),u=c.length;t.setSelectionRange(l,u),H.value=l,U.value=u,D(`paste`,e)};r({...M,inputAttrs:R,willPushPWMBadge:fe,mirrorSelectionStart:H,mirrorSelectionEnd:U,modelValue:j,pattern:z,resolvedAccessibleLabel:I,resolvedId:P,resolvedPlaceholder:F,slots:f(()=>q.value.slots),isFocused:V,isHovering:B,inputElement:G,focus:J,blur:Y,select:X,onBeforeInput:pe,onNativeChange:me,onNativeSelect:he,onMouseOver:ge,onMouseLeave:_e,onPaste:be,onInput:Q,onFocus:ve,onBlur:ye});let $;return g(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=S(b,`selectionchange`,Z,{capture:!0}),Z(),b?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),oe(()=>k.value,(e,t,n)=>{let r=u(()=>{let e=G.value;e&&e.selectionStart!==null&&e.selectionEnd!==null&&(H.value=e.selectionStart,U.value=e.selectionEnd,K=[e.selectionStart,e.selectionEnd,e.selectionDirection])});n(()=>{let e=x;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),se(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),T({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(_(),p(`div`,{ref_key:`containerElement`,ref:W,"data-slot":`root`,"data-input-otp-container":``,"data-disabled":m.disabled?``:void 0,"data-focused":V.value?``:void 0,"data-hovering":!m.disabled&&B.value?``:void 0,"data-complete":j.value.length===m.maxlength?``:void 0,class:ee(de.value),style:ne(ie(O).style)},[v(e.$slots,`default`,te(h(q.value)))],14,w))}});export{T as default};
+import{omit as e}from"../../shared/object.js";import{transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideInputOtpRootContext as r,useInputOtpUi as i}from"./context.js";import{createInputOtpSlots as a,getClampedOtpValue as o,isInputOtpValueValid as s,resolveInputOtpPattern as c,resolveInputOtpSelection as l,syncTimeouts as u}from"./shared.js";import{usePasswordManagerBadge as d}from"./use-password-manager-badge.js";import{computed as f,createElementBlock as p,defineComponent as m,guardReactiveProps as h,normalizeClass as ee,normalizeProps as te,normalizeStyle as ne,onBeforeUnmount as re,onMounted as g,openBlock as _,renderSlot as v,shallowRef as y,unref as ie,useAttrs as ae,watch as oe,watchEffect as se}from"vue";import{defaultDocument as b,defaultWindow as x,useEventListener as S,usePrevious as C}from"@vueuse/core";const w=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],T=m({name:`InputOtpRoot`,inheritAttrs:!1,__name:`input-otp-root`,props:{id:{},autocomplete:{default:`one-time-code`},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{default:void 0},defaultValue:{default:``},maxlength:{},inputmode:{default:`numeric`},pattern:{},pushPasswordManagerStrategy:{default:`increase-width`},pasteTransformer:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(m,{expose:T,emit:ce}){let E=m,D=ce,O=ae(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=C(k),j=f(()=>k.value??``),M=t(E,[`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`readonly`,`required`]);function N(e){return typeof e==`string`?e:void 0}let P=f(()=>N(E.id)??N(O.id)),F=f(()=>N(E.placeholder)??N(O.placeholder)),I=f(()=>N(E[`aria-label`])??N(O[`aria-label`])??`One-time password`),L=f(()=>c(E.pattern)),R=f(()=>e(O,[`class`,`style`,`id`,`placeholder`,`aria-label`])),z=f(()=>L.value?.source),B=y(!1),V=y(!1),H=y(null),U=y(null),W=y(null),G=y(null),ue=x?.CSS?.supports?.(`-webkit-touch-callout`,`none`)??!1,K=[null,null,null],de=f(()=>[le.value,O.class]),{willPushPWMBadge:fe}=d({containerElement:W,inputElement:G,pushPasswordManagerStrategy:()=>E.pushPasswordManagerStrategy,isFocused:V}),q=f(()=>({slots:a({value:j.value,maxlength:E.maxlength,placeholder:F.value,isFocused:V.value,selectionStart:H.value,selectionEnd:U.value}),isFocused:V.value,isHovering:!E.disabled&&B.value})),J=()=>{G.value?.focus()},Y=()=>{G.value?.blur()},X=()=>{G.value?.select()},Z=()=>{let e=G.value;if(!e)return;if(b?.activeElement!==e){H.value=null,U.value=null;return}let t=l({selectionStart:e.selectionStart,selectionEnd:e.selectionEnd,selectionDirection:e.selectionDirection,maxlength:E.maxlength,value:e.value,previousSelection:K});t.start!==null&&t.end!==null&&t.start!==t.end&&t.start>=0&&t.end<=E.maxlength&&e.setSelectionRange(t.start,t.end,t.direction??void 0),H.value=t.start,U.value=t.end,K=[t.start,t.end,t.direction]},pe=e=>{if(e.inputType!==`insertText`||e.data===null)return;let t=e.currentTarget,n=t.selectionStart??0,r=t.selectionEnd??0;s(o(n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,E.maxlength),L.value)||e.preventDefault()},Q=e=>{let t=e.currentTarget;if(E.disabled||E.readonly){t.value=j.value;return}let n=o(t.value,E.maxlength);if(!s(n,L.value)){t.value=j.value,e.preventDefault();return}typeof A.value==`string`&&n.length<A.value.length&&b?.dispatchEvent(new Event(`selectionchange`)),k.value=n,D(`input`,n)},me=e=>{D(`change`,e)},he=e=>{D(`select`,e)},ge=e=>{B.value=!0,D(`mouseover`,e)},_e=e=>{B.value=!1,D(`mouseleave`,e)},ve=e=>{let t=G.value;if(!t)return;let n=Math.max(Math.min(t.value.length,E.maxlength-1),0),r=t.value.length;t.setSelectionRange(n,r),H.value=n,U.value=r,V.value=!0,D(`focus`,e)},ye=e=>{V.value=!1,D(`blur`,e)},be=e=>{let t=G.value;if(!t)return;if(!E.pasteTransformer&&(!ue||!e.clipboardData)){D(`paste`,e);return}let n=e.clipboardData?.getData(`text/plain`),r=E.pasteTransformer?E.pasteTransformer(n):n;e.preventDefault();let i=t.selectionStart??0,a=t.selectionEnd??0,c=o(i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,E.maxlength);if(!s(c,L.value)){D(`paste`,e);return}k.value=c,D(`input`,c);let l=Math.max(Math.min(c.length,E.maxlength-1),0),u=c.length;t.setSelectionRange(l,u),H.value=l,U.value=u,D(`paste`,e)};r({...M,inputAttrs:R,willPushPWMBadge:fe,mirrorSelectionStart:H,mirrorSelectionEnd:U,modelValue:j,pattern:z,resolvedAccessibleLabel:I,resolvedId:P,resolvedPlaceholder:F,slots:f(()=>q.value.slots),isFocused:V,isHovering:B,inputElement:G,focus:J,blur:Y,select:X,onBeforeInput:pe,onNativeChange:me,onNativeSelect:he,onMouseOver:ge,onMouseLeave:_e,onPaste:be,onInput:Q,onFocus:ve,onBlur:ye});let $;return g(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=S(b,`selectionchange`,Z,{capture:!0}),Z(),b?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),oe(()=>k.value,(e,t,n)=>{let r=u(()=>{let e=G.value;e&&e.selectionStart!==null&&e.selectionEnd!==null&&(H.value=e.selectionStart,U.value=e.selectionEnd,K=[e.selectionStart,e.selectionEnd,e.selectionDirection])});n(()=>{let e=x;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),se(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),T({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(_(),p(`div`,{ref_key:`containerElement`,ref:W,"data-soybean-input-otp-root":``,"data-input-otp-container":``,"data-disabled":m.disabled?``:void 0,"data-focused":V.value?``:void 0,"data-hovering":!m.disabled&&B.value?``:void 0,"data-complete":j.value.length===m.maxlength?``:void 0,class:ee(de.value),style:ne(ie(O).style)},[v(e.$slots,`default`,te(h(q.value)))],14,w))}});export{T as default};

package/dist/components/input-otp/input-otp-root.vue.d.ts

@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  blur: (event: FocusEvent) => any;
   change: (event: Event) => any;
+  blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
@@ -29,8 +29,8 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
 }, string, _$vue.PublicProps, Readonly<InputOtpRootProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onBlur?: ((event: FocusEvent) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;

package/dist/components/input-otp/types.d.ts

@@ -1,6 +1,7 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input-otp/types.d.ts
 /**
@@ -14,7 +15,7 @@ type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
 /**
  * Properties for the InputOtpRoot component.
  */
-interface InputOtpRootProps extends FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'onInput'> {
+interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInput'> {
   /** The id of the native input element. */
   id?: string;
   /** Autocomplete hint passed to the native input. */
@@ -94,11 +95,11 @@ type InputOtpRootEmits = {
 /**
  * Properties for the InputOtpPositioner component.
  */
-interface InputOtpPositionerProps extends /** @vue-ignore */HTMLAttributes {}
+interface InputOtpPositionerProps extends BaseProps {}
 /**
  * Properties for the InputOtpInput component.
  */
-interface InputOtpInputProps extends /** @vue-ignore */InputHTMLAttributes {}
+interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the InputOtpCompact component.
  */

package/dist/components/kbd/kbd.js

@@ -1 +1 @@
-import{useKbd as e}from"../../composables/use-kbd.js";import"../../composables/index.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};
+import{useKbd as e}from"../../composables/use-kbd.js";import"../../composables/index.js";import{computed as t,createElementBlock as n,createTextVNode as r,defineComponent as i,openBlock as a,renderSlot as o,toDisplayString as s}from"vue";const c=[`data-group`],l=i({name:`Kbd`,__name:`kbd`,props:{value:{},symbolize:{type:Boolean,default:!0}},setup(i){let l=i,{getKeyboardKey:u}=e(),d=t(()=>(Array.isArray(l.value)?l.value:[l.value]).map(e=>l.symbolize?u(e):e).join(``));return(e,t)=>(a(),n(`kbd`,{"data-soybean-kbd":``,"data-group":Array.isArray(i.value)?``:void 0},[o(e.$slots,`default`,{},()=>[r(s(d.value),1)])],8,c))}});export{l as default};

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

@@ -1,6 +1,5 @@
 import { KbdKey } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/kbd/types.d.ts
 /**
  * Type information for KbdValue.
@@ -9,7 +8,7 @@ type KbdValue = KbdKey | (string & {});
 /**
  * Properties for the Kbd component.
  */
-interface KbdProps extends /** @vue-ignore */HTMLAttributes {
+interface KbdProps extends BaseProps {
   /**
    * The value of the component.
    */

package/dist/components/label/label.js

@@ -1 +1 @@
-import{createElementBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i}from"vue";const a=t({name:`Label`,__name:`label`,props:{for:{}},setup(t){let a=t,o=e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()};return(t,s)=>(r(),e(`label`,n(a,{onMousedown:o}),[i(t.$slots,`default`)],16))}});export{a as default};
+import{createElementBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i}from"vue";const a=t({name:`Label`,__name:`label`,props:{for:{}},setup(t){let a=t,o=e=>{!e.defaultPrevented&&e.detail>1&&e.preventDefault()};return(t,s)=>(r(),e(`label`,n({"data-soybean-label":``},a,{onMousedown:o}),[i(t.$slots,`default`)],16))}});export{a as default};

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

@@ -1,10 +1,9 @@
-import { LabelHTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/label/types.d.ts
 /**
  * Properties for the Label component.
  */
-interface LabelProps extends /** @vue-ignore */LabelHTMLAttributes {
+interface LabelProps extends BaseProps {
   /** The id of the element the label is associated with. */
   for?: string;
 }

package/dist/components/layout/layout-classic-placeholder.js

@@ -1 +1 @@
-import{useLayoutClassicRootContext as e,useLayoutClassicUi as t}from"./context.js";import{computed as n,createCommentVNode as r,createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,unref as c}from"vue";const l=[`data-slot`],u=a({name:`LayoutClassicPlaceholder`,inheritAttrs:!1,__name:`layout-classic-placeholder`,props:{type:{}},setup(a){let u=a,d=t(`${u.type}Placeholder`),{fixedTop:f,headerVisible:p,tabVisible:m,footerVisible:h,fixedFooter:g}=e(`LayoutClassicPlaceholder`),_=n(()=>u.type===`footer`?g.value:f.value),v=n(()=>u.type===`header`?p.value:u.type===`tab`?m.value:h.value),y=n(()=>`${u.type}-placeholder`);return(e,t)=>v.value&&_.value?(s(),i(`div`,{key:0,class:o(c(d)),"data-slot":y.value},null,10,l)):r(`v-if`,!0)}});export{u as default};
+import{useLayoutClassicRootContext as e,useLayoutClassicUi as t}from"./context.js";import{computed as n,createCommentVNode as r,createElementBlock as i,defineComponent as a,mergeProps as o,openBlock as s,unref as c}from"vue";const l=a({name:`LayoutClassicPlaceholder`,inheritAttrs:!1,__name:`layout-classic-placeholder`,props:{type:{}},setup(a){let l=a,u=t(`${l.type}Placeholder`),{fixedTop:d,headerVisible:f,tabVisible:p,footerVisible:m,fixedFooter:h}=e(`LayoutClassicPlaceholder`),g=n(()=>l.type===`footer`?h.value:d.value),_=n(()=>l.type===`header`?f.value:l.type===`tab`?p.value:m.value),v=n(()=>({[`data-soybean-layout-${l.type}-placeholder`]:``}));return(e,t)=>_.value&&g.value?(s(),i(`div`,o({key:0,class:c(u)},v.value),null,16)):r(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-classic-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{provideLayoutClassicRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-orientation`,`data-side`,`data-state`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>!!g.fixedTop||g.orientation===`vertical`&&g.scrollBehavior===`wrapper`),C=a(()=>g.orientation===`horizontal`),w=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:void 0,c=C.value?s:void 0,l=T()?s:void 0,u=g.headerVisible&&!C.value?`${r}rem`:void 0,d=g.footerVisible&&!l?`${o}rem`:void 0,f=C.value?g.baseZIndex-1:g.baseZIndex-4,p=g.baseZIndex-3,m=g.baseZIndex-5,h=d?f+1:f-5;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:f,[i.headerZIndex]:p,[i.tabZIndex]:m,[i.footerZIndex]:h}});function T(){return C.value||g.scrollBehavior===`wrapper`&&!g.fixedFooter?!0:!g.stretchFooter}let E=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`,`fixedFooter`]),open:y,mobileOpen:b,mobileSidebarWidth:E,fixedTop:S}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":S.value,"data-fixed-footer":!!s.fixedFooter,"data-stretch-footer":!!s.stretchFooter,style:l(w.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h 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"../../composables/index.js";import{provideLayoutClassicRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-orientation`,`data-side`,`data-state`,`data-mobile`,`data-scroll-behavior`,`data-full-content`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-fixed-top`,`data-fixed-footer`,`data-stretch-footer`],h=s({name:`LayoutClassicRoot`,__name:`layout-classic-root`,props:{orientation:{default:`horizontal`},scrollBehavior:{default:`content`},scrollId:{},baseZIndex:{default:50},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{default:`left`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>!!g.fixedTop||g.orientation===`vertical`&&g.scrollBehavior===`wrapper`),C=a(()=>g.orientation===`horizontal`),w=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight),s=g.sidebarVisible?`${n}rem`:void 0,c=C.value?s:void 0,l=T()?s:void 0,u=g.headerVisible&&!C.value?`${r}rem`:void 0,d=g.footerVisible&&!l?`${o}rem`:void 0,f=C.value?g.baseZIndex-1:g.baseZIndex-4,p=g.baseZIndex-3,m=g.baseZIndex-5,h=d?f+1:f-5;return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.baseZIndex]:g.baseZIndex,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`,[i.sidebarTopGap]:u,[i.sidebarBottomGap]:d,[i.startGap]:s,[i.headerStartGap]:c,[i.footerStartGap]:l,[i.sidebarZIndex]:f,[i.headerZIndex]:p,[i.tabZIndex]:m,[i.footerZIndex]:h}});function T(){return C.value||g.scrollBehavior===`wrapper`&&!g.fixedFooter?!0:!g.stretchFooter}let E=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`,`fixedFooter`]),open:y,mobileOpen:b,mobileSidebarWidth:E,fixedTop:S}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-classic-root":``,class:c(p(v)),"data-orientation":s.orientation,"data-side":s.side,"data-state":x.value,"data-mobile":!!s.isMobile,"data-scroll-behavior":s.scrollBehavior,"data-full-content":!!s.fullContent,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-fixed-top":S.value,"data-fixed-footer":!!s.fixedFooter,"data-stretch-footer":!!s.stretchFooter,style:l(w.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

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

@@ -1 +1 @@
-import{useLayoutUi 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:`LayoutContent`,__name:`layout-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{useLayoutUi 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:`LayoutContent`,__name:`layout-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-layout-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-footer.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutFooter`,__name:`layout-footer`,setup(i){let l=t(`footer`),{footerVisible:u}=e(`LayoutFooter`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutFooter`,__name:`layout-footer`,setup(i){let l=t(`footer`),{footerVisible:u}=e(`LayoutFooter`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,"data-soybean-layout-footer":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutHeader`,__name:`layout-header`,setup(i){let l=t(`header`),{headerVisible:u}=e(`LayoutHeader`);return(e,t)=>c(u)?(o(),r(`header`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutHeader`,__name:`layout-header`,setup(i){let l=t(`header`),{headerVisible:u}=e(`LayoutHeader`);return(e,t)=>c(u)?(o(),r(`header`,{key:0,"data-soybean-layout-header":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

package/dist/components/layout/layout-main.js

@@ -1 +1 @@
-import{useLayoutUi 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:`LayoutMain`,__name:`layout-main`,setup(n){let s=e(`main`);return(e,n)=>(i(),t(`main`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useLayoutUi 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:`LayoutMain`,__name:`layout-main`,setup(n){let s=e(`main`);return(e,n)=>(i(),t(`main`,{"data-soybean-layout-main":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

package/dist/components/layout/layout-mobile.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import t from"../dialog/dialog-content.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-root.js";import"../dialog/index.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(r),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(n),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(t),{class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};
+import e from"../portal/portal.js";import t from"../dialog/dialog-content.js";import n from"../dialog/dialog-overlay.js";import r from"../dialog/dialog-root.js";import"../dialog/index.js";import{useLayoutRootContext as i,useLayoutUi as a}from"./context.js";import{layoutCssVars as o}from"./shared.js";import{computed as s,createBlock as c,createElementVNode as l,createVNode as u,defineComponent as d,mergeProps as f,normalizeClass as p,normalizeStyle as m,openBlock as h,renderSlot as g,unref as _,useAttrs as v,withCtx as y}from"vue";const b=d({name:`LayoutMobile`,inheritAttrs:!1,__name:`layout-mobile`,setup(d){let b=v(),{mobileOpen:x,mobileSidebarWidth:S,onMobileOpenChange:C}=i(`LayoutMobile`),w=a(),T=s(()=>({[o.sidebarWidth]:`${S.value}rem`}));return(i,a)=>(h(),c(_(r),{open:_(x),"onUpdate:open":_(C)},{default:y(()=>[u(_(e),null,{default:y(()=>[u(_(n),{class:p(_(w).mobileOverlay)},null,8,[`class`]),u(_(t),{"data-soybean-layout-mobile":``,class:p(_(w).mobileDrawer),style:m(T.value)},{default:y(()=>[l(`div`,f(_(b),{class:_(w).mobile,"data-sidebar":`sidebar`,"data-mobile":``}),[g(i.$slots,`default`)],16)]),_:3},8,[`class`,`style`])]),_:3})]),_:3},8,[`open`,`onUpdate:open`]))}});export{b as default};

package/dist/components/layout/layout-rail.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=r({name:`LayoutRail`,__name:`layout-rail`,setup(r){let{toggleSidebar:c}=e(`LayoutRail`),l=t(`rail`);return(e,t)=>(a(),n(`button`,{class:i(s(l)),"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabindex:-1,title:`Toggle Sidebar`,onClick:t[0]||(t[0]=(...e)=>s(c)&&s(c)(...e))},[o(e.$slots,`default`)],2))}});export{c as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useLayoutRootContext as t,useLayoutUi 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=[`aria-label`,`title`],u=i({name:`LayoutRail`,__name:`layout-rail`,setup(i){let{toggleSidebar:u}=t(`LayoutRail`),d=e(),f=n(`rail`);return(e,t)=>(o(),r(`button`,{class:a(c(f)),"data-soybean-layout-rail":``,"data-sidebar":`rail`,"aria-label":c(d).layout.toggleSidebar,tabindex:-1,title:c(d).layout.toggleSidebar,onClick:t[0]||(t[0]=(...e)=>c(u)&&c(u)(...e))},[s(e.$slots,`default`)],10,l))}});export{u as default};

package/dist/components/layout/layout-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{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-full-content`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`}}),w=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:w}),(e,t)=>(u(),o(`div`,{class:c(p(v)),"data-collapsible":S.value,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-full-content":!!s.fullContent,style:l(C.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h 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"../../composables/index.js";import{provideLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{layoutCssVars as i}from"./shared.js";import{computed as a,createElementBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p}from"vue";const m=[`data-collapsible`,`data-side`,`data-state`,`data-variant`,`data-mobile`,`data-sidebar-visible`,`data-header-visible`,`data-tab-visible`,`data-footer-visible`,`data-full-content`],h=s({name:`LayoutRoot`,__name:`layout-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},side:{default:`left`},variant:{default:`sidebar`},collapsible:{default:`icon`},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{default:240},collapsedSidebarWidth:{default:50},isMobile:{type:Boolean,default:!1},mobileSidebarWidth:{default:240},headerVisible:{type:Boolean,default:!0},headerHeight:{default:56},tabVisible:{type:Boolean,default:!0},tabHeight:{default:44},footerVisible:{type:Boolean,default:!0},footerHeight:{default:48},fullContent:{type:Boolean},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=r(`root`),y=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),b=f(!1),x=a(()=>y.value?`expanded`:`collapsed`),S=a(()=>x.value===`collapsed`?g.collapsible:``),C=a(()=>{let e=g.pxToRem(g.sidebarWidth),t=g.pxToRem(g.collapsedSidebarWidth),n=y.value?e:t,r=g.pxToRem(g.headerHeight),a=g.pxToRem(g.tabHeight),o=g.pxToRem(g.footerHeight);return{[i.sidebarWidth]:`${e}rem`,[i.collapsedSidebarWidth]:`${t}rem`,[i.currentSidebarWidth]:`${n}rem`,[i.headerHeight]:`${r}rem`,[i.tabHeight]:`${a}rem`,[i.footerHeight]:`${o}rem`}}),w=a(()=>g.pxToRem(g.mobileSidebarWidth));return n({...e(g,[`sidebarWidth`,`collapsedSidebarWidth`,`isMobile`,`sidebarVisible`,`headerVisible`,`tabVisible`,`footerVisible`]),open:y,mobileOpen:b,mobileSidebarWidth:w}),(e,t)=>(u(),o(`div`,{"data-soybean-layout-root":``,class:c(p(v)),"data-collapsible":S.value,"data-side":s.side,"data-state":x.value,"data-variant":s.variant,"data-mobile":!!s.isMobile,"data-sidebar-visible":!!s.sidebarVisible,"data-header-visible":!!s.headerVisible,"data-tab-visible":!!s.tabVisible,"data-footer-visible":!!s.footerVisible,"data-full-content":!!s.fullContent,style:l(C.value)},[d(e.$slots,`default`,{open:p(y),collapsedSidebarWidth:s.collapsedSidebarWidth})],14,m))}});export{h as default};

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/layout/layout-root.vue.d.ts
 declare var __VLS_1: {
-  open: boolean | undefined;
+  open: boolean;
   collapsedSidebarWidth: number;
 };
 type __VLS_Slots = {} & {
@@ -19,6 +19,7 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutRootProps, {}, {}, {}, {},
   open: boolean;
   side: LayoutSide;
   variant: LayoutVariant;
+  pxToRem: (px: number) => number;
   sidebarVisible: boolean;
   sidebarWidth: number;
   collapsedSidebarWidth: number;
@@ -30,7 +31,6 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutRootProps, {}, {}, {}, {},
   tabHeight: number;
   footerVisible: boolean;
   footerHeight: number;
-  pxToRem: (px: number) => 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/layout/layout-sidebar.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import n from"./layout-mobile.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,useAttrs as h,withCtx as g}from"vue";const _=c({name:`LayoutSidebar`,inheritAttrs:!1,__name:`layout-sidebar`,setup(c){let _=h(),{sidebarVisible:v,isMobile:y}=e(`LayoutSidebar`),b=t();return(e,t)=>m(v)?(f(),o(r,{key:0},[m(y)?(f(),i(n,d(l({key:0},m(_))),{default:g(()=>[p(e.$slots,`default`)]),_:3},16)):(f(),o(`div`,{key:1,class:u(m(b).sidebarRoot)},[s(`div`,{class:u(m(b).sidebarGapHandler)},null,2),s(`div`,{class:u(m(b).sidebarWrapper)},[s(`div`,l(m(_),{class:m(b).sidebar,"data-sidebar":`sidebar`}),[p(e.$slots,`default`)],16)],2)],2))],64)):a(`v-if`,!0)}});export{_ as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import n from"./layout-mobile.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,useAttrs as h,withCtx as g}from"vue";const _=c({name:`LayoutSidebar`,inheritAttrs:!1,__name:`layout-sidebar`,setup(c){let _=h(),{sidebarVisible:v,isMobile:y}=e(`LayoutSidebar`),b=t();return(e,t)=>m(v)?(f(),o(r,{key:0},[m(y)?(f(),i(n,d(l({key:0},m(_))),{default:g(()=>[p(e.$slots,`default`)]),_:3},16)):(f(),o(`div`,{key:1,class:u(m(b).sidebarRoot),"data-soybean-layout-sidebar":``},[s(`div`,{class:u(m(b).sidebarGapHandler)},null,2),s(`div`,{class:u(m(b).sidebarWrapper)},[s(`div`,l(m(_),{class:m(b).sidebar,"data-sidebar":`sidebar`}),[p(e.$slots,`default`)],16)],2)],2))],64)):a(`v-if`,!0)}});export{_ as default};

package/dist/components/layout/layout-tab.js

@@ -1 +1 @@
-import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutTab`,__name:`layout-tab`,setup(i){let l=t(`tab`),{tabVisible:u}=e(`LayoutTab`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};
+import{useLayoutRootContext as e,useLayoutUi as t}from"./context.js";import{createCommentVNode as n,createElementBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";const l=i({name:`LayoutTab`,__name:`layout-tab`,setup(i){let l=t(`tab`),{tabVisible:u}=e(`LayoutTab`);return(e,t)=>c(u)?(o(),r(`div`,{key:0,"data-soybean-layout-tab":``,class:a(c(l))},[s(e.$slots,`default`)],2)):n(`v-if`,!0)}});export{l as default};

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useLayoutRootContext as n,useLayoutUi as r}from"./context.js";import{createBlock as i,createVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`LayoutTrigger`,__name:`layout-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let{open:f,toggleSidebar:p}=n(`LayoutTrigger`),m=r(`trigger`);return(n,r)=>(c(),i(u(t),{as:o.as,"as-child":o.asChild,class:s(u(m)),type:`button`,"aria-label":`Toggle Sidebar`,"data-sidebar":`trigger`,onClick:u(p)},{default:d(()=>[l(n.$slots,`default`,{open:u(f)},()=>[a(e,{icon:u(f)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},8,[`as`,`as-child`,`class`,`onClick`]))}});export{f as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useLayoutRootContext as r,useLayoutUi as i}from"./context.js";import{createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`LayoutTrigger`,__name:`layout-trigger`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,{open:m,toggleSidebar:h}=r(`LayoutTrigger`),g=e(),_=i(`trigger`);return(e,r)=>(l(),a(n,c(p,{"data-soybean-layout-trigger":``,class:d(_),"aria-label":d(g).layout.toggleSidebar,"data-sidebar":`trigger`,onClick:d(h)}),{default:f(()=>[u(e.$slots,`default`,{open:d(m)},()=>[o(t,{icon:d(m)?`lucide:panel-right`:`lucide:panel-left`},null,8,[`icon`])])]),_:3},16,[`class`,`aria-label`,`onClick`]))}});export{p as default};

package/dist/components/layout/layout-trigger.vue.d.ts

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

@@ -1,6 +1,7 @@
 import { DataOrientation, HorizontalSide, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/layout/types.d.ts
 /**
@@ -22,7 +23,7 @@ type LayoutSidebarState = 'expanded' | 'collapsed';
 /**
  * Properties for the LayoutRoot component.
  */
-interface LayoutRootProps extends /** @vue-ignore */HTMLAttributes {
+interface LayoutRootProps extends BaseProps {
   /** The controlled open state of the layout. Can be bound with `v-model`. */
   open?: boolean;
   /** The open state of the layout when it is initially rendered.
@@ -126,39 +127,39 @@ type LayoutRootEmits = {
 /**
  * Properties for the LayoutSidebar component.
  */
-interface LayoutSidebarProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutSidebarProps extends BaseProps {}
 /**
  * Properties for the LayoutRail component.
  */
-interface LayoutRailProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutRailProps extends BaseProps {}
 /**
  * Properties for the LayoutMain component.
  */
-interface LayoutMainProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutMainProps extends BaseProps {}
 /**
  * Properties for the LayoutHeader component.
  */
-interface LayoutHeaderProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutHeaderProps extends BaseProps {}
 /**
  * Properties for the LayoutTab component.
  */
-interface LayoutTabProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutTabProps extends BaseProps {}
 /**
  * Properties for the LayoutContent component.
  */
-interface LayoutContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutContentProps extends BaseProps {}
 /**
  * Properties for the LayoutFooter component.
  */
-interface LayoutFooterProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutFooterProps extends BaseProps {}
 /**
  * Properties for the LayoutTrigger component.
  */
-interface LayoutTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface LayoutTriggerProps extends ButtonProps {}
 /**
  * Properties for the LayoutMobile component.
  */
-interface LayoutMobileProps extends /** @vue-ignore */HTMLAttributes {}
+interface LayoutMobileProps extends BaseProps {}
 interface LayoutOthersProps {
   sidebarProps?: LayoutSidebarProps;
   railProps?: LayoutRailProps;

package/dist/components/link/link.js

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(i){let p=i,m=d(),{nuxt:h}=e(`Link`),g=n(()=>h.value?c(`NuxtLink`):c(`RouterLink`)),_=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=p,a=typeof p.to==`string`&&p.to||p.href,o={};return _.value||(o.to=p.to),(_.value||!h.value)&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex,...m}),o}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{as:i.as,"as-child":i.asChild,"data-link":``,onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(g.value),a({key:1},y.value,{"data-link":``,onClick:b}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};
+import{useConfigProvider as e}from"../config-provider/context.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,resolveComponent as c,resolveDynamicComponent as l,unref as u,useAttrs as d,withCtx as f}from"vue";const p=i({name:`Link`,inheritAttrs:!1,__name:`link`,props:{to:{},replace:{type:Boolean,default:void 0},href:{},disabled:{type:Boolean,default:void 0},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean,default:void 0},ariaCurrentValue:{},viewTransition:{type:Boolean,default:void 0},target:{},rel:{default:`noopener noreferrer`},noRel:{type:Boolean,default:void 0},prefetch:{type:Boolean,default:void 0},prefetchOn:{},noPrefetch:{type:Boolean,default:void 0},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(i){let p=i,m=d(),{nuxt:h}=e(`Link`),g=n(()=>h.value?c(`NuxtLink`):c(`RouterLink`)),_=n(()=>!!(p.external||p.disabled||typeof p.to==`string`&&p.to.startsWith(`http`)||!p.to)),v=n(()=>p.target?p.target:_.value?`_blank`:`_self`),y=n(()=>{let{as:e,asChild:t,href:n,to:r,...i}=p,a=typeof p.to==`string`&&p.to||p.href,o={};return _.value||(o.to=p.to),(_.value||!h.value)&&a&&(o.href=a),Object.assign(o,{...i,target:v.value,"data-disabled":p.disabled?``:void 0,"aria-disabled":p.disabled?`true`:void 0,role:p.disabled?`link`:void 0,tabindex:p.disabled?`-1`:p.tabindex,...m}),o}),b=e=>{p.disabled&&(e.preventDefault(),e.stopPropagation())};return(e,n)=>_.value?(o(),r(u(t),a({key:0},y.value,{as:i.as,"as-child":i.asChild,"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(()=>[s(e.$slots,`default`,{isHref:!0})]),_:3},16,[`as`,`as-child`])):(o(),r(l(g.value),a({key:1},y.value,{"data-soybean-link":``,"data-link":``,onClick:b}),{default:f(t=>[s(e.$slots,`default`,{isHref:!1,isActive:t?.isActive,isExactActive:t?.isExactActive})]),_:3},16))}});export{p as default};

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

@@ -1,12 +1,11 @@
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { RouteLocationRaw } from "vue-router";
 
 //#region src/components/link/types.d.ts
 /**
  * Properties for the Link component.
  */
-interface LinkProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface LinkProps extends PrimitiveWithBaseProps {
   /**
    * Route Location the link should navigate to when clicked on.
    */

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

@@ -1 +1 @@
-import{useListUi 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:`ListContent`,__name:`list-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{useListUi 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:`ListContent`,__name:`list-content`,setup(n){let s=e(`content`);return(e,n)=>(i(),t(`div`,{"data-soybean-list-content":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useListUi 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:`ListDescription`,__name:`list-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{useListUi 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:`ListDescription`,__name:`list-description`,setup(n){let s=e(`description`);return(e,n)=>(i(),t(`p`,{"data-soybean-list-description":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useListUi 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:`ListItem`,__name:`list-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`li`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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:`ListItem`,__name:`list-item`,setup(n){let s=e(`item`);return(e,n)=>(i(),t(`li`,{"data-soybean-list-item":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useListUi 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:`ListRoot`,__name:`list-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`ul`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useListUi 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:`ListRoot`,__name:`list-root`,setup(n){let s=e(`root`);return(e,n)=>(i(),t(`ul`,{"data-soybean-list-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useListUi 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:`ListTitle`,__name:`list-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{useListUi 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:`ListTitle`,__name:`list-title`,setup(n){let s=e(`title`);return(e,n)=>(i(),t(`h3`,{"data-soybean-list-title":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1,27 +1,26 @@
 import { UiClass } from "../../types/common.js";
-import { HTMLAttributes } from "vue";
-
+import { BaseProps } from "../../types/vue.js";
 //#region src/components/list/types.d.ts
 /**
  * Properties for the ListRoot component.
  */
-interface ListRootProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListRootProps extends BaseProps {}
 /**
  * Properties for the ListItem component.
  */
-interface ListItemProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListItemProps extends BaseProps {}
 /**
  * Properties for the ListContent component.
  */
-interface ListContentProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListContentProps extends BaseProps {}
 /**
  * Properties for the ListTitle component.
  */
-interface ListTitleProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListTitleProps extends BaseProps {}
 /**
  * Properties for the ListDescription component.
  */
-interface ListDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface ListDescriptionProps extends BaseProps {}
 /**
  * Available UI slots for the List component.
  */

package/dist/components/listbox/context.js

@@ -1 +1 @@
-import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import"../../shared/index.js";import{useContext as n}from"../../composables/use-context.js";import{useCollection as r}from"../../composables/use-collection.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useTypeahead as a}from"../../composables/use-typeahead.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as s}from"../config-provider/context.js";import{provideInputUi as c}from"../input/context.js";import{computed as l,nextTick as u,shallowRef as d,useId as f}from"vue";import{createEventHook as p}from"@vueuse/core";const{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=r(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[r,o]=i(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=a(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=s(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0)=>{e&&(E.value=e,T.value&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`}),b(c().find(t=>t.element===e)))},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&P(t)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented)if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{H(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};function W(t,n){if(O.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!C.value)&&(h.value=e(r.map(e=>e.data.value),C.value,i))}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),!(!E.value||r.value?.contains(t))&&B(e)};return{...n,rootElement:r,setRootElement:o,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=o(`ListboxUi`,e=>(c(l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}))),e));export{y as provideListboxGroupContext,x as provideListboxItemContext,_ as provideListboxRootContext,C as provideListboxUi,h as useCollectionContext,g as useCollectionItem,b as useListboxGroupContext,S as useListboxItemContext,v as useListboxRootContext,w as useListboxUi};
+import{findValuesBetween as e}from"../../shared/object.js";import{getFocusIntent as t}from"../../shared/focus.js";import{useContext as n}from"../../composables/use-context.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{useCollection as i}from"../../composables/use-collection.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import{useUiContext as s}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideInputUi as c}from"../input/context.js";import{computed as l,nextTick as u,shallowRef as d,useId as f}from"vue";import{createEventHook as p}from"@vueuse/core";const{provideCollectionContext:m,useCollectionContext:h,useCollectionItem:g}=i(`Listbox`),[_,v]=n(`ListboxRoot`,n=>{let[i,s]=a(),{getOrderedItems:c,getOrderedElements:l}=m(),{handleTypeaheadSearch:f}=o(),{modelValue:h,orientation:g,selectionBehavior:_,isMultiple:v,onModelValueChange:y,onHighlight:b,onEntryFocus:x}=n,S=r(n.dir),C=d(),w=d(!1),T=d(!0),E=d(null),D=d(null),O=d(!1),k=d(!1),A=p(),j=p(),M=p(),N=e=>{w.value=!0,v.value&&_.value===`replace`&&(C.value=e),y(e),setTimeout(()=>{w.value=!1},1)},P=(e,t=!0)=>{e&&(E.value=e,T.value&&E.value.focus(),t&&E.value.scrollIntoView({block:`nearest`}),b(c().find(t=>t.element===e)))},F=e=>{if(O.value)M.trigger(e);else{let t=c().find(t=>t.data.value===e);t&&(E.value=t.element,P(t.element))}},I=e=>{E.value?.isConnected&&(e.preventDefault(),e.stopPropagation(),!k.value&&E.value.click())},L=e=>{if(w.value=!0,O.value)j.trigger(e);else{let t=e.altKey||e.ctrlKey||e.metaKey,n=c();if(t&&e.key===`a`&&v.value){h.value=[...n.map(e=>e.data.value)],e.preventDefault();let t=n[n.length-1]?.element;t&&P(t)}else if(!t){let t=f(e.key,n);t&&P(t)}}setTimeout(()=>{w.value=!1},1)},R=()=>{k.value=!0},z=()=>{u(()=>{k.value=!1})},B=e=>{let t=E.value;t?.isConnected&&(D.value=t),E.value=null,n.onLeave(e)},V=e=>{let t=new CustomEvent(`listbox.entryFocus`,{bubbles:!1,cancelable:!0});if(e.currentTarget?.dispatchEvent(t),x(t),!t.defaultPrevented)if(D.value)P(D.value);else{let e=l()?.[0];e&&P(e)}},H=e=>{let n=t(e,g.value,S.value);if(!n)return;let r=l();if(E.value){if(n===`last`)r.reverse();else if(n===`prev`||n===`next`){n===`prev`&&r.reverse();let e=r.indexOf(E.value);r=r.slice(e+1)}let t=r[0];t&&W(e,t)}if(r.length){let e=!E.value&&n===`prev`?r.length-1:0,t=r[e];t&&P(t)}O.value&&j.trigger(e)},U=()=>{u(()=>{H(new KeyboardEvent(`keydown`,{key:`PageUp`}))})};function W(t,n){if(O.value||_.value!==`replace`||!v.value||!Array.isArray(h.value)||(t.altKey||t.ctrlKey||t.metaKey)&&!t.shiftKey||!t.shiftKey)return;let r=c(),i=r.find(e=>e.element===n)?.data?.value;t.key===`End`?i=r[r.length-1]?.data?.value:t.key===`Home`&&(i=r[0]?.data?.value),!(!i||!C.value)&&(h.value=e(r.map(e=>e.data.value),C.value,i))}let G=async e=>{if(await u(),O.value)A.trigger(e);else{let e=l(),t=e.find(e=>e.dataset.state===`checked`);t?P(t):e[0]&&P(e[0])}},K=async e=>{let t=e.relatedTarget||e.target;await u(),!(!E.value||i.value?.contains(t))&&B(e)};return{...n,rootElement:i,setRootElement:s,isUserAction:w,isVirtual:O,virtualFocusHook:A,virtualKeydownHook:j,virtualHighlightHook:M,firstValue:C,focusable:T,onModelValueChange:N,onLeave:B,onEnter:V,highlightedElement:E,changeHighlight:P,highlightItem:F,highlightSelected:G,highlightFirstItem:U,onKeydownEnter:I,onKeydownNavigation:H,onKeydownTypeahead:L,onCompositionStart:R,onCompositionEnd:z,onFocusOut:K,getItems:c}}),[y,b]=n(`ListboxGroup`,()=>({id:`soybean-listbox-group-${f()}`})),[x,S]=n(`ListboxItem`,e=>e),[C,w]=s(`ListboxUi`,e=>(c(l(()=>({root:e.value?.filterRoot,control:e.value?.filterControl}))),e));export{y as provideListboxGroupContext,x as provideListboxItemContext,_ as provideListboxRootContext,C as provideListboxUi,h as useCollectionContext,g as useCollectionItem,b as useListboxGroupContext,S as useListboxItemContext,v as useListboxRootContext,w as useListboxUi};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`],h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(`content`),D=p(!1,10),O=i(()=>g.value?_.value?`-1`:`0`:`-1`),k=e=>{D.value||y(e)},A=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},j=()=>{D.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),class:s(u(E)),role:`listbox`,tabindex:O.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(j,[`left`]),onFocus:k,onKeydown:[d(A,[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||(t[0]=d((...e)=>u(x)&&u(x)(...e),[`enter`])),t[1]||(t[1]=(...e)=>u(S)&&u(S)(...e))]},[l(e.$slots,`default`)],42,m))}});export{h as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useCollectionContext as t,useListboxRootContext as n,useListboxUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withKeys as d,withModifiers as f}from"vue";import{refAutoReset as p}from"@vueuse/shared";const m=[`tabindex`,`aria-orientation`,`aria-multiselectable`,`data-orientation`],h=o({name:`ListboxContent`,__name:`listbox-content`,setup(o){let{orientation:h,focusable:g,highlightedElement:_,isMultiple:v,onEnter:y,onKeydownNavigation:b,onKeydownEnter:x,onKeydownTypeahead:S}=n(`ListboxContent`),{onContainerElementChange:C}=t(`ListboxContent`),[w,T]=e(e=>{C(e)}),E=r(`content`),D=p(!1,10),O=i(()=>g.value?_.value?`-1`:`0`:`-1`),k=e=>{D.value||y(e)},A=e=>{h.value===`vertical`&&[`ArrowLeft`,`ArrowRight`].includes(e.key)||h.value===`horizontal`&&[`ArrowUp`,`ArrowDown`].includes(e.key)||(e.preventDefault(),g.value&&b(e))},j=()=>{D.value=!0};return(e,t)=>(c(),a(`div`,{ref:u(T),"data-soybean-listbox-content":``,class:s(u(E)),role:`listbox`,tabindex:O.value,"aria-orientation":u(h),"aria-multiselectable":u(v),"data-orientation":u(h),onMousedown:f(j,[`left`]),onFocus:k,onKeydown:[d(A,[`down`,`up`,`left`,`right`,`home`,`end`]),t[0]||(t[0]=d((...e)=>u(x)&&u(x)(...e),[`enter`])),t[1]||(t[1]=(...e)=>u(S)&&u(S)(...e))]},[l(e.$slots,`default`)],42,m))}});export{h as default};

package/dist/components/listbox/listbox-filter.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"./context.js";import r from"../input/input-root.js";import i from"../input/input-control.js";import"../input/index.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(r),l(h(C),{"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(i),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b 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"./context.js";import r from"../input/input-root.js";import i from"../input/input-control.js";import"../input/index.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,onMounted as u,onUnmounted as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watchSyncEffect as g,withCtx as _,withKeys as v,withModifiers as y}from"vue";const b=c({name:`ListboxFilter`,__name:`listbox-filter`,props:{inputRef:{type:Function},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(c,{emit:b}){let x=c,S=b,C=t(x,[`inputRef`,`controlProps`]),{disabled:w,focusable:T,highlightedElement:E,highlightFirstItem:D,onKeydownNavigation:O,onKeydownEnter:k}=n(`ListboxFilter`),[A,j]=e(e=>x.inputRef?.(e)),M=a(()=>x.disabled||w.value||!1),N=m(),P=()=>{D()};return g(()=>{N.value=E.value?.id}),u(()=>{T.value=!1,setTimeout(()=>{x.autofocus&&A.value?.focus()},1)}),d(()=>{T.value=!0}),(e,t)=>(f(),o(h(r),l({"data-soybean-listbox-filter":``},h(C),{"onUpdate:modelValue":t[0]||(t[0]=e=>S(`update:modelValue`,e))}),{default:_(({clear:t})=>[p(e.$slots,`leading`,{clear:t}),s(h(i),l(c.controlProps,{ref:h(j),"aria-activedescendant":N.value,disabled:M.value,type:`text`,onKeydown:[v(y(h(O),[`prevent`]),[`down`,`up`,`home`,`end`]),v(h(k),[`enter`])],onInput:P}),null,16,[`aria-activedescendant`,`disabled`,`onKeydown`]),p(e.$slots,`trailing`,{clear:t})]),_:3},16))}});export{b as default};

package/dist/components/listbox/listbox-group-label.js

@@ -1 +1 @@
-import{useListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`ListboxGroupLabel`,__name:`listbox-group-label`,setup(r){let{id:l}=e(`ListboxGroupLabel`),u=t(`groupLabel`);return(e,t)=>(a(),n(`div`,{id:s(l),class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{useListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`id`],l=r({name:`ListboxGroupLabel`,__name:`listbox-group-label`,setup(r){let{id:l}=e(`ListboxGroupLabel`),u=t(`groupLabel`);return(e,t)=>(a(),n(`div`,{id:s(l),"data-soybean-listbox-group-label":``,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/listbox/listbox-group.js

@@ -1 +1 @@
-import{provideListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`],l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};
+import{provideListboxGroupContext as e,useListboxUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s}from"vue";const c=[`aria-labelledby`],l=r({name:`ListboxGroup`,__name:`listbox-group`,setup(r){let{id:l}=e(),u=t(`group`);return(e,t)=>(a(),n(`div`,{"data-soybean-listbox-group":``,"aria-labelledby":s(l),role:`group`,class:i(s(u))},[o(e.$slots,`default`)],10,c))}});export{l as default};

package/dist/components/listbox/listbox-item-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useListboxItemContext as t,useListboxUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{isSelected:d}=t(`ListboxItemIndicator`),f=n(`itemIndicator`);return(t,n)=>l(d)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,class:o(l(f)),"aria-hidden":`true`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useListboxItemContext as t,useListboxUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ListboxItemIndicator`,__name:`listbox-item-indicator`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let{isSelected:d}=t(`ListboxItemIndicator`),f=n(`itemIndicator`);return(t,n)=>l(d)?(s(),r(l(e),{key:0,"data-soybean-listbox-item-indicator":``,as:a.as,"as-child":a.asChild,class:o(l(f)),"aria-hidden":`true`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};

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

@@ -1 +1 @@
-import{handleAndDispatchCustomEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createVNode as c,defineComponent as l,mergeProps as u,renderSlot as d,unref as f,useId as p,withCtx as m,withKeys as h,withMemo as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`div`}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemProps:k,itemElement:A,setItemElement:j}=i({value:y.value}),M=t(y,[`value`,`disabled`],k),N=`soybean-listbox-item-${p()}`,P=s(()=>w.value||y.disabled),F=s(()=>A.value===D.value),I=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),L=s(()=>T.value&&F.value?`0`:`-1`),R=async e=>{b(`select`,e),!e?.defaultPrevented&&(P.value||!e||(C(y.value),A.value&&O(A.value)))},z=t=>{e(`listbox.select`,R,{originalEvent:t,value:y.value})},B=()=>{if(!(F.value||!A.value)){if(E.value){O(A.value,!1);return}T.value||O(A.value,!1)}};return r({isSelected:I}),(e,t)=>g([F.value,I.value],()=>c(f(n),u(f(M),{id:N,ref:f(j),class:f(x),role:`option`,tabindex:L.value,"aria-selected":I.value,disabled:P.value?``:void 0,"data-disabled":P.value?``:void 0,"data-highlighted":F.value?``:void 0,"data-state":I.value?`checked`:`unchecked`,onClick:z,onKeydown:h(_(z,[`prevent`]),[`space`]),onPointermove:B}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]),t,0)}});export{v as default};
+import{handleAndDispatchCustomEvent as e}from"../../shared/event.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{provideListboxItemContext as r,useCollectionItem as i,useListboxRootContext as a,useListboxUi as o}from"./context.js";import{computed as s,createVNode as c,defineComponent as l,mergeProps as u,renderSlot as d,unref as f,useId as p,withCtx as m,withKeys as h,withMemo as g,withModifiers as _}from"vue";const v=l({name:`ListboxItem`,__name:`listbox-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`select`],setup(l,{emit:v}){let y=l,b=v,x=o(`item`),{modelValue:S,onModelValueChange:C,disabled:w,focusable:T,highlightOnHover:E,highlightedElement:D,changeHighlight:O}=a(`ListboxItem`),{itemElement:k,setItemElement:A}=i({value:y.value}),j=t(y,[`value`,`disabled`]),M=`soybean-listbox-item-${p()}`,N=s(()=>w.value||y.disabled),P=s(()=>k.value===D.value),F=s(()=>Array.isArray(S.value)?S.value.includes(y.value):S.value===y.value),I=s(()=>T.value&&P.value?`0`:`-1`),L=async e=>{b(`select`,e),!e?.defaultPrevented&&(N.value||!e||(C(y.value),k.value&&O(k.value)))},R=t=>{e(`listbox.select`,L,{originalEvent:t,value:y.value})},z=()=>{if(!(P.value||!k.value)){if(E.value){O(k.value,!1);return}T.value||O(k.value,!1)}};return r({isSelected:F}),(e,t)=>g([P.value,F.value],()=>c(f(n),u(f(j),{id:M,ref:f(A),"data-soybean-listbox-item":``,"data-soybean-collection-item":``,class:f(x),role:`option`,tabindex:I.value,"aria-selected":F.value,disabled:N.value?``:void 0,"data-disabled":N.value?``:void 0,"data-highlighted":P.value?``:void 0,"data-state":F.value?`checked`:`unchecked`,onClick:R,onKeydown:h(_(R,[`prevent`]),[`space`]),onPointermove:z}),{default:m(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`tabindex`,`aria-selected`,`disabled`,`data-disabled`,`data-highlighted`,`data-state`,`onKeydown`]),t,0)}});export{v as default};

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

@@ -1,5 +1,4 @@
 import { SelectEvent } from "../../types/event.js";
-import { AsTag } from "../primitive/types.js";
 import { ListboxItemProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -12,9 +11,7 @@ declare const __VLS_base: _$vue.DefineComponent<ListboxItemProps, {}, {}, {}, {}
   select: (event: SelectEvent<string>) => any;
 }, string, _$vue.PublicProps, Readonly<ListboxItemProps> & Readonly<{
   onSelect?: ((event: SelectEvent<string>) => any) | undefined;
-}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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/listbox/listbox-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideListboxRootContext as r,useListboxUi as i}from"./context.js";import a from"../visually-hidden/visually-hidden-input.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,watch as g}from"vue";const _=[`data-disabled`,`dir`],v=u({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{default:`toggle`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(u,{expose:v,emit:y}){let b=u,x=y,S=i(`root`),{modelValue:C,isMultiple:w,onModelValueChange:T}=n(b,e=>{x(`update:modelValue`,e)}),{rootElement:E,setRootElement:D,isUserAction:O,highlightedElement:k,highlightSelected:A,highlightFirstItem:j,highlightItem:M,getItems:N}=r({...t(b,[`dir`,`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),modelValue:C,isMultiple:w,onModelValueChange:T,onHighlight(e){x(`highlight`,e)},onEntryFocus(e){x(`entryFocus`,e)},onLeave(e){x(`leave`,e)}}),P=o(()=>e(E.value));return g(C,()=>{O.value||d(()=>{A()})},{immediate:!0,deep:!0}),v({highlightedElement:k,highlightItem:M,highlightFirstItem:j,highlightSelected:A,getItems:N}),(e,t)=>(p(),l(`div`,{ref:h(D),class:f(h(S)),"data-disabled":u.disabled?``:void 0,dir:u.dir,onPointerleave:t[0]||(t[0]=(...t)=>e.onLeave&&e.onLeave(...t)),onFocusout:t[1]||(t[1]=(...t)=>e.onFocusout&&e.onFocusout(...t))},[m(e.$slots,`default`,{modelValue:h(C)}),P.value&&u.name?(p(),s(a,{key:0,name:u.name,value:h(C),disabled:u.disabled,required:u.required},null,8,[`name`,`value`,`disabled`,`required`])):c(`v-if`,!0)],42,_))}});export{v as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useSelection as n}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideListboxRootContext as r,useListboxUi as i}from"./context.js";import a from"../visually-hidden/visually-hidden-input.js";import{computed as o,createBlock as s,createCommentVNode as c,createElementBlock as l,defineComponent as u,nextTick as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h,watch as g}from"vue";const _=[`data-disabled`,`dir`],v=u({name:`ListboxRoot`,__name:`listbox-root`,props:{orientation:{default:`vertical`},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{default:`toggle`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`entryFocus`,`leave`],setup(u,{expose:v,emit:y}){let b=u,x=y,S=i(`root`),{modelValue:C,isMultiple:w,onModelValueChange:T}=n(b,e=>{x(`update:modelValue`,e)}),{rootElement:E,setRootElement:D,isUserAction:O,highlightedElement:k,highlightSelected:A,highlightFirstItem:j,highlightItem:M,getItems:N}=r({...t(b,[`dir`,`orientation`,`disabled`,`highlightOnHover`,`selectionBehavior`]),modelValue:C,isMultiple:w,onModelValueChange:T,onHighlight(e){x(`highlight`,e)},onEntryFocus(e){x(`entryFocus`,e)},onLeave(e){x(`leave`,e)}}),P=o(()=>e(E.value));return g(C,()=>{O.value||d(()=>{A()})},{immediate:!0,deep:!0}),v({highlightedElement:k,highlightItem:M,highlightFirstItem:j,highlightSelected:A,getItems:N}),(e,t)=>(p(),l(`div`,{ref:h(D),"data-soybean-listbox-root":``,class:f(h(S)),"data-disabled":u.disabled?``:void 0,dir:u.dir,onPointerleave:t[0]||(t[0]=(...t)=>e.onLeave&&e.onLeave(...t)),onFocusout:t[1]||(t[1]=(...t)=>e.onFocusout&&e.onFocusout(...t))},[m(e.$slots,`default`,{modelValue:h(C)}),P.value&&u.name?(p(),s(a,{key:0,name:u.name,value:h(C),disabled:u.disabled,required:u.required},null,8,[`name`,`value`,`disabled`,`required`])):c(`v-if`,!0)],42,_))}});export{v as default};