@astryx-vue/core 0.2.5 → 0.3.0

package/dist/Typeahead-_V11btpv.js

@@ -1,499 +0,0 @@
-import { o as useAstryxMessages } from "./context-CPh7kE-a.js";
-import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
-import { t as _sfc_main$3 } from "./Field-8zRxzDHE.js";
-import { t as _sfc_main$4 } from "./Token-D2GsI_Ei.js";
-import { n as useAnchoredListbox, t as scrollOptionIntoView } from "./useAnchoredListbox-BN9LQnon.js";
-import { r as useTypeaheadMenu, t as _sfc_main$5 } from "./TypeaheadMenu-BEObzonz.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, toDisplayString, unref, useId, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
-import "../styles/visually-hidden-utility.css";
-import "../styles/typeahead.css";
-//#region src/Typeahead/BaseTypeahead.vue
-const _hoisted_1 = {
-	key: 0,
-	class: "astryx-typeahead-icon",
-	"aria-hidden": "true"
-};
-const _hoisted_2 = [
-	"id",
-	"placeholder",
-	"value",
-	"disabled",
-	"readonly",
-	"aria-disabled",
-	"aria-expanded",
-	"aria-controls",
-	"aria-label",
-	"aria-activedescendant",
-	"aria-describedby",
-	"aria-required",
-	"title"
-];
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = ["id"];
-const _hoisted_5 = ["name", "value"];
-const _hoisted_6 = [
-	"id",
-	"aria-label",
-	"data-placement"
-];
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	name: "AstryxBaseTypeahead",
-	inheritAttrs: false,
-	__name: "BaseTypeahead",
-	props: {
-		modelValue: { default: null },
-		searchSource: {},
-		label: {},
-		inputId: {},
-		describedBy: {},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		status: { default: "default" },
-		size: { default: "md" },
-		clearable: {
-			type: Boolean,
-			default: true
-		},
-		debounceMs: { default: 150 },
-		maxMenuItems: { default: 10 },
-		showOnFocus: {
-			type: Boolean,
-			default: false
-		},
-		emptyText: {},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		name: {}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"search",
-		"openChange"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const messages = useAstryxMessages();
-		const generatedId = `astryx-typeahead-${useId()}`;
-		const inputId = computed(() => props.inputId ?? generatedId);
-		const listboxId = computed(() => `${inputId.value}-listbox`);
-		const disabledId = computed(() => `${inputId.value}-disabled`);
-		const editing = ref(false);
-		let suppressFocusOpen = false;
-		const inputRef = useTemplateRef("inputRef");
-		const anchorRef = useTemplateRef("anchorRef");
-		const listboxRef = useTemplateRef("listboxRef");
-		const placeholder = computed(() => props.placeholder ?? messages.value.typeahead.placeholder);
-		const emptyText = computed(() => props.emptyText ?? messages.value.typeahead.empty);
-		const clearLabel = computed(() => messages.value.typeahead.clear);
-		const focusableDisabled = computed(() => props.disabled && Boolean(props.disabledReason?.trim()));
-		const menu = useTypeaheadMenu({
-			source: () => props.searchSource,
-			debounceMs: () => props.debounceMs,
-			showOnFocus: () => props.showOnFocus,
-			maxItems: () => props.maxMenuItems,
-			disabled: () => props.disabled,
-			onSelect: (entry) => {
-				commit(entry.item);
-			},
-			onEscape: () => {
-				restoreSelection();
-			},
-			onQueryChange: (query) => {
-				emit("search", query);
-			}
-		});
-		const anchored = useAnchoredListbox({
-			anchor: anchorRef,
-			layer: listboxRef,
-			isOpen: menu.combobox.isOpen,
-			onDismiss: () => {
-				menu.close();
-				restoreSelection();
-			}
-		});
-		const selected = computed(() => props.modelValue ?? null);
-		const showToken = computed(() => selected.value != null && !editing.value);
-		const describedBy = computed(() => {
-			return [props.describedBy, focusableDisabled.value ? disabledId.value : void 0].filter(Boolean).join(" ") || void 0;
-		});
-		watch(() => menu.combobox.isOpen.value, (isOpen) => {
-			emit("openChange", isOpen);
-		});
-		watch(() => menu.combobox.activeIndex.value, (index) => {
-			if (index < 0 || !menu.combobox.isOpen.value) return;
-			nextTick(() => {
-				scrollOptionIntoView(listboxRef.value, menu.entries.value[index]?.id);
-			});
-		});
-		function commit(item) {
-			editing.value = false;
-			menu.query.value = "";
-			menu.close();
-			emit("update:modelValue", item);
-			emit("change", item);
-			suppressFocusOpen = item != null;
-			nextTick(() => {
-				inputRef.value?.focus();
-				suppressFocusOpen = false;
-			});
-		}
-		function restoreSelection() {
-			if (selected.value == null) return;
-			editing.value = false;
-			menu.query.value = "";
-		}
-		function startEdit() {
-			if (props.disabled || selected.value == null || editing.value) return;
-			editing.value = true;
-			menu.setQuery(selected.value.label);
-			nextTick(() => {
-				inputRef.value?.focus();
-				inputRef.value?.select();
-			});
-		}
-		function highlight(index) {
-			const entry = menu.entries.value[index];
-			if (entry && !entry.disabled) menu.combobox.activeIndex.value = index;
-		}
-		function onInput(event) {
-			if (props.disabled) return;
-			menu.setQuery(event.target.value);
-		}
-		function onFocus() {
-			if (props.disabled || suppressFocusOpen) return;
-			if (showToken.value) {
-				startEdit();
-				return;
-			}
-			if (props.showOnFocus) menu.open();
-		}
-		function onBlur(event) {
-			const next = event.relatedTarget;
-			if (next instanceof Node && (anchorRef.value?.contains(next) || listboxRef.value?.contains(next))) return;
-			menu.close();
-			restoreSelection();
-		}
-		function onControlClick(event) {
-			if (props.disabled) return;
-			const target = event.target;
-			if (target instanceof Element && target.closest("button, a")) return;
-			if (showToken.value) startEdit();
-			else inputRef.value?.focus();
-		}
-		function onClear(event) {
-			event.stopPropagation();
-			commit(null);
-		}
-		function onMenuSelect(id) {
-			const entry = menu.entries.value.find((item) => item.id === id);
-			if (entry && !entry.disabled) commit(entry.item);
-		}
-		function optionSelected(id) {
-			return selected.value?.id === id;
-		}
-		__expose({
-			focus: () => inputRef.value?.focus(),
-			blur: () => inputRef.value?.blur()
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createElementVNode("div", { class: normalizeClass(["astryx-typeahead astryx-typeahead--bare", [`size-${props.size}`]]) }, [createCommentVNode(" eslint-disable-next-line vue-a11y/click-events-have-key-events, vue-a11y/no-static-element-interactions -- 点空白处只是把焦点交给组合框；键盘用户直接 Tab 到输入框。 "), createElementVNode("div", {
-				ref_key: "anchorRef",
-				ref: anchorRef,
-				class: normalizeClass(["astryx-typeahead-control", [`status-${props.status}`, {
-					"is-open": unref(menu).combobox.isOpen.value,
-					"is-disabled": props.disabled
-				}]]),
-				onClick: onControlClick
-			}, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("v-if", true),
-				showToken.value && selected.value ? (openBlock(), createBlock(_sfc_main$4, {
-					key: 1,
-					class: "astryx-typeahead-value",
-					label: selected.value.label,
-					size: props.size,
-					disabled: props.disabled,
-					onClick: startEdit
-				}, null, 8, [
-					"label",
-					"size",
-					"disabled"
-				])) : createCommentVNode("v-if", true),
-				createElementVNode("input", {
-					id: inputId.value,
-					ref_key: "inputRef",
-					ref: inputRef,
-					class: normalizeClass(["astryx-typeahead-input", { "is-hidden": showToken.value }]),
-					type: "text",
-					role: "combobox",
-					autocomplete: "off",
-					autocapitalize: "off",
-					placeholder: showToken.value ? void 0 : placeholder.value,
-					value: showToken.value ? "" : unref(menu).query.value,
-					disabled: props.disabled && !focusableDisabled.value,
-					readonly: focusableDisabled.value || void 0,
-					"aria-disabled": focusableDisabled.value ? "true" : void 0,
-					"aria-expanded": unref(menu).combobox.isOpen.value,
-					"aria-controls": listboxId.value,
-					"aria-label": props.label,
-					"aria-autocomplete": "list",
-					"aria-activedescendant": unref(menu).activeId.value ? `${listboxId.value}-option-${unref(menu).combobox.activeIndex.value}` : void 0,
-					"aria-describedby": describedBy.value,
-					"aria-required": props.required || void 0,
-					title: props.disabledReason,
-					onInput,
-					onFocus,
-					onBlur,
-					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeyDown && unref(menu).onKeyDown(...args))
-				}, null, 42, _hoisted_2),
-				unref(menu).status.value === "loading" ? (openBlock(), createBlock(_sfc_main$2, {
-					key: 2,
-					class: "astryx-typeahead-spinner",
-					size: "sm",
-					"aria-label": unref(messages).typeahead.loading
-				}, null, 8, ["aria-label"])) : createCommentVNode("v-if", true),
-				props.clearable && selected.value && !props.disabled ? (openBlock(), createElementBlock("button", {
-					key: 3,
-					type: "button",
-					class: "astryx-typeahead-clear",
-					"aria-label": clearLabel.value,
-					onClick: onClear
-				}, [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
-					width: "16",
-					height: "16",
-					viewBox: "0 0 16 16",
-					fill: "none",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M12 4L4 12M4 4L12 12",
-					stroke: "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round"
-				})], -1)])], 8, _hoisted_3)) : createCommentVNode("v-if", true),
-				focusableDisabled.value ? (openBlock(), createElementBlock("span", {
-					key: 4,
-					id: disabledId.value,
-					class: "astryx-visually-hidden"
-				}, toDisplayString(props.disabledReason), 9, _hoisted_4)) : createCommentVNode("v-if", true),
-				props.name ? (openBlock(), createElementBlock("input", {
-					key: 5,
-					type: "hidden",
-					name: props.name,
-					value: selected.value?.id ?? ""
-				}, null, 8, _hoisted_5)) : createCommentVNode("v-if", true)
-			], 2)], 2), (openBlock(), createBlock(Teleport, { to: "body" }, [withDirectives(createElementVNode("div", {
-				id: listboxId.value,
-				ref_key: "listboxRef",
-				ref: listboxRef,
-				class: "astryx-typeahead-listbox",
-				role: "listbox",
-				"aria-label": unref(messages).typeahead.results,
-				"data-placement": unref(anchored).position.value.placement,
-				style: normalizeStyle(unref(anchored).style.value),
-				tabindex: "-1"
-			}, [createVNode(_sfc_main$5, {
-				entries: unref(menu).entries.value.map((entry) => ({
-					id: entry.id,
-					label: entry.label,
-					description: entry.description,
-					disabled: entry.disabled,
-					selected: optionSelected(entry.item.id)
-				})),
-				"active-index": unref(menu).combobox.activeIndex.value,
-				status: unref(menu).status.value,
-				"listbox-id": listboxId.value,
-				"empty-text": emptyText.value,
-				"loading-text": unref(messages).typeahead.loading,
-				"error-text": unref(messages).typeahead.error,
-				onSelect: onMenuSelect,
-				onHighlight: highlight
-			}, createSlots({ _: 2 }, [_ctx.$slots.item ? {
-				name: "item",
-				fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
-					item: unref(menu).entries.value.find((entry) => entry.id === slotProps.entry.id).item,
-					isActive: slotProps.isActive,
-					isSelected: slotProps.isSelected
-				})]),
-				key: "0"
-			} : void 0, _ctx.$slots.empty ? {
-				name: "empty",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-				key: "1"
-			} : void 0]), 1032, [
-				"entries",
-				"active-index",
-				"status",
-				"listbox-id",
-				"empty-text",
-				"loading-text",
-				"error-text"
-			])], 12, _hoisted_6), [[vShow, unref(menu).combobox.isOpen.value]])]))], 64);
-		};
-	}
-});
-//#endregion
-//#region src/Typeahead/Typeahead.vue
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	name: "AstryxTypeahead",
-	inheritAttrs: false,
-	__name: "Typeahead",
-	props: {
-		modelValue: { default: null },
-		searchSource: {},
-		label: {},
-		labelHidden: {
-			type: Boolean,
-			default: false
-		},
-		description: {},
-		placeholder: {},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		disabledReason: {},
-		status: { default: "default" },
-		statusMessage: {},
-		size: { default: "md" },
-		clearable: {
-			type: Boolean,
-			default: true
-		},
-		debounceMs: { default: 150 },
-		maxMenuItems: { default: 10 },
-		showOnFocus: {
-			type: Boolean,
-			default: false
-		},
-		emptyText: {},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		optional: {
-			type: Boolean,
-			default: false
-		},
-		name: {},
-		width: {}
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"search",
-		"openChange"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const inputId = `astryx-typeahead-${useId()}`;
-		const base = useTemplateRef("base");
-		const fieldStatus = computed(() => {
-			if (!props.statusMessage || props.status === "default") return void 0;
-			return {
-				type: props.status,
-				message: props.statusMessage
-			};
-		});
-		__expose({
-			focus: () => base.value?.focus(),
-			blur: () => base.value?.blur()
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(_sfc_main$3, {
-				class: normalizeClass(["astryx-typeahead", [`size-${props.size}`]]),
-				label: props.label,
-				"input-id": inputId,
-				description: props.description,
-				"is-label-hidden": props.labelHidden,
-				"is-disabled": props.disabled,
-				"is-required": props.required,
-				"is-optional": props.optional,
-				status: fieldStatus.value,
-				width: props.width
-			}, {
-				default: withCtx((field) => [createVNode(_sfc_main$1, {
-					ref_key: "base",
-					ref: base,
-					"model-value": props.modelValue,
-					"search-source": props.searchSource,
-					"input-id": field.inputId,
-					"described-by": field.describedBy,
-					placeholder: props.placeholder,
-					disabled: props.disabled,
-					"disabled-reason": props.disabledReason,
-					status: props.status,
-					size: props.size,
-					clearable: props.clearable,
-					"debounce-ms": props.debounceMs,
-					"max-menu-items": props.maxMenuItems,
-					"show-on-focus": props.showOnFocus,
-					"empty-text": props.emptyText,
-					required: props.required,
-					name: props.name,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
-					onChange: _cache[1] || (_cache[1] = ($event) => emit("change", $event)),
-					onSearch: _cache[2] || (_cache[2] = ($event) => emit("search", $event)),
-					onOpenChange: _cache[3] || (_cache[3] = ($event) => emit("openChange", $event))
-				}, createSlots({ _: 2 }, [
-					_ctx.$slots.icon ? {
-						name: "icon",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "icon")]),
-						key: "0"
-					} : void 0,
-					_ctx.$slots.item ? {
-						name: "item",
-						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "item", {
-							item: slotProps.item,
-							isActive: slotProps.isActive,
-							isSelected: slotProps.isSelected
-						})]),
-						key: "1"
-					} : void 0,
-					_ctx.$slots.empty ? {
-						name: "empty",
-						fn: withCtx(() => [renderSlot(_ctx.$slots, "empty")]),
-						key: "2"
-					} : void 0
-				]), 1032, [
-					"model-value",
-					"search-source",
-					"input-id",
-					"described-by",
-					"placeholder",
-					"disabled",
-					"disabled-reason",
-					"status",
-					"size",
-					"clearable",
-					"debounce-ms",
-					"max-menu-items",
-					"show-on-focus",
-					"empty-text",
-					"required",
-					"name"
-				])]),
-				_: 3
-			}, 8, [
-				"class",
-				"label",
-				"description",
-				"is-label-hidden",
-				"is-disabled",
-				"is-required",
-				"is-optional",
-				"status",
-				"width"
-			]);
-		};
-	}
-});
-//#endregion
-export { _sfc_main$1 as n, _sfc_main as t };

package/dist/index-Blm197N_.d.ts

@@ -1,82 +0,0 @@
-//#region src/Tooltip/types.d.ts
-type TooltipPlacement = 'above' | 'below' | 'start' | 'end';
-type TooltipAlignment = 'start' | 'center' | 'end';
-type TooltipFocusTrigger = 'auto' | 'always' | 'never';
-type TooltipTouchTrigger = 'auto' | 'tap' | 'none';
-interface TooltipProps {
-  /** 提示内容。需要富文本时使用 `content` 插槽。 */
-  content?: string;
-  /** 气泡相对触发元素的位置。空间不足时自动翻转。 */
-  placement?: TooltipPlacement;
-  /** 沿位置方向的对齐方式。 */
-  alignment?: TooltipAlignment;
-  /** 悬停或聚焦后，显示前的等待时间（毫秒）。 */
-  delay?: number;
-  /** 鼠标或焦点离开后，隐藏前的等待时间（毫秒）。0 时使用 100 毫秒。 */
-  hideDelay?: number;
-  /**
-   * 何时监听聚焦：
-   * - `auto`：仅当触发元素本身可聚焦时
-   * - `always`：始终监听
-   * - `never`：从不监听
-   */
-  focusTrigger?: TooltipFocusTrigger;
-  /**
-   * 触摸设备上点击触发元素时的行为：
-   * - `auto`：点击打开，但按钮、链接和表单控件自己的点击不触发
-   * - `tap`：点击总是切换显示
-   * - `none`：触摸不打开
-   */
-  touchTrigger?: TooltipTouchTrigger;
-  /** 为 false 时禁用悬停与聚焦触发。 */
-  isEnabled?: boolean;
-  /** 是否在纯文字触发元素上显示虚线下划线。 */
-  hasHoverIndication?: 'auto' | boolean;
-  /** 受控显示状态。未提供时由悬停与聚焦控制。 */
-  isOpen?: boolean;
-  /** 挂载时是否默认显示。 */
-  isDefaultOpen?: boolean;
-  /**
-   * 为 true 时不再包一层 span，默认插槽的根元素自己当触发器。
-   * 标题和段落不能放进 span。
-   * @default false
-   */
-  anchorsOnSelf?: boolean;
-}
-//#endregion
-//#region src/Tooltip/Tooltip.vue.d.ts
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_11: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-} & {
-  default?: (props: typeof __VLS_3) => any;
-} & {
-  content?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<TooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  openChange: (isOpen: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<TooltipProps> & Readonly<{
-  onOpenChange?: ((isOpen: boolean) => any) | undefined;
-}>, {
-  isOpen: boolean;
-  placement: TooltipPlacement;
-  alignment: TooltipAlignment;
-  content: string;
-  delay: number;
-  hideDelay: number;
-  focusTrigger: TooltipFocusTrigger;
-  touchTrigger: TooltipTouchTrigger;
-  isEnabled: boolean;
-  hasHoverIndication: boolean | "auto";
-  isDefaultOpen: boolean;
-  anchorsOnSelf: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { TooltipProps as a, TooltipPlacement as i, TooltipAlignment as n, TooltipTouchTrigger as o, TooltipFocusTrigger as r, _default as t };

package/dist/index-Bt7ewoz2.d.ts

@@ -1,119 +0,0 @@
-import { Component } from "vue";
-//#region src/Toast/types.d.ts
-type ToastType = 'info' | 'success' | 'warning' | 'error';
-/**
- * What happens when a new toast reuses a `uniqueID` that is already on screen.
- *
- * `overwrite` replaces that toast in place. `ignore` drops the new toast.
- */
-type ToastCollisionBehavior = 'ignore' | 'overwrite';
-interface ToastOptions {
-  /**
-   * Visual type of the toast.
-   * @default 'info'
-   */
-  type?: ToastType;
-  /**
-   * Message body text.
-   */
-  body: string;
-  /**
-   * Whether the toast should auto-dismiss.
-   * @default true
-   */
-  autoClose?: boolean;
-  /**
-   * Auto-dismiss duration in milliseconds.
-   * @default 5000
-   */
-  duration?: number;
-  /**
-   * Identity shared by toasts that should collapse into one. A later toast with
-   * the same id overwrites the visible one, unless `collisionBehavior` is
-   * `ignore`.
-   */
-  uniqueID?: string;
-  /**
-   * How a `uniqueID` clash is resolved.
-   * @default 'overwrite'
-   */
-  collisionBehavior?: ToastCollisionBehavior;
-  /**
-   * Trailing action rendered after the message, such as an undo button.
-   * Pass a component; for a one-off render, pass a function component.
-   */
-  endContent?: Component;
-}
-interface ToastItem {
-  id: string;
-  type: ToastType;
-  body: string;
-  autoClose: boolean;
-  duration: number;
-  uniqueID?: string;
-  endContent?: Component;
-  /**
-   * True once the toast has been asked to close. The toast stays mounted so it
-   * can play its exit transition, then leaves the store.
-   */
-  isExiting: boolean;
-}
-type ToastPlacement = 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
-//#endregion
-//#region src/Toast/Toast.vue.d.ts
-type __VLS_Props$1 = ToastOptions & {
-  /**
-   * Set by the viewport once the toast is asked to close. Keeps the toast
-   * mounted so it can play its exit transition.
-   */
-  isExiting?: boolean;
-};
-type __VLS_Slots = {
-  default: () => unknown;
-  end: () => unknown;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props$1, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-  close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{
-  onClose?: (() => any) | undefined;
-}>, {
-  type: ToastType;
-  autoClose: boolean;
-  duration: number;
-  isExiting: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export$1: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default$1: typeof __VLS_export$1;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-//#region src/Toast/ToastViewport.vue.d.ts
-type __VLS_Props = {
-  placement?: ToastPlacement;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-  placement: ToastPlacement;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-//#endregion
-//#region src/Toast/useToast.d.ts
-interface UseToastReturn {
-  /**
-   * Show a new toast. Returns a function that dismisses it.
-   */
-  (options: ToastOptions): () => void;
-  /**
-   * Dismiss a toast by id.
-   */
-  dismiss: (id: string) => void;
-  /**
-   * Dismiss all toasts.
-   */
-  clear: () => void;
-}
-declare function useToast(): UseToastReturn;
-//#endregion
-export { ToastItem as a, ToastType as c, ToastCollisionBehavior as i, _default as n, ToastOptions as o, _default$1 as r, ToastPlacement as s, useToast as t };