@soybeanjs/headless 0.13.8 → 0.15.0-beta.1

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

@@ -1,12 +1,12 @@
 import { TabsIndicatorProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-indicator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TabsIndicatorProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TabsIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TabsIndicatorProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabsIndicatorProps> & 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/tabs/tabs-list.vue.d.ts

@@ -1,12 +1,12 @@
 import { TabsListProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-list.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TabsListProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TabsListProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabsListProps> & 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/tabs/tabs-root.vue.d.ts

@@ -1,6 +1,6 @@
 import { AcceptableValue, DataOrientation, DefinedValue } from "../../types/common.js";
 import { TabsActivationMode, TabsRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-root.vue.d.ts
 type __VLS_Props = TabsRootProps;
@@ -10,9 +10,9 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (payload: NonNullable<AcceptableValue>) => any;
-}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
   "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableValue>) => any) | undefined;
 }>, {
   orientation: DataOrientation;
@@ -20,7 +20,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, vue.C
   unmountOnHide: boolean;
   loop: boolean;
   activationMode: TabsActivationMode;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/tabs/tabs-trigger.vue.d.ts

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
 import { TabsTriggerProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tabs/tabs-trigger.vue.d.ts
 declare var __VLS_18: {
@@ -9,10 +9,10 @@ declare var __VLS_18: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_18) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TabsTriggerProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<TabsTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {
   disabled: boolean;
-  as: AsTag | vue.Component;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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/tag/tag.vue.d.ts

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_1: {
@@ -9,13 +9,13 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TagProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<TagProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/context.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot } from "./types.js";
+import { _default as _default$5 } from "./tags-input-root.vue.js";
+import { _default as _default$1 } from "./tags-input-input.vue.js";
+import { _default as _default$2 } from "./tags-input-item.vue.js";
+import { _default as _default$4 } from "./tags-input-item-text.vue.js";
+import { _default as _default$3 } from "./tags-input-item-delete.vue.js";
+import { _default } from "./tags-input-clear.vue.js";
+import { provideTagsInputUi } from "./context.js";
+export { type TagsInputAcceptableValue, _default as TagsInputClear, type TagsInputClearProps, _default$1 as TagsInputInput, type TagsInputInputProps, _default$2 as TagsInputItem, _default$3 as TagsInputItemDelete, type TagsInputItemDeleteProps, type TagsInputItemProps, _default$4 as TagsInputItemText, type TagsInputItemTextProps, _default$5 as TagsInputRoot, type TagsInputRootEmits, type TagsInputRootProps, type TagsInputUi, type TagsInputUiSlot, provideTagsInputUi };

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

@@ -0,0 +1 @@
+import{provideTagsInputUi as e}from"./context.js";import t from"./tags-input-root.js";import n from"./tags-input-input.js";import r from"./tags-input-item.js";import i from"./tags-input-item-text.js";import a from"./tags-input-item-delete.js";import o from"./tags-input-clear.js";export{o as TagsInputClear,n as TagsInputInput,r as TagsInputItem,a as TagsInputItemDelete,i as TagsInputItemText,t as TagsInputRoot,e as provideTagsInputUi};

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`TagsInputClear`,__name:`tags-input-clear`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(a){let d=a,f=n(`clear`),{disabled:p,onClear:m}=t(`TagsInputClear`),h=r(()=>d.as===`button`?`button`:void 0),g=r(()=>d.as===`button`?p.value:void 0);return(t,n)=>(s(),i(l(e),o(d,{class:l(f),"aria-disabled":l(p)?`true`:void 0,disabled:g.value,type:h.value,"data-disabled":l(p)?``:void 0,onClick:l(m)}),{default:u(()=>[c(t.$slots,`default`)]),_:3},16,[`class`,`aria-disabled`,`disabled`,`type`,`data-disabled`,`onClick`]))}});export{d as default};

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

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

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTagsInputRootContext as t,useTagsInputUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,nextTick as o,normalizeClass as s,openBlock as c,ref as l,renderSlot as u,unref as d,withCtx as f,withKeys as p}from"vue";const m=a({name:`TagsInputInput`,__name:`tags-input-input`,props:{id:{},placeholder:{},autofocus:{type:Boolean},maxlength:{},disabled:{type:Boolean},"aria-label":{},"aria-controls":{},asChild:{type:Boolean},as:{default:`input`}},setup(a){let m=a,h=n(`input`),{id:g,addOnPaste:_,addOnBlur:v,addOnTab:y,delimiter:b,disabled:x,isInvalidInput:S,onAddValue:C,onInputKeydown:w,selectedElement:T}=t(`TagsInputInput`),E=l(!1),D=r(()=>!m.asChild&&(m.as===void 0||m.as===`input`)),O=e=>{if(T.value=void 0,!v.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}C(i)&&(t.value=``)},k=e=>{if(S.value=!1,e.data===null)return;let t=b.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}C(r)&&(n.value=``)},A=e=>{if(!_.value)return;e.preventDefault();let t=e.clipboardData;if(!t)return;let n=t.getData(`text`),r=b.value??`,`;(typeof r==`string`?n.split(r):n.split(new RegExp(r))).forEach(e=>{let t=e.trim();t&&C(t)})},j=async e=>{if(E.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}C(n)&&(t.value=``),e.preventDefault()},M=e=>{y.value&&j(e)},N=()=>{E.value=!0},P=()=>{o(()=>{E.value=!1})};return(t,n)=>(c(),i(d(e),{id:m.id||d(g),as:m.as,"as-child":m.asChild,class:s(d(h)),type:D.value?`text`:void 0,autocomplete:D.value?`off`:void 0,autocorrect:D.value?`off`:void 0,autocapitalize:D.value?`off`:void 0,autofocus:D.value?m.autofocus:void 0,placeholder:D.value?m.placeholder:void 0,maxlength:D.value?m.maxlength:void 0,"aria-label":m[`aria-label`],"aria-controls":m[`aria-controls`],disabled:d(x)||m.disabled,"data-invalid":d(S)?``:void 0,onInput:k,onKeydown:[p(j,[`enter`]),p(M,[`tab`]),d(w)],onBlur:O,onPaste:A,onCompositionstart:N,onCompositionend:P},{default:f(()=>[u(t.$slots,`default`)]),_:3},8,[`id`,`as`,`as-child`,`class`,`type`,`autocomplete`,`autocorrect`,`autocapitalize`,`autofocus`,`placeholder`,`maxlength`,`aria-label`,`aria-controls`,`disabled`,`data-invalid`,`onKeydown`]))}});export{m as default};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-input.vue.d.ts
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TagsInputInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TagsInputInputProps> & Readonly<{}>, {
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, 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-item-delete.js

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

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TagsInputItemDeleteProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tags-input/tags-input-item-delete.vue.d.ts
+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_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-item-text.js

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

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

@@ -0,0 +1,21 @@
+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: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => 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_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-item.js

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

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

@@ -0,0 +1,21 @@
+import { TagsInputAcceptableValue, 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 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] }) & {};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,28 @@
+import { TagsInputAcceptableValue, 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> & {
+    "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+    onInvalid?: ((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: "update:modelValue", value: T[]) => void) & ((evt: "invalid", value: T) => void) & ((evt: "addTag", value: T) => void) & ((evt: "removeTag", value: T) => void);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+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] }) & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,63 @@
+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";
+
+//#region src/components/tags-input/types.d.ts
+type TagsInputAcceptableValue = string | number | bigint | Record<string, unknown>;
+interface TagsInputRootProps<T = TagsInputAcceptableValue> extends FormFieldCommonProps, /** @vue-ignore */HTMLAttributes {
+  /** Id of the input element. */
+  id?: string;
+  /** The controlled value of the tags input. */
+  modelValue?: T[];
+  /** The uncontrolled default value of the tags input. */
+  defaultValue?: T[];
+  /** Whether to add tags on paste. */
+  addOnPaste?: boolean;
+  /** Whether to add tags on tab. */
+  addOnTab?: boolean;
+  /** Whether to add tags on blur. */
+  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;
+}
+type TagsInputRootEmits<T = TagsInputAcceptableValue> = {
+  'update:modelValue': [value: T[]];
+  invalid: [value: T];
+  addTag: [value: T];
+  removeTag: [value: T];
+};
+interface TagsInputInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  id?: string;
+  placeholder?: string;
+  autofocus?: boolean;
+  maxlength?: number;
+  disabled?: boolean;
+  'aria-label'?: string;
+  'aria-controls'?: string;
+}
+interface TagsInputItemProps<T = TagsInputAcceptableValue> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'value'> {
+  /** Value associated with the tag. */
+  value: T;
+  /** Whether to disable the tag item. */
+  disabled?: boolean;
+}
+interface TagsInputItemTextProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TagsInputItemDeleteProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface TagsInputClearProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+type TagsInputUiSlot = 'root' | 'item' | 'itemText' | 'itemDelete' | 'input' | 'clear';
+type TagsInputUi = UiClass<TagsInputUiSlot>;
+//#endregion
+export { TagsInputAcceptableValue, TagsInputClearProps, TagsInputInputProps, TagsInputItemDeleteProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputRootEmits, TagsInputRootProps, TagsInputUi, TagsInputUiSlot };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { TextareaCounterProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/textarea/textarea-counter.vue.d.ts
 declare var __VLS_1: {
@@ -9,7 +9,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TextareaCounterProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<TextareaCounterProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TextareaCounterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TextareaCounterProps> & 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/textarea/textarea-root.vue.d.ts

@@ -1,5 +1,5 @@
 import { TextareaRootProps } from "./types.js";
-import * as vue from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/textarea/textarea-root.vue.d.ts
 declare var __VLS_1: {
@@ -9,13 +9,13 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue.DefineComponent<TextareaRootProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<TextareaRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue.PublicProps, Readonly<TextareaRootProps> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<TextareaRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
   modelValue: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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/toast/context.d.ts

@@ -1,9 +1,8 @@
 import { ClassValue, UiClass } from "../../types/common.js";
 import { ToastUiSlot } from "./types.js";
-import { ComputedRef } from "vue";
+import * as _$vue from "vue";
 
 //#region src/components/toast/context.d.ts
-declare const provideToastUi: (ui: ComputedRef<Partial<UiClass<ToastUiSlot>>>) => ComputedRef<Partial<UiClass<ToastUiSlot>>>, useToastUi: <S extends ToastUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ToastUiSlot ? ComputedRef<ClassValue> : ComputedRef<Partial<UiClass<ToastUiSlot>>>;
-declare const provideToastViewportUi: (arg: ComputedRef<ClassValue>) => ComputedRef<ClassValue>, useToastViewportUi: <N extends string | null | undefined = undefined>(consumerName?: N | undefined, defaultValue?: ComputedRef<ClassValue> | undefined) => N extends null | undefined ? ComputedRef<ClassValue> | null : ComputedRef<ClassValue>;
+declare const provideToastUi: (ui: _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>, useToastUi: <S extends ToastUiSlot | undefined = undefined>(slot?: S | undefined) => S extends ToastUiSlot ? _$vue.ComputedRef<ClassValue> : _$vue.ComputedRef<Partial<UiClass<ToastUiSlot>>>;
 //#endregion
-export { provideToastUi, provideToastViewportUi };
+export { provideToastUi };

package/dist/components/toast/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";import{shallowRef as r}from"vue";const{provideCollectionContext:i,useCollectionContext:a,useCollectionItem:o}=t(`Toast`),[s,c]=e(`ToastProvider`,e=>{let t=r(null),n=e=>{t.value=e},i=r(!1),a=r(!1),o=r(0),s=()=>{o.value++},c=()=>{o.value--};return{...e,viewportElement:t,onViewportElementChange:n,isFocusedToastEscapeKeyDownRef:i,isClosePausedRef:a,toastCount:o,onToastAdd:s,onToastRemove:c}}),[l,u]=e(`ToastRoot`),[d,f]=n(`ToastUi`),[p,m]=e(`ToastViewportTheme`);export{i as provideCollectionContext,s as provideToastProviderContext,l as provideToastRootContext,d as provideToastUi,p as provideToastViewportUi,a as useCollectionContext,o as useCollectionItem,c as useToastProviderContext,u as useToastRootContext,f as useToastUi,m as useToastViewportUi};
+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(`Toaster`),[i,a]=t(`ToastUi`);export{i as provideToastUi,n as provideToasterContext,a as useToastUi,r as useToasterContext};

package/dist/components/toast/hooks.js

@@ -0,0 +1 @@
+import{ALL_TOAST_POSITIONS as e}from"./shared.js";import{computed as t,shallowRef as n,toValue as r}from"vue";const i=i=>{let{id:a,position:o}=i,s=n([]),c=n([]),l=t(()=>s.value.filter(e=>r(a)&&e.toasterId===r(a)||!e.toasterId)),u=t(()=>{let t=new Set;return l.value.forEach(e=>{let n=e.position||r(o);t.add(n)}),e.forEach(e=>{t.has(e)||t.add(e)}),Array.from(t)});return{toasts:s,filtered:l,heights:c,allPositions:u,positionZIndex:t(()=>{let e={};return u.value.forEach((t,n)=>{e[t]=9999-n}),e}),allToasts:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return l.value.forEach(e=>{t[e.position||r(o)].push(e)}),t}),allHeights:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return c.value.forEach(e=>{t[e.position].push(e)}),t})}};export{i as useToastState};

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

@@ -1,12 +1,5 @@
-import { PortalProps } from "../portal/types.js";
-import { _default as _default$3 } from "../portal/portal.vue.js";
-import { ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastProviderProps, ToastRootEmits, ToastRootProps, ToastTitleProps, ToastUi, ToastUiSlot, ToastViewportProps } from "./types.js";
-import { _default as _default$4 } from "./toast-provider.vue.js";
-import { _default as _default$5 } from "./toast-root.vue.js";
-import { _default as _default$7 } from "./toast-viewport.vue.js";
-import { _default } from "./toast-action.vue.js";
-import { _default as _default$6 } from "./toast-title.vue.js";
-import { _default as _default$2 } from "./toast-description.vue.js";
-import { _default as _default$1 } from "./toast-close.vue.js";
-import { provideToastUi, provideToastViewportUi } from "./context.js";
-export { _default as ToastAction, type ToastActionProps, _default$1 as ToastClose, type ToastCloseProps, _default$2 as ToastDescription, type ToastDescriptionProps, _default$3 as ToastPortal, type PortalProps as ToastPortalProps, _default$4 as ToastProvider, type ToastProviderProps, _default$5 as ToastRoot, type ToastRootEmits, type ToastRootProps, _default$6 as ToastTitle, type ToastTitleProps, type ToastUi, type ToastUiSlot, _default$7 as ToastViewport, type ToastViewportProps, provideToastUi, provideToastViewportUi };
+import { ToastCreateOptions, ToastIconType, ToastPosition, ToastType, ToastUi, ToastUiSlot, ToasterProps } from "./types.js";
+import { _default } from "./toaster.vue.js";
+import { toast } from "./state.js";
+import { provideToastUi } from "./context.js";
+export { type ToastCreateOptions, type ToastIconType, type ToastPosition, type ToastType, type ToastUi, type ToastUiSlot, _default as Toaster, type ToasterProps, provideToastUi, toast };

package/dist/components/toast/index.js

@@ -1 +1 @@
-import e from"../portal/portal.js";import{provideToastUi as t,provideToastViewportUi as n}from"./context.js";import r from"./toast-provider.js";import i from"./toast-root.js";import a from"./toast-viewport.js";import o from"./toast-action.js";import s from"./toast-title.js";import c from"./toast-description.js";import l from"./toast-close.js";export{o as ToastAction,l as ToastClose,c as ToastDescription,e as ToastPortal,r as ToastProvider,i as ToastRoot,s as ToastTitle,a as ToastViewport,t as provideToastUi,n as provideToastViewportUi};
+import{toast as e}from"./state.js";import{provideToastUi as t}from"./context.js";import n from"./toaster.js";export{n as Toaster,t as provideToastUi,e as toast};

package/dist/components/toast/shared.js

@@ -1 +1 @@
-import{isHTMLElement as e}from"../../shared/dom.js";import"../../shared/index.js";const t={swipeMoveX:`--soybean-toast-swipe-move-x`,swipeMoveY:`--soybean-toast-swipe-move-y`,swipeEndX:`--soybean-toast-swipe-end-x`,swipeEndY:`--soybean-toast-swipe-end-y`},n=`data-swipe`,r={start:`start`,move:`move`,cancel:`cancel`,end:`end`},i=`toast.swipeStart`,a=`toast.swipeMove`,o=`toast.swipeCancel`,s=`toast.swipeEnd`,c=`toast.viewportPause`,l=`toast.viewportResume`;function u(t){let n=[];return Array.from(t.childNodes).forEach(t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent&&n.push(t.textContent),!e(t))return;let r=t.ariaHidden||t.hidden||t.style.display===`none`,i=t.dataset.soybeanToastAnnounceExclude===``;if(!r)if(i){let e=t.dataset.soybeanToastAnnounceAlt;e&&n.push(e)}else n.push(...u(t))}),n}export{n as TOAST_DATA_SWIPE,o as TOAST_SWIPE_CANCEL,s as TOAST_SWIPE_END,a as TOAST_SWIPE_MOVE,i as TOAST_SWIPE_START,c as VIEWPORT_PAUSE,l as VIEWPORT_RESUME,u as getAnnounceTextContent,t as toastCssVars,r as toastSwipe};
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.0/node_modules/@soybeanjs/utils/dist/index.js";import{h as t}from"vue";const n={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},r={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},i=`top-right`,a=4e3,o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=t=>{let r={top:n.offsetTop,right:n.offsetRight,bottom:n.offsetBottom,left:n.offsetLeft},i={top:n.mobileOffsetTop,right:n.mobileOffsetRight,bottom:n.mobileOffsetBottom,left:n.mobileOffsetLeft},a={};return e(r).forEach(e=>{let n=(typeof t==`number`?t:t[e])??24;a[r[e]]=`${n}px`,a[i[e]]=`calc(${n}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(r.swipeAmountX),n=e.style.getPropertyValue(r.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(n.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(r.swipeAmountX,`${t.x}px`),e.style.setProperty(r.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e),h=(e,n)=>{if(e)return typeof e==`string`?n?.(e)??t(`span`,e):e},g=(e,n,r)=>typeof e==`string`?r?.(e,n)??t(`button`,e):e;export{o as ALL_TOAST_POSITIONS,i as DEFAULT_POSITION,a as TOAST_LIFETIME,g as getButtonNode,c as getDefaultSwipeDirections,h as getIconNode,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,r as toastCssVars,n as toasterCssVars};

