@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

package/dist/components/tabs/tabs-indicator.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTabsRootContext as t,useTabsUi as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,ref as d,renderSlot as f,unref as p,watch as m,watchPostEffect as h,withCtx as g}from"vue";import{useMounted as _,useResizeObserver as v}from"@vueuse/core";const y=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:y,modelValue:b,dir:x,orientation:S}=t(`TabsIndicator`),C=n(`indicator`),w=_(),T=d({size:null,position:null}),E=i(()=>({[r.indicatorSize]:`${T.value.size}px`,[r.indicatorPosition]:`${T.value.position}px`})),D=d([]);function O(e){let t=y.value;return!t||x.value!==`rtl`?e.offsetLeft:t.clientWidth-e.offsetLeft-e.offsetWidth}function k(){let e=y.value?.querySelector(`[role="tab"][data-state="active"]`);e&&(S.value===`horizontal`?T.value={size:e.offsetWidth,position:O(e)}:T.value={size:e.offsetHeight,position:e.offsetTop})}return v(i(()=>[y.value,...D.value]),k),h(()=>{D.value=Array.from(y.value?.querySelectorAll(`[role="tab"]`)??[])}),m(()=>[b.value,x.value,y.value],()=>{k()},{immediate:!0,flush:`post`}),(t,n)=>p(w)&&typeof T.value.size==`number`?(u(),a(p(e),{key:0,"data-soybean-tabs-indicator":``,as:s.as,"as-child":s.asChild,class:c(p(C)),style:l(E.value)},{default:g(()=>[f(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{y as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useTabsRootContext as t,useTabsUi as n}from"./context.js";import{tabsCssVars as r}from"./shared.js";import{computed as i,createBlock as a,createCommentVNode as o,defineComponent as s,normalizeClass as c,normalizeStyle as l,openBlock as u,ref as d,renderSlot as f,unref as p,watch as m,watchPostEffect as h,withCtx as g}from"vue";import{useMounted as _,useResizeObserver as v}from"@vueuse/core";const y=s({name:`TabsIndicator`,__name:`tabs-indicator`,props:{asChild:{type:Boolean},as:{}},setup(s){let{listElement:y,modelValue:b,dir:x,orientation:S}=t(`TabsIndicator`),C=n(`indicator`),w=_(),T=d({size:null,position:null}),E=i(()=>({[r.indicatorSize]:`${T.value.size}px`,[r.indicatorPosition]:`${T.value.position}px`})),D=d([]);function O(e){let t=y.value;return!t||x.value!==`rtl`?e.offsetLeft:t.clientWidth-e.offsetLeft-e.offsetWidth}function k(){let e=y.value?.querySelector(`[role="tab"][data-selected="true"]`);e&&(S.value===`horizontal`?T.value={size:e.offsetWidth,position:O(e)}:T.value={size:e.offsetHeight,position:e.offsetTop})}return v(i(()=>[y.value,...D.value]),k),h(()=>{D.value=Array.from(y.value?.querySelectorAll(`[role="tab"]`)??[])}),m(()=>[b.value,x.value,y.value],()=>{k()},{immediate:!0,flush:`post`}),(t,n)=>p(w)&&typeof T.value.size==`number`?(u(),a(p(e),{key:0,"data-soybean-tabs-indicator":``,as:s.as,"as-child":s.asChild,class:c(p(C)),style:l(E.value)},{default:g(()=>[f(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`style`])):o(`v-if`,!0)}});export{y as default};

package/dist/components/tabs/tabs-list.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{createBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=[`aria-orientation`],p=o({name:`TabsList`,__name:`tabs-list`,setup(o){let{orientation:p,dir:m,loop:h,onListElementChange:g}=n(`TabsList`),[_,v]=e(g),y=r(`list`);return(e,n)=>(c(),i(u(t),{"data-soybean-tabs-list":``,"as-child":``,dir:u(m),orientation:u(p),loop:u(h)},{default:d(()=>[a(`div`,{ref:u(v),class:s(u(y)),role:`tablist`,"aria-orientation":u(p)},[l(e.$slots,`default`)],10,f)]),_:3},8,[`dir`,`orientation`,`loop`]))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useRovingFocusGroup as t}from"../../composables/use-roving-focus.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u}from"vue";const d=[`aria-orientation`],f=o({name:`TabsList`,__name:`tabs-list`,setup(o){let{orientation:f,dir:p,loop:m,onListElementChange:h}=n(`TabsList`),{setContainerElement:g,groupProps:_}=t({orientation:f,dir:p,loop:m,currentTabStopId:i(()=>void 0),defaultCurrentTabStopId:i(()=>void 0),preventScrollOnEntryFocus:i(()=>!1)}),[v,y]=e(h);function b(e){y(e),g(e)}let x=r(`list`);return(e,t)=>(c(),a(`div`,s(u(_),{ref:b,"data-soybean-tabs-list":``,class:u(x),role:`tablist`,"aria-orientation":u(f)}),[l(e.$slots,`default`)],16,d))}});export{f as default};

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

@@ -1,8 +1,8 @@
 import { TabsListProps } from "./types.js";
 //#region src/components/tabs/tabs-list.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: import("vue").DefineComponent<TabsListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideTabsRootContext as n,useTabsUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`dir`,`data-orientation`],d=a({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue??null),h=r(`root`),{dir:g}=n({...e(f,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:m});return(e,t)=>(s(),i(`div`,{"data-soybean-tabs-root":``,class:o(l(h)),dir:l(g),"data-orientation":a.orientation},[c(e.$slots,`default`,{modelValue:l(m)})],10,u))}});export{d as default};
+import{toContext as e}from"../../shared/vue.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import{provideTabsRootContext as n,useTabsUi as r}from"./context.js";import{createElementBlock as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l}from"vue";const u=[`dir`,`data-orientation`],d=a({name:`TabsRoot`,__name:`tabs-root`,props:{modelValue:{default:void 0},defaultValue:{},activationMode:{default:`automatic`},unmountOnHide:{type:Boolean,default:!0},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue??null),h=r(`root`),{dir:g}=n({...e(f,[`dir`,`loop`,`orientation`,`unmountOnHide`,`activationMode`]),modelValue:m});return(e,t)=>(s(),i(`div`,{"data-soybean-tabs-root":``,class:o(l(h)),dir:l(g),"data-orientation":a.orientation},[c(e.$slots,`default`,{modelValue:l(m)})],10,u))}});export{d as default};

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

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

package/dist/components/tabs/tabs-trigger.js

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useTabsRootContext as n,useTabsUi as r}from"./context.js";import{computed as i,createBlock as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,unref as d,withCtx as f,withKeys as p,withModifiers as m}from"vue";const h=s({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(s){let h=s,{modelValue:g,orientation:_,changeModelValue:v,activationMode:y,getId:b}=n(`TabsTrigger`),x=r(`trigger`),{contentId:S,triggerId:C,existContentId:w}=b(h.value),T=i(()=>h.value===g.value),E=i(()=>T.value?`active`:`inactive`),D=i(()=>h.as===`button`?`button`:void 0),O=i(()=>w.value?S.value:void 0),k=e=>{!h.disabled&&e.ctrlKey===!1?v(h.value):e.preventDefault()},A=()=>{h.disabled||v(h.value)},j=()=>{T.value||h.disabled||y.value!==`manual`&&v(h.value)};return(n,r)=>(l(),a(d(t),{"as-child":``,focusable:!s.disabled,active:T.value},{default:f(()=>[o(d(e),{id:d(C),as:s.as,"as-child":s.asChild,"data-soybean-tabs-trigger":``,class:c(d(x)),"aria-controls":O.value,"aria-selected":T.value?`true`:`false`,"data-disabled":s.disabled?``:void 0,"data-orientation":d(_),"data-state":E.value,role:`tab`,type:D.value,onMousedown:m(k,[`left`]),onKeydown:p(A,[`enter`,`space`]),onFocus:j},{default:f(()=>[u(n.$slots,`default`,{active:T.value})]),_:3},8,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-state`,`type`])]),_:3},8,[`focusable`,`active`]))}});export{h as default};
+import{useRovingFocusGroupItem as e}from"../../composables/use-roving-focus.js";import{Primitive as t}from"../primitive/primitive.js";import{useTabsRootContext as n,useTabsUi 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,withKeys as f,withModifiers as p}from"vue";const m=o({name:`TabsTrigger`,__name:`tabs-trigger`,props:{value:{},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},setup(o){let m=o,{modelValue:h,orientation:g,changeModelValue:_,activationMode:v,getId:y}=n(`TabsTrigger`),b=r(`trigger`),{contentId:x,triggerId:S,existContentId:C}=y(m.value),w=i(()=>m.value===h.value),T=i(()=>m.as===`button`?`button`:void 0),{itemProps:E,setItemElement:D}=e({focusable:i(()=>!m.disabled),active:w}),O=i(()=>C.value?x.value:void 0),k=e=>{!m.disabled&&e.ctrlKey===!1?_(m.value):e.preventDefault()},A=()=>{m.disabled||_(m.value)},j=()=>{w.value||m.disabled||v.value!==`manual`&&_(m.value)};return(e,n)=>(c(),a(u(t),s(u(E),{id:u(S),ref:u(D),as:o.as,"as-child":o.asChild,"data-soybean-tabs-trigger":``,class:u(b),"aria-controls":O.value,"aria-selected":w.value?`true`:`false`,"data-disabled":o.disabled?``:void 0,"data-orientation":u(g),"data-selected":w.value,role:`tab`,type:T.value,onMousedown:p(k,[`left`]),onKeydown:f(A,[`enter`,`space`]),onFocus:j}),{default:d(()=>[l(e.$slots,`default`,{selected:w.value})]),_:3},16,[`id`,`as`,`as-child`,`class`,`aria-controls`,`aria-selected`,`data-disabled`,`data-orientation`,`data-selected`,`type`]))}});export{m as default};

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

@@ -2,11 +2,11 @@ import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { TabsTriggerProps } from "./types.js";
 //#region src/components/tabs/tabs-trigger.vue.d.ts
-declare var __VLS_18: {
-  active: boolean;
+declare var __VLS_12: {
+  selected: boolean;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_18) => any;
+  default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TabsTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {
   disabled: boolean;

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

@@ -3,17 +3,18 @@ import { ForceMountProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
 import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
-import { RovingFocusGroupProps } from "../roving-focus/types.js";
+import { RovingFocusGroupOptions } from "../../composables/use-roving-focus.js";
+import "../../composables/index.js";
 import { ShallowRef } from "vue";
 //#region src/components/tabs/types.d.ts
 /**
  * Type information for TabsActivationMode.
  */
-type TabsActivationMode = 'automatic' | 'manual';
+export type TabsActivationMode = 'automatic' | 'manual';
 /**
  * Properties for the TabsRoot component.
  */
-interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omit<RovingFocusGroupProps, 'as' | 'asChild' | 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus'> {
+export interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omit<RovingFocusGroupOptions, 'currentTabStopId' | 'defaultCurrentTabStopId' | 'preventScrollOnEntryFocus'> {
   /** The controlled value of the tab to activate. Can be bind as `v-model`. */
   modelValue?: T;
   /**
@@ -37,25 +38,25 @@ interface TabsRootProps<T extends AcceptableValue = AcceptableValue> extends Omi
 /**
  * Events for the TabsRoot component.
  */
-type TabsRootEmits<T = AcceptableValue> = {
+export type TabsRootEmits<T = AcceptableValue> = {
   /** Event handler called when the value changes */
   'update:modelValue': [payload: Exclude<T, undefined>];
 };
 /**
  * Properties for the TabsList component.
  */
-interface TabsListProps extends BaseProps {}
+export interface TabsListProps extends BaseProps {}
 /**
  * Properties for the TabsContent component.
  */
-interface TabsContentProps extends ForceMountProps, BaseProps {
+export interface TabsContentProps extends ForceMountProps, BaseProps {
   /** A unique value that associates the content with a trigger. */
   value: DefinedValue;
 }
 /**
  * Properties for the TabsTrigger component.
  */
-interface TabsTriggerProps extends PrimitiveWithBaseProps {
+export interface TabsTriggerProps extends PrimitiveWithBaseProps {
   /** A unique value that associates the trigger with a content. */
   value: DefinedValue;
   /** When `true`, prevents the user from interacting with the tab. */
@@ -64,11 +65,11 @@ interface TabsTriggerProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the TabsIndicator component.
  */
-interface TabsIndicatorProps extends PrimitiveWithBaseProps {}
+export interface TabsIndicatorProps extends PrimitiveWithBaseProps {}
 /**
  * Option data for the Tabs component.
  */
-interface TabsOptionData<T extends DefinedValue = DefinedValue> {
+export interface TabsOptionData<T extends DefinedValue = DefinedValue> {
   /**
    * Value associated with the current item.
    */
@@ -85,7 +86,7 @@ interface TabsOptionData<T extends DefinedValue = DefinedValue> {
 /**
  * Properties for the TabsCompact component.
  */
-interface TabsCompactProps<T extends TabsOptionData = TabsOptionData> extends TabsRootProps<T['value'] | null> {
+export interface TabsCompactProps<T extends TabsOptionData = TabsOptionData> extends TabsRootProps<T['value'] | null> {
   /**
    * Items rendered by the component.
    */
@@ -114,22 +115,22 @@ interface TabsCompactProps<T extends TabsOptionData = TabsOptionData> extends Ta
 /**
  * Events for the TabsCompact component.
  */
-type TabsCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
+export type TabsCompactEmits<T extends AcceptableValue = AcceptableValue> = TabsRootEmits<T>;
 /**
  * Slots for the TabsCompact component.
  */
-type TabsCompactSlots<T extends TabsOptionData = TabsOptionData> = {
+export type TabsCompactSlots<T extends TabsOptionData = TabsOptionData> = {
   /**
    * Custom content for the trigger slot.
    */
   trigger?: (props: T & {
-    active: boolean;
+    selected: boolean;
   }) => any;
   /**
    * Custom content for the content slot.
    */
   content?: (props: T & {
-    active: boolean;
+    selected: boolean;
   }) => any;
   /**
    * Custom content for the indicator slot.
@@ -139,10 +140,9 @@ type TabsCompactSlots<T extends TabsOptionData = TabsOptionData> = {
 /**
  * Available UI slots for the Tabs component.
  */
-type TabsUiSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator' | 'indicatorContent';
+export type TabsUiSlot = 'root' | 'list' | 'trigger' | 'content' | 'indicator' | 'indicatorContent';
 /**
  * UI class overrides for the Tabs component.
  */
-type TabsUi = UiClass<TabsUiSlot>;
-//#endregion
-export { TabsActivationMode, TabsCompactEmits, TabsCompactProps, TabsCompactSlots, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsOptionData, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi, TabsUiSlot };
+export type TabsUi = UiClass<TabsUiSlot>;
+//#endregion

package/dist/components/tag/tag.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{createCommentVNode as t,createElementBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s={key:0,"data-soybean-tag":``},c=r({name:`STag`,__name:`tag`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(r,{emit:c}){let l=r,u=c,d=e(()=>l.open,e=>{u(`update:open`,e)},!0),f=()=>{d.value=!1};return(e,r)=>o(d)?(i(),n(`div`,s,[a(e.$slots,`default`,{open:o(d),close:f})])):t(`v-if`,!0)}});export{c as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{createCommentVNode as t,createElementBlock as n,defineComponent as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s={key:0,"data-soybean-tag":``},c=r({name:`STag`,__name:`tag`,props:{open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(r,{emit:c}){let l=r,u=c,d=e(()=>l.open,e=>{u(`update:open`,e)},!0),f=()=>{d.value=!1};return(e,r)=>o(d)?(i(),n(`div`,s,[a(e.$slots,`default`,{open:o(d),close:f})])):t(`v-if`,!0)}});export{c as default};

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

@@ -4,7 +4,7 @@ import "../../types/index.js";
 /**
  * Properties for the Tag component.
  */
-interface TagProps extends BaseProps {
+export interface TagProps extends BaseProps {
   /**
    * Whether the component is open.
    */
@@ -13,11 +13,10 @@ interface TagProps extends BaseProps {
 /**
  * Events for the Tag component.
  */
-type TagEmits = {
+export type TagEmits = {
   /**
    * Emitted when the open state changes.
    */
   'update:open': [open: boolean];
 };
-//#endregion
-export { TagEmits, TagProps };
+//#endregion

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

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

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

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useCollection as t}from"../../composables/use-collection.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const{provideCollectionContext:r,useCollectionContext:i,useCollectionItem:a}=t(`TagsInput`),[o,s]=e(`TagsInputRoot`),[c,l]=e(`TagsInputItem`),[u,d]=n(`TagsInputUi`);export{r as provideCollectionContext,c as provideTagsInputItemContext,o as provideTagsInputRootContext,u as provideTagsInputUi,a as useCollectionItem,l as useTagsInputItemContext,s as useTagsInputRootContext,d as useTagsInputUi};
+import{useContext as e}from"../../composables/use-context.js";import{useCollection as t}from"../../composables/use-collection.js";import{useUiContext as n}from"../../composables/use-ui-context.js";const{provideCollectionContext:r,useCollectionContext:i,useCollectionItem:a}=t(`TagsInput`),[o,s]=e(`TagsInputRoot`),[c,l]=e(`TagsInputItem`),[u,d]=n(`TagsInputUi`);export{r as provideCollectionContext,c as provideTagsInputItemContext,o as provideTagsInputRootContext,u as provideTagsInputUi,a as useCollectionItem,l as useTagsInputItemContext,s as useTagsInputRootContext,d as useTagsInputUi};

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

@@ -1 +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{useTagsInputRootContext as r,useTagsInputUi 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:`TagsInputClear`,__name:`tags-input-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=p(),_=i(`clear`),v=e(),{disabled:y,onClear:b}=r(`TagsInputClear`),x=a(()=>h.disabled||y.value||!1),S=a(()=>g[`aria-label`]??v.value.tagsInput.clear);return(e,r)=>(u(),o(n,l(h,{"data-soybean-tags-input-clear":``,class:f(_),"aria-label":S.value,disabled:x.value,onClick:f(b)}),{default:m(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16,[`class`,`aria-label`,`disabled`,`onClick`]))}});export{h as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import t from"../_icon/icon.js";import n from"../button/button.js";import{useTagsInputRootContext as r,useTagsInputUi 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:`TagsInputClear`,__name:`tags-input-clear`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=p(),_=i(`clear`),v=e(),{disabled:y,onClear:b}=r(`TagsInputClear`),x=a(()=>h.disabled||y.value||!1),S=a(()=>g[`aria-label`]??v.value.tagsInput.clear);return(e,r)=>(u(),o(n,l(h,{"data-soybean-tags-input-clear":``,class:f(_),"aria-label":S.value,disabled:x.value,onClick:f(b)}),{default:m(()=>[d(e.$slots,`default`,{},()=>[s(t,{icon:`lucide:x`,"aria-hidden":!0})])]),_:3},16,[`class`,`aria-label`,`disabled`,`onClick`]))}});export{h 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,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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.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

@@ -2,13 +2,13 @@ import { TagsInputCompactProps, TagsInputCompactSlots } from "./types.js";
 //#region src/components/tags-input/tags-input-compact.vue.d.ts
 type __VLS_Slots = TagsInputCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TagsInputCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  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;
 }>, {

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`,`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};
+import{useLocaleMessages as e}from"../../locale/hooks.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]||=(...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-item-delete.js

@@ -1 +1 @@
-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};
+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-selected":d(g),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-selected`,`onClick`]))}});export{p as default};

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

@@ -1 +1 @@
-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};
+import{useOmitProps as e}from"../../composables/use-props.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||=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.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=()=>{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};
+import{useOmitProps as e}from"../../composables/use-props.js";import{Primitive as t}from"../primitive/primitive.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-selected":T.value}),{default:m(()=>[d(e.$slots,`default`,{onDelete:k,displayedValue:O.value})]),_:3},16,[`class`,`aria-labelledby`,`aria-current`,`data-disabled`,`data-selected`]))}});export{h 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=[`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};
+import{useArrowNavigation as e}from"../../composables/use-arrow-navigation.js";import{removeAt as t}from"../../shared/object.js";import{isFormControl as n,toContext as r}from"../../shared/vue.js";import{useDirection as i}from"../config-provider/context.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useForwardElement as o}from"../../composables/use-forward-element.js";import s from"../visually-hidden/visually-hidden-input.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

@@ -8,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[];
+  max: number;
   delimiter: string | RegExp;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,14 +4,14 @@ 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 "../../composables/index.js";
 import { ComputedRef, InputHTMLAttributes, ShallowRef } from "vue";
 //#region src/components/tags-input/types.d.ts
 /**
  * Properties for the TagsInputRoot component.
  */
-interface TagsInputRootProps extends InputBaseProps, FormFieldCommonProps, Omit<BaseProps, 'onInvalid'> {
+export interface TagsInputRootProps extends InputBaseProps, FormFieldCommonProps, Omit<BaseProps, 'onInvalid'> {
   /** The reading direction of the tags input. */
   dir?: Direction;
   /** The controlled value of the tags input. */
@@ -40,7 +40,7 @@ interface TagsInputRootProps extends InputBaseProps, FormFieldCommonProps, Omit<
 /**
  * Events for the TagsInputRoot component.
  */
-type TagsInputRootEmits = {
+export type TagsInputRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -61,11 +61,11 @@ type TagsInputRootEmits = {
 /**
  * Properties for the TagsInputControl component.
  */
-interface TagsInputControlProps extends BaseProps<InputHTMLAttributes> {}
+export interface TagsInputControlProps extends BaseProps<InputHTMLAttributes> {}
 /**
  * Properties for the TagsInputItem component.
  */
-interface TagsInputItemProps extends PrimitiveWithBaseProps {
+export interface TagsInputItemProps extends PrimitiveWithBaseProps {
   /**
    * Value associated with the tag.
    */
@@ -76,19 +76,19 @@ interface TagsInputItemProps extends PrimitiveWithBaseProps {
 /**
  * Properties for the TagsInputItemText component.
  */
-interface TagsInputItemTextProps extends PrimitiveWithBaseProps {}
+export interface TagsInputItemTextProps extends PrimitiveWithBaseProps {}
 /**
  * Properties for the TagsInputItemDelete component.
  */
-interface TagsInputItemDeleteProps extends ButtonProps {}
+export interface TagsInputItemDeleteProps extends ButtonProps {}
 /**
  * Properties for the TagsInputClear component.
  */
-interface TagsInputClearProps extends ButtonProps {}
+export interface TagsInputClearProps extends ButtonProps {}
 /**
  * Properties for the TagsInputCompact component.
  */
-interface TagsInputCompactProps extends TagsInputRootProps {
+export interface TagsInputCompactProps extends TagsInputRootProps {
   /** Whether to render the clear trigger. */
   clearable?: boolean;
   /** Props forwarded to the input element. */
@@ -105,11 +105,11 @@ interface TagsInputCompactProps extends TagsInputRootProps {
 /**
  * Events for the TagsInputCompact component.
  */
-type TagsInputCompactEmits = TagsInputRootEmits;
+export type TagsInputCompactEmits = TagsInputRootEmits;
 /**
  * Slot properties for item-related compact slots.
  */
-interface TagsInputCompactSlotProps {
+export interface TagsInputCompactSlotProps {
   /** Value associated with the current item. */
   value: string;
   /** Current item index. */
@@ -124,17 +124,16 @@ interface TagsInputCompactSlotProps {
 /**
  * Slots for the TagsInputCompact component.
  */
-type TagsInputCompactSlots = {
+export 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' | 'control' | 'clear';
+export type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'control' | 'clear';
 /**
  * UI class overrides for the TagsInput component.
  */
-type TagsInputUi = UiClass<TagsInputUiSlot>;
-//#endregion
-export { TagsInputClearProps, TagsInputCompactEmits, TagsInputCompactProps, TagsInputCompactSlotProps, TagsInputCompactSlots, TagsInputControlProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };
+export type TagsInputUi = UiClass<TagsInputUiSlot>;
+//#endregion

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

@@ -1,8 +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";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`TextareaRoot`),[i,a]=t(`TextareaUi`);export{n as provideTextareaRootContext,i as provideTextareaUi,r as useTextareaRootContext,a as useTextareaUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`TextareaRoot`),[i,a]=t(`TextareaUi`);export{n as provideTextareaRootContext,i as provideTextareaUi,r as useTextareaRootContext,a as useTextareaUi};

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

@@ -1 +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};
+import{useLocaleMessages as e}from"../../locale/hooks.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-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(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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{useOmitProps as t}from"../../composables/use-props.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]||=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]||=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-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=()=>{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};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import{useForwardElement as r}from"../../composables/use-forward-element.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};