@soybeanjs/headless 0.15.0-beta.2 → 0.15.0-beta.3

package/dist/components/editable/editable-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{useFocusOutside as r,usePointerdownOutside as i}from"../../composables/use-dismissable-layer.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{useDirection as c}from"../config-provider/context.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=a(),k=d(`root`),A=o(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=c(()=>T.dir),M=n(()=>T.modelValue,e=>{E(`update:modelValue`,e??``)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{N.value=e??``},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=i(D,()=>{H()},P),W=r(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(s),g(b(A),{ref:b(O),class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C 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{useFocusOutside as r,usePointerdownOutside as i}from"../../composables/use-dismissable-layer.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import{useOmitProps as o}from"../../composables/use-props.js";import"../../composables/index.js";import{useDirection as s}from"../config-provider/context.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import l from"../visually-hidden/visually-hidden-input.js";import{provideEditableRootContext as u,useEditableUi as d}from"./context.js";import{computed as f,createBlock as p,createCommentVNode as m,defineComponent as h,mergeProps as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,watch as x,withCtx as S}from"vue";const C=h({name:`EditableRoot`,__name:`editable-root`,props:{defaultValue:{},modelValue:{default:void 0},placeholder:{},dir:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},activationMode:{default:`focus`},selectOnFocus:{type:Boolean,default:!1},submitMode:{default:`blur`},startWithEditMode:{type:Boolean,default:!1},maxLength:{},autoResize:{type:Boolean,default:!1},id:{},asChild:{type:Boolean},as:{default:`div`},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`submit`,`update:state`],setup(h,{expose:C,emit:w}){let T=h,E=w,[D,O]=a(),k=d(`root`),A=o(T,[`defaultValue`,`modelValue`,`placeholder`,`dir`,`disabled`,`readonly`,`activationMode`,`selectOnFocus`,`submitMode`,`startWithEditMode`,`maxLength`,`id`,`name`,`required`,`autoResize`]),j=s(()=>T.dir),M=n(()=>T.modelValue,e=>{E(`update:modelValue`,e??``)},T.defaultValue??``),N=y(M.value??``),P=y(T.startWithEditMode),F=f(()=>e(D.value)),I=f(()=>typeof T.placeholder==`string`?{edit:T.placeholder,preview:T.placeholder}:T.placeholder??{}),L=f(()=>P.value?N.value:M.value),R=f(()=>!L.value);x(M,e=>{N.value=e??``},{immediate:!0});function z(){T.disabled||T.readonly||P.value||(N.value=M.value??``,P.value=!0,E(`update:state`,`edit`))}function B(){P.value&&(N.value=M.value??``,P.value=!1,E(`update:state`,`cancel`))}function V(){if(!P.value)return;let e=N.value??``;M.value=e,P.value=!1,E(`update:state`,`submit`),E(`submit`,e)}function H(){if(P.value){if(T.submitMode===`blur`||T.submitMode===`both`){V();return}B()}}let U=i(D,()=>{H()},P),W=r(D,()=>{H()},P),{dataDisabled:G,dataReadonly:K,dataState:q}=u({...t(T,[`id`,`name`,`maxLength`,`disabled`,`readonly`,`activationMode`,`submitMode`,`selectOnFocus`,`startWithEditMode`,`dir`,`required`,`autoResize`]),modelValue:M,inputValue:N,placeholder:I,isEditing:P,isEmpty:R,edit:z,cancel:B,submit:V});return C({edit:z,cancel:B,submit:V}),(e,t)=>(_(),p(b(c),g(b(A),{ref:b(O),class:b(k),dir:b(j),"data-dismissable-layer":``,"data-disabled":b(G),"data-readonly":b(K),"data-state":b(q),onFocusCapture:b(W).onFocusCapture,onBlurCapture:b(W).onBlurCapture,onPointerdownCapture:b(U).onPointerdownCapture}),{default:S(()=>[v(e.$slots,`default`,{modelValue:b(M),inputValue:N.value,isEditing:P.value,isEmpty:R.value,edit:z,cancel:B,submit:V}),F.value&&h.name?(_(),p(l,{key:0,type:`text`,value:b(M),name:h.name,disabled:h.disabled,readonly:h.readonly,required:h.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):m(`v-if`,!0)]),_:3},16,[`class`,`dir`,`data-disabled`,`data-readonly`,`data-state`,`onFocusCapture`,`onBlurCapture`,`onPointerdownCapture`]))}});export{C as default};

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

@@ -34,8 +34,8 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
   disabled: boolean;
   modelValue: string;
   as: AsTag | _$vue.Component;
-  activationMode: EditableActivationMode;
   readonly: boolean;
+  activationMode: EditableActivationMode;
   selectOnFocus: boolean;
   submitMode: EditableSubmitMode;
   startWithEditMode: boolean;

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { EmptyUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/empty/context.d.ts
-declare const provideEmptyUi: (ui: _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>, useEmptyUi: <S extends EmptyUiSlot | undefined = undefined>(slot?: S | undefined) => S extends EmptyUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>;
+declare const provideEmptyUi: (ui: _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<EmptyUiSlot>>>, useEmptyUi: UseUiConsumer<EmptyUiSlot>;
 //#endregion
 export { provideEmptyUi };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { FormFieldUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/form/context.d.ts
-declare const provideFormFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<FormFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<FormFieldUiSlot>>>, useFormFieldUi: <S extends FormFieldUiSlot | undefined = undefined>(slot?: S | undefined) => S extends FormFieldUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<FormFieldUiSlot>>>;
+declare const provideFormFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<FormFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<FormFieldUiSlot>>>, useFormFieldUi: UseUiConsumer<FormFieldUiSlot>;
 //#endregion
 export { provideFormFieldUi };

package/dist/components/form/core/use-form-state.js

@@ -1 +1 @@
-import{isFunction as e,isNullish as t,isString as n,keysOf as r}from"../../../shared/guard.js";import{getValue as i,setValue as a}from"../../../shared/value.js";import"../../../shared/index.js";import{updateFormState as o}from"./shared.js";import{validateStandardSchema as s}from"./standard.js";import{computed as c,onMounted as l,reactive as u,ref as d,shallowRef as f,toRef as p}from"vue";import{isEqual as m}from"ohash";import{klona as h}from"klona/full";import{defu as g}from"defu";function _(_){let{validateOnMounted:v=!1,validateMode:y=`submit`,reValidateMode:b=`change`}=_,x=h(_.initialValues||{}),S=h(_.initialErrors||{}),C=h(_.initialTouched||{}),w={values:u(h(x)),touched:d(h(C)),errors:d(h(S)),submitCount:f(0),isSubmitting:f(!1),isValidating:f(!1)},T=c(()=>!m(w.values,x)),E={},D={},O=c(()=>w.submitCount.value===0?y:b);function k(e,t,n){let r=e;r in w.values||a(w.values,r,n?[]:void 0);let{validate:i}=t||{};return i&&(E[r]={validate:i}),K(e)}function A(e,t){let n=k(e,t,!0),r=e,{reset:i}=t||{};return i&&(D[r]={reset:i}),n}function j(e,n=!0){return o(w,{type:`SetValues`,payload:e}),(t(n)?O.value===`change`:n)?Z(w.values):Promise.resolve()}function M(e){o(w,{type:`SetErrors`,payload:e})}function N(e,t,n=!0){return o(w,{type:`SetFieldValue`,payload:{name:e,value:t}}),n?Z(w.values):Promise.resolve()}function P(e,t){o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}function F(e,t){o(w,{type:`SetFieldError`,payload:{name:e,error:t}})}function I(e,t,n,a,s=!0){if(n&&a){if(r(w.errors.value).length&&Array.isArray(i(w.errors.value,e))){let t=n(i(w.errors.value,e),a.argA,a.argB);s&&F(e,t)}if(r(w.touched.value).length&&Array.isArray(i(w.touched.value,e))){let t=n(i(w.touched.value,e),a.argA,a.argB);s&&o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}}return N(e,t)}function L(e){return c({get(){return i(w.values,e)},set(t){N(e,t)}})}function R(e){return p({dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))})}function z(e){return i(w.errors.value,e)}function B(e){return i(w.touched.value,e,!1)}function V(e){return!m(i(x,e),i(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){o(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,i(w.values,t));return F(t,e),o(w,{type:`SetIsValidating`,payload:!1}),e}return Promise.resolve()}let U=(e,t)=>{if((e=>n(e))(e)){P(e,!0);return}let{name:r,id:i}=e.target,a=t??(r||i);a&&P(a,!0)},W=()=>{O.value===`change`&&Z(w.values)},G=()=>{O.value===`input`&&Z(w.values)};function K(e){let t=R(e);return p({name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G})}function q(e){o(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return h(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),o=n.map(e=>X(e,i(t,e)));return Promise.all(o).then(e=>e.reduce((e,t,r)=>(t&&a(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return o(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),s(e,_.schema)]).then(([e,t])=>{let n=g(e,t);return M(n),n}).finally(()=>{o(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=h(e?.values||x),n=h(e?.errors||S),r=h(e?.touched||C);x=h(t),S=h(n),C=h(r),o(w,{type:`ResetForm`,payload:{values:t,touched:r,errors:n,submitCount:typeof e?.submitCount==`number`?e.submitCount:0}}),Object.values(D).forEach(e=>{e?.reset?.()})}return l(()=>{v&&Z(x)}),{formState:w,dirty:T,submitHelper:J,setSubmitting:q,registerField:k,registerFieldArray:A,validateField:H,getFieldValue:L,getFieldMeta:R,getFieldError:z,getFieldTouched:B,getFieldDirty:V,getFieldState:K,setValues:j,setErrors:M,setFieldValue:N,setFieldTouched:P,setFieldError:F,setFieldArrayValue:I,validateForm:Z,resetForm:Q}}export{_ as useFormState};
+import{isFunction as e,isNullish as t,isString as n,keysOf as r}from"../../../shared/guard.js";import{getValue as i,setValue as a}from"../../../shared/value.js";import"../../../shared/index.js";import{updateFormState as o}from"./shared.js";import{validateStandardSchema as s}from"./standard.js";import{computed as c,onMounted as l,reactive as u,ref as d,shallowRef as f,toRef as p}from"vue";import{isEqual as m}from"ohash";import{defu as h}from"defu";import{klona as g}from"klona/full";function _(_){let{validateOnMounted:v=!1,validateMode:y=`submit`,reValidateMode:b=`change`}=_,x=g(_.initialValues||{}),S=g(_.initialErrors||{}),C=g(_.initialTouched||{}),w={values:u(g(x)),touched:d(g(C)),errors:d(g(S)),submitCount:f(0),isSubmitting:f(!1),isValidating:f(!1)},T=c(()=>!m(w.values,x)),E={},D={},O=c(()=>w.submitCount.value===0?y:b);function k(e,t,n){let r=e;r in w.values||a(w.values,r,n?[]:void 0);let{validate:i}=t||{};return i&&(E[r]={validate:i}),K(e)}function A(e,t){let n=k(e,t,!0),r=e,{reset:i}=t||{};return i&&(D[r]={reset:i}),n}function j(e,n=!0){return o(w,{type:`SetValues`,payload:e}),(t(n)?O.value===`change`:n)?Z(w.values):Promise.resolve()}function M(e){o(w,{type:`SetErrors`,payload:e})}function N(e,t,n=!0){return o(w,{type:`SetFieldValue`,payload:{name:e,value:t}}),n?Z(w.values):Promise.resolve()}function P(e,t){o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}function F(e,t){o(w,{type:`SetFieldError`,payload:{name:e,error:t}})}function I(e,t,n,a,s=!0){if(n&&a){if(r(w.errors.value).length&&Array.isArray(i(w.errors.value,e))){let t=n(i(w.errors.value,e),a.argA,a.argB);s&&F(e,t)}if(r(w.touched.value).length&&Array.isArray(i(w.touched.value,e))){let t=n(i(w.touched.value,e),a.argA,a.argB);s&&o(w,{type:`SetTouched`,payload:{name:e,touched:t}})}}return N(e,t)}function L(e){return c({get(){return i(w.values,e)},set(t){N(e,t)}})}function R(e){return p({dirty:c(()=>V(e)),error:c(()=>z(e)),touched:c(()=>B(e))})}function z(e){return i(w.errors.value,e)}function B(e){return i(w.touched.value,e,!1)}function V(e){return!m(i(x,e),i(w.values,e))}async function H(t){if(E[t]&&e(E[t].validate)){o(w,{type:`SetIsValidating`,payload:!0});let e=await X(t,i(w.values,t));return F(t,e),o(w,{type:`SetIsValidating`,payload:!1}),e}return Promise.resolve()}let U=(e,t)=>{if((e=>n(e))(e)){P(e,!0);return}let{name:r,id:i}=e.target,a=t??(r||i);a&&P(a,!0)},W=()=>{O.value===`change`&&Z(w.values)},G=()=>{O.value===`input`&&Z(w.values)};function K(e){let t=R(e);return p({name:e,value:L(e),meta:t,onBlur:U,onChange:W,onInput:G})}function q(e){o(w,{type:`SetIsSubmitting`,payload:e})}let J={setSubmitting:q,get initialValues(){return g(x||{})}};async function Y(t){let n=r(E).filter(t=>e(E?.[t]?.validate)),o=n.map(e=>X(e,i(t,e)));return Promise.all(o).then(e=>e.reduce((e,t,r)=>(t&&a(e,n[r],t),e),{}))}function X(e,t){return Promise.resolve(E[e]?.validate?.(t))}async function Z(e=w.values){return o(w,{type:`SetIsValidating`,payload:!0}),Promise.all([Y(e),s(e,_.schema)]).then(([e,t])=>{let n=h(e,t);return M(n),n}).finally(()=>{o(w,{type:`SetIsValidating`,payload:!1})})}function Q(e){let t=g(e?.values||x),n=g(e?.errors||S),r=g(e?.touched||C);x=g(t),S=g(n),C=g(r),o(w,{type:`ResetForm`,payload:{values:t,touched:r,errors:n,submitCount:typeof e?.submitCount==`number`?e.submitCount:0}}),Object.values(D).forEach(e=>{e?.reset?.()})}return l(()=>{v&&Z(x)}),{formState:w,dirty:T,submitHelper:J,setSubmitting:q,registerField:k,registerFieldArray:A,validateField:H,getFieldValue:L,getFieldMeta:R,getFieldError:z,getFieldTouched:B,getFieldDirty:V,getFieldState:K,setValues:j,setErrors:M,setFieldValue:N,setFieldTouched:P,setFieldError:F,setFieldArrayValue:I,validateForm:Z,resetForm:Q}}export{_ as useFormState};

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

@@ -1,6 +1,6 @@
+import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { _default as _default$2 } from "../portal/portal.vue.js";
-import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
 import { _default } from "../popper/popper-arrow.vue.js";
 import { HoverCardPopupProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps } from "./types.js";
 import { _default as _default$4 } from "./hover-card-root.vue.js";

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

@@ -1 +1 @@
-import e from"../portal/portal.js";import{providePopperUi as t}from"../popper/context.js";import n from"../popper/popper-arrow.js";import r from"./hover-card-root.js";import i from"./hover-card-trigger.js";import a from"./hover-card-positioner.js";import o from"./hover-card-popup.js";export{n as HoverCardArrow,o as HoverCardPopup,e as HoverCardPortal,a as HoverCardPositioner,r as HoverCardRoot,i as HoverCardTrigger,t as provideHoverCardUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"./hover-card-root.js";import i from"./hover-card-trigger.js";import a from"./hover-card-positioner.js";import o from"./hover-card-popup.js";export{t as HoverCardArrow,o as HoverCardPopup,n as HoverCardPortal,a as HoverCardPositioner,r as HoverCardRoot,i as HoverCardTrigger,e as provideHoverCardUi};

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

@@ -1,6 +1,6 @@
 import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
-import { PortalProps } from "../portal/types.js";
 import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperUi, PopperUiSlot } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/hover-card/types.d.ts

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { InputUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/input/context.d.ts
-declare const provideInputUi: (ui: _$vue.ComputedRef<Partial<UiClass<InputUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<InputUiSlot>>>, useInputUi: <S extends InputUiSlot | undefined = undefined>(slot?: S | undefined) => S extends InputUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<InputUiSlot>>>;
+declare const provideInputUi: (ui: _$vue.ComputedRef<Partial<UiClass<InputUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<InputUiSlot>>>, useInputUi: UseUiConsumer<InputUiSlot>;
 //#endregion
 export { provideInputUi };

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { InputNumberUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/input-number/context.d.ts
-declare const provideInputNumberUi: (ui: _$vue.ComputedRef<Partial<UiClass<InputNumberUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<InputNumberUiSlot>>>, useInputNumberUi: <S extends InputNumberUiSlot | undefined = undefined>(slot?: S | undefined) => S extends InputNumberUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<InputNumberUiSlot>>>;
+declare const provideInputNumberUi: (ui: _$vue.ComputedRef<Partial<UiClass<InputNumberUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<InputNumberUiSlot>>>, useInputNumberUi: UseUiConsumer<InputNumberUiSlot>;
 //#endregion
 export { provideInputNumberUi };

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

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

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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`InputOtpRoot`),[i,a]=t(`InputOtpUi`);export{n as provideInputOtpRootContext,i as provideInputOtpUi,r as useInputOtpRootContext,a as useInputOtpUi};

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

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

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

@@ -0,0 +1 @@
+import{provideInputOtpUi as e}from"./context.js";import t from"./input-otp-input.js";import n from"./input-otp-positioner.js";import r from"./input-otp-root.js";import i from"./input-otp-compact.js";import{REGEXP_ONLY_CHARS as a,REGEXP_ONLY_DIGITS as o,REGEXP_ONLY_DIGITS_AND_CHARS as s}from"./regexp.js";export{i as InputOtpCompact,t as InputOtpInput,n as InputOtpPositioner,r as InputOtpRoot,a as REGEXP_ONLY_CHARS,o as REGEXP_ONLY_DIGITS,s as REGEXP_ONLY_DIGITS_AND_CHARS,e as provideInputOtpUi};

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

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

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

@@ -0,0 +1,37 @@
+import { InputOtpCompactProps, InputOtpCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input-otp/input-otp-compact.vue.d.ts
+type __VLS_Slots = InputOtpCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  input: (value: string) => any;
+  select: (event: Event) => any;
+  "update:modelValue": (value: string) => any;
+  complete: (value: string) => any;
+  change: (event: Event) => any;
+  focus: (event: FocusEvent) => any;
+  blur: (event: FocusEvent) => any;
+  mouseover: (event: MouseEvent) => any;
+  mouseleave: (event: MouseEvent) => any;
+  paste: (event: ClipboardEvent) => any;
+}, string, _$vue.PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
+  onInput?: ((value: string) => any) | undefined;
+  onSelect?: ((event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onComplete?: ((value: string) => any) | undefined;
+  onChange?: ((event: Event) => any) | undefined;
+  onFocus?: ((event: FocusEvent) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
+  onMouseover?: ((event: MouseEvent) => any) | undefined;
+  onMouseleave?: ((event: MouseEvent) => any) | undefined;
+  onPaste?: ((event: ClipboardEvent) => 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-otp/input-otp-input.js

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

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

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

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

@@ -0,0 +1 @@
+import{useInputOtpUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`InputOtpPositioner`,__name:`input-otp-positioner`,setup(n){let s=e(`positioner`);return(e,n)=>(i(),t(`div`,{"data-slot":`positioner`,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -0,0 +1,18 @@
+import { InputOtpPositionerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input-otp/input-otp-positioner.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<InputOtpPositionerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<InputOtpPositionerProps> & 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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,55 @@
+import { InputOtpInputMode, InputOtpPushPasswordManagerStrategy, InputOtpRootProps, InputOtpSlotProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/input-otp/input-otp-root.vue.d.ts
+declare var __VLS_1: {
+  slots: InputOtpSlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
+  focus: () => void;
+  blur: () => void;
+  select: () => void;
+  readonly $el: HTMLInputElement | null;
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  input: (value: string) => any;
+  select: (event: Event) => any;
+  "update:modelValue": (value: string) => any;
+  complete: (value: string) => any;
+  change: (event: Event) => any;
+  focus: (event: FocusEvent) => any;
+  blur: (event: FocusEvent) => any;
+  mouseover: (event: MouseEvent) => any;
+  mouseleave: (event: MouseEvent) => any;
+  paste: (event: ClipboardEvent) => any;
+}, string, _$vue.PublicProps, Readonly<InputOtpRootProps> & Readonly<{
+  onInput?: ((value: string) => any) | undefined;
+  onSelect?: ((event: Event) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onComplete?: ((value: string) => any) | undefined;
+  onChange?: ((event: Event) => any) | undefined;
+  onFocus?: ((event: FocusEvent) => any) | undefined;
+  onBlur?: ((event: FocusEvent) => any) | undefined;
+  onMouseover?: ((event: MouseEvent) => any) | undefined;
+  onMouseleave?: ((event: MouseEvent) => any) | undefined;
+  onPaste?: ((event: ClipboardEvent) => any) | undefined;
+}>, {
+  autocomplete: string;
+  inputmode: InputOtpInputMode;
+  modelValue: string;
+  defaultValue: string;
+  pushPasswordManagerStrategy: InputOtpPushPasswordManagerStrategy;
+}, {}, {}, {}, 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-otp/regexp.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/input-otp/regexp.d.ts
+declare const REGEXP_ONLY_DIGITS = "^\\d+$";
+declare const REGEXP_ONLY_CHARS = "^[a-zA-Z]+$";
+declare const REGEXP_ONLY_DIGITS_AND_CHARS = "^[a-zA-Z0-9]+$";
+//#endregion
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };

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

@@ -0,0 +1 @@
+const e=`^\\d+$`,t=`^[a-zA-Z]+$`,n=`^[a-zA-Z0-9]+$`;export{t as REGEXP_ONLY_CHARS,e as REGEXP_ONLY_DIGITS,n as REGEXP_ONLY_DIGITS_AND_CHARS};

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

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

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

@@ -0,0 +1,113 @@
+import { UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { ComputedRef, HTMLAttributes, InputHTMLAttributes, ShallowRef } from "vue";
+
+//#region src/components/input-otp/types.d.ts
+type InputOtpInputMode = 'numeric' | 'text';
+type InputOtpPushPasswordManagerStrategy = 'increase-width' | 'none';
+interface InputOtpRootProps extends FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'onInput'> {
+  /** The id of the native input element. */
+  id?: string;
+  /** Autocomplete hint passed to the native input. */
+  autocomplete?: string;
+  /** Whether the input should be focused on mount. */
+  autofocus?: boolean;
+  /** Whether the input is disabled. */
+  disabled?: boolean;
+  /** Minimum length forwarded to the native input. */
+  minlength?: number;
+  /** Placeholder characters used by the visual slots. */
+  placeholder?: string;
+  /** Whether the input is readonly. */
+  readonly?: boolean;
+  /** Accessible label forwarded to the native input. */
+  'aria-label'?: string;
+  /** The controlled value of the OTP input. */
+  modelValue?: string;
+  /** The uncontrolled default value of the OTP input. */
+  defaultValue?: string;
+  /** The number of OTP slots. */
+  maxlength: number;
+  /** Virtual keyboard mode for mobile devices. */
+  inputmode?: InputOtpInputMode;
+  /** Pattern used to validate the whole OTP value. */
+  pattern?: string | RegExp;
+  /** Strategy used to avoid overlapping password manager badges. */
+  pushPasswordManagerStrategy?: InputOtpPushPasswordManagerStrategy;
+  /** Transform pasted content before it is inserted. */
+  pasteTransformer?: (pasted: string | undefined) => string;
+}
+type InputOtpRootEmits = {
+  'update:modelValue': [value: string];
+  complete: [value: string];
+  input: [value: string];
+  change: [event: Event];
+  select: [event: Event];
+  focus: [event: FocusEvent];
+  blur: [event: FocusEvent];
+  mouseover: [event: MouseEvent];
+  mouseleave: [event: MouseEvent];
+  paste: [event: ClipboardEvent];
+};
+interface InputOtpPositionerProps extends /** @vue-ignore */HTMLAttributes {}
+interface InputOtpInputProps extends /** @vue-ignore */InputHTMLAttributes {}
+interface InputOtpCompactProps extends InputOtpRootProps {}
+type InputOtpCompactEmits = InputOtpRootEmits;
+type InputOtpCompactSlots = {
+  default?: (props: InputOtpRootSlotProps) => any;
+};
+interface InputOtpSlotProps {
+  /** The typed character at the current slot. */
+  char: string | null;
+  /** Placeholder character rendered when the slot is empty. */
+  placeholderChar: string | null;
+  /** Whether the slot is covered by the current selection or caret. */
+  isActive: boolean;
+  /** Whether the slot should render a fake caret. */
+  hasFakeCaret: boolean;
+}
+interface InputOtpRootSlotProps {
+  slots: InputOtpSlotProps[];
+  isFocused: boolean;
+  isHovering: boolean;
+}
+interface InputOtpRootContext {
+  autocomplete: ComputedRef<string | undefined>;
+  autofocus: ComputedRef<boolean | undefined>;
+  disabled: ComputedRef<boolean | undefined>;
+  inputAttrs: ComputedRef<Record<string, unknown>>;
+  modelValue: ComputedRef<string>;
+  slots: ComputedRef<InputOtpSlotProps[]>;
+  willPushPWMBadge: ComputedRef<boolean>;
+  isFocused: ShallowRef<boolean>;
+  isHovering: ShallowRef<boolean>;
+  inputElement: ShallowRef<HTMLInputElement | null>;
+  inputmode: ComputedRef<InputOtpInputMode | undefined>;
+  maxlength: ComputedRef<number>;
+  minlength: ComputedRef<number | undefined>;
+  mirrorSelectionStart: ShallowRef<number | null>;
+  mirrorSelectionEnd: ShallowRef<number | null>;
+  name: ComputedRef<string | undefined>;
+  pattern: ComputedRef<string | undefined>;
+  readonly: ComputedRef<boolean | undefined>;
+  required: ComputedRef<boolean | undefined>;
+  resolvedAccessibleLabel: ComputedRef<string>;
+  resolvedId: ComputedRef<string | undefined>;
+  resolvedPlaceholder: ComputedRef<string | undefined>;
+  focus: () => void;
+  blur: () => void;
+  select: () => void;
+  onBeforeInput: (event: InputEvent) => void;
+  onNativeChange: (event: Event) => void;
+  onNativeSelect: (event: Event) => void;
+  onMouseOver: (event: MouseEvent) => void;
+  onMouseLeave: (event: MouseEvent) => void;
+  onPaste: (event: ClipboardEvent) => void;
+  onInput: (event: Event) => void;
+  onFocus: (event: FocusEvent) => void;
+  onBlur: (event: FocusEvent) => void;
+}
+type InputOtpUiSlot = 'root' | 'positioner' | 'input' | 'group' | 'slot' | 'char' | 'placeholder' | 'caret';
+type InputOtpUi = UiClass<InputOtpUiSlot>;
+//#endregion
+export { InputOtpCompactEmits, InputOtpCompactProps, InputOtpCompactSlots, InputOtpInputMode, InputOtpInputProps, InputOtpPositionerProps, InputOtpPushPasswordManagerStrategy, InputOtpRootContext, InputOtpRootEmits, InputOtpRootProps, InputOtpRootSlotProps, InputOtpSlotProps, InputOtpUi, InputOtpUiSlot };

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

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

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { LayoutUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/layout/context.d.ts
-declare const provideLayoutUi: (ui: _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>, useLayoutUi: <S extends LayoutUiSlot | undefined = undefined>(slot?: S | undefined) => S extends LayoutUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>;
+declare const provideLayoutUi: (ui: _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<LayoutUiSlot>>>, useLayoutUi: UseUiConsumer<LayoutUiSlot>;
 //#endregion
 export { provideLayoutUi };

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

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

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

@@ -16,9 +16,9 @@ declare const __VLS_base: _$vue.DefineComponent<LayoutRootProps, {}, {}, {}, {},
 }>, {
   collapsible: LayoutCollapsible;
   open: boolean;
-  variant: LayoutVariant;
   defaultOpen: boolean;
   side: LayoutSide;
+  variant: LayoutVariant;
   sidebarWidth: number;
   collapsedSidebarWidth: number;
   isMobile: boolean;

package/dist/components/link/link.js

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

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

@@ -13,8 +13,8 @@ type Slots = {
 type __VLS_Slots = Slots;
 declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | _$vue.Component;
   replace: boolean;
+  as: AsTag | _$vue.Component;
   external: boolean;
   viewTransition: boolean;
   rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;

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

@@ -1,8 +1,9 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ListUiSlot } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/list/context.d.ts
-declare const provideListUi: (ui: _$vue.ComputedRef<Partial<UiClass<ListUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: <S extends ListUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ListUiSlot>>>;
+declare const provideListUi: (ui: _$vue.ComputedRef<Partial<UiClass<ListUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ListUiSlot>>>, useListUi: UseUiConsumer<ListUiSlot>;
 //#endregion
 export { provideListUi };

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

@@ -1,7 +1,8 @@
-import { ClassValue, UiClass } from "../../types/common.js";
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
 import { ListboxUiSlot } from "./types.js";
 import * as _$vue from "vue";
 //#region src/components/listbox/context.d.ts
-declare const provideListboxUi: (ui: _$vue.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: <S extends ListboxUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ListboxUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ListboxUiSlot>>>;
+declare const provideListboxUi: (ui: _$vue.ComputedRef<Partial<UiClass<ListboxUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ListboxUiSlot>>>, useListboxUi: UseUiConsumer<ListboxUiSlot>;
 //#endregion
 export { provideListboxUi };

package/dist/components/listbox/context.js

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

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

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