package/dist/components/toast/state.d.ts

@@ -0,0 +1,27 @@
+import { ToastExternal, ToastOrDismiss, ToastPromise, ToastPromiseData, ToastT } from "./types.js";
+import { VNode } from "vue";
+
+//#region src/components/toast/state.d.ts
+type ToastId = ToastT['id'];
+declare const toast: ((message: VNode | string, data?: ToastExternal) => string | number) & {
+  success: (message: VNode | string, data?: ToastExternal) => string | number;
+  info: (message: VNode | string, data?: ToastExternal) => string | number;
+  warning: (message: VNode | string, data?: ToastExternal) => string | number;
+  error: (message: VNode | string, data?: ToastExternal) => string | number;
+  custom: (component: VNode, data?: ToastExternal) => string | number;
+  message: (message: VNode | string, data?: ToastExternal) => string | number;
+  promise: <T>(promise: ToastPromise<T>, data?: ToastPromiseData<T> | undefined) => (string & {
+    unwrap: () => Promise<T>;
+  }) | (number & {
+    unwrap: () => Promise<T>;
+  }) | {
+    unwrap: () => Promise<T>;
+  } | undefined;
+  dismiss: (id?: ToastId) => string | number | undefined;
+  loading: (message: VNode | string, data?: ToastExternal) => string | number;
+} & {
+  getHistory: () => ToastOrDismiss[];
+  getToasts: () => ToastT[];
+};
+//#endregion
+export { toast };

