@soybeanjs/headless 0.17.0 → 0.19.0

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

@@ -1,14 +1,15 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { BaseProps } from "../../types/vue.js";
+import { ButtonProps } from "../button/types.js";
 import { InputBaseProps } from "../input/types.js";
-import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+import { InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input-number/types.d.ts
 /**
- * Props for the input number root component.
+ * Properties for the InputNumberRoot component.
  */
-interface InputNumberRootProps extends InputBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface InputNumberRootProps extends InputBaseProps, FormFieldCommonProps, BaseProps {
   /** The default value of the input */
   defaultValue?: number;
   /** The controlled value of the input */
@@ -36,43 +37,115 @@ interface InputNumberRootProps extends InputBaseProps, FormFieldCommonProps, /**
   invertWheelChange?: boolean;
 }
 /**
- * Emits for the input number root component.
+ * Events for the InputNumberRoot component.
  */
 type InputNumberRootEmits = {
   /**
    * Emitted when the model value changes.
    */
-  'update:modelValue': [val: number];
+  'update:modelValue': [val: number | null];
 };
 /**
- * Props for the input number control component.
+ * Properties for the InputNumberControl component.
  */
-interface InputNumberControlProps extends /** @vue-ignore */InputHTMLAttributes {}
+interface InputNumberControlProps extends BaseProps<InputHTMLAttributes> {}
 /**
- * Props for the input number increment component.
+ * Properties for the InputNumberIncrement component.
  */
-interface InputNumberIncrementProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface InputNumberIncrementProps extends ButtonProps {}
+/**
+ * Properties for the InputNumberDecrement component.
+ */
+interface InputNumberDecrementProps extends ButtonProps {}
+/**
+ * Events for the InputNumberClear component.
+ */
+type InputNumberClearEmits = {
+  /**
+   * Emitted when the clear button is clicked.
+   */
+  clear: [event: PointerEvent];
+};
+/**
+ * Slot properties for the InputNumberCompact component.
+ */
+interface InputNumberCompactSlotProps {
   /**
-   * Whether the component is disabled.
+   * Current model value.
    */
-  disabled?: boolean;
+  modelValue?: number | null;
+  /**
+   * Clear handler.
+   */
+  clear: () => void;
 }
 /**
- * Props for the input number decrement component.
+ * Properties for the InputNumberCompact component.
  */
-interface InputNumberDecrementProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface InputNumberCompactProps extends InputNumberRootProps {
   /**
-   * Whether the component is disabled.
+   * Whether to show the clear trigger.
+   *
+   * @defaultValue false
    */
-  disabled?: boolean;
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * Properties forwarded to the control element.
+   */
+  controlProps?: InputNumberControlProps;
+  /**
+   * Properties forwarded to the increment element.
+   */
+  incrementProps?: InputNumberIncrementProps;
+  /**
+   * Properties forwarded to the decrement element.
+   */
+  decrementProps?: InputNumberDecrementProps;
+  /**
+   * Properties forwarded to the clear element.
+   */
+  clearProps?: ButtonProps;
 }
 /**
- * Available UI slots for the input number component.
+ * Events for the InputNumberCompact component.
+ */
+type InputNumberCompactEmits = InputNumberRootEmits & InputNumberClearEmits;
+/**
+ * Slots for the InputNumberCompact component.
+ */
+type InputNumberCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the clear slot.
+   */
+  clear?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the decrement slot.
+   */
+  decrement?: (props: InputNumberCompactSlotProps) => any;
+  /**
+   * Custom content for the increment slot.
+   */
+  increment?: (props: InputNumberCompactSlotProps) => any;
+};
+/**
+ * Available UI slots for the InputNumber component.
  */
-type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control';
+type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control' | 'clear';
 /**
- * UI class overrides for the input number component.
+ * UI class overrides for the InputNumber component.
  */
 type InputNumberUi = UiClass<InputNumberUiSlot>;
 //#endregion
-export { InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };
+export { InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useInputOtpUi as n}from"./context.js";import r from"./input-otp-input.js";import i from"./input-otp-positioner.js";import a from"./input-otp-root.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=[`data-state`],D=p({name:`InputOtpCompact`,__name:`input-otp-compact`,props:{id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(p,{emit:D}){let O=p,k=e(D),A=n(),j=t(O,[`id`,`autocomplete`,`autofocus`,`disabled`,`minlength`,`placeholder`,`readonly`,`aria-label`,`modelValue`,`defaultValue`,`maxlength`,`inputmode`,`pattern`,`pushPasswordManagerStrategy`,`pasteTransformer`,`name`,`required`]),M=s(()=>Math.max(O.maxlength,1)),N=s(()=>({"--columns":M.value})),P=e=>e.isActive?`active`:e.char?`filled`:`idle`;return(e,t)=>(y(),c(a,h(w(j),C(w(k))),{default:T(t=>[x(e.$slots,`default`,_(m(t)),()=>[d(`div`,{"data-slot":`group`,"aria-hidden":`true`,class:g(w(A).group),style:v(N.value)},[(y(!0),u(o,null,b(t.slots,(e,t)=>(y(),u(`div`,{key:t,"data-slot":`slot`,class:g(w(A).slot),"data-state":P(e)},[e.char?(y(),u(`span`,{key:0,"data-slot":`char`,class:g(w(A).char)},S(e.char),3)):e.placeholderChar?(y(),u(`span`,{key:1,"data-slot":`placeholder`,class:g(w(A).placeholder)},S(e.placeholderChar),3)):l(`v-if`,!0),e.hasFakeCaret?(y(),u(`span`,{key:2,"data-slot":`caret`,class:g(w(A).caret)},null,2)):l(`v-if`,!0)],10,E))),128))],6)]),f(i,null,{default:T(()=>[f(r)]),_:1})]),_:3},16))}});export{D as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{useInputOtpUi as n}from"./context.js";import r from"./input-otp-input.js";import i from"./input-otp-positioner.js";import a from"./input-otp-root.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,normalizeStyle as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,withCtx as T}from"vue";const E=[`data-state`],D=p({name:`InputOtpCompact`,__name:`input-otp-compact`,props:{id:{},autocomplete:{},autofocus:{type:Boolean},disabled:{type:Boolean},minlength:{},placeholder:{},readonly:{type:Boolean},"aria-label":{},modelValue:{},defaultValue:{},maxlength:{},inputmode:{},pattern:{},pushPasswordManagerStrategy:{},pasteTransformer:{type:Function},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`complete`,`input`,`change`,`select`,`focus`,`blur`,`mouseover`,`mouseleave`,`paste`],setup(p,{emit:D}){let O=p,k=e(D),A=n(),j=t(O,[`id`,`autocomplete`,`autofocus`,`disabled`,`minlength`,`placeholder`,`readonly`,`aria-label`,`modelValue`,`defaultValue`,`maxlength`,`inputmode`,`pattern`,`pushPasswordManagerStrategy`,`pasteTransformer`,`name`,`required`]),M=s(()=>Math.max(O.maxlength,1)),N=s(()=>({"--columns":M.value})),P=e=>e.isActive?`active`:e.char?`filled`:`idle`;return(e,t)=>(y(),c(a,h(w(j),C(w(k))),{default:T(t=>[x(e.$slots,`default`,_(m(t)),()=>[d(`div`,{"data-soybean-input-otp-group":``,"aria-hidden":`true`,class:g(w(A).group),style:v(N.value)},[(y(!0),u(o,null,b(t.slots,(e,t)=>(y(),u(`div`,{key:t,"data-soybean-input-otp-slot":``,class:g(w(A).slot),"data-state":P(e)},[e.char?(y(),u(`span`,{key:0,"data-soybean-input-otp-char":``,class:g(w(A).char)},S(e.char),3)):e.placeholderChar?(y(),u(`span`,{key:1,"data-soybean-input-otp-placeholder":``,class:g(w(A).placeholder)},S(e.placeholderChar),3)):l(`v-if`,!0),e.hasFakeCaret?(y(),u(`span`,{key:2,"data-soybean-input-otp-caret":``,class:g(w(A).caret)},null,2)):l(`v-if`,!0)],10,E))),128))],6)]),f(i,null,{default:T(()=>[f(r)]),_:1})]),_:3},16))}});export{D as default};

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

@@ -7,23 +7,23 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}
   input: (value: string) => any;
   select: (event: Event) => any;
   change: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
+  "update:modelValue": (value: string) => any;
   complete: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{useInputOtpRootContext as e,useInputOtpUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";const s=[`id`,`data-password-manager-badge`,`value`,`data-input-otp-placeholder-shown`,`data-input-otp-mss`,`data-input-otp-mse`,`aria-label`,`aria-placeholder`,`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`pattern`,`placeholder`,`readonly`,`required`],c=r({name:`InputOtpInput`,__name:`input-otp-input`,setup(r){let c=t(`input`),{autocomplete:l,autofocus:u,disabled:d,inputAttrs:f,inputElement:p,inputmode:m,maxlength:h,minlength:g,mirrorSelectionStart:_,mirrorSelectionEnd:v,modelValue:y,name:b,pattern:x,readonly:S,required:C,resolvedAccessibleLabel:w,resolvedId:T,resolvedPlaceholder:E,willPushPWMBadge:D,onBeforeInput:O,onNativeChange:k,onNativeSelect:A,onMouseOver:j,onMouseLeave:M,onPaste:N,onInput:P,onFocus:F,onBlur:I}=e(`InputOtpInput`),L=e=>{p.value=e instanceof HTMLInputElement?e:null};return(e,t)=>(a(),n(`input`,i(o(f),{id:o(T),ref:L,"data-slot":`input`,"data-input-otp":``,"data-password-manager-badge":o(D)?``:void 0,type:`text`,class:o(c),value:o(y),"data-input-otp-placeholder-shown":o(y).length===0||void 0,"data-input-otp-mss":o(_),"data-input-otp-mse":o(v),"aria-label":o(w),"aria-placeholder":o(E),autocomplete:o(l),autocorrect:`off`,spellcheck:`false`,autofocus:o(u),disabled:o(d),inputmode:o(m),maxlength:o(h),minlength:o(g),name:o(b),pattern:o(x),placeholder:o(E),readonly:o(S),required:o(C),onBeforeinput:t[0]||(t[0]=(...e)=>o(O)&&o(O)(...e)),onChange:t[1]||(t[1]=(...e)=>o(k)&&o(k)(...e)),onSelect:t[2]||(t[2]=(...e)=>o(A)&&o(A)(...e)),onMouseover:t[3]||(t[3]=(...e)=>o(j)&&o(j)(...e)),onMouseleave:t[4]||(t[4]=(...e)=>o(M)&&o(M)(...e)),onPaste:t[5]||(t[5]=(...e)=>o(N)&&o(N)(...e)),onInput:t[6]||(t[6]=(...e)=>o(P)&&o(P)(...e)),onFocus:t[7]||(t[7]=(...e)=>o(F)&&o(F)(...e)),onBlur:t[8]||(t[8]=(...e)=>o(I)&&o(I)(...e))}),null,16,s))}});export{c as default};
+import{useInputOtpRootContext as e,useInputOtpUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,unref as o}from"vue";const s=[`id`,`data-password-manager-badge`,`value`,`data-input-otp-placeholder-shown`,`data-input-otp-mss`,`data-input-otp-mse`,`aria-label`,`aria-placeholder`,`autocomplete`,`autofocus`,`disabled`,`inputmode`,`maxlength`,`minlength`,`name`,`pattern`,`placeholder`,`readonly`,`required`],c=r({name:`InputOtpInput`,__name:`input-otp-input`,setup(r){let c=t(`input`),{autocomplete:l,autofocus:u,disabled:d,inputAttrs:f,inputElement:p,inputmode:m,maxlength:h,minlength:g,mirrorSelectionStart:_,mirrorSelectionEnd:v,modelValue:y,name:b,pattern:x,readonly:S,required:C,resolvedAccessibleLabel:w,resolvedId:T,resolvedPlaceholder:E,willPushPWMBadge:D,onBeforeInput:O,onNativeChange:k,onNativeSelect:A,onMouseOver:j,onMouseLeave:M,onPaste:N,onInput:P,onFocus:F,onBlur:I}=e(`InputOtpInput`),L=e=>{p.value=e instanceof HTMLInputElement?e:null};return(e,t)=>(a(),n(`input`,i(o(f),{id:o(T),ref:L,"data-soybean-input-otp-input":``,"data-input-otp":``,"data-password-manager-badge":o(D)?``:void 0,type:`text`,class:o(c),value:o(y),"data-input-otp-placeholder-shown":o(y).length===0||void 0,"data-input-otp-mss":o(_),"data-input-otp-mse":o(v),"aria-label":o(w),"aria-placeholder":o(E),autocomplete:o(l),autocorrect:`off`,spellcheck:`false`,autofocus:o(u),disabled:o(d),inputmode:o(m),maxlength:o(h),minlength:o(g),name:o(b),pattern:o(x),placeholder:o(E),readonly:o(S),required:o(C),onBeforeinput:t[0]||(t[0]=(...e)=>o(O)&&o(O)(...e)),onChange:t[1]||(t[1]=(...e)=>o(k)&&o(k)(...e)),onSelect:t[2]||(t[2]=(...e)=>o(A)&&o(A)(...e)),onMouseover:t[3]||(t[3]=(...e)=>o(j)&&o(j)(...e)),onMouseleave:t[4]||(t[4]=(...e)=>o(M)&&o(M)(...e)),onPaste:t[5]||(t[5]=(...e)=>o(N)&&o(N)(...e)),onInput:t[6]||(t[6]=(...e)=>o(P)&&o(P)(...e)),onFocus:t[7]||(t[7]=(...e)=>o(F)&&o(F)(...e)),onBlur:t[8]||(t[8]=(...e)=>o(I)&&o(I)(...e))}),null,16,s))}});export{c as default};

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

@@ -19,23 +19,23 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
   input: (value: string) => any;
   select: (event: Event) => any;
   change: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   focus: (event: FocusEvent) => any;
   mouseleave: (event: MouseEvent) => any;
   mouseover: (event: MouseEvent) => any;
   paste: (event: ClipboardEvent) => any;
+  "update:modelValue": (value: string) => any;
   complete: (value: string) => any;
 }, string, _$vue.PublicProps, Readonly<InputOtpRootProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
   onChange?: ((event: Event) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onFocus?: ((event: FocusEvent) => any) | undefined;
   onMouseleave?: ((event: MouseEvent) => any) | undefined;
   onMouseover?: ((event: MouseEvent) => any) | undefined;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {
   autocomplete: string;

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

@@ -1,20 +1,21 @@
 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
 /**
- * Type information for the input otp input mode component.
+ * Type information for InputOtpInputMode.
  */
 type InputOtpInputMode = 'numeric' | 'text';
 /**
- * Type information for the input otp push password manager strategy component.
+ * Type information for InputOtpPushPasswordManagerStrategy.
  */
 type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
 /**
- * Props for the input otp root component.
+ * 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. */
@@ -47,7 +48,7 @@ interface InputOtpRootProps extends FormFieldCommonProps, /** @vue-ignore */Omit
   pasteTransformer?: (pasted: string | undefined) => string;
 }
 /**
- * Emits for the input otp root component.
+ * Events for the InputOtpRoot component.
  */
 type InputOtpRootEmits = {
   /**
@@ -92,23 +93,23 @@ type InputOtpRootEmits = {
   paste: [event: ClipboardEvent];
 };
 /**
- * Props for the input otp positioner component.
+ * Properties for the InputOtpPositioner component.
  */
-interface InputOtpPositionerProps extends /** @vue-ignore */HTMLAttributes {}
+interface InputOtpPositionerProps extends BaseProps {}
 /**
- * Props for the input otp input component.
+ * Properties for the InputOtpInput component.
  */
-interface InputOtpInputProps extends /** @vue-ignore */InputHTMLAttributes {}
+interface InputOtpInputProps extends BaseProps<InputHTMLAttributes> {}
 /**
- * Props for the input otp compact component.
+ * Properties for the InputOtpCompact component.
  */
 interface InputOtpCompactProps extends InputOtpRootProps {}
 /**
- * Emits for the input otp compact component.
+ * Events for the InputOtpCompact component.
  */
 type InputOtpCompactEmits = InputOtpRootEmits;
 /**
- * Slots for the input otp compact component.
+ * Slots for the InputOtpCompact component.
  */
 type InputOtpCompactSlots = {
   /**
@@ -117,7 +118,7 @@ type InputOtpCompactSlots = {
   default?: (props: InputOtpRootSlotProps) => any;
 };
 /**
- * Slot props for the input otp component.
+ * Slot properties for the InputOtp component.
  */
 interface InputOtpSlotProps {
   /** The typed character at the current slot. */
@@ -130,7 +131,7 @@ interface InputOtpSlotProps {
   hasFakeCaret: boolean;
 }
 /**
- * Slot props for the input otp root component.
+ * Slot properties for the InputOtpRoot component.
  */
 interface InputOtpRootSlotProps {
   /**
@@ -147,7 +148,7 @@ interface InputOtpRootSlotProps {
   isHovering: boolean;
 }
 /**
- * Context for the input otp root component.
+ * Context for the InputOtpRoot component.
  */
 interface InputOtpRootContext {
   /**
@@ -288,11 +289,11 @@ interface InputOtpRootContext {
   onBlur: (event: FocusEvent) => void;
 }
 /**
- * Available UI slots for the input otp component.
+ * Available UI slots for the InputOtp component.
  */
 type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
 /**
- * UI class overrides for the input otp component.
+ * UI class overrides for the InputOtp component.
  */
 type InputOtpUi = UiClass<InputOtpUiSlot>;
 //#endregion

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,15 +1,14 @@
 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 the kbd value component.
+ * Type information for KbdValue.
  */
 type KbdValue = KbdKey | (string & {});
 /**
- * Props for the kbd component.
+ * 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
 /**
- * Props for the label component.
+ * 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-compact.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutClassicCompactProps, {}, {
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   sidebarVisible: boolean;
   headerVisible: boolean;
   tabVisible: boolean;

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-compact.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutCompactProps, {}, {}, {},
 }, string, _$vue.PublicProps, Readonly<LayoutCompactProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: boolean;
   sidebarVisible: boolean;
   headerVisible: boolean;
   tabVisible: boolean;

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 = {} & {
@@ -15,10 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutRootProps, {}, {}, {}, {},
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   collapsible: LayoutCollapsible;
-  open: boolean;
   defaultOpen: boolean;
+  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 & {