@soybeanjs/headless 0.14.0 → 0.15.0-beta.2

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/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};

package/dist/components/toast/toaster.vue.d.ts

@@ -0,0 +1,26 @@
+import { ToastOffset, ToastPosition, ToasterProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toast/toaster.vue.d.ts
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToasterProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+  offset: ToastOffset;
+  gap: number;
+  duration: number;
+  visibleCounts: number;
+  hotkey: string[];
+  containerAriaLabel: string;
+  position: ToastPosition;
+}, {}, {}, {}, 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/toast/types.d.ts

@@ -1,103 +1,121 @@
-import { SwipeDirection, UiClass } from "../../types/common.js";
-import { SwipeEvent } from "../../types/event.js";
-import { ForceMountProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { HTMLAttributes } from "vue";
+import { Direction, Side, SwipeDirection, UiClass } from "../../types/common.js";
+import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ShallowRef, VNode } from "vue";
 
 //#region src/components/toast/types.d.ts
-interface ToastProviderProps {
-  /**
-   * An author-localized label for each toast. Used to help screen reader users associate the interruption with a toast.
-   *
-   * @defaultValue 'Notification'
-   */
-  label?: string;
-  /**
-   * Time in milliseconds that each toast should remain visible for.
-   *
-   * @defaultValue 5000
-   */
+type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+type ToastIconType = Exclude<ToastType, 'default'> | 'close';
+type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+type ToastOffset = Partial<Record<Side, number>> | number;
+type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
+interface ToastT {
+  id: number | string;
+  toasterId?: string;
+  type?: ToastType;
+  ui?: Partial<ToastUi>;
+  richColor?: boolean;
+  inverted?: boolean;
+  position?: ToastPosition;
   duration?: number;
+  dismissible?: boolean;
+  title?: VNode | string;
+  description?: VNode | string;
+  icon?: VNode | string;
+  content?: VNode;
+  action?: VNode | string;
+  cancel?: VNode | string;
+  onAction?: (event: MouseEvent) => void;
+  onCancel?: (event: MouseEvent) => void;
+  close?: VNode | string;
+  showClose?: boolean;
+  delete?: boolean;
+  custom?: VNode;
+  promise?: ToastPromise;
+  onDismiss?: (toast: ToastT) => void;
+  onAutoClose?: (toast: ToastT) => void;
+  testId?: string;
+}
+interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
+  id?: number | string;
+}
+interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
+  id?: number | string;
+  message?: VNode | string;
+}
+interface ToasterProps extends /** @vue-ignore */OlHTMLAttributes {
+  id?: string;
+  dir?: Direction;
+  hotkey?: string[];
+  customAriaLabel?: string;
+  containerAriaLabel?: string;
+  position?: ToastPosition;
+  defaultExpanded?: boolean;
   /**
-   * Whether to disable the ability to swipe to close the toast.
+   * The duration (in milliseconds) before the toast automatically closes. Set to `0` or `Infinity` to disable auto-dismissal.
    *
-   * @defaultValue false
+   * [自动关闭前的持续时间（以毫秒为单位）。设置为 `0` 或 `Infinity` 可禁用自动关闭。]
    */
-  disableSwipe?: boolean;
+  duration?: number;
+  gap?: number;
   /**
-   * Direction of pointer swipe that should close the toast.
+   *  The maximum number of visible toasts per position. [每个位置可见的最大吐司数量。]
    *
-   * @defaultValue 'right'
+   * @default 3
    */
-  swipeDirection?: SwipeDirection;
+  offset?: ToastOffset;
+  visibleCounts?: number;
+  swipeDirections?: SwipeDirection[];
+  showIcon?: boolean;
   /**
-   * Distance in pixels that the swipe must pass before a close is triggered.
+   * Whether to show the close button on the toast. [是否在吐司上显示关闭图标。]
    *
-   * @defaultValue 50
+   * @default true
    */
-  swipeThreshold?: number;
-}
-type ToastLiveType = 'foreground' | 'background';
-interface ToastRootProps extends ForceMountProps, PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onPause'> {
+  showClose?: boolean;
+  icons?: Partial<Record<ToastIconType, VNode | string>>;
   /**
-   * Control the sensitivity of the toast for accessibility purposes.
+   * When provide string value for icon, the `iconRender` function will be called to get the icon node.
    *
-   * For toasts that are the result of a user action, choose `foreground`. Toasts generated from background tasks should
-   * use `background`.
-   */
-  liveType?: ToastLiveType;
-  /** The controlled open state of the dialog. Can be bind as `v-model:open`. */
-  open?: boolean;
-  /** The open state of the dialog when it is initially rendered. Use when you do not need to control its open state. */
-  defaultOpen?: boolean;
-  /** Time in milliseconds that toast should remain visible for. Overrides value given to `ToastProvider`. */
-  duration?: number;
-}
-type ToastRootEmits = {
-  /** Event handler called when the escape key is down. It can be prevented by calling `event.preventDefault`. */escapeKeyDown: [event: KeyboardEvent];
-  /**
-   * Event handler called when the dismiss timer is paused. This occurs when the pointer is moved over the viewport, the
-   * viewport is focused or when the window is blurred.
-   */
-  pause: [];
-  /**
-   * Event handler called when the dismiss timer is resumed. This occurs when the pointer is moved away from the
-   * viewport, the viewport is blurred or when the window is focused.
-   */
-  resume: []; /** Event handler called when starting a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeStart: [event: SwipeEvent]; /** Event handler called during a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeMove: [event: SwipeEvent]; /** Event handler called when swipe interaction is cancelled. It can be prevented by calling `event.preventDefault`. */
-  swipeCancel: [event: SwipeEvent]; /** Event handler called at the end of a swipe interaction. It can be prevented by calling `event.preventDefault`. */
-  swipeEnd: [event: SwipeEvent]; /** Event handler called when the open state of the toast changes. */
-  'update:open': [value: boolean];
-};
-interface ToastViewportProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
-  /**
-   * The keys to use as the keyboard shortcut that will move focus to the toast viewport.
+   * [当图标提供字符串值时，将调用 `iconRender` 函数以获取图标节点。]
    *
-   * @defaultValue ['F8']
+   * @param name The name of the icon, which is the string value provided for the icon. [图标的名称，即为提供给图标的字符串值。]
    */
-  hotkey?: string[];
+  iconRender?: (name: string) => VNode;
   /**
-   * An author-localized label for the toast viewport to provide context for screen reader users when navigating page
-   * landmarks. The available `{hotkey}` placeholder will be replaced for you. Alternatively, you can pass in a custom
-   * function to generate the label.
+   * When `action` or `cancel` is a string, the `buttonRender` function will be called to get the node for them.
    *
-   * @defaultValue 'Notifications ({hotkey})'
+   * [当 `action` 或 `cancel` 是字符串时，将调用 `buttonRender` 函数以获取它们的节点。]
+   * @param label The label of the button. [按钮的标签。]
+   * @param type The type of the button, either 'action' or 'cancel'. [按钮的类型，'action' 或 'cancel'。]
    */
-  label?: string | ((hotkey: string) => string);
+  buttonRender?: (label: string, type: 'action' | 'cancel') => VNode;
+  toastProps?: LiHTMLAttributes;
+  wrapperProps?: HTMLAttributes;
+  contentProps?: HTMLAttributes;
+  titleProps?: HTMLAttributes;
+  descriptionProps?: HTMLAttributes;
+  iconProps?: HTMLAttributes;
+  footerProps?: HTMLAttributes;
+  actionProps?: HTMLAttributes;
+  cancelProps?: HTMLAttributes;
+  closeProps?: HTMLAttributes;
 }
-interface ToastCloseProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-interface ToastActionProps extends ToastCloseProps {
-  /**
-   * A short description for an alternate way to carry out the action. For screen reader users who will not be able to
-   * navigate to the button easily/quickly.
-   */
-  altText: string;
+interface ToastDismiss {
+  id: number | string;
+  dismiss: boolean;
+}
+type ToastOrDismiss = ToastT | ToastDismiss;
+interface ToastPromiseResult extends ToastExternal {
+  message: VNode | string;
 }
-interface ToastTitleProps extends /** @vue-ignore */HTMLAttributes {}
-interface ToastDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-type ToastUiSlot = 'root' | 'title' | 'description' | 'action' | 'close';
+type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
+type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
+  loading?: VNode | string;
+  success?: ToastPromiseResolver<ToastPromiseResult | VNode | string, ToastData>;
+  error?: ToastPromiseResolver<ToastPromiseResult | VNode | string>;
+  description?: ToastPromiseResolver<VNode | string>;
+  finally?: () => void | Promise<void>;
+};
+type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
 type ToastUi = UiClass<ToastUiSlot>;
 //#endregion
-export { ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastLiveType, ToastProviderProps, ToastRootEmits, ToastRootProps, ToastTitleProps, ToastUi, ToastUiSlot, ToastViewportProps };
+export { ToastCreateOptions, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastT, ToastType, ToastUi, ToastUiSlot, ToasterProps };

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

@@ -0,0 +1,3 @@
+import { ToggleEmits, ToggleProps, ToggleState } from "./types.js";
+import { _default } from "./toggle.vue.js";
+export { _default as Toggle, type ToggleEmits, type ToggleProps, type ToggleState };

package/dist/components/toggle/index.js

@@ -0,0 +1 @@
+import e from"./toggle.js";export{e as Toggle};

package/dist/components/toggle/toggle.js

@@ -0,0 +1 @@
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.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:`Toggle`,__name:`toggle`,props:{defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},asChild:{type:Boolean},as:{default:`button`}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(f,[`defaultValue`,`modelValue`,`disabled`]),h=e(()=>f.modelValue,e=>{p(`update:modelValue`,e??!1)},f.defaultValue??!1),g=r(()=>f.disabled?``:void 0),_=r(()=>h.value?`on`:`off`),v=e=>{if(f.disabled){e.preventDefault(),e.stopPropagation();return}h.value=!h.value};return(e,t)=>(s(),i(l(n),o(l(m),{type:a.as===`button`?f.type:void 0,disabled:a.as===`button`?a.disabled:void 0,"aria-disabled":a.as===`button`?void 0:a.disabled||void 0,"aria-pressed":!!l(h),"data-disabled":g.value,"data-state":_.value,onClick:v}),{default:u(()=>[c(e.$slots,`default`,{modelValue:!!l(h),pressed:!!l(h),state:_.value,disabled:a.disabled})]),_:3},16,[`type`,`disabled`,`aria-disabled`,`aria-pressed`,`data-disabled`,`data-state`]))}});export{d as default};

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { ToggleProps, ToggleState } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle/toggle.vue.d.ts
+declare var __VLS_10: {
+  modelValue: boolean;
+  pressed: boolean;
+  state: ToggleState;
+  disabled: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ToggleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<ToggleProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+  type: "button" | "reset" | "submit";
+  disabled: boolean;
+  modelValue: boolean;
+  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/toggle/types.d.ts

@@ -0,0 +1,27 @@
+import { PrimitiveProps } from "../primitive/types.js";
+import { ButtonHTMLAttributes } from "vue";
+
+//#region src/components/toggle/types.d.ts
+type ToggleState = 'on' | 'off';
+interface ToggleProps extends PrimitiveProps, /** @vue-ignore */Omit<ButtonHTMLAttributes, 'onClick'> {
+  /**
+   * The pressed state of the toggle when it is initially rendered.
+   */
+  defaultValue?: boolean;
+  /**
+   * The controlled pressed state of the toggle. Can be bound with v-model.
+   */
+  modelValue?: boolean;
+  /**
+   * When `true`, prevents the user from interacting with the toggle.
+   */
+  disabled?: boolean;
+}
+type ToggleEmits = {
+  /**
+   * Event handler called when the pressed state changes.
+   */
+  'update:modelValue': [value: boolean];
+};
+//#endregion
+export { ToggleEmits, ToggleProps, ToggleState };

package/dist/components/toggle-group/context.d.ts

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

package/dist/components/toggle-group/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToggleGroupRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,5 @@
+import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot } from "./types.js";
+import { _default as _default$1 } from "./toggle-group-root.vue.js";
+import { _default } from "./toggle-group-item.vue.js";
+import { provideToggleGroupUi } from "./context.js";
+export { _default as ToggleGroupItem, type ToggleGroupItemProps, _default$1 as ToggleGroupRoot, type ToggleGroupRootEmits, type ToggleGroupRootProps, type ToggleGroupUi, type ToggleGroupUiSlot, provideToggleGroupUi };

package/dist/components/toggle-group/index.js

@@ -0,0 +1 @@
+import{provideToggleGroupUi as e}from"./context.js";import t from"./toggle-group-root.js";import n from"./toggle-group-item.js";export{n as ToggleGroupItem,t as ToggleGroupRoot,e as provideToggleGroupUi};

package/dist/components/toggle-group/toggle-group-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 n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as r,useToggleGroupUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean,default:!1},type:{default:`button`},asChild:{type:Boolean},as:{default:`button`}},setup(s){let m=s,h=i(`item`),{disabled:g,rovingFocus:_,orientation:v,isValueSelected:y,onModelValueChange:b}=r(`ToggleGroupItem`),x=a(()=>g.value||m.disabled),S=a(()=>y(m.value)),C=e(m,[`as`,`value`],()=>_.value?{focusable:!x.value,active:S.value}:{}),w=a(()=>S.value?`on`:`off`),T=()=>{x.value||b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):f(t)),c(f(C),{as:s.as,"as-child":s.asChild,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":w.value,"data-orientation":f(v),disabled:x.value,onClick:T}),{default:p(()=>[u(e.$slots,`default`,{pressed:S.value,disabled:x.value})]),_:3},16,[`as`,`as-child`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{m as default};

package/dist/components/toggle-group/toggle-group-item.vue.d.ts

@@ -0,0 +1,25 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupItemProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle-group/toggle-group-item.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = 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<ToggleGroupItemProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      pressed: boolean;
+      disabled: boolean;
+    }) => 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/toggle-group/toggle-group-root.js

@@ -0,0 +1 @@
+import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../visually-hidden/visually-hidden-input.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import"../visually-hidden/index.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,withCtx as v}from"vue";const y=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},singleClearable:{type:Boolean},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),[C,w]=n(),{modelValue:T,onModelValueChange:E,isValueSelected:D,isMultiple:O}=r(b,e=>x(`update:modelValue`,e)),k=l(()=>e(C.value)),A=l(j);function j(){let{rovingFocus:e,loop:t,dir:n,orientation:r}=b;return e?{loop:t,dir:n,orientation:r}:{}}let M=e=>{E(e)},N=e=>D(e);return s({...t(b,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T,onModelValueChange:M,isValueSelected:N,isMultiple:O}),(e,t)=>(m(),u(g(f.rovingFocus?_(o):_(i)),p(A.value,{ref:_(w),as:f.as,"as-child":f.asChild,class:_(S),dir:f.dir,role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)}),k.value&&f.name?(m(),u(_(a),{key:0,name:f.name,value:_(T),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{y as default};

package/dist/components/toggle-group/toggle-group-root.vue.d.ts

@@ -0,0 +1,26 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToggleGroupRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/toggle-group/toggle-group-root.vue.d.ts
+declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = 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<ToggleGroupRootProps<M, T> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      modelValue: (M extends true ? T[] : T) | undefined;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? T[] : 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 };