package/dist/components/toast/state.js

@@ -0,0 +1 @@
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.js";import{isVNode as t}from"vue";let n=1;const r=new class{constructor(){e(this,`subscribers`,void 0),e(this,`toasts`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.toasts.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.toasts=[...this.toasts,e];return}let n={...this.toasts[t],...e};this.publish(n),this.toasts=this.toasts.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{message:t,dismissible:n=!0,...r}=e,i=s(e.id);this.resetDismissed(i);let a={...r,id:i,dismissible:n,title:t};return this.upsert(a),i}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,dismiss:!0})),e;this.toasts.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,dismiss:!0})})}),e(this,`message`,(e,t)=>this.create({...t,message:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,message:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,message:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,message:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,message:e,type:`warning`})),e(this,`loading`,(e,t)=>this.create({...t,message:e,type:`loading`})),e(this,`custom`,(e,t)=>{let n=s(t?.id),r=t?.dismissible??!0;return this.resetDismissed(n),this.upsert({custom:e,dismissible:r,id:n,...t}),n}),e(this,`promise`,(e,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:e,type:`loading`,message:n.loading,description:typeof n.description==`function`?void 0:n.description}));let i=Promise.resolve(typeof e==`function`?e():e),a=r!==void 0,s,l=async(e,t,n,i)=>{a=!1;let{description:o,settings:s}=await c(t,n,i,r);this.create({id:r,type:e,description:o,...s})},u=i.then(async e=>{if(s=[`resolve`,e],t(e)){a=!1,this.create({id:r,type:`default`,message:e});return}if(o(e)&&!e.ok){await l(`error`,n.error,n.description,`HTTP error! status: ${e.status}`);return}if(e instanceof Error){await l(`error`,n.error,n.description,e);return}n.success!==void 0&&await l(`success`,n.success,n.description,e)}).catch(async e=>{s=[`reject`,e],n.error!==void 0&&await l(`error`,n.error,n.description,e)}).finally(()=>{a&&(this.dismiss(r),r=void 0),n.finally?.()}),d=()=>new Promise((e,t)=>u.then(()=>s[0]===`reject`?t(s[1]):e(s[1])).catch(t));return typeof r!=`string`&&typeof r!=`number`?{unwrap:d}:Object.assign(r,{unwrap:d})}),e(this,`getActives`,()=>this.toasts.filter(e=>!this.dismissed.has(e.id))),this.subscribers=[],this.toasts=[],this.dismissed=new Set}},i=r.message,a=Object.assign(i,{success:r.success,info:r.info,warning:r.warning,error:r.error,custom:r.custom,message:r.message,promise:r.promise,dismiss:r.dismiss,loading:r.loading},{getHistory:()=>r.toasts,getToasts:()=>r.getActives()});function o(e){return typeof e==`object`&&!!e&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`}function s(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:n++}async function c(e,t,n,r){let[i,a]=await Promise.all([l(e,n),l(t,n)]);return{description:a,settings:d(i,r)}}async function l(e,t){return typeof e==`function`?await e(t):e}function u(e){return typeof e==`object`&&!!e&&`message`in e}function d(e,t){return u(e)?e:{id:t??``,message:e??``}}export{r as ToastState,a as toast};

