@soybeanjs/headless 0.29.3 → 0.30.0-beta.2

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { ButtonProps } from "../button/types.js";
 import { ComputedRef, InputHTMLAttributes, InputTypeHTMLAttribute, ShallowRef } from "vue";
-
 //#region src/components/input/types.d.ts
 /**
  * Properties for the InputBase component.
@@ -14,9 +14,12 @@ interface InputBaseProps {
   /** When `true`, the input is auto-focused. */
   autofocus?: boolean;
   /**
-   * The autocomplete attribute of the input
+   * The autocomplete attribute of the input.
+   *
+   * Supports the HTML autofill tokens (including password-manager values such as
+   * `current-password` / `new-password`), in addition to the `on` / `off` switches.
    */
-  autocomplete?: 'on' | 'off';
+  autocomplete?: 'on' | 'off' | 'username' | 'current-password' | 'new-password' | 'one-time-code' | 'email' | 'tel' | 'name' | 'given-name' | 'family-name' | 'organization' | 'street-address' | 'address-level2' | 'postal-code' | 'country' | 'cc-name' | 'cc-number' | 'cc-exp' | 'cc-csc' | 'transaction-amount' | 'url' | 'search';
   /** When `true`, prevents the user from interacting with the input. */
   disabled?: boolean;
   /** The maximum number of characters allowed in the input */

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { InputNumberUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/input-number/context.d.ts
 declare const provideInputNumberUi: (ui: import("vue").ComputedRef<Partial<UiClass<InputNumberUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<InputNumberUiSlot>>>, useInputNumberUi: UseUiConsumer<InputNumberUiSlot>;
 //#endregion

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

@@ -1,8 +1,8 @@
 import { InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot } from "./types.js";
-import { _default } from "./input-number-compact.vue.js";
-import { _default as _default$4 } from "./input-number-root.vue.js";
-import { _default as _default$1 } from "./input-number-control.vue.js";
-import { _default as _default$3 } from "./input-number-increment.vue.js";
-import { _default as _default$2 } from "./input-number-decrement.vue.js";
+import _default from "./input-number-compact.vue.js";
+import _default$4 from "./input-number-root.vue.js";
+import _default$1 from "./input-number-control.vue.js";
+import _default$3 from "./input-number-increment.vue.js";
+import _default$2 from "./input-number-decrement.vue.js";
 import { provideInputNumberUi } from "./context.js";
 export { _default as InputNumberCompact, type InputNumberCompactEmits, type InputNumberCompactProps, type InputNumberCompactSlotProps, type InputNumberCompactSlots, _default$1 as InputNumberControl, type InputNumberControlProps, _default$2 as InputNumberDecrement, type InputNumberDecrementProps, _default$3 as InputNumberIncrement, type InputNumberIncrementProps, _default$4 as InputNumberRoot, type InputNumberRootEmits, type InputNumberRootProps, type InputNumberUi, type InputNumberUiSlot, provideInputNumberUi };

package/dist/components/input-number/input-number-clear.js

@@ -1 +1 @@
-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{useInputNumberRootContext as r,useInputNumberUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`InputNumberClear`,__name:`input-number-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(c,{emit:m}){let h=c,g=m,_=i(`clear`),v=e(),{disabled:y,readonly:b,onClear:x}=r(`InputNumberClear`),S=a(()=>h.disabled||y.value||b.value||!1),C=e=>{g(`clear`,e),x?.()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-input-number-clear":``,class:f(_),"aria-label":f(v).inputNumber.clear,disabled:S.value,onClick:C}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`})])]),_:3},16,[`class`,`aria-label`,`disabled`]))}});export{m 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{useInputNumberRootContext as r,useInputNumberUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`InputNumberClear`,__name:`input-number-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(c,{emit:m}){let h=c,g=m,_=i(`clear`),v=e(),{disabled:y,readonly:b,onClear:x}=r(`InputNumberClear`),S=a(()=>h.disabled||y.value||b.value||!1),C=e=>{g(`clear`,e),x?.()};return(e,r)=>(u(),o(n,l(h,{"data-soybean-input-number-clear":``,class:f(_),"aria-label":f(v).inputNumber.clear,disabled:S.value,onClick:C}),{default:p(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16,[`class`,`aria-label`,`disabled`]))}});export{m as default};

package/dist/components/input-number/input-number-compact.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 n from"../_icon/icon.js";import r from"./input-number-clear.js";import i from"./input-number-control.js";import a from"./input-number-decrement.js";import o from"./input-number-increment.js";import s from"./input-number-root.js";import{createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,unref as _,withCtx as v}from"vue";const y=d({name:`InputNumberCompact`,__name:`input-number-compact`,props:{clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`,`clear`],setup(d,{emit:y}){let b=d,x=y,S=t(b,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`incrementProps`,`decrementProps`]),[C,w]=e(e=>b.inputRef?.(e));return(e,t)=>(h(),c(s,p(_(S),{"onUpdate:modelValue":t[1]||(t[1]=e=>x(`update:modelValue`,e))}),{default:v(s=>[g(e.$slots,`leading`,m(f(s))),u(i,p(d.controlProps,{ref:_(w)}),null,16),d.clearable?g(e.$slots,`clear`,m(p({key:0},s)),()=>[u(r,p(d.clearProps,{onClear:t[0]||(t[0]=e=>x(`clear`,e))}),null,16)]):l(`v-if`,!0),g(e.$slots,`trailing`,m(f(s))),g(e.$slots,`decrement`,m(f(s)),()=>[u(a,m(f(d.decrementProps)),{default:v(()=>[u(n,{icon:`lucide:minus`,"aria-hidden":!0})]),_:1},16)]),g(e.$slots,`increment`,m(f(s)),()=>[u(o,m(f(d.incrementProps)),{default:v(()=>[u(n,{icon:`lucide:plus`,"aria-hidden":!0})]),_:1},16)])]),_:3},16))}});export{y 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 n from"../_icon/icon.js";import r from"./input-number-clear.js";import i from"./input-number-control.js";import a from"./input-number-decrement.js";import o from"./input-number-increment.js";import s from"./input-number-root.js";import{createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,unref as _,withCtx as v}from"vue";const y=d({name:`InputNumberCompact`,__name:`input-number-compact`,props:{clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},clearProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},focusOnChange:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`,`clear`],setup(d,{emit:y}){let b=d,x=y,S=t(b,[`inputRef`,`controlProps`,`clearable`,`clearProps`,`incrementProps`,`decrementProps`]),[C,w]=e(e=>b.inputRef?.(e));return(e,t)=>(h(),c(s,p(_(S),{"onUpdate:modelValue":t[1]||(t[1]=e=>x(`update:modelValue`,e))}),{default:v(s=>[g(e.$slots,`leading`,m(f(s))),u(i,p(d.controlProps,{ref:_(w)}),null,16),d.clearable?g(e.$slots,`clear`,m(f(s)),()=>[u(r,p(d.clearProps,{onClear:t[0]||(t[0]=e=>x(`clear`,e))}),null,16)],void 0,0):l(`v-if`,!0),g(e.$slots,`trailing`,m(f(s))),g(e.$slots,`decrement`,m(f(s)),()=>[u(a,m(f(d.decrementProps)),{default:v(()=>[u(n,{icon:`lucide:minus`,"aria-hidden":!0})]),_:1},16)]),g(e.$slots,`increment`,m(f(s)),()=>[u(o,m(f(d.incrementProps)),{default:v(()=>[u(n,{icon:`lucide:plus`,"aria-hidden":!0})]),_:1},16)])]),_:3},16))}});export{y as default};

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

@@ -1,5 +1,4 @@
 import { InputNumberCompactProps, InputNumberCompactSlots } from "./types.js";
-
 //#region src/components/input-number/input-number-compact.vue.d.ts
 type __VLS_Slots = InputNumberCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<InputNumberCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/input-number/input-number-control.js

@@ -1 +1 @@
-import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useInputNumberRootContext as t,useInputNumberUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,mergeProps as a,openBlock as o,shallowRef as s,unref as c,watch as l,withKeys as u,withModifiers as d}from"vue";const f=[`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`data-disabled`,`data-readonly`,`disabled`,`inputmode`,`value`,`readonly`],p=i({name:`InputNumberControl`,__name:`input-number-control`,setup(i){let p=n(`control`),{setInputElement:m,modelValue:h,disabled:g,readonly:_,min:v,max:y,textValue:b,inputMode:x,disableWheelChange:S,invertWheelChange:C,onDecrease:w,onIncrease:T,validate:E,onMinMaxValue:D,applyInputValue:O,inputAttrs:k}=t(`InputNumberControl`),A=s(b.value),j=t=>{if(!S.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){C.value?w():T();return}t.deltaY<0&&(C.value?T():w())}},M=e=>{let t=e.target;E(t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0))||e.preventDefault()},N=e=>{A.value=e.target.value},P=()=>{requestAnimationFrame(()=>{A.value=b.value})},F=e=>{let t=e.target;O(t.value)},I=e=>{F(e)},L=e=>{F(e)};return l(()=>b.value,()=>{A.value=b.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,a(c(k),{ref:c(m),"data-soybean-input-number-control":``,class:c(p),"aria-roledescription":`Number Input`,"aria-valuemin":c(v),"aria-valuemax":c(y),"aria-valuenow":c(h)??void 0,autocomplete:`off`,autocorrect:`off`,"data-disabled":c(g)?``:void 0,"data-readonly":c(_)?``:void 0,disabled:c(g),inputmode:c(x),value:A.value,readonly:c(_),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:M,onBlur:L,onChange:P,onInput:N,onKeydown:[t[0]||(t[0]=u(d((...e)=>c(w)&&c(w)(...e),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(D)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(D)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(T)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(w)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d((...e)=>c(T)&&c(T)(...e),[`prevent`]),[`up`])),u(I,[`enter`])],onWheel:j}),null,16,f))}});export{p as default};
+import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useInputNumberRootContext as t,useInputNumberUi as n}from"./context.js";import{createElementBlock as r,defineComponent as i,mergeProps as a,openBlock as o,shallowRef as s,unref as c,watch as l,withKeys as u,withModifiers as d}from"vue";const f=[`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`data-disabled`,`data-readonly`,`disabled`,`inputmode`,`value`,`readonly`],p=i({name:`InputNumberControl`,__name:`input-number-control`,setup(i){let p=n(`control`),{setInputElement:m,modelValue:h,disabled:g,readonly:_,min:v,max:y,textValue:b,inputMode:x,disableWheelChange:S,invertWheelChange:C,onDecrease:w,onIncrease:T,validate:E,onMinMaxValue:D,applyInputValue:O,inputAttrs:k}=t(`InputNumberControl`),A=s(b.value),j=t=>{if(!S.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){C.value?w():T();return}t.deltaY<0&&(C.value?T():w())}},M=e=>{let t=e.target,n=t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0);E(n)||e.preventDefault()},N=e=>{let t=e.target;A.value=t.value},P=()=>{requestAnimationFrame(()=>{A.value=b.value})},F=e=>{let t=e.target;O(t.value)},I=e=>{F(e)},L=e=>{F(e)};return l(()=>b.value,()=>{A.value=b.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,a(c(k),{ref:c(m),"data-soybean-input-number-control":``,class:c(p),"aria-roledescription":`Number Input`,"aria-valuemin":c(v),"aria-valuemax":c(y),"aria-valuenow":c(h)??void 0,autocomplete:`off`,autocorrect:`off`,"data-disabled":c(g)?``:void 0,"data-readonly":c(_)?``:void 0,disabled:c(g),inputmode:c(x),value:A.value,readonly:c(_),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:M,onBlur:L,onChange:P,onInput:N,onKeydown:[t[0]||(t[0]=u(d(e=>c(w)(1),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(D)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(D)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(T)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(w)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d(e=>c(T)(1),[`prevent`]),[`up`])),u(I,[`enter`])],onWheel:j}),null,16,f))}});export{p as default};

package/dist/components/input-number/input-number-control.vue.d.ts

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

package/dist/components/input-number/input-number-decrement.vue.d.ts

@@ -1,5 +1,4 @@
 import { InputNumberDecrementProps } from "./types.js";
-
 //#region src/components/input-number/input-number-decrement.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/input-number/input-number-increment.vue.d.ts

@@ -1,5 +1,4 @@
 import { InputNumberIncrementProps } from "./types.js";
-
 //#region src/components/input-number/input-number-increment.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputNumberRootContext as a,useInputNumberUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`data-disabled`,`data-readonly`],v=d({name:`InputNumberRoot`,inheritAttrs:!1,__name:`input-number-root`,props:{defaultValue:{},modelValue:{default:void 0},min:{},max:{},step:{default:1},stepSnapping:{type:Boolean,default:!0},focusOnChange:{type:Boolean,default:!0},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=g(),[S,C]=r(),w=o(`root`),T=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),E=s(()=>e(S.value)),D=s(()=>({...x,id:y.id,name:y.name,required:y.required,disabled:y.disabled,readonly:y.readonly,autofocus:y.autofocus,autocomplete:y.autocomplete,maxlength:y.maxlength,minlength:y.minlength,pattern:y.pattern,placeholder:y.placeholder,type:y.type})),O=()=>{T.value=null};return a({...t(y,[`disabled`,`readonly`,`max`,`min`,`step`,`locale`,`focusOnChange`,`formatOptions`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`]),modelValue:T,onClear:O,inputAttrs:D}),(e,t)=>(p(),u(`div`,f({ref:h(C)},d.rootProps,{"data-soybean-input-number-root":``,class:h(w),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0}),[m(e.$slots,`default`,{modelValue:h(T),clear:O}),E.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(T),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],16,_))}});export{v as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideInputNumberRootContext as a,useInputNumberUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,useAttrs as g}from"vue";const _=[`data-disabled`,`data-readonly`],v=d({name:`InputNumberRoot`,inheritAttrs:!1,__name:`input-number-root`,props:{defaultValue:{},modelValue:{default:void 0},min:{},max:{},step:{default:1},stepSnapping:{type:Boolean,default:!0},focusOnChange:{type:Boolean,default:!0},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},rootProps:{},name:{},required:{type:Boolean},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{}},emits:[`update:modelValue`],setup(d,{emit:v}){let y=d,b=v,x=g(),[S,C]=r(),w=o(`root`),T=n(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue??null),E=s(()=>e(S.value)),D=s(()=>({...x,id:y.id,name:y.name,required:y.required,disabled:y.disabled,readonly:y.readonly,autofocus:y.autofocus,autocomplete:y.autocomplete,maxlength:y.maxlength,minlength:y.minlength,pattern:y.pattern,placeholder:y.placeholder,type:y.type})),O=()=>{y.disabled||y.readonly||(T.value=null)};return a({...t(y,[`disabled`,`readonly`,`max`,`min`,`step`,`locale`,`focusOnChange`,`formatOptions`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`]),modelValue:T,onClear:O,inputAttrs:D}),(e,t)=>(p(),u(`div`,f({ref:h(C)},d.rootProps,{"data-soybean-input-number-root":``,class:h(w),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0}),[m(e.$slots,`default`,{modelValue:h(T),clear:O}),E.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(T),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],16,_))}});export{v as default};

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

@@ -1,5 +1,4 @@
 import { InputNumberRootProps } from "./types.js";
-
 //#region src/components/input-number/input-number-root.vue.d.ts
 declare var __VLS_1: {
   modelValue: number | null;
@@ -13,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<InputNumberRootProps, {}
 }, string, import("vue").PublicProps, Readonly<InputNumberRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
 }>, {
-  step: number;
   modelValue: number | null;
+  step: number;
   stepSnapping: boolean;
   focusOnChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -26,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/input-number/shared.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{computed as n,ref as r}from"vue";import{createEventHook as i,unrefElement as a,useEventListener as o}from"@vueuse/core";function s(e){let{disabled:s}=e,c=r(),l=i(),u=()=>window.clearTimeout(c.value),d=e=>{u(),!s.value&&(l.trigger(),c.value=window.setTimeout(()=>{d(60)},e))},f=()=>{d(400)},p=()=>{u()},m=r(!1),h=n(()=>a(e.target)),g=e=>{e.button!==0||m.value||(e.preventDefault(),m.value=!0,f())},_=()=>{m.value=!1,p()};return t&&(o(h||window,`pointerdown`,g),o(window,`pointerup`,_),o(window,`pointercancel`,_)),{isPressed:m,onTrigger:l.on}}function c(t,n,r){if(e(n)||e(r))return 0;let i=n,a=r,o=t===`+`?i+a:i-a;if(i%1!=0||a%1!=0){let e=i.toString().split(`.`),n=a.toString().split(`.`),r=e[1]&&e[1].length||0,s=n[1]&&n[1].length||0,c=10**Math.max(r,s);i=Math.round(i*c),a=Math.round(a*c),o=t===`+`?i+a:i-a,o/=c}return o}export{c as handleDecimalOperation,s as usePressedHold};
+import{isNullish as e}from"../../shared/guard.js";import{isClient as t}from"../../shared/env.js";import"../../shared/index.js";import{computed as n,onScopeDispose as r,ref as i}from"vue";import{createEventHook as a,unrefElement as o,useEventListener as s}from"@vueuse/core";function c(e){let{disabled:c}=e,l=i(),u=a(),d=()=>window.clearTimeout(l.value),f=e=>{d(),!c.value&&(u.trigger(),l.value=window.setTimeout(()=>{f(60)},e))},p=()=>{f(400)},m=()=>{d()},h=i(!1),g=n(()=>o(e.target)),_=e=>{e.button!==0||h.value||(e.preventDefault(),h.value=!0,p())},v=()=>{h.value=!1,m()};return t&&(s(g||window,`pointerdown`,_),s(window,`pointerup`,v),s(window,`pointercancel`,v)),r(d),{isPressed:h,onTrigger:u.on}}function l(t,n,r){if(e(n)||e(r))return 0;let i=n,a=r,o=t===`+`?i+a:i-a;if(i%1!=0||a%1!=0){let e=i.toString().split(`.`),n=a.toString().split(`.`),r=e[1]&&e[1].length||0,s=n[1]&&n[1].length||0,c=10**Math.max(r,s);i=Math.round(i*c),a=Math.round(a*c),o=t===`+`?i+a:i-a,o/=c}return o}export{l as handleDecimalOperation,c as usePressedHold};

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

@@ -1,10 +1,10 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { ButtonProps } from "../button/types.js";
 import { InputBaseProps } from "../input/types.js";
 import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
-
 //#region src/components/input-number/types.d.ts
 /**
  * Properties for the InputNumberRoot component.
@@ -152,4 +152,4 @@ type InputNumberUiSlot = 'root' | 'increment' | 'decrement' | 'control' | 'clear
  */
 type InputNumberUi = UiClass<InputNumberUiSlot>;
 //#endregion
-export { InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };
+export { InputNumberClearEmits, InputNumberCompactEmits, InputNumberCompactProps, InputNumberCompactSlotProps, InputNumberCompactSlots, InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot };

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { InputOtpUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/input-otp/context.d.ts
 declare const provideInputOtpUi: (ui: import("vue").ComputedRef<Partial<UiClass<InputOtpUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<InputOtpUiSlot>>>, useInputOtpUi: UseUiConsumer<InputOtpUiSlot>;
 //#endregion

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

@@ -1,7 +1,7 @@
 import { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootContext, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi, InputOtpUiSlot } from "./types.js";
-import { _default } from "./input-otp-compact.vue.js";
-import { _default as _default$1 } from "./input-otp-input.vue.js";
-import { _default as _default$2 } from "./input-otp-positioner.vue.js";
-import { _default as _default$3 } from "./input-otp-root.vue.js";
+import _default from "./input-otp-compact.vue.js";
+import _default$1 from "./input-otp-input.vue.js";
+import _default$2 from "./input-otp-positioner.vue.js";
+import _default$3 from "./input-otp-root.vue.js";
 import { provideInputOtpUi } from "./context.js";
 export { _default as InputOtpCompact, type InputOtpCompactEmits, type InputOtpCompactProps, type InputOtpCompactSlots, _default$1 as InputOtpInput, type InputOtpInputMode, type InputOtpInputProps, _default$2 as InputOtpPositioner, type InputOtpPositionerProps, type InputOtpPushPasswordManagerStrategy, _default$3 as InputOtpRoot, type InputOtpRootContext, type InputOtpRootEmits, type InputOtpRootProps, type InputOtpRootSlotProps, type InputOtpSlotProps, type InputOtpUi, type InputOtpUiSlot, provideInputOtpUi };

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-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};
+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},ariaLabel:{},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`,`ariaLabel`,`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

@@ -1,28 +1,27 @@
 import { InputOtpCompactProps, InputOtpCompactSlots } from "./types.js";
-
 //#region src/components/input-otp/input-otp-compact.vue.d.ts
 type __VLS_Slots = InputOtpCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  blur: (event: FocusEvent) => any;
+  "update:modelValue": (value: string) => any;
   change: (event: Event) => 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, import("vue").PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onBlur?: ((event: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => 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;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -33,4 +32,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

@@ -1,5 +1,4 @@
 import { InputOtpPositionerProps } from "./types.js";
-
 //#region src/components/input-otp/input-otp-positioner.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default 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-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};
+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 ie,openBlock as g,renderSlot as _,shallowRef as v,unref as ae,useAttrs as oe,watch as se,watchEffect as ce}from"vue";import{defaultDocument as y,defaultWindow as b,useEventListener as x,usePrevious as S}from"@vueuse/core";const C=[`data-disabled`,`data-focused`,`data-hovering`,`data-complete`],w=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},ariaLabel:{},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:w,emit:T}){let E=m,D=T,O=oe(),le=i(`root`),k=n(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),A=S(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.ariaLabel??O.ariaLabel??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=v(!1),V=v(!1),H=v(null),U=v(null),W=v(null),G=v(null),ue=b?.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(y?.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,i=n===r?`${t.value.slice(0,n)}${e.data}${t.value.slice(n)}`:`${t.value.slice(0,n)}${e.data}${t.value.slice(r)}`,a=o(i,E.maxlength);s(a,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&&y?.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=i===a?`${j.value.slice(0,i)}${r??``}${j.value.slice(i)}`:`${j.value.slice(0,i)}${r??``}${j.value.slice(a)}`,l=o(c,E.maxlength);if(!s(l,L.value)){D(`paste`,e);return}k.value=l,D(`input`,l);let u=Math.max(Math.min(l.length,E.maxlength-1),0),d=l.length;t.setSelectionRange(u,d),H.value=u,U.value=d,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 ie(()=>{let e=G.value;e&&(K=[e.selectionStart,e.selectionEnd,e.selectionDirection],$=x(y,`selectionchange`,Z,{capture:!0}),Z(),y?.activeElement===e&&(V.value=!0))}),re(()=>{$?.()}),se(()=>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=b;e&&r.forEach(t=>e.clearTimeout(t))})},{immediate:!0}),ce(()=>{A.value!==void 0&&j.value!==A.value&&A.value.length<E.maxlength&&j.value.length===E.maxlength&&D(`complete`,j.value)}),w({focus:J,blur:Y,select:X,get $el(){return G.value}}),(e,t)=>(g(),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(ae(O).style)},[_(e.$slots,`default`,te(h(q.value)))],14,C))}});export{w as default};

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

@@ -1,5 +1,4 @@
 import { InputOtpInputMode, InputOtpPushPasswordManagerStrategy, InputOtpRootProps, InputOtpSlotProps } from "./types.js";
-
 //#region src/components/input-otp/input-otp-root.vue.d.ts
 declare var __VLS_1: {
   slots: InputOtpSlotProps[];
@@ -17,30 +16,30 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  blur: (event: FocusEvent) => any;
+  "update:modelValue": (value: string) => any;
   change: (event: Event) => 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, import("vue").PublicProps, Readonly<InputOtpRootProps> & Readonly<{
   onInput?: ((value: string) => any) | undefined;
   onSelect?: ((event: Event) => any) | undefined;
-  onBlur?: ((event: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => 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;
   onPaste?: ((event: ClipboardEvent) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onComplete?: ((value: string) => any) | undefined;
 }>, {
   autocomplete: string;
   inputmode: InputOtpInputMode;
-  modelValue: string;
   defaultValue: string;
+  modelValue: string;
   pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -51,4 +50,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-function e(e){return e?typeof e==`string`?new RegExp(e):e:null}function t(e,t){return e.slice(0,Math.max(t,0))}function n(e,t){return!e||!t?!0:(t.lastIndex=0,t.test(e))}function r(e){let{value:t,maxlength:n,placeholder:r,isFocused:i,selectionStart:a,selectionEnd:o}=e;return Array.from({length:n}).map((e,n)=>{let s=i&&a!==null&&o!==null&&(a===o&&n===a||n>=a&&n<o),c=t[n]??null;return{char:c,placeholderChar:c??r?.[n]??null,isActive:s,hasFakeCaret:s&&c===null}})}function i(e){let{selectionStart:t,selectionEnd:n,selectionDirection:r,maxlength:i,value:a,previousSelection:o}=e,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0,n=o[1];if(o[0]!==null&&n!=null){l=e<n?`backward`:`forward`;let r=o[0]===o[1]&&Number(o[0])<i;l===`backward`&&!r&&(t=-1)}s=t+e,c=t+e+1}}}return{start:s===-1?t:s,end:c===-1?n:c,direction:l??r}}function a(e){return typeof window>`u`?[]:[0,10,50].map(t=>window.setTimeout(e,t))}export{r as createInputOtpSlots,t as getClampedOtpValue,n as isInputOtpValueValid,e as resolveInputOtpPattern,i as resolveInputOtpSelection,a as syncTimeouts};
+function e(e){return e?typeof e==`string`?new RegExp(e):e:null}function t(e,t){return e.slice(0,Math.max(t,0))}function n(e,t){return!e||!t||(t.lastIndex=0,t.test(e))}function r(e){let{value:t,maxlength:n,placeholder:r,isFocused:i,selectionStart:a,selectionEnd:o}=e;return Array.from({length:n}).map((e,n)=>{let s=i&&a!==null&&o!==null&&(a===o&&n===a||n>=a&&n<o),c=t[n]??null;return{char:c,placeholderChar:c??r?.[n]??null,isActive:s,hasFakeCaret:s&&c===null}})}function i(e){let{selectionStart:t,selectionEnd:n,selectionDirection:r,maxlength:i,value:a,previousSelection:o}=e,s=-1,c=-1,l;if(a.length!==0&&t!==null&&n!==null){let e=t===n,r=t===a.length&&a.length<i;if(e&&!r){let e=t;if(e===0)s=0,c=1,l=`forward`;else if(e===i)s=e-1,c=e,l=`backward`;else if(i>1&&a.length>1){let t=0,n=o[1];if(o[0]!==null&&n!=null){l=e<n?`backward`:`forward`;let r=o[0]===o[1]&&Number(o[0])<i;l===`backward`&&!r&&(t=-1)}s=t+e,c=t+e+1}}}return{start:s===-1?t:s,end:c===-1?n:c,direction:l??r}}function a(e){return typeof window>`u`?[]:[0,10,50].map(t=>window.setTimeout(e,t))}export{r as createInputOtpSlots,t as getClampedOtpValue,n as isInputOtpValueValid,e as resolveInputOtpPattern,i as resolveInputOtpSelection,a as syncTimeouts};

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
-
 //#region src/components/input-otp/types.d.ts
 /**
  * Type information for InputOtpInputMode.
@@ -31,7 +31,7 @@ interface InputOtpRootProps extends FormFieldCommonProps, Omit<BaseProps, 'onInp
   /** Whether the input is readonly. */
   readonly?: boolean;
   /** Accessible label forwarded to the native input. */
-  'aria-label'?: string;
+  ariaLabel?: string;
   /** The controlled value of the OTP input. */
   modelValue?: string;
   /** The uncontrolled default value of the OTP input. */

package/dist/components/input-otp/use-password-manager-badge.js

@@ -1 +1 @@
-import{computed as e,onMounted as t,onUnmounted as n,shallowRef as r,watch as i}from"vue";const a=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function o(o){let{containerElement:s,inputElement:c,pushPasswordManagerStrategy:l,isFocused:u}=o,d=r(!1),f=r(!1),p=r(!1),m=r(!1),h=e(()=>l()===`none`?!1:d.value&&f.value),g=()=>{if(l()===`none`)return;let e=s.value,t=globalThis.window;!e||!t||(f.value=t.innerWidth-e.getBoundingClientRect().right>=40)},_=()=>{let e=globalThis.document,t=s.value,n=c.value;if(!e||!t||!n||p.value||l()===`none`)return;let r=t.getBoundingClientRect().left+t.offsetWidth,i=t.getBoundingClientRect().top+t.offsetHeight/2,o=e.elementFromPoint(r-18,i);if(!(e.querySelectorAll(a).length===0&&o===t)&&(d.value=!0,p.value=!0,!m.value&&e.activeElement===n)){let e=n.selectionStart,t=n.selectionEnd;n.blur(),n.focus(),e!==null&&t!==null&&n.setSelectionRange(e,t),m.value=!0}},v=0;return t(()=>{g(),v=window.setInterval(g,1e3)}),n(()=>{window.clearInterval(v)}),i([u,c],([e,t],n,r)=>{let i=globalThis.document,a=l(),o=e||i?.activeElement===t;if(a===`none`||!o)return;let s=[0,2e3,5e3].map(e=>window.setTimeout(_,e)),c=window.setTimeout(()=>{p.value=!0},6e3);r(()=>{s.forEach(e=>window.clearTimeout(e)),window.clearTimeout(c)})}),{willPushPWMBadge:h,PASSWORD_MANAGER_BADGE_SPACE_WIDTH:`40px`}}export{o as usePasswordManagerBadge};
+import{computed as e,onMounted as t,onUnmounted as n,shallowRef as r,watch as i}from"vue";const a=[`[data-lastpass-icon-root]`,`com-1password-button`,`[data-dashlanecreated]`,`[style$="2147483647 !important;"]`].join(`,`);function o(o){let{containerElement:s,inputElement:c,pushPasswordManagerStrategy:l,isFocused:u}=o,d=r(!1),f=r(!1),p=r(!1),m=r(!1),h=e(()=>l()!==`none`&&d.value&&f.value),g=()=>{if(l()===`none`)return;let e=s.value,t=globalThis.window;if(!e||!t)return;let n=t.innerWidth-e.getBoundingClientRect().right;f.value=n>=40},_=()=>{let e=globalThis.document,t=s.value,n=c.value;if(!e||!t||!n||p.value||l()===`none`)return;let r=t.getBoundingClientRect().left+t.offsetWidth,i=t.getBoundingClientRect().top+t.offsetHeight/2,o=e.elementFromPoint(r-18,i);if((e.querySelectorAll(a).length!==0||o!==t)&&(d.value=!0,p.value=!0,!m.value&&e.activeElement===n)){let e=n.selectionStart,t=n.selectionEnd;n.blur(),n.focus(),e!==null&&t!==null&&n.setSelectionRange(e,t),m.value=!0}},v=0;return t(()=>{g(),v=window.setInterval(g,1e3)}),n(()=>{window.clearInterval(v)}),i([u,c],([e,t],n,r)=>{let i=globalThis.document,a=l(),o=e||i?.activeElement===t;if(a===`none`||!o)return;let s=[0,2e3,5e3].map(e=>window.setTimeout(_,e)),c=window.setTimeout(()=>{p.value=!0},6e3);r(()=>{s.forEach(e=>window.clearTimeout(e)),window.clearTimeout(c)})}),{willPushPWMBadge:h,PASSWORD_MANAGER_BADGE_SPACE_WIDTH:`40px`}}export{o as usePasswordManagerBadge};

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

@@ -1,3 +1,3 @@
 import { KbdProps, KbdValue } from "./types.js";
-import { _default } from "./kbd.vue.js";
+import _default from "./kbd.vue.js";
 export { _default as Kbd, type KbdProps, type KbdValue };

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

@@ -1,5 +1,4 @@
 import { KbdProps } from "./types.js";
-
 //#region src/components/kbd/kbd.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 import { KbdKey } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 //#region src/components/kbd/types.d.ts
 /**
  * Type information for KbdValue.

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

@@ -1,3 +1,3 @@
 import { LabelProps } from "./types.js";
-import { _default } from "./label.vue.js";
+import _default from "./label.vue.js";
 export { _default as Label, type LabelProps };

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

@@ -1,5 +1,4 @@
 import { LabelProps } from "./types.js";
-
 //#region src/components/label/label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,4 +1,5 @@
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 //#region src/components/label/types.d.ts
 /**
  * Properties for the Label component.

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

@@ -1,8 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import { LayoutClassicUiSlot, LayoutUiSlot } from "./types.js";
+import "../../composables/index.js";
+import { LayoutUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/layout/context.d.ts
 declare const provideLayoutUi: (ui: import("vue").ComputedRef<Partial<UiClass<LayoutUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<LayoutUiSlot>>>, useLayoutUi: UseUiConsumer<LayoutUiSlot>;
-declare const provideLayoutClassicUi: (ui: import("vue").ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<LayoutClassicUiSlot>>>, useLayoutClassicUi: UseUiConsumer<LayoutClassicUiSlot>;
 //#endregion
-export { provideLayoutClassicUi, provideLayoutUi };
+export { provideLayoutUi };

package/dist/components/layout/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=e(`LayoutClassicRoot`,e=>(n(e),e)),[o,s]=t(`LayoutUi`),[c,l]=t(`LayoutClassicUi`,e=>(o(e),e));export{i as provideLayoutClassicRootContext,c as provideLayoutClassicUi,n as provideLayoutRootContext,o as provideLayoutUi,a as useLayoutClassicRootContext,l as useLayoutClassicUi,r as useLayoutRootContext,s as useLayoutUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`LayoutRoot`,e=>{let{open:t,isMobile:n,mobileOpen:r}=e,i=e=>{t.value=e},a=e=>{r.value=e},o=()=>{n.value?r.value=!r.value:t.value=!t.value};return{...e,onOpenChange:i,onMobileOpenChange:a,toggleSidebar:o}}),[i,a]=t(`LayoutUi`);export{n as provideLayoutRootContext,i as provideLayoutUi,r as useLayoutRootContext,a as useLayoutUi};

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

@@ -1,15 +1,14 @@
-import { LayoutClassicCompactEmits, LayoutClassicCompactProps, LayoutClassicCompactSlots, LayoutClassicScrollBehavior, LayoutClassicUi, LayoutClassicUiSlot, LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
-import { _default as _default$1 } from "./layout-compact.vue.js";
-import { _default } from "./layout-classic-compact.vue.js";
-import { _default as _default$8 } from "./layout-root.vue.js";
-import { _default as _default$9 } from "./layout-sidebar.vue.js";
-import { _default as _default$7 } from "./layout-rail.vue.js";
-import { _default as _default$5 } from "./layout-main.vue.js";
-import { _default as _default$4 } from "./layout-header.vue.js";
-import { _default as _default$10 } from "./layout-tab.vue.js";
-import { _default as _default$2 } from "./layout-content.vue.js";
-import { _default as _default$3 } from "./layout-footer.vue.js";
-import { _default as _default$6 } from "./layout-mobile.vue.js";
-import { _default as _default$11 } from "./layout-trigger.vue.js";
-import { provideLayoutClassicUi, provideLayoutUi } from "./context.js";
-export { _default as LayoutClassicCompact, type LayoutClassicCompactEmits, type LayoutClassicCompactProps, type LayoutClassicCompactSlots, type LayoutClassicScrollBehavior, type LayoutClassicUi, type LayoutClassicUiSlot, type LayoutCollapsible, _default$1 as LayoutCompact, type LayoutCompactEmits, type LayoutCompactProps, type LayoutCompactSlots, _default$2 as LayoutContent, type LayoutContentProps, _default$3 as LayoutFooter, type LayoutFooterProps, _default$4 as LayoutHeader, type LayoutHeaderProps, _default$5 as LayoutMain, type LayoutMainProps, _default$6 as LayoutMobile, type LayoutMobileProps, _default$7 as LayoutRail, type LayoutRailProps, _default$8 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutSide, _default$9 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$10 as LayoutTab, type LayoutTabProps, _default$11 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutClassicUi, provideLayoutUi };
+import { LayoutCollapsible, LayoutCompactEmits, LayoutCompactProps, LayoutCompactSlots, LayoutContentProps, LayoutFooterProps, LayoutHeaderProps, LayoutMainProps, LayoutMobileProps, LayoutRailProps, LayoutRootEmits, LayoutRootProps, LayoutScrollBehavior, LayoutSide, LayoutSidebarProps, LayoutSidebarState, LayoutTabProps, LayoutTriggerProps, LayoutUi, LayoutUiSlot, LayoutVariant } from "./types.js";
+import _default from "./layout-compact.vue.js";
+import _default$7 from "./layout-root.vue.js";
+import _default$8 from "./layout-sidebar.vue.js";
+import _default$6 from "./layout-rail.vue.js";
+import _default$4 from "./layout-main.vue.js";
+import _default$3 from "./layout-header.vue.js";
+import _default$9 from "./layout-tab.vue.js";
+import _default$1 from "./layout-content.vue.js";
+import _default$2 from "./layout-footer.vue.js";
+import _default$5 from "./layout-mobile.vue.js";
+import _default$10 from "./layout-trigger.vue.js";
+import { provideLayoutUi } from "./context.js";
+export { type LayoutCollapsible, _default as LayoutCompact, type LayoutCompactEmits, type LayoutCompactProps, type LayoutCompactSlots, _default$1 as LayoutContent, type LayoutContentProps, _default$2 as LayoutFooter, type LayoutFooterProps, _default$3 as LayoutHeader, type LayoutHeaderProps, _default$4 as LayoutMain, type LayoutMainProps, _default$5 as LayoutMobile, type LayoutMobileProps, _default$6 as LayoutRail, type LayoutRailProps, _default$7 as LayoutRoot, type LayoutRootEmits, type LayoutRootProps, type LayoutScrollBehavior, type LayoutSide, _default$8 as LayoutSidebar, type LayoutSidebarProps, type LayoutSidebarState, _default$9 as LayoutTab, type LayoutTabProps, _default$10 as LayoutTrigger, type LayoutTriggerProps, type LayoutUi, type LayoutUiSlot, type LayoutVariant, provideLayoutUi };

package/dist/components/layout/index.js

@@ -1 +1 @@
-import{provideLayoutClassicUi as e,provideLayoutUi as t}from"./context.js";import n from"./layout-content.js";import r from"./layout-footer.js";import i from"./layout-header.js";import a from"./layout-main.js";import o from"./layout-rail.js";import s from"./layout-root.js";import c from"./layout-mobile.js";import l from"./layout-sidebar.js";import u from"./layout-tab.js";import d from"./layout-compact.js";import f from"./layout-classic-compact.js";import p from"./layout-trigger.js";export{f as LayoutClassicCompact,d as LayoutCompact,n as LayoutContent,r as LayoutFooter,i as LayoutHeader,a as LayoutMain,c as LayoutMobile,o as LayoutRail,s as LayoutRoot,l as LayoutSidebar,u as LayoutTab,p as LayoutTrigger,e as provideLayoutClassicUi,t as provideLayoutUi};
+import{provideLayoutUi as e}from"./context.js";import t from"./layout-content.js";import n from"./layout-footer.js";import r from"./layout-header.js";import i from"./layout-main.js";import a from"./layout-rail.js";import o from"./layout-root.js";import s from"./layout-mobile.js";import c from"./layout-sidebar.js";import l from"./layout-tab.js";import u from"./layout-compact.js";import d from"./layout-trigger.js";export{u as LayoutCompact,t as LayoutContent,n as LayoutFooter,r as LayoutHeader,i as LayoutMain,s as LayoutMobile,a as LayoutRail,o as LayoutRoot,c as LayoutSidebar,l as LayoutTab,d as LayoutTrigger,e as provideLayoutUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-content.js";import n from"./layout-footer.js";import r from"./layout-header.js";import i from"./layout-main.js";import a from"./layout-rail.js";import o from"./layout-root.js";import s from"./layout-sidebar.js";import c from"./layout-tab.js";import{createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,unref as v,withCtx as y}from"vue";const b=f({name:`LayoutCompact`,__name:`layout-compact`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(f,{emit:b}){let x=f,S=b,C=e(x,[`sidebarProps`,`headerProps`,`mainProps`,`tabProps`,`contentProps`,`footerProps`,`railProps`,`mobileProps`]);return(e,b)=>(g(),l(o,m(v(C),{"onUpdate:open":b[0]||(b[0]=e=>S(`update:open`,e))}),{default:y(o=>[d(s,h(p(f.sidebarProps)),{default:y(()=>[_(e.$slots,`sidebar`,h(p(o))),d(a,h(p(f.railProps)),null,16)]),_:2},1040),d(i,h(p(f.mainProps)),{default:y(()=>[d(r,h(p(f.headerProps)),{default:y(()=>[_(e.$slots,`header`)]),_:3},16),f.tabVisible?(g(),l(c,h(m({key:0},f.tabProps)),{default:y(()=>[_(e.$slots,`tab`)]),_:3},16)):u(`v-if`,!0),d(t,h(p(f.contentProps)),{default:y(()=>[_(e.$slots,`content`,{},()=>[_(e.$slots,`default`)])]),_:3},16),f.footerVisible?(g(),l(n,h(m({key:1},f.footerProps)),{default:y(()=>[_(e.$slots,`footer`)]),_:3},16)):u(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{b as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"./layout-content.js";import n from"./layout-footer.js";import r from"./layout-header.js";import i from"./layout-main.js";import a from"./layout-placeholder.js";import o from"./layout-rail.js";import s from"./layout-root.js";import c from"./layout-sidebar.js";import l from"./layout-tab.js";import{computed as u,createBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,unref as y,useId as b,withCtx as x}from"vue";const S=p({name:`LayoutCompact`,__name:`layout-compact`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!0},side:{},variant:{},collapsible:{},sidebarVisible:{type:Boolean,default:!0},sidebarWidth:{},collapsedSidebarWidth:{},isMobile:{type:Boolean},mobileSidebarWidth:{},headerVisible:{type:Boolean,default:!0},headerHeight:{},tabVisible:{type:Boolean,default:!0},tabHeight:{},footerVisible:{type:Boolean,default:!0},footerHeight:{},fullContent:{type:Boolean},pxToRem:{},orientation:{},scrollBehavior:{},scrollId:{},baseZIndex:{},fixedTop:{type:Boolean,default:!0},fixedFooter:{type:Boolean},stretchFooter:{type:Boolean},sidebarProps:{},railProps:{},mainProps:{},headerProps:{},tabProps:{},contentProps:{},footerProps:{},mobileProps:{}},emits:[`update:open`],setup(p,{emit:S}){let C=p,w=S,T=b(),E=u(()=>C.scrollId??`soybean-layout-scroll-${T}`),D=e(C,[`sidebarProps`,`railProps`,`mainProps`,`headerProps`,`tabProps`,`contentProps`,`footerProps`,`mobileProps`]);return(e,u)=>(_(),d(s,h(y(D),{"onUpdate:open":u[0]||(u[0]=e=>w(`update:open`,e))}),{default:x(s=>[f(c,g(m(p.sidebarProps)),{default:x(()=>[v(e.$slots,`sidebar`,g(m(s))),f(o,g(m(p.railProps)),null,16)]),_:2},1040),f(i,h(p.mainProps,{id:p.scrollBehavior===`wrapper`?E.value:void 0}),{default:x(()=>[f(r,g(m(p.headerProps)),{default:x(()=>[v(e.$slots,`header`)]),_:3},16),f(a,{type:`header`}),f(l,g(m(p.tabProps)),{default:x(()=>[v(e.$slots,`tab`)]),_:3},16),f(a,{type:`tab`}),f(t,h(p.contentProps,{id:p.scrollBehavior===`content`?E.value:void 0}),{default:x(()=>[v(e.$slots,`default`)]),_:3},16,[`id`]),f(n,g(m(p.footerProps)),{default:x(()=>[v(e.$slots,`footer`)]),_:3},16),f(a,{type:`footer`})]),_:3},16,[`id`])]),_:3},16))}});export{S as default};

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

@@ -1,5 +1,4 @@
 import { LayoutCompactProps, LayoutCompactSlots } from "./types.js";
-
 //#region src/components/layout/layout-compact.vue.d.ts
 type __VLS_Slots = LayoutCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<LayoutCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -13,6 +12,7 @@ declare const __VLS_base: import("vue").DefineComponent<LayoutCompactProps, {},
   headerVisible: boolean;
   tabVisible: boolean;
   footerVisible: boolean;
+  fixedTop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -22,4 +22,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { LayoutContentProps } from "./types.js";
-
 //#region src/components/layout/layout-content.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };