@soybeanjs/headless 0.22.3 → 0.23.0

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

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

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

@@ -13,11 +13,11 @@ declare const __VLS_base: import("vue").DefineComponent<BacktopProps, {
   scrollToTop: typeof scrollToTop;
   updateVisibility: import("@vueuse/shared").Fn;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  click: (event: PointerEvent) => any;
   change: (visible: boolean) => any;
+  click: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<BacktopProps> & Readonly<{
-  onClick?: ((event: PointerEvent) => any) | undefined;
   onChange?: ((visible: boolean) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
 }>, {
   visibilityHeight: number;
   duration: number;

package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   close: () => any;
   drag: (percentageDragged: number) => any;
+  "update:open": (value: boolean) => any;
   release: (open: boolean) => any;
   "update:activeSnapPoint": (val: string | number | null) => any;
 }, string, import("vue").PublicProps, Readonly<(DialogRootProps & {
@@ -65,9 +65,9 @@ declare const __VLS_base: import("vue").DefineComponent<(DialogRootProps & {
   handleOnly?: boolean;
   preventScrollRestoration?: boolean;
 } & WithoutFadeFromProps)> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onDrag?: ((percentageDragged: number) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onRelease?: ((open: boolean) => any) | undefined;
   "onUpdate:activeSnapPoint"?: ((val: string | number | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/button/button.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=e(d,[`disabled`,`type`]),m=n(()=>d.as===`button`?d.disabled:void 0),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?!0:void 0),_=n(()=>{if(d.as===`button`)return d.type??`button`}),v=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(p),{"data-soybean-button":``,disabled:m.value,"aria-disabled":g.value,"data-disabled":h.value,tabindex:m.value?`-1`:void 0,type:_.value,onClick:v}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`tabindex`,`type`]))}});export{u as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`Button`,__name:`button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},emits:[`click`],setup(i,{emit:u}){let d=i,f=u,p=e(d,[`disabled`,`type`]),m=n(()=>d.as===`button`?d.disabled:void 0),h=n(()=>d.disabled?``:void 0),g=n(()=>d.disabled?void 0:``),_=n(()=>d.disabled?!0:void 0),v=n(()=>{if(d.as===`button`)return d.type??`button`}),y=e=>{if(d.disabled){e.preventDefault(),e.stopPropagation();return}f(`click`,e)};return(e,n)=>(o(),r(c(t),a(c(p),{"data-soybean-button":``,disabled:m.value,"aria-disabled":_.value,"data-disabled":h.value,"data-normal":g.value,tabindex:m.value?`-1`:void 0,type:v.value,onClick:y}),{default:l(()=>[s(e.$slots,`default`)]),_:3},16,[`disabled`,`aria-disabled`,`data-disabled`,`data-normal`,`tabindex`,`type`]))}});export{u as default};

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

@@ -44,12 +44,12 @@ declare const __VLS_base: import("vue").DefineComponent<ClipboardProps, {}, {},
 }>, {
   copiedDuration: number;
   legacy: boolean;
-  copyIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  copyIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | import("vue").Component | null;
-  copiedIcon: string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  }> | null;
+  copiedIcon: string | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-  }> | import("vue").Component | null;
+  }> | null;
   copyText: string;
   copiedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-area/color-area-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { ColorAreaCompactProps } from "./types.js";
 
 //#region src/components/color-area/color-area-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorAreaCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorAreaCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-area/color-area-root.vue.d.ts

@@ -7,20 +7,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorAreaRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorAreaRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   colorSpace: ColorSpace;
   xChannel: ColorAreaAxisChannel;
   yChannel: ColorAreaAxisChannel;

package/dist/components/color-field/color-field-root.vue.d.ts

@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorFieldRootProps, {},
   disabled: boolean;
   format: ColorFormat;
   step: number;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   readonly: boolean;
   colorSpace: ColorSpace;
   disableWheelChange: boolean;

package/dist/components/color-picker/color-picker-compact.vue.d.ts

@@ -13,9 +13,9 @@ type __VLS_Slots = {} & {
   trigger?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  change: (value: string) => any;
   "update:open": (value: boolean) => any;
   "update:modelValue": (value: string) => any;
-  change: (value: string) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -25,9 +25,9 @@ declare const __VLS_base: import("vue").DefineComponent<ColorPickerCompactProps,
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerCompactProps> & Readonly<{
+  onChange?: ((value: string) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/color-picker/color-picker-root.vue.d.ts

@@ -21,20 +21,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   "update:format": (value: ColorFormat) => any;
 }, string, import("vue").PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
 }>, {
   disabled: boolean;
   format: ColorFormat;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   defaultFormat: ColorFormat;
   colorSpace: ColorSpace;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-slider/color-slider-compact.vue.d.ts

@@ -3,13 +3,13 @@ import { ColorSliderCompactProps } from "./types.js";
 
 //#region src/components/color-slider/color-slider-compact.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<ColorSliderCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/color-slider/color-slider-root.vue.d.ts

@@ -7,13 +7,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   change: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:color": (value: NormalizedColor) => any;
   changeEnd: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:color"?: ((value: NormalizedColor) => any) | undefined;
   onChangeEnd?: ((value: string) => any) | undefined;
 }>, {
@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<ColorSliderRootProps, {}
   format: ColorFormat;
   orientation: DataOrientation;
   step: number;
-  modelValue: string | ColorValue;
   defaultValue: string | ColorValue;
+  modelValue: string | ColorValue;
   colorSpace: ColorSpace;
   inverted: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-picker/date-picker-compact.vue.d.ts

@@ -264,7 +264,7 @@ declare var __VLS_25: {
     readonly fixedWeeks: boolean;
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
-  }, "open" | "positionerProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateValue | undefined) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts

@@ -267,7 +267,7 @@ declare var __VLS_25: {
     readonly initialFocus: boolean;
     readonly disableDaysOutsideCurrentView: boolean;
     readonly allowNonContiguousRanges: boolean;
-  }, "open" | "positionerProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
+  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
   onUpdateModelValue: (value: DateRange) => void;
   onUpdatePlaceholder: (placeholder: DateValue) => void;
 };

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

@@ -3,10 +3,10 @@ import { DialogAlertType, DialogCompactProps, DialogCompactSlots } from "./types
 //#region src/components/dialog/dialog-compact.vue.d.ts
 type __VLS_Slots = DialogCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  cancel: (event: MouseEvent) => any;
   click: (event: PointerEvent) => any;
-  "update:open": (value: boolean) => any;
   close: (event: MouseEvent) => any;
-  cancel: (event: MouseEvent) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -15,10 +15,10 @@ declare const __VLS_base: import("vue").DefineComponent<DialogCompactProps, {},
   closeAutoFocus: (event: Event) => any;
   confirm: (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<DialogCompactProps> & Readonly<{
+  onCancel?: ((event: MouseEvent) => any) | undefined;
   onClick?: ((event: PointerEvent) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onClose?: ((event: MouseEvent) => any) | undefined;
-  onCancel?: ((event: MouseEvent) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts

@@ -12,11 +12,11 @@ declare const __VLS_base: import("vue").DefineComponent<DropdownMenuRootProps, {
 }, string, import("vue").PublicProps, Readonly<DropdownMenuRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
   delayDuration: number;
   skipDelayDuration: number;
-  modal: boolean;
+  open: boolean;
   trigger: DropdownMenuTriggerType;
+  modal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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:_,textValue:v,inputMode:y,disableWheelChange:b,invertWheelChange:x,onDecrease:S,onIncrease:C,validate:w,onMinMaxValue:T,applyInputValue:E,inputAttrs:D}=t(`InputNumberControl`),O=s(v.value),k=t=>{if(!b.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){x.value?S():C();return}t.deltaY<0&&(x.value?C():S())}},A=e=>{let t=e.target;w(t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0))||e.preventDefault()},j=e=>{O.value=e.target.value},M=()=>{requestAnimationFrame(()=>{O.value=v.value})},N=e=>{let t=e.target;E(t.value)},P=e=>{N(e)},F=e=>{N(e)};return l(()=>v.value,()=>{O.value=v.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,a(c(D),{ref:c(m),"data-soybean-input-number-control":``,class:c(p),"aria-roledescription":`Number Input`,"aria-valuemin":e.min,"aria-valuemax":e.max,"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(y),value:O.value,readonly:c(_),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:A,onBlur:F,onChange:M,onInput:j,onKeydown:[t[0]||(t[0]=u(d((...e)=>c(S)&&c(S)(...e),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(T)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(T)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(C)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(S)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d((...e)=>c(C)&&c(C)(...e),[`prevent`]),[`up`])),u(P,[`enter`])],onWheel:k}),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;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};

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

@@ -5,24 +5,24 @@ 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;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   change: (event: Event) => 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;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onChange?: ((event: Event) => 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>;

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

@@ -17,30 +17,30 @@ declare const __VLS_base: import("vue").DefineComponent<InputOtpRootProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   input: (value: string) => any;
   select: (event: Event) => any;
-  "update:modelValue": (value: string) => any;
   blur: (event: FocusEvent) => any;
   change: (event: Event) => 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;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onBlur?: ((event: FocusEvent) => any) | undefined;
   onChange?: ((event: Event) => 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>;

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

@@ -1,11 +1,11 @@
 import { LayoutSidebarProps } from "./types.js";
 
 //#region src/components/layout/layout-sidebar.vue.d.ts
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+  default?: (props: typeof __VLS_8) => any;
 } & {
-  default?: (props: typeof __VLS_9) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<LayoutSidebarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LayoutSidebarProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((value: DefinedValue) => any) | undefined;
 }>, {
-  loop: boolean;
   modelValue: DefinedValue;
+  loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/page-tabs/page-tabs-compact.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: <T extends PageTabsOptionData = PageTabsOptionData>(
     onClick?: ((tab: T) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;
+    "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onSelectContextMenu?: ((menu: PageTabsContextMenuOptionData, tab: T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;

package/dist/components/page-tabs/page-tabs-root.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_base: import("vue").DefineComponent<PageTabsRootProps, {}, {
 }, string, import("vue").PublicProps, Readonly<PageTabsRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-  loop: boolean;
   modelValue: string;
+  loop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -3,8 +3,8 @@ import { PopconfirmCompactProps, PopconfirmCompactSlots } from "./types.js";
 //#region src/components/popconfirm/popconfirm-compact.vue.d.ts
 type __VLS_Slots = PopconfirmCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<PopconfirmCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
   cancel: (event: PointerEvent) => any;
+  "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<PopconfirmCompactProps,
   closeAutoFocus: (event: Event) => any;
   confirm: (event: PointerEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PopconfirmCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onCancel?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

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

@@ -20,8 +20,8 @@ declare const __VLS_base: import("vue").DefineComponent<SliderRootProps, {}, {},
   min: number;
   orientation: DataOrientation;
   step: number;
-  modelValue: number[];
   defaultValue: number[];
+  modelValue: number[];
   inverted: boolean;
   minStepsBetweenThumbs: number;
   thumbAlignment: SliderThumbAlignment;

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

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepperRootProps, {
   "onUpdate:modelValue"?: ((payload: number) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  modelValue: number;
   defaultValue: number;
+  modelValue: number;
   linear: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
   "onUpdate:modelValue"?: ((payload: DefinedValue | null) => any) | undefined;
 }>, {
   orientation: DataOrientation;
-  loop: boolean;
   modelValue: DefinedValue | null;
+  loop: boolean;
   activationMode: TabsActivationMode;
   unmountOnHide: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -3,13 +3,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:modelValue": (value: string[]) => any;
   invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {
   max: number;
-  modelValue: string[];
   defaultValue: string[];
+  modelValue: string[];
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   granularity: TimeGranularity;
   hourCycle: 12 | 24;
   hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
-  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  modelValue: boolean;
   defaultValue: boolean;
+  modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/tree-menu/tree-menu-compact.vue.d.ts

@@ -5,15 +5,15 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     onSelectDropdown?: ((value: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: TreeMenuCompactSlots<T>;
-  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "selectDropdown", value: string) => void) & ((evt: "update:collapsed", value: boolean) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/tree-menu/tree-menu-root.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
   defaultValue: string;
-  collapsed: boolean;
   defaultExpanded: string[];
+  collapsed: boolean;
   indent: number;
   defaultCollapsed: boolean;
   collapsedWidth: number;

package/dist/components/visually-hidden/visually-hidden-input.vue.d.ts

@@ -2,8 +2,8 @@ import { VisuallyHiddenFeature, VisuallyHiddenInputProps } from "./types.js";
 
 //#region src/components/visually-hidden/visually-hidden-input.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<VisuallyHiddenInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<VisuallyHiddenInputProps> & Readonly<{}>, {
-  feature: VisuallyHiddenFeature;
   checked: boolean;
+  feature: VisuallyHiddenFeature;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/headless",
-  "version": "0.22.3",
+  "version": "0.23.0",
   "description": "SoybeanHeadless is a collection unstyled components for Vue 3. It is designed to be lightweight and easy to use.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -111,8 +111,8 @@
     "ohash": "^2.0.11"
   },
   "devDependencies": {
-    "@nuxt/kit": "^4.4.5",
-    "@nuxt/schema": "^4.4.5",
+    "@nuxt/kit": "^4.4.6",
+    "@nuxt/schema": "^4.4.6",
     "tsdown": "0.22.0",
     "typescript": "6.0.3",
     "unplugin-vue": "7.2.0",