@soybeanjs/headless 0.18.0 → 0.19.0

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

@@ -1,14 +1,15 @@
 import { DataOrientation, UiClass } from "../../types/common.js";
 import { Path, PathValue } from "../../types/path.js";
+import { BaseProps } from "../../types/vue.js";
 import { LabelProps } from "../label/types.js";
 import { FormFieldArrayStates, FormFieldState, FormRegisterOptions, FormValues, UseHeadlessFormReturn } from "./core/types.js";
-import { ComponentOptionsMixin, ComputedRef, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, HTMLAttributes, PublicProps, SlotsType } from "vue";
+import { ComponentOptionsMixin, ComputedRef, CreateComponentPublicInstanceWithMixins, EmitsOptions, FormHTMLAttributes, PublicProps, SlotsType } from "vue";
 
 //#region src/components/form/types.d.ts
 /**
  * Properties for the FormField component.
  */
-interface FormFieldProps extends /** @vue-ignore */HTMLAttributes {
+interface FormFieldProps extends BaseProps {
   /**
    * Error.
    */
@@ -25,15 +26,15 @@ interface FormLabelProps extends LabelProps {}
 /**
  * Properties for the FormControl component.
  */
-interface FormControlProps extends /** @vue-ignore */HTMLAttributes {}
+interface FormControlProps extends BaseProps {}
 /**
  * Properties for the FormDescription component.
  */
-interface FormDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
+interface FormDescriptionProps extends BaseProps {}
 /**
  * Properties for the FormError component.
  */
-interface FormErrorProps extends /** @vue-ignore */HTMLAttributes {}
+interface FormErrorProps extends BaseProps {}
 /**
  * Common properties for form field and form field array components, used in both compact and non-compact modes.
  */
@@ -144,7 +145,7 @@ type FormFieldArrayComponent<Values extends FormValues, ExtraProps extends Recor
 /**
  * Properties for the FormCompact component.
  */
-interface FormCompactProps extends Pick<FormFieldCommonProps, 'orientation' | 'labelProps' | 'controlProps' | 'descriptionProps' | 'errorProps'>, /** @vue-ignore */FormHTMLAttributes {
+interface FormCompactProps extends Pick<FormFieldCommonProps, 'orientation' | 'labelProps' | 'controlProps' | 'descriptionProps' | 'errorProps'>, BaseProps<FormHTMLAttributes> {
   fieldProps?: FormFieldProps;
   fieldArrayProps?: FormFieldProps;
 }

package/dist/components/hover-card/context.js

@@ -1 +1 @@
-import{getDisclosureState as e}from"../../shared/value.js";import"../../shared/index.js";import{useContext as t}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as n,shallowRef as r}from"vue";const[i,a]=t(`HoverCardRoot`,t=>{let{open:i,openDelay:a,closeDelay:o}=t,s=n(()=>e(i.value)),c=r(),l=e=>{c.value=e},u=r(),d=e=>{u.value=e},f=r(!1),p=r(!1),m=r(!1),h=null,g=null,_=()=>{h&&(clearTimeout(h),h=null)},v=()=>{g&&(clearTimeout(g),g=null)},y=()=>{v(),_(),h=setTimeout(()=>{i.value=!0},a.value)},b=()=>{_(),v(),!(f.value||p.value)&&(g=setTimeout(()=>{i.value=!1},o.value))},x=()=>{_(),v(),i.value=!1};return{...t,dataState:s,triggerElement:c,onTriggerElementChange:l,popupElement:u,onPopupElementChange:d,hasSelectionRef:f,isPointerDownOnPopupRef:p,isPointerInTransitRef:m,onOpen:y,onClose:b,onDismiss:x}});export{i as provideHoverCardRootContext,a as useHoverCardRootContext};
+import{getDisclosureState as e}from"../../shared/value.js";import{useContext as t}from"../../composables/use-context.js";import"../../shared/index.js";import"../../composables/index.js";import{computed as n,shallowRef as r}from"vue";const[i,a]=t(`HoverCardRoot`,t=>{let{open:i,openDelay:a,closeDelay:o}=t,s=n(()=>e(i.value)),c=r(),l=e=>{c.value=e},u=r(),d=e=>{u.value=e},f=r(!1),p=r(!1),m=r(!1),h=null,g=null,_=()=>{h&&(clearTimeout(h),h=null)},v=()=>{g&&(clearTimeout(g),g=null)},y=()=>{v(),_(),h=setTimeout(()=>{i.value=!0},a.value)},b=()=>{_(),v(),!(f.value||p.value)&&(g=setTimeout(()=>{i.value=!1},o.value))},x=()=>{_(),v(),i.value=!1};return{...t,dataState:s,triggerElement:c,onTriggerElementChange:l,popupElement:u,onPopupElementChange:d,hasSelectionRef:f,isPointerDownOnPopupRef:p,isPointerInTransitRef:m,onOpen:y,onClose:b,onDismiss:x}});export{i as provideHoverCardRootContext,a as useHoverCardRootContext};

package/dist/components/hover-card/hover-card-popup.js

@@ -1 +1 @@
-import{getTabbableCandidates as e,removeFromTabOrder as t}from"../../shared/focus.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as r}from"../popper/shared.js";import i from"../popper/popper-popup.js";import"../popper/index.js";import{useHoverCardRootContext as a}from"./context.js";import{hoverCardCssVars as o}from"./shared.js";import{createBlock as s,defineComponent as c,nextTick as l,normalizeStyle as u,onMounted as d,onUnmounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watchEffect as _,withCtx as v}from"vue";const y=c({name:`HoverCardPopup`,__name:`hover-card-popup`,setup(c){let{dataState:y,hasSelectionRef:b,isPointerDownOnPopupRef:x,onDismiss:S,onOpen:C,onPopupElementChange:w,triggerElement:T}=a(`HoverCardPopup`),[E,D]=n(w),O=h(!1),k={[o.transformOrigin]:`var(${r.transformOrigin})`,[o.availableWidth]:`var(${r.availableWidth})`,[o.availableHeight]:`var(${r.availableHeight})`,[o.anchorWidth]:`var(${r.anchorWidth})`,[o.anchorHeight]:`var(${r.anchorHeight})`},A=e=>{e.pointerType!==`touch`&&C()},j=e=>{e.currentTarget.contains(e.target)&&(O.value=!0),b.value=!1,x.value=!0},M=()=>{O.value=!1,x.value=!1,l(()=>{b.value=document.getSelection()?.toString()!==``})},N=e=>{let t=e.target;T.value&&t?.contains(T.value)&&S()},P;return _(e=>{if(!O.value)return;let t=document.body,n=t.style.userSelect,r=t.style.webkitUserSelect;t.style.userSelect=`none`,t.style.webkitUserSelect=`none`,e(()=>{t.style.userSelect=n,t.style.webkitUserSelect=r})}),d(()=>{document.addEventListener(`pointerup`,M),window.addEventListener(`scroll`,N,!0),E.value&&(P=t(e(E.value)))}),f(()=>{document.removeEventListener(`pointerup`,M),window.removeEventListener(`scroll`,N,!0),P?.(),b.value=!1,x.value=!1}),(e,t)=>(p(),s(g(i),{ref:g(D),"data-dismissable-layer":``,"data-state":g(y),style:u({...k,userSelect:O.value?`text`:void 0,WebkitUserSelect:O.value?`text`:void 0}),onPointerenter:A,onPointerdown:j},{default:v(()=>[m(e.$slots,`default`)]),_:3},8,[`data-state`,`style`]))}});export{y as default};
+import{getTabbableCandidates as e,removeFromTabOrder as t}from"../../shared/focus.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as r}from"../popper/shared.js";import i from"../popper/popper-popup.js";import"../popper/index.js";import{useHoverCardRootContext as a}from"./context.js";import{hoverCardCssVars as o}from"./shared.js";import{createBlock as s,defineComponent as c,nextTick as l,normalizeStyle as u,onMounted as d,onUnmounted as f,openBlock as p,renderSlot as m,shallowRef as h,unref as g,watchEffect as _,withCtx as v}from"vue";const y=c({name:`HoverCardPopup`,__name:`hover-card-popup`,setup(c){let{dataState:y,hasSelectionRef:b,isPointerDownOnPopupRef:x,onDismiss:S,onOpen:C,onPopupElementChange:w,triggerElement:T}=a(`HoverCardPopup`),[E,D]=n(w),O=h(!1),k={[o.transformOrigin]:`var(${r.transformOrigin})`,[o.availableWidth]:`var(${r.availableWidth})`,[o.availableHeight]:`var(${r.availableHeight})`,[o.anchorWidth]:`var(${r.anchorWidth})`,[o.anchorHeight]:`var(${r.anchorHeight})`},A=e=>{e.pointerType!==`touch`&&C()},j=e=>{e.currentTarget.contains(e.target)&&(O.value=!0),b.value=!1,x.value=!0},M=()=>{O.value=!1,x.value=!1,l(()=>{b.value=document.getSelection()?.toString()!==``})},N=e=>{let t=e.target;T.value&&t?.contains(T.value)&&S()},P;return _(e=>{if(!O.value)return;let t=document.body,n=t.style.userSelect,r=t.style.webkitUserSelect;t.style.userSelect=`none`,t.style.webkitUserSelect=`none`,e(()=>{t.style.userSelect=n,t.style.webkitUserSelect=r})}),d(()=>{document.addEventListener(`pointerup`,M),window.addEventListener(`scroll`,N,!0),E.value&&(P=t(e(E.value)))}),f(()=>{document.removeEventListener(`pointerup`,M),window.removeEventListener(`scroll`,N,!0),P?.(),b.value=!1,x.value=!1}),(e,t)=>(p(),s(g(i),{ref:g(D),"data-soybean-hover-card-popup":``,"data-dismissable-layer":``,"data-state":g(y),style:u({...k,userSelect:O.value?`text`:void 0,WebkitUserSelect:O.value?`text`:void 0}),onPointerenter:A,onPointerdown:j},{default:v(()=>[m(e.$slots,`default`)]),_:3},8,[`data-state`,`style`]))}});export{y as default};

package/dist/components/hover-card/hover-card-positioner.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useHoverCardRootContext as r}from"./context.js";import i from"./hover-card-positioner-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`HoverCardPositioner`,__name:`hover-card-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{open:b,popupElement:x}=r(`HoverCardPositioner`),S=g.forceMount?d(!0):t(x,b);return(e,t)=>p(S)?(l(),a(i,c({key:0},p(v),f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useHoverCardRootContext as r}from"./context.js";import i from"./hover-card-positioner-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`HoverCardPositioner`,__name:`hover-card-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{open:b,popupElement:x}=r(`HoverCardPositioner`),S=g.forceMount?d(!0):t(x,b);return(e,t)=>p(S)?(l(),a(i,c({key:0,"data-soybean-hover-card-positioner":``},p(v),f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};

package/dist/components/hover-card/hover-card-root.js

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{provideHoverCardRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`HoverCardRoot`,inheritAttrs:!1,__name:`hover-card-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{default:700},closeDelay:{default:300}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e??!1)},d.defaultOpen);return r({...e(d,[`openDelay`,`closeDelay`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p)})]),_:3}))}});export{u as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{provideHoverCardRootContext as r}from"./context.js";import{createBlock as i,defineComponent as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=a({name:`HoverCardRoot`,inheritAttrs:!1,__name:`hover-card-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},openDelay:{default:700},closeDelay:{default:300}},emits:[`update:open`],setup(a,{emit:u}){let d=a,f=u,p=t(()=>d.open,e=>{f(`update:open`,e)},d.defaultOpen);return r({...e(d,[`openDelay`,`closeDelay`]),open:p}),(e,t)=>(o(),i(c(n),null,{default:l(()=>[s(e.$slots,`default`,{open:c(p)})]),_:3}))}});export{u as default};

package/dist/components/hover-card/hover-card-root.vue.d.ts

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/hover-card/hover-card-root.vue.d.ts
 declare var __VLS_8: {
-  open: boolean | undefined;
+  open: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;

package/dist/components/hover-card/hover-card-trigger.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../popper/popper-anchor.js";import"../popper/index.js";import{useHoverCardRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`HoverCardTrigger`,__name:`hover-card-trigger`,props:{reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(i){let{dataState:l,isPointerInTransitRef:u,onTriggerElementChange:d,onOpen:f,onClose:p}=n(`HoverCardTrigger`),[m,h]=e(d),g=e=>{e.pointerType!==`touch`&&f()},_=e=>{e.pointerType!==`touch`&&setTimeout(()=>{u.value||p()},0)};return(e,n)=>(a(),r(s(t),{ref:s(h),as:i.as,"as-child":i.asChild,reference:i.reference,"data-state":s(l),"data-grace-area-trigger":``,onPointerenter:g,onPointerleave:_,onFocus:s(f),onBlur:s(p)},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`reference`,`data-state`,`onFocus`,`onBlur`]))}});export{l as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../popper/popper-anchor.js";import"../popper/index.js";import{useHoverCardRootContext as n}from"./context.js";import{createBlock as r,defineComponent as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=i({name:`HoverCardTrigger`,__name:`hover-card-trigger`,props:{reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(i){let{dataState:l,isPointerInTransitRef:u,onTriggerElementChange:d,onOpen:f,onClose:p}=n(`HoverCardTrigger`),[m,h]=e(d),g=e=>{e.pointerType!==`touch`&&f()},_=e=>{e.pointerType!==`touch`&&setTimeout(()=>{u.value||p()},0)};return(e,n)=>(a(),r(s(t),{ref:s(h),as:i.as,"as-child":i.asChild,"data-soybean-hover-card-trigger":``,reference:i.reference,"data-state":s(l),"data-grace-area-trigger":``,onPointerenter:g,onPointerleave:_,onFocus:s(f),onBlur:s(p)},{default:c(()=>[o(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`reference`,`data-state`,`onFocus`,`onBlur`]))}});export{l as default};

package/dist/components/hover-card/index.d.ts

@@ -2,11 +2,11 @@ import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$3 } from "../portal/portal.vue.js";
 import { _default } from "../popper/popper-arrow.vue.js";
+import { providePopperUi } from "../popper/context.js";
 import { HoverCardCompactEmits, HoverCardCompactProps, HoverCardCompactSlots, HoverCardPopupProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps } from "./types.js";
 import { _default as _default$5 } from "./hover-card-root.vue.js";
 import { _default as _default$6 } from "./hover-card-trigger.vue.js";
 import { _default as _default$4 } from "./hover-card-positioner.vue.js";
 import { _default as _default$2 } from "./hover-card-popup.vue.js";
 import { _default as _default$1 } from "./hover-card-compact.vue.js";
-import { providePopperUi } from "../popper/context.js";
 export { _default as HoverCardArrow, type PopperArrowProps as HoverCardArrowProps, _default$1 as HoverCardCompact, type HoverCardCompactEmits, type HoverCardCompactProps, type HoverCardCompactSlots, _default$2 as HoverCardPopup, type HoverCardPopupProps, _default$3 as HoverCardPortal, type PortalProps as HoverCardPortalProps, _default$4 as HoverCardPositioner, type HoverCardPositionerEmits, type HoverCardPositionerProps, _default$5 as HoverCardRoot, type HoverCardRootEmits, type HoverCardRootProps, _default$6 as HoverCardTrigger, type PopperAnchorProps as HoverCardTriggerProps, type PopperUi as HoverCardUi, type PopperUiSlot as HoverCardUiSlot, providePopperUi as provideHoverCardUi };

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import{useInputRootContext as t,useInputUi as n}from"./context.js";import r from"../button/button.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`InputClear`,__name:`input-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(s,{emit:p}){let m=s,h=p,g=n(`clearable`),{disabled:_,readonly:v,onClear:y}=t(`InputClear`),b=i(()=>m.disabled||_.value||v.value||!1),x=e=>{h(`clear`,e),!e.defaultPrevented&&y?.()};return(t,n)=>(l(),a(r,c(m,{"data-slot":`clearable`,class:d(g),disabled:b.value,onClick:x}),{default:f(()=>[u(t.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`})])]),_:3},16,[`class`,`disabled`]))}});export{p as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import{useInputRootContext as n,useInputUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`InputClear`,__name:`input-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(s,{emit:p}){let m=s,h=p,g=r(`clear`),{disabled:_,readonly:v,onClear:y}=n(`InputClear`),b=i(()=>m.disabled||_.value||v.value||!1),x=e=>{h(`clear`,e),y?.()};return(n,r)=>(l(),a(t,c(m,{"data-soybean-input-clearable":``,class:d(g),disabled:b.value,onClick:x}),{default:f(()=>[u(n.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`})])]),_:3},16,[`class`,`disabled`]))}});export{p as default};

package/dist/components/input/input-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"./input-root.js";import r from"./input-clear.js";import i from"./input-control.js";import{createBlock as a,createCommentVNode 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:`InputCompact`,__name:`input-compact`,props:{clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(c,{emit:m}){let h=c,g=m,_=t(h,[`inputRef`,`controlProps`,`clearable`]),[v,y]=e(e=>h.inputRef?.(e));return(e,t)=>(u(),a(n,l(f(_),{"onUpdate:modelValue":t[1]||(t[1]=e=>g(`update:modelValue`,e))}),{default:p(({clear:n,modelValue:a})=>[d(e.$slots,`leading`,{clear:n,modelValue:a}),s(i,l(c.controlProps,{ref:f(y)}),null,16),c.clearable?d(e.$slots,`clear`,{key:0,clear:n,modelValue:a},()=>[s(r,l(c.clearProps,{onClear:t[0]||(t[0]=e=>g(`clear`,e))}),null,16)]):o(`v-if`,!0),d(e.$slots,`trailing`,{clear:n,modelValue:a})]),_:3},16))}});export{m 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"./input-root.js";import r from"./input-clear.js";import i from"./input-control.js";import{createBlock as a,createCommentVNode 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:`InputCompact`,__name:`input-compact`,props:{inputRef:{type:Function},clearable:{type:Boolean},controlProps:{},clearProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(c,{emit:m}){let h=c,g=m,_=t(h,[`inputRef`,`clearable`,`controlProps`,`clearProps`]),[v,y]=e(e=>h.inputRef?.(e));return(e,t)=>(u(),a(n,l(f(_),{"onUpdate:modelValue":t[1]||(t[1]=e=>g(`update:modelValue`,e))}),{default:p(({clear:n,modelValue:a})=>[d(e.$slots,`leading`,{clear:n,modelValue:a}),s(i,l(c.controlProps,{ref:f(y)}),null,16),c.clearable?d(e.$slots,`clear`,{key:0,clear:n,modelValue:a},()=>[s(r,l(c.clearProps,{onClear:t[0]||(t[0]=e=>g(`clear`,e))}),null,16)]):o(`v-if`,!0),d(e.$slots,`trailing`,{clear:n,modelValue:a})]),_:3},16))}});export{m as default};

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

@@ -1 +1 @@
-import{useInputRootContext as e,useInputUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,unref as o}from"vue";const s=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`name`,`required`,`value`],c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,id:l,autofocus:u,placeholder:d,disabled:f,readonly:p,maxlength:m,minlength:h,pattern:g,name:_,required:v}=e(`InputControl`),y=t(`control`),b=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,{id:o(l),"data-slot":`control`,class:i(o(y)),"aria-disabled":o(f)??void 0,"aria-roledescription":`Input`,autocorrect:`off`,autofocus:o(u),"data-disabled":o(f)?``:void 0,"data-readonly":o(p)?``:void 0,disabled:o(f),maxlength:o(m),minlength:o(h),pattern:o(g),placeholder:o(d),readonly:o(p),name:o(_),required:o(v),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:b},null,42,s))}});export{c as default};
+import{useInputRootContext as e,useInputUi as t}from"./context.js";import{createElementBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,unref as o}from"vue";const s=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`name`,`required`,`value`],c=r({name:`InputControl`,__name:`input-control`,setup(r){let{modelValue:c,id:l,autofocus:u,placeholder:d,disabled:f,readonly:p,maxlength:m,minlength:h,pattern:g,name:_,required:v}=e(`InputControl`),y=t(`control`),b=e=>{c.value=e.target.value};return(e,t)=>(a(),n(`input`,{id:o(l),"data-soybean-input-control":``,class:i(o(y)),"aria-disabled":o(f)??void 0,"aria-roledescription":`Input`,autocorrect:`off`,autofocus:o(u),"data-disabled":o(f)?``:void 0,"data-readonly":o(p)?``:void 0,disabled:o(f),maxlength:o(m),minlength:o(h),pattern:o(g),placeholder:o(d),readonly:o(p),name:o(_),required:o(v),spellcheck:`false`,tabindex:`0`,value:o(c),onInput:b},null,42,s))}});export{c as default};

package/dist/components/input/input-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{provideInputRootContext as i,useInputUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=a(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=()=>{v.disabled||v.readonly||(C.value=``)};return i({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`,`name`,`required`]),modelValue:C,onClear:T}),(e,t)=>(p(),u(`div`,{ref:h(x),"data-slot":`root`,class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(o,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ 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{provideInputRootContext as i,useInputUi as a}from"./context.js";import o from"../visually-hidden/visually-hidden-input.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputRoot`,__name:`input-root`,props:{defaultValue:{},modelValue:{default:void 0},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=a(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue??``),w=s(()=>e(b.value)),T=()=>{v.disabled||v.readonly||(C.value=``)};return i({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`pattern`,`name`,`required`]),modelValue:C,onClear:T}),(e,t)=>(p(),u(`div`,{ref:h(x),"data-soybean-input-root":``,class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(o,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/input/input-root.vue.d.ts
 declare var __VLS_1: {
-  modelValue: string | undefined;
+  modelValue: string;
   clear: () => void;
 };
 type __VLS_Slots = {} & {

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

@@ -1,7 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import { BaseProps } from "../../types/vue.js";
 import { ButtonProps } from "../button/types.js";
-import { HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+import { InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/input/types.d.ts
 /**
@@ -28,7 +29,7 @@ interface InputBaseProps {
 /**
  * Properties for the InputRoot component.
  */
-interface InputRootProps extends InputBaseProps, FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+interface InputRootProps extends InputBaseProps, FormFieldCommonProps, BaseProps {
   /** The default value of the input */
   defaultValue?: string;
   /** The controlled value of the input */
@@ -46,11 +47,11 @@ type InputRootEmits = {
 /**
  * Properties for the InputControl component.
  */
-interface InputControlProps extends /** @vue-ignore */InputHTMLAttributes {}
+interface InputControlProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the InputClear component.
  */
-interface InputClearProps extends ButtonProps, /** @vue-ignore */HTMLAttributes {}
+interface InputClearProps extends ButtonProps {}
 /**
  * Events for the InputClear component.
  */
@@ -63,7 +64,7 @@ type InputClearEmits = {
 /**
  * Available UI slots for the Input component.
  */
-type InputUiSlot = 'root' | 'control' | 'clearable';
+type InputUiSlot = 'root' | 'control' | 'clear';
 /**
  * UI class overrides for the Input component.
  */
@@ -85,16 +86,16 @@ interface InputCompactSlotProps {
  * Properties for the InputCompact component.
  */
 interface InputCompactProps extends InputRootProps {
+  /**
+   * The function to set the input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
   /**
    * Whether to show the clear trigger.
    *
    * @defaultValue false
    */
   clearable?: boolean;
-  /**
-   * The function to set the input element.
-   */
-  inputRef?: (el: HTMLInputElement) => void;
   /**
    * Properties forwarded to the control element.
    */

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

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import"../../shared/index.js";import{useContext as r}from"../../composables/use-context.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useUiContext as a}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useLocale as o}from"../config-provider/context.js";import{handleDecimalOperation as s}from"./shared.js";import{computed as c}from"vue";import{reactiveComputed as l}from"@vueuse/core";import{NumberFormatter as u,NumberParser as d}from"@internationalized/number";const[f,p]=r(`InputNumberRoot`,r=>{let{disabled:a,readonly:f,modelValue:p,focusOnChange:m,formatOptions:h,min:g,max:_,step:v,stepSnapping:y}=r,[b,x]=i(),S=o(r.locale),C=l(()=>new d(S.value,h.value)),w=l(()=>new u(S.value,h.value)),T=c(()=>w.resolvedOptions().maximumFractionDigits>0?`decimal`:`numeric`),E=c(()=>e(p.value)?!1:j(p.value)===g.value||g.value&&!Number.isNaN(p.value)?s(`-`,p.value,v.value)<Number(g.value):!1),D=c(()=>e(p.value)?!1:j(p.value)===_.value||_.value&&!Number.isNaN(p.value)?s(`+`,p.value,v.value)>Number(_.value):!1),O=l(()=>new u(S.value,h.value)),k=c(()=>e(p.value)||Number.isNaN(p.value)?``:O.format(p.value));function A(e){return C.isValidPartialNumber(e,g.value,_.value)}function j(e){let r;return r=v.value===void 0||Number.isNaN(v.value)||!y.value?t(e,g.value,_.value):n(e,g.value,_.value,v.value),r=C.parse(w.format(r)),r}function M(e,t=1){if(m.value&&b.value?.focus(),a.value||f.value)return;let n=C.parse(b.value?.value??``);if(Number.isNaN(n)){p.value=g.value??0;return}let r=e===`increase`?1:-1;p.value=j(n+(v.value??1)*t*r)}function N(e=1){M(`increase`,e)}function P(e=1){M(`decrease`,e)}function F(e){e===`min`&&g.value!==void 0?p.value=j(g.value):e===`max`&&_.value!==void 0&&(p.value=j(_.value))}function I(e){b.value&&(b.value.value=e)}function L(e){let t=C.parse(e);return p.value=Number.isNaN(t)?void 0:j(t),e.length?I(k.value):I(e)}return{...r,isDecreaseDisabled:E,isIncreaseDisabled:D,inputElement:b,inputMode:T,textValue:k,setInputElement:x,applyInputValue:L,validate:A,onIncrease:N,onDecrease:P,onMinMaxValue:F}}),[m,h]=a(`InputNumberUi`);export{f as provideInputNumberRootContext,m as provideInputNumberUi,p as useInputNumberRootContext,h as useInputNumberUi};
+import{isNullish as e}from"../../shared/guard.js";import{clamp as t,snapValueToStep as n}from"../../shared/value.js";import{useContext as r}from"../../composables/use-context.js";import{useLocale as i}from"../config-provider/context.js";import"../../shared/index.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useUiContext as o}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{handleDecimalOperation as s}from"./shared.js";import{computed as c}from"vue";import{reactiveComputed as l}from"@vueuse/core";import{NumberFormatter as u,NumberParser as d}from"@internationalized/number";const[f,p]=r(`InputNumberRoot`,r=>{let{disabled:o,readonly:f,modelValue:p,focusOnChange:m,formatOptions:h,min:g,max:_,step:v,stepSnapping:y}=r,[b,x]=a(),S=i(r.locale),C=l(()=>new d(S.value,h.value)),w=l(()=>new u(S.value,h.value)),T=c(()=>w.resolvedOptions().maximumFractionDigits>0?`decimal`:`numeric`),E=c(()=>e(p.value)?!1:j(p.value)===g.value||g.value&&!Number.isNaN(p.value)?s(`-`,p.value,v.value)<Number(g.value):!1),D=c(()=>e(p.value)?!1:j(p.value)===_.value||_.value&&!Number.isNaN(p.value)?s(`+`,p.value,v.value)>Number(_.value):!1),O=l(()=>new u(S.value,h.value)),k=c(()=>e(p.value)||Number.isNaN(p.value)?``:O.format(p.value));function A(e){return C.isValidPartialNumber(e,g.value,_.value)}function j(e){let r;return r=v.value===void 0||Number.isNaN(v.value)||!y.value?t(e,g.value,_.value):n(e,g.value,_.value,v.value),r=C.parse(w.format(r)),r}function M(e,t=1){if(m.value&&b.value?.focus(),o.value||f.value)return;let n=C.parse(b.value?.value??``);if(Number.isNaN(n)){p.value=g.value??0;return}let r=e===`increase`?1:-1;p.value=j(n+(v.value??1)*t*r)}function N(e=1){M(`increase`,e)}function P(e=1){M(`decrease`,e)}function F(e){e===`min`&&g.value!==void 0?p.value=j(g.value):e===`max`&&_.value!==void 0&&(p.value=j(_.value))}function I(e){b.value&&(b.value.value=e)}function L(e){let t=C.parse(e);return p.value=Number.isNaN(t)?void 0:j(t),e.length?I(k.value):I(e)}return{...r,isDecreaseDisabled:E,isIncreaseDisabled:D,inputElement:b,inputMode:T,textValue:k,setInputElement:x,applyInputValue:L,validate:A,onIncrease:N,onDecrease:P,onMinMaxValue:F}}),[m,h]=o(`InputNumberUi`);export{f as provideInputNumberRootContext,m as provideInputNumberUi,p as useInputNumberRootContext,h as useInputNumberUi};

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

@@ -1,7 +1,8 @@
-import { InputNumberControlProps, InputNumberDecrementProps, InputNumberIncrementProps, InputNumberRootEmits, InputNumberRootProps, InputNumberUi, InputNumberUiSlot } from "./types.js";
-import { _default as _default$3 } from "./input-number-root.vue.js";
-import { _default } from "./input-number-control.vue.js";
-import { _default as _default$2 } from "./input-number-increment.vue.js";
-import { _default as _default$1 } from "./input-number-decrement.vue.js";
+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 { provideInputNumberUi } from "./context.js";
-export { _default as InputNumberControl, type InputNumberControlProps, _default$1 as InputNumberDecrement, type InputNumberDecrementProps, _default$2 as InputNumberIncrement, type InputNumberIncrementProps, _default$3 as InputNumberRoot, type InputNumberRootEmits, type InputNumberRootProps, type InputNumberUi, type InputNumberUiSlot, provideInputNumberUi };
+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/index.js

@@ -1 +1 @@
-import{provideInputNumberUi as e}from"./context.js";import t from"./input-number-root.js";import n from"./input-number-control.js";import r from"./input-number-increment.js";import i from"./input-number-decrement.js";export{n as InputNumberControl,i as InputNumberDecrement,r as InputNumberIncrement,t as InputNumberRoot,e as provideInputNumberUi};
+import{provideInputNumberUi as e}from"./context.js";import t from"./input-number-root.js";import n from"./input-number-control.js";import r from"./input-number-decrement.js";import i from"./input-number-increment.js";import a from"./input-number-compact.js";export{a as InputNumberCompact,n as InputNumberControl,r as InputNumberDecrement,i as InputNumberIncrement,t as InputNumberRoot,e as provideInputNumberUi};

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

@@ -0,0 +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};

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

@@ -0,0 +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-root.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-clear.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},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},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(r,p(_(S),{"onUpdate:modelValue":t[1]||(t[1]=e=>x(`update:modelValue`,e))}),{default:v(r=>[g(e.$slots,`leading`,m(f(r))),u(i,p(d.controlProps,{ref:_(w)}),null,16),d.clearable?g(e.$slots,`clear`,m(p({key:0},r)),()=>[u(s,p(d.clearProps,{onClear:t[0]||(t[0]=e=>x(`clear`,e))}),null,16)]):l(`v-if`,!0),g(e.$slots,`trailing`,m(f(r))),g(e.$slots,`decrement`,m(f(r)),()=>[u(a,m(f(d.decrementProps)),{default:v(()=>[u(n,{icon:`lucide:minus`,"aria-hidden":!0})]),_:1},16)]),g(e.$slots,`increment`,m(f(r)),()=>[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

@@ -0,0 +1,21 @@
+import { InputNumberCompactProps, InputNumberCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input-number/input-number-compact.vue.d.ts
+type __VLS_Slots = InputNumberCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<InputNumberCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+  "update:modelValue": (val: number | null) => any;
+}, string, _$vue.PublicProps, Readonly<InputNumberCompactProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _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,normalizeClass as a,openBlock as o,shallowRef as s,unref as c,watch as l,withKeys as u,withModifiers as d}from"vue";const f=[`id`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`inputmode`,`maxlength`,`minlength`,`pattern`,`placeholder`,`value`,`readonly`],p=i({name:`InputNumberControl`,__name:`input-number-control`,setup(i){let p=n(`control`),{id:m,autofocus:h,maxlength:g,minlength:_,pattern:v,placeholder:y,setInputElement:b,modelValue:x,disabled:S,readonly:C,textValue:w,inputMode:T,min:E,max:D,disableWheelChange:O,invertWheelChange:k,onDecrease:A,onIncrease:j,validate:M,onMinMaxValue:N,applyInputValue:P}=t(`InputNumberControl`),F=s(w.value),I=t=>{if(!O.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){k.value?A():j();return}t.deltaY<0&&(k.value?j():A())}},L=e=>{let t=e.target;M(t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0))||e.preventDefault()},R=e=>{F.value=e.target.value},z=()=>{requestAnimationFrame(()=>{F.value=w.value})},B=e=>{let t=e.target;P(t.value)},V=e=>{B(e)},H=e=>{B(e)};return l(()=>w.value,()=>{F.value=w.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,{id:c(m),ref:c(b),class:a(c(p)),"aria-roledescription":`Number Input`,"aria-valuemin":c(E),"aria-valuemax":c(D),"aria-valuenow":c(x)??void 0,autocomplete:`off`,autocorrect:`off`,autofocus:c(h),"data-disabled":c(S)?``:void 0,"data-readonly":c(C)?``:void 0,disabled:c(S),inputmode:c(T),maxlength:c(g),minlength:c(_),pattern:c(v),placeholder:c(y),value:F.value,readonly:c(C),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:L,onBlur:H,onChange:z,onInput:R,onKeydown:[t[0]||(t[0]=u(d((...e)=>c(A)&&c(A)(...e),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(N)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(N)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(j)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(A)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d((...e)=>c(j)&&c(j)(...e),[`prevent`]),[`up`])),u(V,[`enter`])],onWheel:I},null,42,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,normalizeClass as a,openBlock as o,shallowRef as s,unref as c,watch as l,withKeys as u,withModifiers as d}from"vue";const f=[`id`,`aria-valuemin`,`aria-valuemax`,`aria-valuenow`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`inputmode`,`maxlength`,`minlength`,`pattern`,`placeholder`,`value`,`readonly`],p=i({name:`InputNumberControl`,__name:`input-number-control`,setup(i){let p=n(`control`),{id:m,autofocus:h,maxlength:g,minlength:_,pattern:v,placeholder:y,setInputElement:b,modelValue:x,disabled:S,readonly:C,textValue:w,inputMode:T,min:E,max:D,disableWheelChange:O,invertWheelChange:k,onDecrease:A,onIncrease:j,validate:M,onMinMaxValue:N,applyInputValue:P}=t(`InputNumberControl`),F=s(w.value),I=t=>{if(!O.value&&t.target===e()&&!(Math.abs(t.deltaY)<=Math.abs(t.deltaX))){if(t.preventDefault(),t.deltaY>0){k.value?A():j();return}t.deltaY<0&&(k.value?j():A())}},L=e=>{let t=e.target;M(t.value.slice(0,t.selectionStart??void 0)+(e.data??``)+t.value.slice(t.selectionEnd??void 0))||e.preventDefault()},R=e=>{F.value=e.target.value},z=()=>{requestAnimationFrame(()=>{F.value=w.value})},B=e=>{let t=e.target;P(t.value)},V=e=>{B(e)},H=e=>{B(e)};return l(()=>w.value,()=>{F.value=w.value},{immediate:!0,deep:!0}),(e,t)=>(o(),r(`input`,{id:c(m),ref:c(b),"data-soybean-input-number-control":``,class:a(c(p)),"aria-roledescription":`Number Input`,"aria-valuemin":c(E),"aria-valuemax":c(D),"aria-valuenow":c(x)??void 0,autocomplete:`off`,autocorrect:`off`,autofocus:c(h),"data-disabled":c(S)?``:void 0,"data-readonly":c(C)?``:void 0,disabled:c(S),inputmode:c(T),maxlength:c(g),minlength:c(_),pattern:c(v),placeholder:c(y),value:F.value,readonly:c(C),role:`spinbutton`,spellcheck:`false`,tabindex:`0`,type:`text`,onBeforeinput:L,onBlur:H,onChange:z,onInput:R,onKeydown:[t[0]||(t[0]=u(d((...e)=>c(A)&&c(A)(...e),[`prevent`]),[`down`])),t[1]||(t[1]=u(d(e=>c(N)(`max`),[`prevent`]),[`end`])),t[2]||(t[2]=u(d(e=>c(N)(`min`),[`prevent`]),[`home`])),t[3]||(t[3]=u(d(e=>c(j)(10),[`prevent`]),[`page-up`])),t[4]||(t[4]=u(d(e=>c(A)(10),[`prevent`]),[`page-down`])),t[5]||(t[5]=u(d((...e)=>c(j)&&c(j)(...e),[`prevent`]),[`up`])),u(V,[`enter`])],onWheel:I},null,42,f))}});export{p as default};

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{usePressedHold as n}from"./shared.js";import{useInputNumberRootContext as r,useInputNumberUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=s({name:`InputNumberDecrement`,__name:`input-number-decrement`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{disabled:g,readonly:_,isIncreaseDisabled:v,onDecrease:y}=r(`InputNumberDecrement`),b=i(`decrement`),[x,S]=e(),C=a(()=>g.value||_.value||h.disabled||v.value),{isPressed:w,onTrigger:T}=n({target:x,disabled:C}),E=a(()=>h.as===`button`?`button`:void 0),D=a(()=>w.value?`user-select:none;`:void 0);return T(()=>{y()}),(e,n)=>(u(),o(f(t),{ref:f(S),as:s.as,"as-child":s.asChild,class:c(f(b)),type:E.value,tabindex:`-1`,"aria-label":`Decrease`,disabled:C.value?``:void 0,"data-disabled":C.value?``:void 0,"data-pressed":f(w)?`true`:void 0,style:l(D.value),onContextmenu:n[0]||(n[0]=m(()=>{},[`prevent`]))},{default:p(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`disabled`,`data-disabled`,`data-pressed`,`style`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberDecrement`,__name:`input-number-decrement`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isDecreaseDisabled:v,onDecrease:y}=i(`InputNumberDecrement`),b=a(`decrement`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-decrement":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.decrement,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||(t[0]=m(()=>{},[`prevent`]))}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { InputNumberDecrementProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<InputNumberDecrementProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<InputNumberDecrementProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<InputNumberDecrementProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<InputNumberDecrementProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{usePressedHold as n}from"./shared.js";import{useInputNumberRootContext as r,useInputNumberUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=s({name:`InputNumberIncrement`,__name:`input-number-increment`,props:{disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{disabled:g,readonly:_,isIncreaseDisabled:v,onIncrease:y}=r(`InputNumberIncrement`),b=i(`increment`),[x,S]=e(),C=a(()=>g.value||_.value||h.disabled||v.value),{isPressed:w,onTrigger:T}=n({target:x,disabled:C}),E=a(()=>h.as===`button`?`button`:void 0),D=a(()=>w.value?`user-select:none;`:void 0);return T(()=>{y()}),(e,n)=>(u(),o(f(t),{ref:f(S),as:s.as,"as-child":s.asChild,class:c(f(b)),type:E.value,tabindex:`-1`,"aria-label":`Increase`,disabled:C.value?``:void 0,"data-disabled":C.value?``:void 0,"data-pressed":f(w)?`true`:void 0,style:l(D.value),onContextmenu:n[0]||(n[0]=m(()=>{},[`prevent`]))},{default:p(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`type`,`disabled`,`data-disabled`,`data-pressed`,`style`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import"../../composables/index.js";import n from"../button/button.js";import{usePressedHold as r}from"./shared.js";import{useInputNumberRootContext as i,useInputNumberUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p,withModifiers as m}from"vue";const h=c({name:`InputNumberIncrement`,__name:`input-number-increment`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,{disabled:g,readonly:_,isIncreaseDisabled:v,onIncrease:y}=i(`InputNumberIncrement`),b=a(`increment`),x=e(),[S,C]=t(),w=o(()=>g.value||_.value||h.disabled||v.value),{isPressed:T,onTrigger:E}=r({target:S,disabled:w}),D=o(()=>T.value?`user-select:none;`:void 0);return E(()=>{y()}),(e,t)=>(u(),s(n,l({ref:f(C)},h,{"data-soybean-input-number-increment":``,class:f(b),tabindex:`-1`,"aria-label":f(x).inputNumber.increment,disabled:w.value,"data-pressed":f(T)?`true`:void 0,style:D.value,onContextmenu:t[0]||(t[0]=m(()=>{},[`prevent`]))}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`,`aria-label`,`disabled`,`data-pressed`,`style`]))}});export{h as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { InputNumberIncrementProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<InputNumberIncrementProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<InputNumberIncrementProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<InputNumberIncrementProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<InputNumberIncrementProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/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,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputNumberRoot`,__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},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=()=>{C.value=null};return a({modelValue:C,...t(v,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`locale`,`focusOnChange`,`formatOptions`,`max`,`min`,`step`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`])}),(e,t)=>(p(),u(`div`,{ref:h(x),class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ 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,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`InputNumberRoot`,__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},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue??null),w=s(()=>e(b.value)),T=()=>{C.value=null};return a({...t(v,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`locale`,`focusOnChange`,`formatOptions`,`max`,`min`,`step`,`stepSnapping`,`disableWheelChange`,`invertWheelChange`]),modelValue:C,onClear:T}),(e,t)=>(p(),u(`div`,{ref:h(x),"data-soybean-input-number-root":``,class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:T}),w.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};

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

@@ -3,21 +3,21 @@ import * as _$vue from "vue";
 
 //#region src/components/input-number/input-number-root.vue.d.ts
 declare var __VLS_1: {
-  modelValue: number | null | undefined;
+  modelValue: number | null;
   clear: () => void;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<InputNumberRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: number) => any;
+  "update:modelValue": (val: number | null) => any;
 }, string, _$vue.PublicProps, Readonly<InputNumberRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: number | null) => any) | undefined;
 }>, {
   step: number;
   modelValue: number | null;
-  focusOnChange: boolean;
   stepSnapping: boolean;
+  focusOnChange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

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

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

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

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

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

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