@soybeanjs/headless 0.18.0 → 0.19.0

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

@@ -0,0 +1,25 @@
+import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-compact.vue.d.ts
+type __VLS_Slots = TagsInputCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
+  addTag: (value: string) => any;
+  removeTag: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<TagsInputCompactProps> & Readonly<{
+  onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onAddTag?: ((value: string) => any) | undefined;
+  onRemoveTag?: ((value: string) => 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/tags-input/tags-input-control.js

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

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

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

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputItemContext as t,useTagsInputRootContext as n,useTagsInputUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TagsInputItemDelete`,__name:`tags-input-item-delete`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(o){let f=o,p=r(`itemDelete`),{getItems:m,onRemoveValue:h}=n(`TagsInputItemDelete`),{disabled:g,isSelected:_,itemElement:v,textId:y}=t(`TagsInputItemDelete`),b=i(()=>f.as===`button`?`button`:void 0),x=i(()=>f.as===`button`?g.value:void 0),S=()=>{g.value||h(m().findIndex(e=>e.element===v.value))};return(t,n)=>(c(),a(u(e),s(f,{tabindex:`-1`,class:u(p),"aria-labelledby":u(y)||void 0,"aria-current":u(_)?`true`:void 0,"aria-disabled":u(g)?`true`:void 0,"data-state":u(_)?`active`:`inactive`,"data-disabled":u(g)?``:void 0,disabled:x.value,type:b.value,onClick:S}),{default:d(()=>[l(t.$slots,`default`)]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`aria-disabled`,`data-state`,`data-disabled`,`disabled`,`type`]))}});export{f as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import{useTagsInputItemContext as n,useTagsInputUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`TagsInputItemDelete`,__name:`tags-input-item-delete`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=r(`itemDelete`),{disabled:h,isSelected:g,textId:_,onDelete:v}=n(`TagsInputItemDelete`),y=i(()=>p.disabled||h.value);return(n,r)=>(l(),a(t,c(p,{class:d(m),"data-soybean-tags-input-item-delete":``,tabindex:`-1`,disabled:y.value,"aria-labelledby":d(_)||void 0,"aria-current":d(g)?`true`:void 0,"data-state":d(g)?`active`:`inactive`,onClick:d(v)}),{default:f(()=>[u(n.$slots,`default`,{},()=>[o(e,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16,[`class`,`disabled`,`aria-labelledby`,`aria-current`,`data-state`,`onClick`]))}});export{p as default};

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

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

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputItemContext as t,useTagsInputUi as n}from"./context.js";import{createBlock 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,withCtx as f}from"vue";const p=a({name:`TagsInputItemText`,__name:`tags-input-item-text`,props:{asChild:{type:Boolean},as:{default:`span`}},setup(a){let p=a,m=n(`itemText`),{displayValue:h,textId:g}=t(`TagsInputItemText`);return g.value||(g.value=`soybean-tags-input-item-text-${d()}`),(t,n)=>(s(),r(u(e),o(p,{id:u(g),class:u(m)}),{default:f(()=>[c(t.$slots,`default`,{},()=>[i(l(u(h)),1)])]),_:3},16,[`id`,`class`]))}});export{p as default};
+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`);return h.value||(h.value=`soybean-tags-input-item-text-${u()}`),(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};

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

@@ -1,15 +1,12 @@
-import { AsTag } from "../primitive/types.js";
 import { TagsInputItemTextProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/tags-input/tags-input-item-text.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<TagsInputItemTextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemTextProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TagsInputItemTextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemTextProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/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:{default:`div`}},setup(c){let h=c,g=a(`item`),{selectedElement:_,disabled:v,displayValue:y}=i(`TagsInputItem`),{itemElement:b,itemProps:x,setItemElement:S}=r(()=>({value:h.value})),C=e(h,[`value`,`disabled`],x),w=o(()=>_.value===b.value),T=o(()=>v.value||h.disabled),E=f(``);return n({value:o(()=>h.value),displayValue:o(()=>y(h.value)),isSelected:w,disabled:T,itemElement:b,textId:E}),(e,n)=>(u(),s(p(t),l(p(C),{ref:p(S),class:p(g),"aria-labelledby":E.value||void 0,"aria-current":w.value?`true`:void 0,"data-disabled":T.value?``:void 0,"data-state":w.value?`active`:`inactive`}),{default:m(()=>[d(e.$slots,`default`)]),_: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=()=>{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};

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

@@ -1,21 +1,21 @@
-import { TagsInputAcceptableValue, TagsInputItemProps } from "./types.js";
+import { TagsInputItemProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/tags-input/tags-input-item.vue.d.ts
-declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<TagsInputItemProps<T>> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    default?: (props: {}) => any;
-  };
-  emit: {};
-}>) => _$vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+declare var __VLS_8: {
+  onDelete: () => void;
+  displayedValue: string;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
 };
+declare const __VLS_base: _$vue.DefineComponent<TagsInputItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputItemProps> & 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_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 export { _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"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as o}from"../config-provider/context.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";import{isEqual as x}from"ohash";const S=[`dir`,`data-disabled`,`data-invalid`],C=h({name:`TagsInputRoot`,__name:`tags-input-root`,props:{id:{},modelValue:{default:void 0},defaultValue:{default:()=>[]},addOnPaste:{type:Boolean,default:!1},addOnTab:{type:Boolean,default:!1},addOnBlur:{type:Boolean,default:!1},duplicate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},delimiter:{default:`,`},dir:{},max:{default:0},convertValue:{},displayValue:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`invalid`,`addTag`,`removeTag`],setup(h,{emit:C}){let w=h,T=C,E=u(`root`),{getOrderedItems:D,getOrderedElements:O,onContainerElementChange:k}=c(),[A,j]=a(k),M=o(()=>w.dir),N=i(()=>w.modelValue,e=>{T(`update:modelValue`,e)},w.defaultValue??[]),P=y(),F=y(!1),I=e=>w.displayValue?w.displayValue(e):String(e),L=d(()=>Array.isArray(N.value)?[...N.value]:[]),R=d(()=>n(A.value)),z=()=>D(!1),B=()=>O(!1).filter(e=>e.dataset.disabled===void 0),V=()=>{w.disabled||(N.value=[],P.value=void 0,F.value=!1)},H=e=>{if(w.disabled||e<0)return;let n=z()[e];n&&(N.value=t(L.value,e),T(`removeTag`,n.data.value))},U=e=>{let t=e.trim(),n=L.value,r=n.some(e=>typeof e==`object`&&!!e),i=(w.defaultValue??[]).some(e=>typeof e==`object`&&!!e);if(w.disabled||!t)return!1;if((r||i)&&typeof w.convertValue!=`function`)throw Error("You must provide a `convertValue` function when using object values.");let a=w.convertValue?w.convertValue(t):t;if(w.max>0&&n.length>=w.max)return F.value=!0,T(`invalid`,a),!1;let o=n.some(e=>x(e,a));return!w.duplicate&&o?(F.value=!0,T(`invalid`,a),!1):(F.value=!1,N.value=[...n,a],T(`addTag`,a),!0)},W=t=>{if(w.disabled)return;let n=t.target;if(!n)return;let r=B();if(!r.length){P.value=void 0;return}let i=r.at(-1),a=n.selectionStart===0&&n.selectionEnd===0,o=t.key===`ArrowRight`&&M.value===`ltr`||t.key===`ArrowLeft`&&M.value===`rtl`,s=t.key===`ArrowLeft`&&M.value===`ltr`||t.key===`ArrowRight`&&M.value===`rtl`;switch(t.key){case`Delete`:case`Backspace`:if(!a){P.value=void 0;break}if(P.value){let e=z().findIndex(e=>e.element===P.value),n=P.value===i?r.at(r.indexOf(P.value)-1):r.at(r.indexOf(P.value)+1);H(e),P.value=n,t.preventDefault()}else t.key===`Backspace`&&(P.value=i,t.preventDefault());break;case`Home`:case`End`:case`ArrowLeft`:case`ArrowRight`:if(!a){P.value=void 0;break}if(s&&!P.value)P.value=i,t.preventDefault();else if(o&&P.value===i)P.value=void 0,t.preventDefault();else if(P.value){let n=e(t,P.value,void 0,{itemsArray:r,loop:!1,dir:M.value});n&&(P.value=n)}break;case`ArrowUp`:case`ArrowDown`:P.value&&t.preventDefault();break;default:P.value=void 0;break}};return l({...r(w,[`id`,`addOnPaste`,`addOnTab`,`addOnBlur`,`disabled`,`delimiter`,`max`]),modelValue:N,selectedElement:P,isInvalidInput:F,dir:M,displayValue:I,onAddValue:U,onRemoveValue:H,onInputKeydown:W,onClear:V,getItems:z}),(e,t)=>(_(),m(`div`,{ref:b(j),class:g(b(E)),role:`group`,dir:b(M),"data-disabled":h.disabled?``:void 0,"data-invalid":F.value?``:void 0},[v(e.$slots,`default`,{modelValue:b(N)}),R.value&&h.name?(_(),f(b(s),{key:0,name:h.name,value:b(N),required:h.required,disabled:h.disabled},null,8,[`name`,`value`,`required`,`disabled`])):p(`v-if`,!0)],10,S))}});export{C 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=[`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},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},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};

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

@@ -1,28 +1,36 @@
-import { TagsInputAcceptableValue, TagsInputRootProps } from "./types.js";
+import { TagsInputRootProps } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/tags-input/tags-input-root.vue.d.ts
-declare const __VLS_export: <T extends TagsInputAcceptableValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: _$vue.PublicProps & __VLS_PrettifyLocal<TagsInputRootProps<T> & {
-    onInvalid?: ((value: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
-    onAddTag?: ((value: T) => any) | undefined;
-    onRemoveTag?: ((value: T) => any) | undefined;
-  }> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    default?: (props: {
-      modelValue: TagsInputAcceptableValue[] | undefined;
-    }) => any;
-  };
-  emit: ((evt: "invalid", value: T) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "addTag", value: T) => void) & ((evt: "removeTag", value: T) => void);
-}>) => _$vue.VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+declare var __VLS_1: {
+  modelValue: string[];
+  clear: () => void;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
 };
+declare const __VLS_base: _$vue.DefineComponent<TagsInputRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  invalid: (value: string) => any;
+  "update:modelValue": (value: string[]) => any;
+  addTag: (value: string) => any;
+  removeTag: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<TagsInputRootProps> & Readonly<{
+  onInvalid?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+  onAddTag?: ((value: string) => any) | undefined;
+  onRemoveTag?: ((value: string) => any) | undefined;
+}>, {
+  max: number;
+  modelValue: string[];
+  defaultValue: string[];
+  delimiter: string | RegExp;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 export { _default };

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

@@ -1,23 +1,22 @@
 import { Direction, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { BaseProps } from "../../types/vue.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { InputBaseProps } from "../input/types.js";
+import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 
 //#region src/components/tags-input/types.d.ts
-/**
- * Type information for TagsInputAcceptableValue.
- */
-type TagsInputAcceptableValue = string | number | bigint | Record<string, unknown>;
 /**
  * Properties for the TagsInputRoot component.
  */
-interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
-  /** Id of the input element. */
-  id?: string;
+interface TagsInputRootProps extends InputBaseProps, FormFieldCommonProps, Omit<BaseProps, 'onInvalid'> {
+  /** The reading direction of the tags input. */
+  dir?: Direction;
   /** The controlled value of the tags input. */
-  modelValue?: T[];
+  modelValue?: string[];
   /** The uncontrolled default value of the tags input. */
-  defaultValue?: T[];
+  defaultValue?: string[];
   /** Whether to add tags on paste. */
   addOnPaste?: boolean;
   /** Whether to add tags on tab. */
@@ -26,101 +25,114 @@ interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldComm
   addOnBlur?: boolean;
   /** Whether to allow duplicated tags. */
   duplicate?: boolean;
-  /** Whether to disable the tags input. */
-  disabled?: boolean;
   /** The delimiter used to add tags. */
   delimiter?: string | RegExp;
-  /** The reading direction of the tags input. */
-  dir?: Direction;
   /** Maximum number of tags. Set to 0 for unlimited. */
   max?: number;
-  /** Convert the raw input string into the tag value. */
-  convertValue?: (value: string) => T;
-  /** Display the tag value. */
-  displayValue?: (value: T) => string;
+  /**
+   * Display the value of the tag. Useful when you want to apply modifications to the value like adding a suffix
+   *
+   * @default "(value: string) => value"
+   */
+  displayValue?: (value: string) => string;
 }
 /**
  * Events for the TagsInputRoot component.
  */
-type TagsInputRootEmits<T = TagsInputAcceptableValue> = {
+type TagsInputRootEmits = {
   /**
    * Emitted when the model value changes.
    */
-  'update:modelValue': [value: T[]];
+  'update:modelValue': [value: string[]];
   /**
    * Emitted when invalid occurs.
    */
-  invalid: [value: T];
+  invalid: [value: string];
   /**
    * Emitted when add tag occurs.
    */
-  addTag: [value: T];
+  addTag: [value: string];
   /**
    * Emitted when remove tag occurs.
    */
-  removeTag: [value: T];
+  removeTag: [value: string];
 };
 /**
- * Properties for the TagsInputInput component.
+ * Properties for the TagsInputControl component.
  */
-interface TagsInputInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
-  /**
-   * Id.
-   */
-  id?: string;
-  /**
-   * Placeholder.
-   */
-  placeholder?: string;
-  /**
-   * Whether autofocus.
-   */
-  autofocus?: boolean;
-  /**
-   * Maxlength.
-   */
-  maxlength?: number;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Aria label.
-   */
-  'aria-label'?: string;
-  /**
-   * Aria controls.
-   */
-  'aria-controls'?: string;
-}
+interface TagsInputControlProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the TagsInputItem component.
  */
-interface TagsInputItemProps<T = TagsInputAcceptableValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'value'> {
-  /** Value associated with the tag. */
-  value: T;
+interface TagsInputItemProps extends PrimitiveWithBaseProps {
+  /**
+   * Value associated with the tag.
+   */
+  value: string;
   /** Whether to disable the tag item. */
   disabled?: boolean;
 }
 /**
  * Properties for the TagsInputItemText component.
  */
-interface TagsInputItemTextProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TagsInputItemTextProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the TagsInputItemDelete component.
  */
-interface TagsInputItemDeleteProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TagsInputItemDeleteProps extends ButtonProps {}
 /**
  * Properties for the TagsInputClear component.
  */
-interface TagsInputClearProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TagsInputClearProps extends ButtonProps {}
+/**
+ * Properties for the TagsInputCompact component.
+ */
+interface TagsInputCompactProps extends TagsInputRootProps {
+  /** Whether to render the clear trigger. */
+  clearable?: boolean;
+  /** Props forwarded to the input element. */
+  controlProps?: TagsInputControlProps;
+  /** Props forwarded to the clear element. */
+  clearProps?: TagsInputClearProps;
+  /** Props forwarded to the item element. */
+  itemProps?: TagsInputItemProps;
+  /** Props forwarded to the item text element. */
+  itemTextProps?: TagsInputItemTextProps;
+  /** Props forwarded to the item delete element. */
+  itemDeleteProps?: TagsInputItemDeleteProps;
+}
+/**
+ * Events for the TagsInputCompact component.
+ */
+type TagsInputCompactEmits = TagsInputRootEmits;
+/**
+ * Slot properties for item-related compact slots.
+ */
+interface TagsInputCompactSlotProps {
+  /** Value associated with the current item. */
+  value: string;
+  /** Current item index. */
+  index: number;
+  /** Current item display value. */
+  displayedValue: string;
+  /** Delete handler for the current item. */
+  onDelete: () => void;
+  /** Clear handler for the current item. */
+  onClear: () => void;
+}
+/**
+ * Slots for the TagsInputCompact component.
+ */
+type TagsInputCompactSlots = {
+  /** Custom item content or full item replacement. */item?: (props: TagsInputCompactSlotProps) => any;
+};
 /**
  * Available UI slots for the TagsInput component.
  */
-type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'input' | 'clear';
+type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'control' | 'clear';
 /**
  * UI class overrides for the TagsInput component.
  */
 type TagsInputUi = UiClass<TagsInputUiSlot>;
 //#endregion
-export { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };
+export { TagsInputClearProps, TagsInputCompactEmits, TagsInputCompactProps, TagsInputCompactSlotProps, TagsInputCompactSlots, TagsInputControlProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };

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

@@ -1,6 +1,8 @@
-import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot } from "./types.js";
-import { _default as _default$2 } from "./textarea-root.vue.js";
-import { _default } from "./textarea-control.vue.js";
-import { _default as _default$1 } from "./textarea-counter.vue.js";
+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 { provideTextareaUi } from "./context.js";
-export { _default as TextareaControl, type TextareaControlProps, _default$1 as TextareaCounter, type TextareaCounterProps, _default$2 as TextareaRoot, type TextareaRootEmits, type TextareaRootProps, type TextareaUi, type TextareaUiSlot, provideTextareaUi };
+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/index.js

@@ -1 +1 @@
-import{provideTextareaUi as e}from"./context.js";import t from"./textarea-root.js";import n from"./textarea-control.js";import r from"./textarea-counter.js";export{n as TextareaControl,r as TextareaCounter,t as TextareaRoot,e as provideTextareaUi};
+import{provideTextareaUi as e}from"./context.js";import t from"./textarea-clear.js";import n from"./textarea-control.js";import r from"./textarea-counter.js";import i from"./textarea-root.js";import a from"./textarea-compact.js";export{t as TextareaClear,a as TextareaCompact,n as TextareaControl,r as TextareaCounter,i as TextareaRoot,e as provideTextareaUi};

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

@@ -0,0 +1 @@
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useTextareaRootContext as r,useTextareaUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,useAttrs as p,withCtx as m}from"vue";const h=c({name:`TextareaClear`,__name:`textarea-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`clear`],setup(c,{emit:h}){let g=c,_=h,v=p(),y=i(`clear`),b=e(),{disabled:x,readonly:S,onClear:C}=r(`TextareaClear`),w=a(()=>v[`aria-label`]??b.value.textarea.clear),T=a(()=>g.disabled||x.value||S.value||!1),E=e=>{_(`clear`,e),C()};return(e,r)=>(u(),o(n,l(g,{"data-soybean-textarea-clearable":``,class:f(y),disabled:T.value,"aria-label":w.value,onClick:E}),{default:m(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16,[`class`,`disabled`,`aria-label`]))}});export{h as default};

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

@@ -0,0 +1,22 @@
+import { TextareaClearProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/textarea/textarea-clear.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TextareaClearProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+}, string, _$vue.PublicProps, Readonly<TextareaClearProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => 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/textarea/textarea-compact.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./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};

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

@@ -0,0 +1,21 @@
+import { TextareaCompactProps, TextareaCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/textarea/textarea-compact.vue.d.ts
+type __VLS_Slots = TextareaCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<TextareaCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  clear: (event: PointerEvent) => any;
+  "update:modelValue": (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<TextareaCompactProps> & Readonly<{
+  onClear?: ((event: PointerEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => 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/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-valuenow`,`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,class:o(u(S)),"aria-roledescription":`Textarea`,"aria-valuenow":u(p)??void 0,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,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-counter.js

@@ -1 +1 @@
-import{useTextareaRootContext as e,useTextareaUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u}from"vue";const d=a({name:`TextareaCounter`,__name:`textarea-counter`,setup(a){let{maxlength:d,count:f}=e(`TextareaCounter`),p=t(`counter`),m=n(()=>d.value?`${f.value} / ${d.value}`:`${f.value}`);return(e,t)=>(s(),r(`div`,{class:o(u(p))},[c(e.$slots,`default`,{count:u(f),maxlength:u(d)},()=>[i(l(m.value),1)])],2))}});export{d as default};
+import{useTextareaRootContext as e,useTextareaUi as t}from"./context.js";import{computed as n,createElementBlock as r,createTextVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,toDisplayString as l,unref as u}from"vue";const d=a({name:`TextareaCounter`,__name:`textarea-counter`,setup(a){let{maxlength:d,count:f}=e(`TextareaCounter`),p=t(`counter`),m=n(()=>d.value?`${f.value} / ${d.value}`:`${f.value}`);return(e,t)=>(s(),r(`div`,{"data-soybean-textarea-counter":``,class:o(u(p))},[c(e.$slots,`default`,{count:u(f),maxlength:u(d)},()=>[i(l(m.value),1)])],2))}});export{d as default};

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

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideTextareaRootContext as a,useTextareaUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`TextareaRoot`,__name:`textarea-root`,props:{defaultValue:{},modelValue:{default:void 0},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue),w=s(()=>e(b.value)),T=s(()=>C.value?.length??0),E=s(()=>{if(v.autosize)return typeof v.autosize==`boolean`?{}:v.autosize}),D=()=>{C.value=``};return a({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`]),modelValue:C,count:T,autosizeOptions:E}),(e,t)=>(p(),u(`div`,{ref:h(x),class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:D}),w.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.js";import"../../composables/index.js";import i from"../visually-hidden/visually-hidden-input.js";import{provideTextareaRootContext as a,useTextareaUi as o}from"./context.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,defineComponent as d,normalizeClass as f,openBlock as p,renderSlot as m,unref as h}from"vue";const g=[`data-disabled`,`data-readonly`],_=d({name:`TextareaRoot`,__name:`textarea-root`,props:{defaultValue:{},modelValue:{default:void 0},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(d,{emit:_}){let v=d,y=_,[b,x]=r(),S=o(`root`),C=n(()=>v.modelValue,e=>{y(`update:modelValue`,e)},v.defaultValue??``),w=s(()=>e(b.value)),T=s(()=>C.value?.length??0),E=s(()=>{if(v.autosize)return typeof v.autosize==`boolean`?{}:v.autosize}),D=()=>{v.disabled||v.readonly||(C.value=``)};return a({...t(v,[`id`,`autofocus`,`placeholder`,`disabled`,`readonly`,`maxlength`,`minlength`,`name`,`required`]),modelValue:C,onClear:D,count:T,autosizeOptions:E}),(e,t)=>(p(),u(`div`,{ref:h(x),"data-soybean-textarea-root":``,class:f(h(S)),role:`group`,"data-disabled":d.disabled?``:void 0,"data-readonly":d.readonly?``:void 0},[m(e.$slots,`default`,{modelValue:h(C),clear:D,count:T.value,maxlength:d.maxlength}),w.value&&d.name?(p(),c(i,{key:0,type:`text`,value:h(C),name:d.name,disabled:d.disabled,readonly:d.readonly,required:d.required},null,8,[`value`,`name`,`disabled`,`readonly`,`required`])):l(`v-if`,!0)],10,g))}});export{_ as default};

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

@@ -3,8 +3,10 @@ import * as _$vue from "vue";
 
 //#region src/components/textarea/textarea-root.vue.d.ts
 declare var __VLS_1: {
-  modelValue: string | undefined;
+  modelValue: string;
   clear: () => void;
+  count: number;
+  maxlength: number | undefined;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;