package/dist/components/toast/toast-render.js

@@ -0,0 +1 @@
+import{Fragment as e,createBlock as t,createElementBlock as n,createTextVNode as r,defineComponent as i,mergeProps as a,normalizeProps as o,openBlock as s,resolveDynamicComponent as c,toDisplayString as l,unref as u,useAttrs as d}from"vue";const f=i({name:`ToastRender`,inheritAttrs:!1,__name:`toast-render`,props:{is:{}},setup(i){let f=d();return(d,p)=>typeof i.is==`string`?(s(),n(e,{key:0},[r(l(i.is),1)],64)):(s(),t(c(i.is),o(a({key:1},u(f))),null,16))}});export{f as default};

package/dist/components/toast/toast.js

@@ -0,0 +1 @@
+import{useToastUi as e,useToasterContext as t}from"./context.js";import{getButtonNode as n,getDefaultSwipeDirections as r,getIconNode as i,getSwipeAmount as a,resetSwipeAmount as o,setSwipeAmount as ee,toastCssVars as s}from"./shared.js";import c from"./toast-render.js";import{Fragment as te,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createVNode as m,defineComponent as h,mergeProps as g,onWatcherCleanup as ne,openBlock as _,resolveDynamicComponent as v,shallowRef as y,unref as b,useTemplateRef as x,watch as S,watchEffect as re}from"vue";import{useDocumentVisibility as ie,useElementSize as ae,useMounted as oe}from"@vueuse/core";const se=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],C=h({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(h,{emit:C}){let w=h,T=C,{dir:ce,allToasts:le,allHeights:E,gap:ue,duration:de,visibleCounts:fe,defaultExpanded:pe,swipeDirections:me,interactingPosition:he,expandedPosition:ge,showIcon:_e,showClose:ve,icons:D,iconRender:O,buttonRender:k,toastProps:ye,wrapperProps:be,contentProps:xe,titleProps:Se,descriptionProps:Ce,iconProps:we,footerProps:Te,actionProps:Ee,cancelProps:De,closeProps:Oe}=t(`Toast`),A=e(),j=x(`toast`),ke=x(`wrapper`),M=oe(),{height:Ae}=ae(ke),je=ie(),N=y(null),P=y(null),F=y(!1),I=y(!1),L=y(!1),R=y(!1),z=y(0),B=y(0),V=y(w.toast.duration??de.value),H=y(null),U=y(0),W=y(0),G=y(null),K=l(()=>w.toast.type),q=l(()=>{if(_e.value){if(w.toast.icon)return i(w.toast.icon,O);if(K.value&&K.value!==`default`)return i(D.value?.[K.value],O);if(w.toast.promise)return i(D.value?.loading,O)}}),J=l(()=>i(w.toast.close??D.value?.close,O)),Me=l(()=>w.index===0),Ne=l(()=>w.index+1<=fe.value),Y=l(()=>K.value===`loading`),X=l(()=>w.toast.dismissible!==!1),Z=l(()=>Math.max(E.value[w.position].findIndex(e=>e.toastId===w.toast.id),0)),Pe=l(()=>(w.toast.showClose||ve.value)&&X.value&&K.value!==`loading`),Fe=l(()=>w.toast.duration??de.value),Ie=l(()=>{let[e,t]=w.position.split(`-`);return{x:t,y:e}}),Le=l(()=>E.value[w.position].reduce((e,t,n)=>n>=Z.value?e:e+t.height,0)),Q=l(()=>Z.value*ue.value+Le.value),Re=l(()=>ge.value===w.position||pe.value&&M.value),ze=l(()=>({[s.index]:w.index,[s.beforeIndex]:w.index,[s.zIndex]:le.value[w.position].length-w.index,[s.offset]:`${F.value?z.value:Q.value}px`,[s.initialHeight]:pe.value?`auto`:`${B.value}px`})),Be=l(()=>{if(w.toast.action)return n(w.toast.action,`action`,k)}),Ve=l(()=>{if(w.toast.cancel)return n(w.toast.cancel,`cancel`,k)}),$=()=>{F.value=!0,z.value=Q.value,window.setTimeout(()=>{T(`remove`,w.toast)},200)},He=()=>{Y.value||!X.value||($(),w.toast.onDismiss?.(w.toast))},Ue=e=>{e.button!==2&&(Y.value||!X.value||(H.value=new Date,z.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(I.value=!0,G.value={x:e.clientX,y:e.clientY})))},We=()=>{if(L.value||!X.value)return;G.value=null;let{x:e,y:t}=a(j.value),n=Date.now()-(H.value?.getTime()??Date.now()),r=N.value===`x`?e:t,i=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||i>.11){z.value=Q.value,w.toast.onDismiss?.(w.toast),N.value===`x`?P.value=e>0?`right`:`left`:P.value=t>0?`down`:`up`,$(),L.value=!0;return}o(j.value),R.value=!1,I.value=!1,N.value=null},Ge=e=>{if(!G.value||!X.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-G.value.y,n=e.clientX-G.value.x,i=me.value??r(w.position);!N.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(N.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let a={x:0,y:0},o=e=>1/(1.5+Math.abs(e)/20);if(N.value===`y`){if(i.includes(`up`)||i.includes(`down`))if(i.includes(`up`)&&t<0||i.includes(`down`)&&t>0)a.y=t;else{let e=t*o(t);a.y=Math.abs(e)<Math.abs(t)?e:t}}else if(N.value===`x`&&(i.includes(`left`)||i.includes(`right`)))if(i.includes(`left`)&&n<0||i.includes(`right`)&&n>0)a.x=n;else{let e=n*o(n);a.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(a.x)>0||Math.abs(a.y)>0)&&(R.value=!0),ee(j.value,a)},Ke=()=>{I.value=!1,N.value=null,G.value=null},qe=e=>{w.toast.onAction?.(e),!e.defaultPrevented&&$()},Je=e=>{w.toast.onCancel?.(e),X.value&&$()};function Ye(e){B.value=e,T(`update:height`,{toastId:w.toast.id,height:e,position:w.toast.position??w.position})}function Xe(){let e=j.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ye(n)}return S(Fe,e=>{V.value=e},{immediate:!0}),S(Ae,e=>{M.value&&e&&Xe()},{flush:`post`}),S(()=>w.toast.delete,e=>{e&&($(),w.toast.onDismiss?.(w.toast))}),re(()=>{let e=w.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;ge.value===w.position||he.value===w.position||je.value===`hidden`?(()=>{if(W.value<U.value){let e=Date.now()-U.value;V.value-=e}W.value=Date.now()})():V.value!==1/0&&(U.value=Date.now(),t=setTimeout(()=>{w.toast.onAutoClose?.(w.toast),$()},V.value)),ne(()=>{t!==void 0&&clearTimeout(t)})}),(e,t)=>(_(),f(`li`,g(b(ye),{ref:`toast`,class:[b(A).toast,h.toast.ui?.toast],dir:b(ce),tabindex:`0`,"data-slot":`toast`,"data-rich-color":h.toast.richColor,"data-inverted":h.toast.inverted,"data-mounted":b(M),"data-promise":!!h.toast.promise,"data-swiped":R.value,"data-removed":F.value,"data-visible":Ne.value,"data-y-position":Ie.value.y,"data-x-position":Ie.value.x,"data-index":h.index,"data-front":Me.value,"data-swiping":I.value,"data-dismissible":X.value,"data-type":K.value,"data-swipe-out":L.value,"data-swipe-direction":P.value,"data-expanded":Re.value,"data-testid":h.toast.testId,style:ze.value,onDragend:Ke,onPointerdown:Ue,onPointerup:We,onPointermove:Ge}),[p(`div`,g({ref:`wrapper`},b(be),{class:[b(A).wrapper,h.toast.ui?.wrapper],"data-slot":`wrapper`}),[h.toast.custom?(_(),u(v(h.toast.custom),{key:0})):(_(),f(te,{key:1},[p(`h3`,g(b(Se),{class:[b(A).title,h.toast.ui?.title],"data-slot":`title`}),[q.value?(_(),u(v(q.value),g({key:0},b(we),{class:[b(A).icon,h.toast.ui?.icon]}),null,16,[`class`])):d(`v-if`,!0),m(c,{is:h.toast.title},null,8,[`is`])],16),h.toast.description?(_(),f(`p`,g({key:0},b(Ce),{class:[b(A).description,h.toast.ui?.description],"data-slot":`description`}),[m(c,{is:h.toast.description},null,8,[`is`])],16)):d(`v-if`,!0),h.toast.content?(_(),u(v(h.toast.content),g({key:1},b(xe),{class:[b(A).content,h.toast.ui?.content],"data-slot":`content`}),null,16,[`class`])):d(`v-if`,!0),h.toast.action||h.toast.cancel?(_(),f(`div`,g({key:2},b(Te),{class:[b(A).footer,h.toast.ui?.footer],"data-slot":`footer`}),[(_(),u(v(Ve.value),g(b(De),{class:[b(A).cancel,h.toast.ui?.cancel],"data-slot":`cancel`,onClick:Je}),null,16,[`class`])),(_(),u(v(Be.value),g(b(Ee),{class:[b(A).action,h.toast.ui?.action],"data-slot":`action`,onClick:qe}),null,16,[`class`]))],16)):d(`v-if`,!0)],64))],16),Pe.value&&J.value?(_(),f(`button`,g({key:0},b(Oe),{class:[b(A).close,h.toast.ui?.close],"data-slot":`close`,onClick:He}),[(_(),u(v(J.value)))],16)):d(`v-if`,!0)],16,se))}});export{C as default};

package/dist/components/toast/toaster.js

@@ -0,0 +1 @@
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import"../../shared/index.js";import{useDirection as r}from"../config-provider/context.js";import{ToastState as i}from"./state.js";import{provideToasterContext as a,useToastUi as o}from"./context.js";import{ALL_TOAST_POSITIONS as s,DEFAULT_POSITION as c,TOAST_LIFETIME as l,isModifierHotkey as u,isToastDismiss as d,resolveOffset as f,toasterCssVars as p}from"./shared.js";import{useToastState as m}from"./hooks.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as C,onBeforeUnmount as w,onWatcherCleanup as T,openBlock as E,renderList as D,renderSlot as O,shallowRef as k,unref as A,useAttrs as ee,watch as j,watchEffect as M}from"vue";const N=[`aria-label`],P=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],F=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:c},defaultExpanded:{type:Boolean},duration:{default:l},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},iconRender:{},buttonRender:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let l=c,x=ee(),F=o(),I=r(()=>l.dir),L=_(()=>l.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),R=_(()=>l.customAriaLabel??`${l.containerAriaLabel} ${L.value}`),z={},B=(t,n)=>{z[t]=e(n)},{toasts:V,allToasts:H,filtered:U,heights:W,allHeights:G,allPositions:te,positionZIndex:K}=m({id:()=>l.id,position:()=>l.position}),q=k(null),J=k(null),Y=k(null),X=k(null),Z=_(()=>({[p.gap]:`${l.gap}px`,...f(l.offset)})),Q=e=>{q.value===e&&(q.value=null),J.value===e&&(J.value=null),X.value===e&&(X.value=null)},ne=e=>{z[e]?.focus()},re=e=>{if(W.value.findIndex(t=>t.toastId===e.toastId)!==-1){W.value=W.value.map(t=>t.toastId===e.toastId?e:t);return}let t=W.value.findIndex(t=>t.position===e.position);if(t!==-1){W.value=[...W.value.slice(0,t),e,...W.value.slice(t)];return}W.value=[e,...W.value]},ie=e=>{let t=V.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},V.value[t],e);V.value=[...V.value.slice(0,t),n,...V.value.slice(t+1)];return}V.value=[e,...V.value]},ae=e=>{V.value=V.value.filter(t=>t.id===e.id?(t.delete||i.dismiss(e.id),!1):!0),W.value=W.value.filter(t=>t.toastId!==e.id)},oe=(e,t)=>{let n=t.currentTarget;X.value===e&&n&&!n.contains(t.relatedTarget)&&(X.value=null,q.value===e&&J.value!==e&&(q.value=null),Y.value&&(Y.value.focus({preventScroll:!0}),Y.value=null))},se=(e,t)=>{t.target.dataset.dismissible!==`false`&&X.value!==e&&(X.value=e,Y.value=t.relatedTarget)},$=e=>{q.value=e},ce=e=>{J.value!==e&&X.value!==e&&q.value===e&&(q.value=null)},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&(J.value=e,q.value=e)},ue=e=>{J.value===e&&(J.value=null)};return a({dir:I,allToasts:H,allHeights:G,interactingPosition:J,expandedPosition:q,iconRender:l.iconRender,buttonRender:l.buttonRender,...t(l,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`icons`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),M(()=>{let e=i.subscribe(e=>{if(d(e)){requestAnimationFrame(()=>{V.value=V.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}C(()=>{ie(e)})});T(()=>{e()})},{flush:`post`}),j(()=>V.value.length,e=>{e===0&&(q.value=null,J.value=null,X.value=null)}),j(()=>U.value,e=>{let t=new Set(e.map(e=>e.position??l.position));q.value&&!t.has(q.value)&&(q.value=null),J.value&&!t.has(J.value)&&(J.value=null),X.value&&!t.has(X.value)&&(X.value=null)},{deep:!0}),M(()=>{if(!n)return;let e=e=>{if(l.hotkey.length>0&&l.hotkey.every(t=>u(t)?e[t]:e.code===t)){let e=U.value[0]?.position??l.position??te.value[0];q.value=e,ne(e)}let t=Object.values(z).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(q.value=null,X.value=null)};document.addEventListener(`keydown`,e),T(()=>{document.removeEventListener(`keydown`,e)})}),w(()=>{Y.value&&(Y.value.focus({preventScroll:!0}),Y.value=null,X.value=null)}),(e,t)=>(E(),y(g,null,[b(`section`,{"aria-label":R.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(E(!0),y(g,null,D(A(s),e=>(E(),y(`ol`,S({key:e},{ref_for:!0},A(x),{ref_for:!0,ref:t=>B(e,t),class:A(F).toaster,tabindex:`-1`,dir:A(I),"data-slot":`toaster`,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":A(K)[e],"--front-toast-height":`${A(G)[e][0]?.height??0}px`,...Z.value},onBlur:t=>oe(e,t),onFocus:t=>se(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ce(e),onDragend:t=>Q(e),onPointerdown:t=>le(e,t),onPointerup:t=>ue(e)}),[(E(!0),y(g,null,D(A(H)[e],(t,n)=>(E(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":re,onRemove:ae},null,8,[`index`,`toast`,`position`]))),128))],16,P))),128))],8,N),O(e.$slots,`default`)],64))}});export{F as default};