@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

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

@@ -1,10 +1,10 @@
 import { TagsInputClearProps, TagsInputCompactEmits, TagsInputCompactProps, TagsInputCompactSlotProps, TagsInputCompactSlots, TagsInputControlProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot } from "./types.js";
-import { _default as _default$1 } from "./tags-input-compact.vue.js";
-import { _default as _default$6 } from "./tags-input-root.vue.js";
-import { _default as _default$3 } from "./tags-input-item.vue.js";
-import { _default as _default$5 } from "./tags-input-item-text.vue.js";
-import { _default as _default$4 } from "./tags-input-item-delete.vue.js";
-import { _default as _default$2 } from "./tags-input-control.vue.js";
-import { _default } from "./tags-input-clear.vue.js";
+import _default$1 from "./tags-input-compact.vue.js";
+import _default$6 from "./tags-input-root.vue.js";
+import _default$3 from "./tags-input-item.vue.js";
+import _default$5 from "./tags-input-item-text.vue.js";
+import _default$4 from "./tags-input-item-delete.vue.js";
+import _default$2 from "./tags-input-control.vue.js";
+import _default from "./tags-input-clear.vue.js";
 import { provideTagsInputUi } from "./context.js";
 export { _default as TagsInputClear, type TagsInputClearProps, _default$1 as TagsInputCompact, type TagsInputCompactEmits, type TagsInputCompactProps, type TagsInputCompactSlotProps, type TagsInputCompactSlots, _default$2 as TagsInputControl, type TagsInputControlProps, _default$3 as TagsInputItem, _default$4 as TagsInputItemDelete, type TagsInputItemDeleteProps, type TagsInputItemProps, _default$5 as TagsInputItemText, type TagsInputItemTextProps, _default$6 as TagsInputRoot, type TagsInputRootEmits, type TagsInputRootProps, type TagsInputUi, type TagsInputUiSlot, provideTagsInputUi };

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

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

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tags-input-clear.js";import r from"./tags-input-control.js";import i from"./tags-input-item-delete.js";import a from"./tags-input-item-text.js";import o from"./tags-input-item.js";import s from"./tags-input-root.js";import{Fragment as c,createBlock as l,createElementBlock as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,withCtx as x}from"vue";const S=f({name:`TagsInputCompact`,__name:`tags-input-compact`,props:{clearable:{type:Boolean},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{type:Function},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(f,{emit:S}){let C=f,w=S,T=t(C,[`clearable`,`controlProps`,`clearProps`,`itemProps`,`itemTextProps`,`itemDeleteProps`]),E=e(w);return(e,t)=>(g(),l(s,m(b(T),y(b(E))),{default:x(({modelValue:t,clear:s})=>[(g(!0),u(c,null,_(t,(t,n)=>(g(),l(o,{key:t,value:t},{default:x(({onDelete:r,displayedValue:o})=>[v(e.$slots,`item`,{value:t,index:n,displayedValue:o,onDelete:r,onClear:s},()=>[d(a),d(i)])]),_:2},1032,[`value`]))),128)),d(r,h(p(f.controlProps)),null,16),d(n,h(p(f.clearProps)),null,16)]),_:3},16))}});export{S as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tags-input-clear.js";import r from"./tags-input-control.js";import i from"./tags-input-item-delete.js";import a from"./tags-input-item-text.js";import o from"./tags-input-item.js";import s from"./tags-input-root.js";import{Fragment as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TagsInputCompact`,__name:`tags-input-compact`,props:{clearable:{type:Boolean,default:!0},controlProps:{},clearProps:{},itemProps:{},itemTextProps:{},itemDeleteProps:{},dir:{},modelValue:{},defaultValue:{},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{},max:{},displayValue:{},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`clearable`,`controlProps`,`clearProps`,`itemProps`,`itemTextProps`,`itemDeleteProps`]),D=e(T);return(e,t)=>(_(),l(s,h(x(E),b(x(D))),{default:S(({modelValue:t,clear:s})=>[(_(!0),d(c,null,v(t,(t,n)=>(_(),l(o,h({key:`${n}-${t}`,ref_for:!0},p.itemProps,{value:t}),{default:S(({onDelete:r,displayedValue:o})=>[y(e.$slots,`item`,{value:t,index:n,displayedValue:o,onDelete:r,onClear:s},()=>[f(a,h({ref_for:!0},p.itemTextProps),null,16),f(i,h({ref_for:!0},p.itemDeleteProps),null,16)])]),_:2},1040,[`value`]))),128)),f(r,g(m(p.controlProps)),null,16),p.clearable?(_(),l(n,g(h({key:0},p.clearProps)),null,16)):u(`v-if`,!0)]),_:3},16))}});export{C as default};

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

@@ -1,18 +1,19 @@
 import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
-
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  invalid: (value: string) => any;
   "update:modelValue": (value: string[]) => any;
+  invalid: (value: string) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
-  onInvalid?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onInvalid?: ((value: string) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+  clearable: boolean;
+}, {}, {}, {}, string, import("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 & {
@@ -21,4 +22,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,nextTick as o,normalizeClass as s,openBlock as c,ref as l,unref as u,useAttrs as d,withKeys as f}from"vue";const p=[`id`,`autofocus`,`placeholder`,`maxlength`,`minlength`,`aria-label`,`disabled`,`pattern`,`readonly`,`data-invalid`],m=a({name:`TagsInputControl`,__name:`tags-input-control`,setup(a){let m=d(),h=n(`control`),{id:g,autofocus:_,disabled:v,maxlength:y,minlength:b,pattern:x,placeholder:S,readonly:C,addOnPaste:w,addOnTab:T,addOnBlur:E,delimiter:D,isInvalidInput:O,onAddValue:k,onInputKeydown:A,selectedElement:j}=t(`TagsInputControl`),M=e(),N=r(()=>m[`aria-label`]??M.value.tagsInput.addTag),P=r(()=>!!m.disabled||v.value),F=l(!1),I=e=>{if(j.value=void 0,!E.value)return;let t=e.target,n=e.relatedTarget,r=t.getAttribute(`aria-controls`);if(r&&n?.closest(`#${r}`)||!t.value)return;let i=t.value.trim();if(!i){t.value=``;return}k(i)&&(t.value=``)},L=e=>{if(O.value=!1,e.data===null)return;let t=D.value??`,`;if(!(typeof t==`string`?t===e.data:new RegExp(t).test(e.data)))return;let n=e.target;n.value=n.value.replace(t,``);let r=n.value.trim();if(!r){n.value=``;return}k(r)&&(n.value=``)},R=e=>{if(!w.value)return;e.preventDefault();let t=e.clipboardData;if(!t)return;let n=t.getData(`text`),r=D.value??`,`;(typeof r==`string`?n.split(r):n.split(new RegExp(r))).forEach(e=>{let t=e.trim();t&&k(t)})},z=async e=>{if(F.value||e.defaultPrevented)return;await o();let t=e.target;if(!t.value)return;let n=t.value.trim();if(!n){t.value=``,e.preventDefault();return}k(n)&&(t.value=``),e.preventDefault()},B=e=>{T.value&&z(e)},V=()=>{F.value=!0},H=()=>{o(()=>{F.value=!1})};return(e,t)=>(c(),i(`input`,{id:u(g),class:s(u(h)),"data-soybean-tags-input-input":``,type:`text`,autocomplete:`off`,autocorrect:`off`,autocapitalize:`off`,autofocus:u(_),placeholder:u(S),maxlength:u(y),minlength:u(b),"aria-label":N.value,disabled:P.value,pattern:u(x),readonly:u(C),"data-invalid":u(O)?``:void 0,onInput:L,onKeydown:[f(z,[`enter`]),f(B,[`tab`]),t[0]||(t[0]=(...e)=>u(A)&&u(A)(...e))],onBlur:I,onPaste:R,onCompositionstart:V,onCompositionend:H},null,42,p))}});export{m as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createElementBlock as i,defineComponent as a,nextTick as o,normalizeClass as s,openBlock as c,ref as l,unref as u,useAttrs as d,withKeys as f}from"vue";const p=[`id`,`autofocus`,`placeholder`,`maxlength`,`minlength`,`aria-label`,`aria-controls`,`disabled`,`pattern`,`readonly`,`data-invalid`],m=a({name:`TagsInputControl`,__name:`tags-input-control`,setup(a){let m=d(),h=n(`control`),{id:g,autofocus:_,disabled:v,maxlength:y,minlength:b,pattern:x,placeholder:S,readonly:C,addOnPaste:w,addOnTab:T,addOnBlur:E,delimiter:D,isInvalidInput:O,onAddValue:k,onInputKeydown:A,selectedElement:j}=t(`TagsInputControl`),M=e(),N=r(()=>m[`aria-label`]??M.value.tagsInput.addTag),P=r(()=>g.value?`${g.value}-tags-list`:void 0),F=r(()=>!!m.disabled||v.value),I=l(!1),L=e=>{if(j.value=void 0,!E.value)return;let t=e.target,n=e.relatedTarget,r=t.getAttribute(`aria-controls`);if(r&&n?.closest(`#${r}`)||!t.value)return;let i=t.value.trim();if(!i){t.value=``;return}k(i)&&(t.value=``)},R=e=>{if(O.value=!1,e.data===null)return;let t=D.value??`,`;if(!(typeof t==`string`?t===e.data:new RegExp(t).test(e.data)))return;let n=e.target;n.value=n.value.replace(t,``);let r=n.value.trim();if(!r){n.value=``;return}k(r)&&(n.value=``)},z=e=>{if(!w.value)return;e.preventDefault();let t=e.clipboardData;if(!t)return;let n=t.getData(`text`),r=D.value??`,`;(typeof r==`string`?n.split(r):n.split(new RegExp(r))).forEach(e=>{let t=e.trim();t&&k(t)})},B=async e=>{if(I.value||e.defaultPrevented)return;await o();let t=e.target;if(!t.value)return;let n=t.value.trim();if(!n){t.value=``,e.preventDefault();return}k(n)&&(t.value=``),e.preventDefault()},V=e=>{T.value&&B(e)},H=()=>{I.value=!0},U=()=>{o(()=>{I.value=!1})};return(e,t)=>(c(),i(`input`,{id:u(g),class:s(u(h)),"data-soybean-tags-input-input":``,type:`text`,autocomplete:`off`,autocorrect:`off`,autocapitalize:`off`,autofocus:u(_),placeholder:u(S),maxlength:u(y),minlength:u(b),"aria-label":N.value,"aria-controls":P.value,disabled:F.value,pattern:u(x),readonly:u(C),"data-invalid":u(O)?``:void 0,onInput:R,onKeydown:[f(B,[`enter`]),f(V,[`tab`]),t[0]||(t[0]=(...e)=>u(A)&&u(A)(...e))],onBlur:L,onPaste:z,onCompositionstart:H,onCompositionend:U},null,42,p))}});export{m as default};

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

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

package/dist/components/tags-input/tags-input-item-delete.vue.d.ts

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

package/dist/components/tags-input/tags-input-item-text.js

@@ -1 +1 @@
-import{useTagsInputItemContext as e,useTagsInputUi as t}from"./context.js";import{createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toDisplayString as c,unref as l,useId as u}from"vue";const d=[`id`],f=i({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(i){let f=i,p=t(`itemText`),{displayedValue:m,textId:h}=e(`TagsInputItemText`),g=`soybean-tags-input-item-text-${u()}`;return h.value||(h.value=g),(e,t)=>(o(),n(`span`,a(f,{id:l(h),"data-soybean-tags-input-item-text":``,class:l(p)}),[s(e.$slots,`default`,{},()=>[r(c(l(m)),1)])],16,d))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{useTagsInputItemContext as t,useTagsInputUi as n}from"./context.js";import{createElementBlock as r,createTextVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u,useId as d}from"vue";const f=[`id`],p=a({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{}},setup(a){let p=a,m=n(`itemText`),h=e(p,[`as`,`asChild`]),{displayedValue:g,textId:_}=t(`TagsInputItemText`),v=`soybean-tags-input-item-text-${d()}`;return _.value||(_.value=v),(e,t)=>(s(),r(`span`,o(u(h),{id:u(_),"data-soybean-tags-input-item-text":``,class:u(m)}),[c(e.$slots,`default`,{},()=>[i(l(u(g)),1)])],16,f))}});export{p as default};

package/dist/components/tags-input/tags-input-item-text.vue.d.ts

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

package/dist/components/tags-input/tags-input-item.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTagsInputItemContext as n,useCollectionItem as r,useTagsInputRootContext as i,useTagsInputUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=c({name:`TagsInputItem`,__name:`tags-input-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`item`),{selectedElement:_,disabled:v,getItems:y,onRemoveValue:b,displayValue:x}=i(`TagsInputItem`),{itemElement:S,setItemElement:C}=r(()=>({value:h.value})),w=e(h,[`value`,`disabled`]),T=o(()=>_.value===S.value),E=o(()=>v.value||h.disabled),D=f(``),O=o(()=>x(h.value)),k=()=>{b(y().findIndex(e=>e.element===S.value))};return n({value:o(()=>h.value),displayedValue:O,isSelected:T,disabled:E,itemElement:S,textId:D,onDelete:k}),(e,n)=>(u(),s(p(t),l(p(w),{ref:p(C),"data-soybean-tags-input-item":``,"data-soybean-collection-item":``,class:p(g),"aria-labelledby":D.value||void 0,"aria-current":T.value?`true`:void 0,"data-disabled":E.value?``:void 0,"data-state":T.value?`active`:`inactive`}),{default:m(()=>[d(e.$slots,`default`,{onDelete:k,displayedValue:O.value})]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`data-disabled`,`data-state`]))}});export{h as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTagsInputItemContext as n,useCollectionItem as r,useTagsInputRootContext as i,useTagsInputUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,shallowRef as f,unref as p,withCtx as m}from"vue";const h=c({name:`TagsInputItem`,__name:`tags-input-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`item`),{selectedElement:_,disabled:v,getItems:y,onRemoveValue:b,displayValue:x}=i(`TagsInputItem`),{itemElement:S,setItemElement:C}=r(()=>({value:h.value})),w=e(h,[`value`,`disabled`]),T=o(()=>_.value===S.value),E=o(()=>v.value||h.disabled),D=f(``),O=o(()=>x(h.value)),k=()=>{let e=y().findIndex(e=>e.element===S.value);b(e)};return n({value:o(()=>h.value),displayedValue:O,isSelected:T,disabled:E,itemElement:S,textId:D,onDelete:k}),(e,n)=>(u(),s(p(t),l(p(w),{ref:p(C),"data-soybean-tags-input-item":``,"data-soybean-collection-item":``,class:p(g),"aria-labelledby":D.value||void 0,"aria-current":T.value?`true`:void 0,"data-disabled":E.value?``:void 0,"data-state":T.value?`active`:`inactive`}),{default:m(()=>[d(e.$slots,`default`,{onDelete:k,displayedValue:O.value})]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`data-disabled`,`data-state`]))}});export{h as default};

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

@@ -1,5 +1,4 @@
 import { TagsInputItemProps } from "./types.js";
-
 //#region src/components/tags-input/tags-input-item.vue.d.ts
 declare var __VLS_8: {
   onDelete: () => void;
@@ -17,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import"../../composables/index.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCollectionContext as c,provideTagsInputRootContext as l,useTagsInputUi as u}from"./context.js";import{computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b}from"vue";const x=[`dir`,`data-disabled`,`data-invalid`,`data-has-value`],S=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{dir:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{default:`,`},max:{default:0},displayValue:{},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:S}){let C=h,w=S,T=u(`root`),{getOrderedItems:E,getOrderedElements:D,onContainerElementChange:O}=c(),[k,A]=o(O),j=i(()=>C.dir),M=a(()=>C.modelValue,e=>{w(`update:modelValue`,e)},C.defaultValue??[]),N=y(),P=y(!1),F=d(()=>M.value.length>0),I=d(()=>n(k.value)),L=()=>E(),R=()=>D(),z=()=>{C.disabled||(M.value=[],N.value=void 0,P.value=!1)},B=e=>{if(C.disabled||e<0)return;let n=L()[e];n&&(M.value=t(M.value,e),w(`removeTag`,n.data.value))},V=e=>{if(C.disabled)return!1;let t=e.trim();if(!t)return!1;let n=M.value;if(C.max>0&&n.length>=C.max)return P.value=!0,w(`invalid`,t),!1;let r=n.some(e=>e===t);return!C.duplicate&&r?(P.value=!0,w(`invalid`,t),!1):(P.value=!1,M.value=[...n,t],w(`addTag`,t),!0)},H=t=>{if(C.disabled)return;let n=t.target;if(!n)return;let r=R();if(!r.length){N.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&j.value===`ltr`||t.key===`ArrowLeft`&&j.value===`rtl`,s=t.key===`ArrowLeft`&&j.value===`ltr`||t.key===`ArrowRight`&&j.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){N.value=void 0;break}if(N.value){let e=L().findIndex(e=>e.element===N.value),n=N.value===i?r.at(r.indexOf(N.value)-1):r.at(r.indexOf(N.value)+1);B(e),N.value=n,t.preventDefault()}else t.key===`Backspace`&&(N.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){N.value=void 0;break}if(s&&!N.value)N.value=i,t.preventDefault();else if(o&&N.value===i)N.value=void 0,t.preventDefault();else if(N.value){let n=e(t,N.value,void 0,{itemsArray:r,loop:!1,dir:j.value});n&&(N.value=n)}break;case`ArrowUp`:case`ArrowDown`:N.value&&t.preventDefault();break;default:N.value=void 0;break}};return l({...r(C,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`addOnPaste`,`addOnTab`,`addOnBlur`,`disabled`,`delimiter`,`max`]),modelValue:M,selectedElement:N,isInvalidInput:P,dir:j,onAddValue:V,onRemoveValue:B,onInputKeydown:H,onClear:z,getItems:L,displayValue:C.displayValue??(e=>e)}),(e,t)=>(_(),m(`div`,{ref:b(A),"data-soybean-tags-input-root":``,class:g(b(T)),role:`group`,dir:b(j),"data-disabled":h.disabled?``:void 0,"data-invalid":P.value?``:void 0,"data-has-value":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(M),clear:z}),I.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(M),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,x))}});export{S as default};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,transformPropsToContext as r}from"../../shared/vue.js";import{useDirection as i}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import"../../composables/index.js";import s from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import{provideCollectionContext as c,provideTagsInputRootContext as l,useTagsInputUi as u}from"./context.js";import{computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b}from"vue";const x=[`id`,`dir`,`data-disabled`,`data-invalid`,`data-has-value`],S=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{dir:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean},addOnTab:{type:Boolean},addOnBlur:{type:Boolean},duplicate:{type:Boolean},delimiter:{default:`,`},max:{default:0},displayValue:{},id:{},autofocus:{type:Boolean},autocomplete:{},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},type:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:S}){let C=h,w=S,T=u(`root`),{getOrderedItems:E,getOrderedElements:D,onContainerElementChange:O}=c(),[k,A]=o(O),j=i(()=>C.dir),M=a(()=>C.modelValue,e=>{w(`update:modelValue`,e)},C.defaultValue??[]),N=y(),P=y(!1),F=d(()=>M.value.length>0),I=d(()=>C.id?`${C.id}-tags-list`:void 0),L=d(()=>n(k.value)),R=()=>E(),z=()=>D(),B=()=>{C.disabled||(M.value=[],N.value=void 0,P.value=!1)},V=e=>{if(C.disabled||e<0)return;let n=R()[e];n&&(M.value=t(M.value,e),w(`removeTag`,n.data.value))},H=e=>{if(C.disabled)return!1;let t=e.trim();if(!t)return!1;let n=M.value;if(C.max>0&&n.length>=C.max)return P.value=!0,w(`invalid`,t),!1;let r=n.some(e=>e===t);return!C.duplicate&&r?(P.value=!0,w(`invalid`,t),!1):(P.value=!1,M.value=[...n,t],w(`addTag`,t),!0)},U=t=>{if(C.disabled)return;let n=t.target;if(!n)return;let r=z();if(!r.length){N.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&j.value===`ltr`||t.key===`ArrowLeft`&&j.value===`rtl`,s=t.key===`ArrowLeft`&&j.value===`ltr`||t.key===`ArrowRight`&&j.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){N.value=void 0;break}if(N.value){let e=R().findIndex(e=>e.element===N.value),n=N.value===i?r.at(r.indexOf(N.value)-1):r.at(r.indexOf(N.value)+1);V(e),N.value=n,t.preventDefault()}else t.key===`Backspace`&&(N.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){N.value=void 0;break}if(s&&!N.value)N.value=i,t.preventDefault();else if(o&&N.value===i)N.value=void 0,t.preventDefault();else if(N.value){let n=e(t,N.value,void 0,{itemsArray:r,loop:!1,dir:j.value});n&&(N.value=n)}break;case`ArrowUp`:case`ArrowDown`:N.value&&t.preventDefault();break;default:N.value=void 0}};return l({...r(C,[`id`,`autofocus`,`disabled`,`maxlength`,`minlength`,`pattern`,`placeholder`,`readonly`,`addOnPaste`,`addOnTab`,`addOnBlur`,`delimiter`,`max`]),modelValue:M,selectedElement:N,isInvalidInput:P,dir:j,onAddValue:H,onRemoveValue:V,onInputKeydown:U,onClear:B,getItems:R,displayValue:C.displayValue??(e=>e)}),(e,t)=>(_(),m(`div`,{id:I.value,ref:b(A),"data-soybean-tags-input-root":``,class:g(b(T)),role:`group`,dir:b(j),"data-disabled":h.disabled?``:void 0,"data-invalid":P.value?``:void 0,"data-has-value":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(M),clear:B}),L.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(M),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,x))}});export{S as default};

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

@@ -1,5 +1,4 @@
 import { TagsInputRootProps } from "./types.js";
-
 //#region src/components/tags-input/tags-input-root.vue.d.ts
 declare var __VLS_1: {
   modelValue: string[];
@@ -9,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TagsInputRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  invalid: (value: string) => any;
   "update:modelValue": (value: string[]) => any;
+  invalid: (value: string) => any;
   addTag: (value: string) => any;
   removeTag: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TagsInputRootProps> & Readonly<{
-  onInvalid?: ((value: string) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onInvalid?: ((value: string) => any) | undefined;
   onAddTag?: ((value: string) => any) | undefined;
   onRemoveTag?: ((value: string) => any) | undefined;
 }>, {
   max: number;
-  defaultValue: string[];
   modelValue: string[];
+  defaultValue: string[];
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -32,4 +31,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,11 +1,12 @@
 import { Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
+import "../../composables/index.js";
 import { InputBaseProps } from "../input/types.js";
 import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
-
 //#region src/components/tags-input/types.d.ts
 /**
  * Properties for the TagsInputRoot component.
@@ -124,7 +125,8 @@ interface TagsInputCompactSlotProps {
  * Slots for the TagsInputCompact component.
  */
 type TagsInputCompactSlots = {
-  /** Custom item content or full item replacement. */item?: (props: TagsInputCompactSlotProps) => any;
+  /** Custom item content or full item replacement. */
+  item?: (props: TagsInputCompactSlotProps) => any;
 };
 /**
  * Available UI slots for the TagsInput component.

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

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

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

@@ -1,8 +1,8 @@
 import { TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot } from "./types.js";
-import { _default as _default$1 } from "./textarea-compact.vue.js";
-import { _default as _default$4 } from "./textarea-root.vue.js";
-import { _default as _default$2 } from "./textarea-control.vue.js";
-import { _default } from "./textarea-clear.vue.js";
-import { _default as _default$3 } from "./textarea-counter.vue.js";
+import _default$1 from "./textarea-compact.vue.js";
+import _default$4 from "./textarea-root.vue.js";
+import _default$2 from "./textarea-control.vue.js";
+import _default from "./textarea-clear.vue.js";
+import _default$3 from "./textarea-counter.vue.js";
 import { provideTextareaUi } from "./context.js";
 export { _default as TextareaClear, type TextareaClearEmits, type TextareaClearProps, _default$1 as TextareaCompact, type TextareaCompactEmits, type TextareaCompactProps, type TextareaCompactSlotProps, type TextareaCompactSlots, _default$2 as TextareaControl, type TextareaControlProps, _default$3 as TextareaCounter, type TextareaCounterProps, _default$4 as TextareaRoot, type TextareaRootEmits, type TextareaRootProps, type TextareaUi, type TextareaUiSlot, provideTextareaUi };

package/dist/components/textarea/shared.js

@@ -1 +1 @@
-function e(e){let t=window.getComputedStyle(e),n=t.lineHeight;return n===`normal`?Number.parseFloat(t.fontSize)*1.2:Number.parseFloat(n)}function t(t,n){if(!n||!t)return;let r=window.getComputedStyle(t),i=Number.parseFloat(r.paddingTop),a=Number.parseFloat(r.paddingBottom),o=e(t);t.style.height=`auto`;let s=t.scrollHeight;if(n.minRows){let e=o*n.minRows+i+a;s=Math.max(s,e)}if(n.maxRows){let e=o*n.maxRows+i+a;s=Math.min(s,e)}t.style.height=`${s}px`,n.maxRows&&t.scrollHeight>s?t.style.overflowY=`auto`:t.style.overflowY=`hidden`}export{t as adjustHeight};
+function e(e){let t=window.getComputedStyle(e),n=t.lineHeight;return n===`normal`?Number.parseFloat(t.fontSize)*1.2:Number.parseFloat(n)}function t(t,n){if(!n||!t)return;let r=window.getComputedStyle(t),i=Number.parseFloat(r.paddingTop),a=Number.parseFloat(r.paddingBottom),o=e(t);t.style.height=`auto`;let s=t.scrollHeight;if(n.minRows){let e=o*n.minRows+i+a;s=Math.max(s,e)}if(n.maxRows){let e=o*n.maxRows+i+a;s=Math.min(s,e)}t.style.height=`${s}px`,n.maxRows&&t.scrollHeight>s?t.style.overflowY=`auto`:t.style.overflowY=`hidden`}export{t as adjustHeight,e as calculateLineHeight};

package/dist/components/textarea/textarea-clear.vue.d.ts

@@ -1,5 +1,4 @@
 import { TextareaClearProps } from "./types.js";
-
 //#region src/components/textarea/textarea-clear.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -18,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/textarea/textarea-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"./textarea-clear.js";import r from"./textarea-control.js";import i from"./textarea-counter.js";import a from"./textarea-root.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";const _=l({name:`TextareaCompact`,__name:`textarea-compact`,props:{textareaRef:{type:Function},clearable:{type:Boolean},showCounter:{type:Boolean},controlProps:{},clearProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(l,{emit:_}){let v=l,y=_,b=t(v,[`textareaRef`,`clearable`,`showCounter`,`controlProps`,`clearProps`,`counterProps`]),[x,S]=e(e=>v.textareaRef?.(e));return(e,t)=>(p(),o(a,d(h(b),{"onUpdate:modelValue":t[1]||(t[1]=e=>y(`update:modelValue`,e))}),{default:g(a=>[c(r,d(l.controlProps,{ref:h(S)}),null,16),l.clearable?m(e.$slots,`clear`,f(d({key:0},a)),()=>[c(n,d(l.clearProps,{onClear:t[0]||(t[0]=e=>y(`clear`,e))}),null,16)]):s(`v-if`,!0),l.showCounter?m(e.$slots,`counter`,f(d({key:1},a)),()=>[c(i,f(u(l.counterProps)),null,16)]):s(`v-if`,!0),m(e.$slots,`footer`,f(u(a)))]),_:3},16))}});export{_ 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"./textarea-clear.js";import r from"./textarea-control.js";import i from"./textarea-counter.js";import a from"./textarea-root.js";import{createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g}from"vue";const _=l({name:`TextareaCompact`,__name:`textarea-compact`,props:{textareaRef:{type:Function},clearable:{type:Boolean},showCounter:{type:Boolean},controlProps:{},clearProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`clear`],setup(l,{emit:_}){let v=l,y=_,b=t(v,[`textareaRef`,`clearable`,`showCounter`,`controlProps`,`clearProps`,`counterProps`]),[x,S]=e(e=>v.textareaRef?.(e));return(e,t)=>(p(),o(a,d(h(b),{"onUpdate:modelValue":t[1]||(t[1]=e=>y(`update:modelValue`,e))}),{default:g(a=>[c(r,d(l.controlProps,{ref:h(S)}),null,16),l.clearable?m(e.$slots,`clear`,f(u(a)),()=>[c(n,d(l.clearProps,{onClear:t[0]||(t[0]=e=>y(`clear`,e))}),null,16)],void 0,0):s(`v-if`,!0),l.showCounter?m(e.$slots,`counter`,f(u(a)),()=>[c(i,f(u(l.counterProps)),null,16)],void 0,1):s(`v-if`,!0),m(e.$slots,`footer`,f(u(a)))]),_:3},16))}});export{_ as default};

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

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

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

@@ -1 +1 @@
-import{useTextareaRootContext as e,useTextareaUi as t}from"./context.js";import{adjustHeight as n}from"./shared.js";import{createElementBlock as r,defineComponent as i,nextTick as a,normalizeClass as o,normalizeStyle as s,openBlock as c,ref as l,unref as u,watch as d}from"vue";const f=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`placeholder`,`readonly`,`value`],p=i({name:`TextareaControl`,__name:`textarea-control`,setup(i){let{modelValue:p,id:m,autofocus:h,placeholder:g,disabled:_,readonly:v,maxlength:y,minlength:b,autosizeOptions:x}=e(`TextareaControl`),S=t(`control`),C=l(null),w=e=>{p.value=e.target.value};return d(p,async()=>{x.value&&(await a(),n(C.value,x.value))},{immediate:!0,flush:`post`}),(e,t)=>(c(),r(`textarea`,{id:u(m),ref_key:`textareaRef`,ref:C,"data-soybean-textarea-control":``,class:o(u(S)),"aria-disabled":u(_)??void 0,"aria-roledescription":`Textarea`,autocorrect:`off`,autofocus:u(h),"data-disabled":u(_)?``:void 0,"data-readonly":u(v)?``:void 0,disabled:u(_),maxlength:u(y),minlength:u(b),placeholder:u(g),readonly:u(v),spellcheck:`false`,tabindex:`0`,value:u(p),style:s(u(x)?{resize:`none`,overflowY:`hidden`}:void 0),onInput:w},null,46,f))}});export{p as default};
+import{useTextareaRootContext as e,useTextareaUi as t}from"./context.js";import{adjustHeight as n}from"./shared.js";import{createElementBlock as r,defineComponent as i,nextTick as a,normalizeClass as o,normalizeStyle as s,openBlock as c,ref as l,unref as u,watch as d}from"vue";const f=[`id`,`aria-disabled`,`autofocus`,`data-disabled`,`data-readonly`,`disabled`,`maxlength`,`minlength`,`placeholder`,`readonly`,`value`],p=i({name:`TextareaControl`,__name:`textarea-control`,setup(i){let{modelValue:p,id:m,autofocus:h,placeholder:g,disabled:_,readonly:v,maxlength:y,minlength:b,autosizeOptions:x}=e(`TextareaControl`),S=t(`control`),C=l(null),w=e=>{p.value=e.target.value};return d([p,x],async()=>{x.value&&(await a(),n(C.value,x.value))},{immediate:!0,flush:`post`}),(e,t)=>(c(),r(`textarea`,{id:u(m),ref_key:`textareaRef`,ref:C,"data-soybean-textarea-control":``,class:o(u(S)),"aria-disabled":u(_)??void 0,"aria-roledescription":`Textarea`,autocorrect:`off`,autofocus:u(h),"data-disabled":u(_)?``:void 0,"data-readonly":u(v)?``:void 0,disabled:u(_),maxlength:u(y),minlength:u(b),placeholder:u(g),readonly:u(v),spellcheck:`false`,tabindex:`0`,value:u(p),style:s(u(x)?{resize:`none`,overflowY:`hidden`}:void 0),onInput:w},null,46,f))}});export{p as default};

package/dist/components/textarea/textarea-control.vue.d.ts

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

package/dist/components/textarea/textarea-counter.vue.d.ts

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

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

@@ -1,5 +1,4 @@
 import { TextareaRootProps } from "./types.js";
-
 //#region src/components/textarea/textarea-root.vue.d.ts
 declare var __VLS_1: {
   modelValue: string;
@@ -25,4 +24,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { ButtonProps } from "../button/types.js";
 import { ComputedRef, ShallowRef, TextareaHTMLAttributes } from "vue";
-
 //#region src/components/textarea/types.d.ts
 /**
  * Type information for TextareaAutosizeOptions.
@@ -158,4 +158,4 @@ type TextareaCompactSlots = {
   footer?: (props: TextareaCompactSlotProps) => any;
 };
 //#endregion
-export { TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };
+export { TextareaAutosizeOptions, TextareaBaseProps, TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };

package/dist/components/time-field/context.d.ts

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

package/dist/components/time-field/index.d.ts

@@ -1,8 +1,8 @@
 import { TimeValue } from "../../date/types.js";
 import { DateFieldInputProps } from "../date-field/types.js";
-import { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot } from "./types.js";
-import { _default } from "./time-field-compact.vue.js";
-import { _default as _default$2 } from "./time-field-root.vue.js";
-import { _default as _default$1 } from "./time-field-input.vue.js";
+import { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldCompactSlots, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot } from "./types.js";
+import _default from "./time-field-compact.vue.js";
+import _default$2 from "./time-field-root.vue.js";
+import _default$1 from "./time-field-input.vue.js";
 import { provideTimeFieldUi } from "./context.js";
-export { _default as TimeFieldCompact, type TimeFieldCompactEmits, type TimeFieldCompactProps, _default$1 as TimeFieldInput, type DateFieldInputProps as TimeFieldInputProps, _default$2 as TimeFieldRoot, type TimeFieldRootEmits, type TimeFieldRootProps, type TimeFieldRootSlotProps, type TimeFieldRootSlots, type TimeFieldUi, type TimeFieldUiSlot, type TimeValue, provideTimeFieldUi };
+export { _default as TimeFieldCompact, type TimeFieldCompactEmits, type TimeFieldCompactProps, type TimeFieldCompactSlots, _default$1 as TimeFieldInput, type DateFieldInputProps as TimeFieldInputProps, _default$2 as TimeFieldRoot, type TimeFieldRootEmits, type TimeFieldRootProps, type TimeFieldRootSlotProps, type TimeFieldRootSlots, type TimeFieldUi, type TimeFieldUiSlot, type TimeValue, provideTimeFieldUi };

package/dist/components/time-field/time-field-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./time-field-input.js";import r from"./time-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=c({name:`TimeFieldCompact`,__name:`time-field-compact`,props:{inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:g}){let _=c,v=g,y=t(_,[`inputProps`]),b=e(v);return(e,t)=>(u(),a(r,l(m(y),p(m(b))),{default:h(e=>[(u(!0),o(i,null,d(e.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:h(()=>[s(f(e.value),1)]),_:2},1040,[`part`]))),128))]),_:1},16))}});export{g as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./time-field-input.js";import r from"./time-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=c({name:`TimeFieldCompact`,__name:`time-field-compact`,props:{inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:_}){let v=c,y=_,b=t(v,[`inputProps`]),x=e(y);return(e,t)=>(u(),a(r,l(h(b),m(h(x))),{default:g(t=>[f(e.$slots,`leading`),(u(!0),o(i,null,d(t.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:g(()=>[s(p(e.value),1)]),_:2},1040,[`part`]))),128)),f(e.$slots,`trailing`)]),_:3},16))}});export{_ as default};

package/dist/components/time-field/time-field-compact.vue.d.ts

@@ -1,14 +1,20 @@
 import { TimeValue } from "../../date/types.js";
-import { TimeFieldCompactProps } from "./types.js";
-
+import { TimeFieldCompactProps, TimeFieldCompactSlots } from "./types.js";
 //#region src/components/time-field/time-field-compact.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<TimeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Slots = TimeFieldCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<TimeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (time: TimeValue | undefined) => any;
   "update:placeholder": (time: TimeValue) => any;
 }, string, import("vue").PublicProps, Readonly<TimeFieldCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("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 };
+export { _default as default };

package/dist/components/time-field/time-field-input.js

@@ -1 +1 @@
-import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeFieldRootContext as n,useTimeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeFieldInput`,__name:`time-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`TimeFieldInput`),D=l(!0),{attributes:O,handleSegmentClick:k,handleSegmentFocusOut:A,handleSegmentKeydown:j}=e({hasLeftFocus:D,lastKeyZero:l(!1),placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:g,readonly:_,focusNext:C,modelValue:w}),M=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),N=i(()=>m.part===`literal`?{}:{mousedown:k,keydown:j,focusout:()=>{D.value=!0,A()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s(f(O),{as:o.as,"as-child":o.asChild,"data-soybean-time-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:M.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(_)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(N.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};
+import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeFieldRootContext as n,useTimeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeFieldInput`,__name:`time-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`TimeFieldInput`),D=l(!0),O=l(!1),{attributes:k,handleSegmentClick:A,handleSegmentFocusOut:j,handleSegmentKeydown:M}=e({hasLeftFocus:D,lastKeyZero:O,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:g,readonly:_,focusNext:C,modelValue:w}),N=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),P=i(()=>m.part===`literal`?{}:{mousedown:A,keydown:M,focusout:()=>{D.value=!0,j()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s(f(k),{as:o.as,"as-child":o.asChild,"data-soybean-time-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:N.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(_)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(P.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};

package/dist/components/time-field/time-field-input.vue.d.ts

@@ -1,5 +1,7 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { DateFieldInputProps } from "../date-field/types.js";
+import "./types.js";
 //#region src/components/time-field/time-field-input.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -16,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/time-field/time-field-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as r}from"../../date/comparators.js";import{useDateFormatter as i}from"../../date/formatter.js";import{getTimeInputType as a,normalizeDateStep as o,normalizeHourCycle as s,normalizeTimeInputValue as c}from"../../date/utils.js";import{createContent as l,syncTimeSegmentValues as u}from"../../date/parser.js";import{getSegmentElements as d}from"../../date/segment.js";import{useDirection as f,useLocale as p}from"../config-provider/context.js";import{useLocaleMessages as m}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as h}from"../../composables/use-controllable-state.js";import{useForwardElement as g}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as _}from"../primitive/primitive.js";import"../primitive/index.js";import v from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeFieldRootContext as y,useTimeFieldUi as b}from"./context.js";import{computed as x,createBlock as S,createVNode as C,defineComponent as w,nextTick as T,normalizeClass as E,onMounted as D,openBlock as ee,renderSlot as te,shallowRef as O,unref as k,watch as A,withCtx as j}from"vue";const M=w({name:`TimeFieldRoot`,__name:`time-field-root`,props:{defaultValue:{default:void 0},modelValue:{},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},granularity:{default:void 0},maxValue:{},minValue:{},isTimeUnavailable:{type:Function,default:void 0},id:{},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(w,{emit:M}){let N=w,P=M,F=b(`root`),[I,L]=g(),R=p(()=>N.locale),z=f(()=>N.dir),B=m(),V=i(R.value,{hourCycle:s(N.hourCycle)}),H=h(()=>N.modelValue,e=>P(`update:modelValue`,e),N.defaultValue,!0),ne=t({defaultPlaceholder:N.placeholder,defaultValue:H.value}),U=h(()=>N.placeholder,e=>P(`update:placeholder`,e),N.defaultPlaceholder??ne.copy()),W=x(()=>N.granularity??`minute`),G=x(()=>o(N.step)),K=x(()=>H.value?!!(N.isTimeUnavailable?.(H.value)||N.minValue&&n(H.value,N.minValue)||N.maxValue&&n(N.maxValue,H.value)):!1),q=O(H.value?{...u({value:H.value,formatter:V})}:{...u({value:U.value,formatter:V})}),J=x(()=>l({granularity:W.value,dateRef:U.value,formatter:V,hideTimeZone:N.hideTimeZone,hourCycle:N.hourCycle,segmentValues:q.value,locale:R,isTimeValue:!0,dateMessages:B.value.date}).arr),Y=O([]),X=O(null),Z=()=>{I.value&&(Y.value=d(I.value))};A(R,e=>{V.getLocale()!==e&&V.setLocale(e),T(Z)}),A(H,t=>{!e(t)&&!r(U.value,t)&&(U.value=t.copy())}),A([H,R,W],([t])=>{if(!e(t)){q.value={...u({value:t,formatter:V})};return}q.value={...u({value:U.value,formatter:V})}});let re=x(()=>Y.value.findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===X.value?.getAttribute(`data-soybean-date-field-segment`))),Q=e=>{let t=z.value===`rtl`?-1:1,n=e===`next`?t:-t;Y.value[re.value+n]?.focus()},$=x(()=>a(W.value)),ie=x(()=>c(H.value,W.value)),ae=x(()=>N.maxValue?c(N.maxValue,W.value):void 0),oe=x(()=>N.minValue?c(N.minValue,W.value):void 0),se=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),Q(e.key===`ArrowRight`?`next`:`prev`))};return y({modelValue:H,placeholder:U,isTimeUnavailable:N.isTimeUnavailable,isInvalid:K,disabled:x(()=>N.disabled),readonly:x(()=>N.readonly),formatter:V,hourCycle:N.hourCycle,step:G,segmentValues:q,inputType:$,focusNext(){Q(`next`)},setFocusedElement(e){X.value=e}}),D(Z),(e,t)=>(ee(),S(k(_),{ref:k(L),as:w.as,"as-child":w.asChild,"data-soybean-time-field-root":``,class:E(k(F)),"data-disabled":w.disabled?``:void 0,"data-invalid":K.value?``:void 0,"data-readonly":w.readonly?``:void 0,dir:k(z),role:`group`,onKeydown:se},{default:j(()=>[te(e.$slots,`default`,{isInvalid:K.value,modelValue:k(H),segments:J.value}),C(k(v),{id:w.id,as:`input`,feature:`focusable`,type:$.value,tabindex:`-1`,value:ie.value,name:w.name,disabled:w.disabled,required:w.required,max:ae.value,min:oe.value,onFocus:t[0]||(t[0]=e=>Y.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{M as default};
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as r}from"../../date/comparators.js";import{useDateFormatter as i}from"../../date/formatter.js";import{getTimeInputType as a,normalizeDateStep as o,normalizeHourCycle as s,normalizeTimeInputValue as c}from"../../date/utils.js";import{createContent as l,syncTimeSegmentValues as u}from"../../date/parser.js";import{getSegmentElements as d}from"../../date/segment.js";import{useDirection as f,useLocale as p}from"../config-provider/context.js";import{useLocaleMessages as m}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as h}from"../../composables/use-controllable-state.js";import{useForwardElement as g}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as _}from"../primitive/primitive.js";import"../primitive/index.js";import v from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeFieldRootContext as y,useTimeFieldUi as b}from"./context.js";import{computed as x,createBlock as S,createVNode as C,defineComponent as w,nextTick as T,normalizeClass as E,onMounted as D,openBlock as ee,renderSlot as te,shallowRef as O,unref as k,watch as A,withCtx as j}from"vue";const M=w({name:`TimeFieldRoot`,__name:`time-field-root`,props:{defaultValue:{default:void 0},modelValue:{},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},granularity:{default:void 0},maxValue:{},minValue:{},isTimeUnavailable:{type:Function,default:void 0},id:{},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(w,{emit:M}){let N=w,P=M,F=b(`root`),[I,L]=g(),R=p(()=>N.locale),z=f(()=>N.dir),B=m(),V=i(R.value,{hourCycle:s(N.hourCycle)}),H=h(()=>N.modelValue,e=>P(`update:modelValue`,e),N.defaultValue,!0),ne=t({defaultPlaceholder:N.placeholder,defaultValue:H.value}),U=h(()=>N.placeholder,e=>P(`update:placeholder`,e),N.defaultPlaceholder??ne.copy()),W=x(()=>N.granularity??`minute`),G=x(()=>o(N.step)),K=x(()=>H.value?!!(N.isTimeUnavailable?.(H.value)||N.minValue&&n(H.value,N.minValue)||N.maxValue&&n(N.maxValue,H.value)):!1),q=O(H.value?{...u({value:H.value,formatter:V})}:{...u({value:U.value,formatter:V})}),J=x(()=>l({granularity:W.value,dateRef:U.value,formatter:V,hideTimeZone:N.hideTimeZone,hourCycle:N.hourCycle,segmentValues:q.value,locale:R,isTimeValue:!0,dateMessages:B.value.date}).arr),Y=O([]),X=O(null),Z=()=>{I.value&&(Y.value=d(I.value))};A(R,e=>{V.getLocale()!==e&&V.setLocale(e),T(Z)}),A(H,t=>{!e(t)&&!r(U.value,t)&&(U.value=t.copy())}),A([H,R,W],([t])=>{if(!e(t)){q.value={...u({value:t,formatter:V})};return}q.value={...u({value:U.value,formatter:V})}});let re=x(()=>Y.value.findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===X.value?.getAttribute(`data-soybean-date-field-segment`))),Q=e=>{let t=z.value===`rtl`?-1:1,n=e===`next`?t:-t;Y.value[re.value+n]?.focus()},$=x(()=>a(W.value)),ie=x(()=>c(H.value,W.value)),ae=x(()=>N.maxValue?c(N.maxValue,W.value):void 0),oe=x(()=>N.minValue?c(N.minValue,W.value):void 0),se=e=>{(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),Q(e.key===`ArrowRight`?`next`:`prev`))};return y({modelValue:H,placeholder:U,isTimeUnavailable:N.isTimeUnavailable,isInvalid:K,disabled:x(()=>N.disabled),readonly:x(()=>N.readonly),formatter:V,hourCycle:N.hourCycle,step:G,segmentValues:q,inputType:$,focusNext(){Q(`next`)},setFocusedElement(e){X.value=e}}),D(Z),(e,t)=>(ee(),S(k(_),{ref:k(L),as:w.as,"as-child":w.asChild,"data-soybean-time-field-root":``,class:E(k(F)),"data-disabled":w.disabled?``:void 0,"data-invalid":K.value?``:void 0,"data-readonly":w.readonly?``:void 0,dir:k(z),role:`group`,onKeydown:se},{default:j(()=>[te(e.$slots,`default`,{isInvalid:K.value,modelValue:k(H),segments:J.value}),C(k(v),{id:w.id,as:`input`,feature:`focusable`,type:$.value,tabindex:`-1`,value:ie.value,name:w.name,disabled:w.disabled,required:w.required,max:ae.value,min:oe.value,onFocus:t[0]||(t[0]=e=>Y.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{M as default};

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

@@ -1,6 +1,6 @@
 import { DateStep, TimeGranularity, TimeMatcher, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
 import { TimeFieldRootProps, TimeFieldRootSlots } from "./types.js";
-
 //#region src/components/time-field/time-field-root.vue.d.ts
 type __VLS_Slots = TimeFieldRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -14,10 +14,10 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeValue;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
+  defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -29,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/time-field/types.d.ts

@@ -1,8 +1,9 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { TimeGranularity, TimeMatcher, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
 import { DateFieldInputProps, DateFieldRootProps, DateFieldSegment } from "../date-field/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/time-field/types.d.ts
 /**
  * Properties for the TimeFieldRoot component.
@@ -86,6 +87,19 @@ interface TimeFieldCompactProps extends TimeFieldRootProps {
    */
   inputProps?: DateFieldInputProps;
 }
+/**
+ * Slots for the TimeFieldCompact component.
+ */
+type TimeFieldCompactSlots = {
+  /**
+   * Content rendered before the time segments.
+   */
+  leading?: () => any;
+  /**
+   * Content rendered after the time segments.
+   */
+  trailing?: () => any;
+};
 /**
  * Events for the time field compact component.
  */
@@ -99,4 +113,4 @@ type TimeFieldUiSlot = 'root' | 'input';
  */
 type TimeFieldUi = UiClass<TimeFieldUiSlot>;
 //#endregion
-export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot };
+export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldCompactSlots, type DateFieldInputProps as TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot, type TimeValue };

package/dist/components/time-range-field/context.d.ts

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { TimeRangeFieldUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/time-range-field/context.d.ts
 declare const provideTimeRangeFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>, useTimeRangeFieldUi: UseUiConsumer<TimeRangeFieldUiSlot>;
 //#endregion

package/dist/components/time-range-field/index.d.ts

@@ -1,6 +1,6 @@
 import { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldRootSlots, TimeRangeFieldSlotProps, TimeRangeFieldUi, TimeRangeFieldUiSlot } from "./types.js";
-import { _default } from "./time-range-field-compact.vue.js";
-import { _default as _default$2 } from "./time-range-field-root.vue.js";
-import { _default as _default$1 } from "./time-range-field-input.vue.js";
+import _default from "./time-range-field-compact.vue.js";
+import _default$2 from "./time-range-field-root.vue.js";
+import _default$1 from "./time-range-field-input.vue.js";
 import { provideTimeRangeFieldUi } from "./context.js";
 export { _default as TimeRangeFieldCompact, type TimeRangeFieldCompactEmits, type TimeRangeFieldCompactProps, type TimeRangeFieldCompactSlots, _default$1 as TimeRangeFieldInput, type TimeRangeFieldInputProps, _default$2 as TimeRangeFieldRoot, type TimeRangeFieldRootEmits, type TimeRangeFieldRootProps, type TimeRangeFieldRootSlots, type TimeRangeFieldSlotProps, type TimeRangeFieldUi, type TimeRangeFieldUiSlot, provideTimeRangeFieldUi };

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

@@ -1,6 +1,7 @@
 import { TimeRange, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
+import "../time-field/index.js";
 import { TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots } from "./types.js";
-
 //#region src/components/time-range-field/time-range-field-compact.vue.d.ts
 type __VLS_Slots = TimeRangeFieldCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -24,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };