@chenzy-design/svelte 0.3.1 → 0.4.1

package/dist/toast/ToastItem.svelte

@@ -1,248 +1,266 @@
 <!--
-  ToastItem — 单条轻提示卡片（纯视觉）。
-  类型图标 + 内容 + 可选关闭按钮；pauseOnHover 经 mouseenter/leave + focusin/out 暂停/恢复定时器。
-  a11y：卡片 role=presentation + aria-live=off（不充当 live region）；所有文案播报统一走单例
-  live region（见 live-region.ts），由 store.ts 在新增/更新 toast 时命令式写入，避免每条卡片
-  各自 region 造成的重复/竞争播报。error -> assertive，其余 -> polite。
-  关闭按钮 button + aria-label「关闭」，不抢焦点、不锁滚动。
-  loading 用 CSS infinite rotate spinner（旋转 animation 非显隐 from 帧问题，安全）。
+  ToastItem — 单条轻提示卡片，严格对齐 Semi Design（semi-ui/toast/toast.tsx + toast.scss）。
+  DOM 结构镜像 Semi：
+    div.cd-toast[.cd-toast-{type}][.cd-toast-light][.cd-toast-rtl]
+       role=alert aria-label="{type} type" onmouseenter onmouseleave
+      div.cd-toast-content
+        {icon}   ← 自定义 icon 或类型内置图标 span.cd-toast-icon.cd-toast-icon-{type}
+        span.cd-toast-content-text[style=max-width]
+        div.cd-toast-close-button > IconButton  ← showClose（tertiary/borderless/small）
+    stack 时外包 div.cd-toast-zero-height-wrapper（hover 展开靠容器给 height）。
+  行为对齐 Semi foundation：mouseenter → clearCloseTimer（pause）；mouseleave → startCloseTimer（resume，从头计时）。
+  类型 default 无内置图标（对齐 Semi iconMap 只含 warning/success/info/error）。
+  依赖组件均已对齐 Semi：IconButton、IconTickCircle/IconInfoCircle/IconAlertTriangle/IconAlertCircle/IconClose。
+  content/icon 支持 string 文本或 Snippet（对齐 Semi ReactNode）。
+  a11y：role=alert（对齐 Semi）；关闭按钮 IconButton 带 ariaLabel。不抢焦点、不锁滚动。
 -->
 <script lang="ts">
+  import type { Snippet } from 'svelte';
   import type { ToastItem, ToastType } from '@chenzy-design/core';
+  import IconButton from '../iconbutton/IconButton.svelte';
+  import {
+    IconClose,
+    IconTickCircle,
+    IconInfoCircle,
+    IconAlertTriangle,
+    IconAlertCircle,
+  } from '@chenzy-design/icons';
   import { useLocale } from '../locale-provider/index.js';
 
   interface Props {
     toast: ToastItem;
+    /** 容器移除该 toast（对齐 Semi close → notifyWrapperToRemove）。 */
     onClose: (id: string) => void;
+    /** hover 暂停定时器（对齐 Semi clearCloseTimer_）。 */
     onPause: (id: string) => void;
+    /** 离开恢复定时器（对齐 Semi startCloseTimer_）。 */
     onResume: (id: string) => void;
+    /** stack 展开态（对齐 Semi stackExpanded）：true 时卡片自测高度撑开 zero-height-wrapper。 */
+    expanded?: boolean;
+    /** 该卡片在列表中的位置（stack 折叠时的 3D 层叠位移，对齐 Semi positionInList）。 */
+    reservedIndex?: number | undefined;
   }
 
-  let { toast, onClose, onPause, onResume }: Props = $props();
+  let { toast, onClose, onPause, onResume, expanded = false, reservedIndex = 0 }: Props = $props();
   const loc = useLocale();
 
+  // 有内置图标的类型（对齐 Semi iconMap：warning/success/info/error）。default 无内置图标。
+  const hasTypeIcon = $derived(
+    toast.type === 'success' ||
+      toast.type === 'info' ||
+      toast.type === 'warning' ||
+      toast.type === 'error',
+  );
+  // 自定义 icon（Snippet）优先；否则类型内置图标。default 且无自定义 → 不渲染图标。
+  const customIcon = $derived(toast.icon as Snippet | undefined);
+  const hasIcon = $derived(Boolean(customIcon) || hasTypeIcon);
+
+  // content 双形态：Snippet（函数）走 {@render}，否则按 string 文本渲染。
+  const contentIsSnippet = $derived(typeof toast.content === 'function');
+  const contentSnippet = $derived(toast.content as Snippet | undefined);
+  const contentText = $derived(contentIsSnippet ? '' : String(toast.content ?? ''));
+
+  const isRtl = $derived(toast.direction === 'rtl');
+  const textMaxWidth = $derived(
+    typeof toast.textMaxWidth === 'number' ? `${toast.textMaxWidth}px` : toast.textMaxWidth,
+  );
+
+  // 卡片根元素 ref（stack 展开时自测高度撑开 zero-height-wrapper，对齐 Semi getComputedStyle(toastEle).height）。
+  let toastEl = $state<HTMLDivElement | null>(null);
+  // stack 展开态的实测高度（px）；折叠或非 stack 时为 0（对齐 Semi height: stackExpanded && ... || 0）。
+  const expandedHeight = $derived.by(() => {
+    if (!toast.stack || !expanded || !toastEl) return 0;
+    return toastEl.getBoundingClientRect().height;
+  });
+
   function handlePause() {
-    if (toast.pauseOnHover) onPause(toast.id);
+    onPause(toast.id);
   }
   function handleResume() {
-    if (toast.pauseOnHover) onResume(toast.id);
+    onResume(toast.id);
+  }
+  function handleClose() {
+    onClose(toast.id);
   }
 </script>
 
 {#snippet typeIcon(type: ToastType)}
   {#if type === 'success'}
-    <svg class="cd-toast-item__icon-svg" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-      <circle cx="8" cy="8" r="7" fill="none" stroke="currentColor" stroke-width="1.4" />
-      <path
-        fill="none"
-        stroke="currentColor"
-        stroke-width="1.6"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        d="M5 8.2l2 2 4-4.4"
-      />
-    </svg>
+    <IconTickCircle size="large" />
+  {:else if type === 'info'}
+    <IconInfoCircle size="large" />
   {:else if type === 'warning'}
-    <svg class="cd-toast-item__icon-svg" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-      <path
-        fill="none"
-        stroke="currentColor"
-        stroke-width="1.4"
-        stroke-linejoin="round"
-        d="M8 1.5l6.5 12h-13z"
-      />
-      <path stroke="currentColor" stroke-width="1.4" stroke-linecap="round" d="M8 6.5v3.2" />
-      <circle cx="8" cy="11.6" r="0.85" fill="currentColor" />
-    </svg>
+    <IconAlertTriangle size="large" />
   {:else if type === 'error'}
-    <svg class="cd-toast-item__icon-svg" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-      <circle cx="8" cy="8" r="7" fill="none" stroke="currentColor" stroke-width="1.4" />
-      <path
-        stroke="currentColor"
-        stroke-width="1.6"
-        stroke-linecap="round"
-        d="M5.5 5.5l5 5M10.5 5.5l-5 5"
-      />
-    </svg>
-  {:else if type === 'loading'}
-    <svg
-      class="cd-toast-item__icon-svg cd-toast-item__spinner"
-      viewBox="0 0 16 16"
-      aria-hidden="true"
-      focusable="false"
-    >
-      <circle cx="8" cy="8" r="6.4" fill="none" stroke="currentColor" stroke-width="1.6" opacity="0.25" />
-      <path
-        fill="none"
-        stroke="currentColor"
-        stroke-width="1.6"
-        stroke-linecap="round"
-        d="M8 1.6a6.4 6.4 0 0 1 6.4 6.4"
-      />
-    </svg>
-  {:else}
-    <svg class="cd-toast-item__icon-svg" viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-      <circle cx="8" cy="8" r="7" fill="none" stroke="currentColor" stroke-width="1.4" />
-      <path stroke="currentColor" stroke-width="1.4" stroke-linecap="round" d="M8 7.2v4" />
-      <circle cx="8" cy="4.7" r="0.85" fill="currentColor" />
-    </svg>
+    <IconAlertCircle size="large" />
   {/if}
 {/snippet}
 
-<div
-  class={['cd-toast-item', `cd-toast-item--${toast.type}`, `cd-toast-item--${toast.theme}`, toast.theme === 'light' && 'cd-toast-item--light']}
-  style={toast.textMaxWidth !== 450 ? `max-inline-size: ${typeof toast.textMaxWidth === 'number' ? `${toast.textMaxWidth}px` : toast.textMaxWidth}` : undefined}
-  role="presentation"
-  aria-live="off"
-  onmouseenter={handlePause}
-  onmouseleave={handleResume}
-  onfocusin={handlePause}
-  onfocusout={handleResume}
->
-  {#if toast.icon !== false}
-    <span class="cd-toast-item__icon">
-      {#if toast.icon && toast.icon !== true}
-        {@render toast.icon()}
-      {:else}
-        {@render typeIcon(toast.type)}
+{#snippet card()}
+  <!--
+    对齐 Semi toast.tsx：根 div 承载 role=alert + mouseenter/leave（hover 暂停定时器）。
+    这是 Semi 既有契约（div + onMouseEnter/Leave），非交互增强，故忽略「非交互元素挂事件」规则
+    （关闭动作由可聚焦的 IconButton 承载，键盘用户可 Tab 操作）。
+  -->
+  <!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+  <div
+    bind:this={toastEl}
+    class="cd-toast cd-toast-{toast.type}"
+    class:cd-toast-light={toast.theme === 'light'}
+    class:cd-toast-rtl={isRtl}
+    role="alert"
+    aria-label="{toast.type} type"
+    style:transform={toast.stack ? `translate3d(0,0,${reservedIndex * -10}px)` : undefined}
+    onmouseenter={handlePause}
+    onmouseleave={handleResume}
+  >
+    <div class="cd-toast-content">
+      {#if hasIcon}
+        <span class="cd-toast-icon cd-toast-icon-{toast.type}">
+          {#if customIcon}
+            {@render customIcon()}
+          {:else}
+            {@render typeIcon(toast.type)}
+          {/if}
+        </span>
       {/if}
-    </span>
-  {/if}
-  <span class="cd-toast-item__content">{toast.content}</span>
-  {#if toast.showClose}
-    <button
-      type="button"
-      class="cd-toast-item__close"
-      aria-label={loc().t('Toast.close')}
-      onclick={() => onClose(toast.id)}
-    >
-      <svg viewBox="0 0 16 16" aria-hidden="true" focusable="false">
-        <path
-          stroke="currentColor"
-          stroke-width="1.4"
-          stroke-linecap="round"
-          d="M4 4l8 8M12 4l-8 8"
-        />
-      </svg>
-    </button>
-  {/if}
-</div>
+      <span class="cd-toast-content-text" style:max-width={textMaxWidth}>
+        {#if contentIsSnippet && contentSnippet}{@render contentSnippet()}{:else}{contentText}{/if}
+      </span>
+      {#if toast.showClose}
+        <div class="cd-toast-close-button">
+          <IconButton
+            type="tertiary"
+            theme="borderless"
+            size="small"
+            ariaLabel={loc().t('Toast.close')}
+            icon={closeIcon}
+            onclick={handleClose}
+          />
+        </div>
+      {/if}
+    </div>
+  </div>
+{/snippet}
+
+{#snippet closeIcon()}
+  <IconClose />
+{/snippet}
+
+{#if toast.stack}
+  <div class="cd-toast-zero-height-wrapper" style:height={expandedHeight ? `${expandedHeight}px` : '0'}>
+    {@render card()}
+  </div>
+{:else}
+  {@render card()}
+{/if}
 
 <style>
-  .cd-toast-item {
-    display: flex;
-    gap: var(--cd-toast-gap);
-    align-items: center;
-    box-sizing: border-box;
-    padding: var(--cd-toast-padding);
-    max-inline-size: var(--cd-toast-max-width);
-    min-inline-size: var(--cd-toast-min-width);
-    background: var(--cd-toast-bg);
-    color: var(--cd-toast-color-text);
-    font-size: var(--cd-toast-font-size);
-    font-weight: var(--cd-toast-font-weight);
-    line-height: 1.5;
-    border-radius: var(--cd-toast-radius);
-    box-shadow: var(--cd-toast-shadow);
-    pointer-events: auto;
-  }
-
-  .cd-toast-item__icon {
+  /* —— 卡片根（对齐 Semi .semi-toast，仅 pointer-events 与类型/多色修饰）—— */
+  .cd-toast {
+    pointer-events: none;
+  }
+
+  /* —— 内容卡片（对齐 Semi .semi-toast-content）——
+     阴影/字号来自全局 mixin（Semi @include shadow-elevated / font-size-regular）。 */
+  .cd-toast-content {
+    pointer-events: all;
+    box-shadow: var(--cd-shadow-elevated);
+    font-size: var(--cd-font-size-regular);
+    background-color: var(--cd-color-toast-bg-default);
+    border-radius: var(--cd-radius-toast-content);
+    padding: var(--cd-spacing-toast-content-paddingtop) var(--cd-spacing-toast-content-paddingright)
+      var(--cd-spacing-toast-content-paddingbottom) var(--cd-spacing-toast-content-paddingleft);
     display: inline-flex;
-    flex: none;
-    align-items: center;
+    align-items: flex-start;
     justify-content: center;
-    inline-size: 1.125em;
-    block-size: 1.125em;
+    margin: var(--cd-spacing-toast-content-margin);
+    font-weight: var(--cd-font-toast-content-fontweight);
+    color: var(--cd-color-toast-text-default);
+    box-sizing: border-box;
   }
 
-  .cd-toast-item__icon-svg {
-    inline-size: 100%;
-    block-size: 100%;
+  /* —— 关闭按钮（对齐 Semi .semi-toast-content .semi-toast-close-button）—— */
+  .cd-toast-content .cd-toast-close-button {
+    margin-top: var(--cd-spacing-toast-content-close-btn-margintop);
+    height: var(--cd-width-icon-large);
   }
 
-  .cd-toast-item--info .cd-toast-item__icon {
-    color: var(--cd-toast-color-icon-info);
+  /* —— 内容文本（对齐 Semi .semi-toast-content-text）—— */
+  .cd-toast-content .cd-toast-content-text {
+    margin-left: var(--cd-spacing-toast-content-text-marginleft);
+    margin-right: var(--cd-spacing-toast-content-text-marginright);
+    text-align: left;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
   }
-  .cd-toast-item--success .cd-toast-item__icon {
-    color: var(--cd-toast-color-icon-success);
+
+  /* —— 类型图标颜色（对齐 Semi .semi-toast-icon-{type}）—— */
+  .cd-toast-icon {
+    display: inline-flex;
+    align-items: center;
+    flex: none;
+  }
+  .cd-toast-icon-warning {
+    color: var(--cd-color-toast-warning-icon);
   }
-  .cd-toast-item--warning .cd-toast-item__icon {
-    color: var(--cd-toast-color-icon-warning);
+  .cd-toast-icon-success {
+    color: var(--cd-color-toast-success-icon);
   }
-  .cd-toast-item--error .cd-toast-item__icon {
-    color: var(--cd-toast-color-icon-error);
+  .cd-toast-icon-info {
+    color: var(--cd-color-toast-info-icon);
   }
-  .cd-toast-item--loading .cd-toast-item__icon {
-    color: var(--cd-toast-color-icon-info);
+  .cd-toast-icon-error {
+    color: var(--cd-color-toast-danger-icon);
   }
 
-  /* dark 主题：深色卡片，文案/关闭色覆盖为 token（对齐 Notification dark theme） */
-  .cd-toast-item--dark {
-    background: var(--cd-toast-bg-dark);
-    color: var(--cd-toast-color-text-dark);
+  /* —— 多色填充样式 light（对齐 Semi .semi-toast-light）—— */
+  .cd-toast-light.cd-toast-warning .cd-toast-content {
+    background-color: var(--cd-color-toast-warning-light-bg);
+    border: var(--cd-width-toast-light-border) solid var(--cd-color-toast-warning-light-border);
   }
-  .cd-toast-item--dark .cd-toast-item__close {
-    color: var(--cd-toast-color-close-dark);
+  .cd-toast-light.cd-toast-warning .cd-toast-icon-warning {
+    color: var(--cd-color-toast-warning-light-icon);
   }
-  .cd-toast-item--dark .cd-toast-item__close:hover {
-    color: var(--cd-toast-color-close-hover-dark);
+  .cd-toast-light.cd-toast-success .cd-toast-content {
+    background-color: var(--cd-color-toast-success-light-bg);
+    border: var(--cd-width-toast-light-border) solid var(--cd-color-toast-success-light-border);
   }
-
-  .cd-toast-item__content {
-    flex: 1 1 auto;
-    min-inline-size: 0;
-    overflow-wrap: anywhere;
+  .cd-toast-light.cd-toast-success .cd-toast-icon-success {
+    color: var(--cd-color-toast-success-light-icon);
   }
-
-  .cd-toast-item__close {
-    display: inline-flex;
-    flex: none;
-    align-items: center;
-    justify-content: center;
-    inline-size: 1.25em;
-    block-size: 1.25em;
-    padding: 0;
-    margin: 0;
-    border: none;
-    background: transparent;
-    color: var(--cd-toast-color-close);
-    cursor: pointer;
-    border-radius: var(--cd-border-radius-small);
-    transition: color var(--cd-toast-motion-duration) ease;
+  .cd-toast-light.cd-toast-info .cd-toast-content {
+    background-color: var(--cd-color-toast-info-light-bg);
+    border: var(--cd-width-toast-light-border) solid var(--cd-color-toast-info-light-border);
   }
-
-  .cd-toast-item__close:hover {
-    color: var(--cd-toast-color-close-hover);
+  .cd-toast-light.cd-toast-info .cd-toast-icon-info {
+    color: var(--cd-color-toast-info-light-icon);
   }
-
-  .cd-toast-item__close:focus-visible {
-    outline: 2px solid var(--cd-color-primary);
-    outline-offset: 1px;
+  .cd-toast-light.cd-toast-error .cd-toast-content {
+    background-color: var(--cd-color-toast-danger-light-bg);
+    border: var(--cd-width-toast-light-border) solid var(--cd-color-toast-danger-light-border);
   }
-
-  .cd-toast-item__close svg {
-    inline-size: 100%;
-    block-size: 100%;
+  .cd-toast-light.cd-toast-error .cd-toast-icon-error {
+    color: var(--cd-color-toast-danger-light-icon);
   }
 
-  .cd-toast-item__spinner {
-    transform-origin: center;
-    animation: cd-toast-spin 0.8s linear infinite;
+  /* —— stack 零高包裹（对齐 Semi .semi-toast-zero-height-wrapper）——
+     动画常量对齐 Semi animation.scss（组件级，非全局 token，字面直连）。 */
+  .cd-toast-zero-height-wrapper {
+    transition: all 300ms cubic-bezier(0.22, 0.57, 0.02, 1.2);
+    perspective-origin: center var(--cd-spacing-toast-perspective-originy);
+    perspective: var(--cd-spacing-toast-perspective);
+    height: 0;
+    overflow: visible;
   }
 
-  @keyframes cd-toast-spin {
-    to {
-      transform: rotate(360deg);
-    }
+  /* —— RTL（对齐 Semi rtl.scss：文本对齐右、左右外边距互换）—— */
+  .cd-toast-rtl {
+    direction: rtl;
   }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cd-toast-item__spinner {
-      animation-duration: 1.6s;
-    }
-    .cd-toast-item__close {
-      transition: none;
-    }
+  .cd-toast-rtl .cd-toast-content-text {
+    text-align: right;
+    margin-left: var(--cd-spacing-toast-content-text-marginright);
+    margin-right: var(--cd-spacing-toast-content-text-marginleft);
   }
 </style>

package/dist/toast/ToastItem.svelte.d.ts

@@ -1,9 +1,16 @@
 import type { ToastItem } from '@chenzy-design/core';
 interface Props {
     toast: ToastItem;
+    /** 容器移除该 toast（对齐 Semi close → notifyWrapperToRemove）。 */
     onClose: (id: string) => void;
+    /** hover 暂停定时器（对齐 Semi clearCloseTimer_）。 */
     onPause: (id: string) => void;
+    /** 离开恢复定时器（对齐 Semi startCloseTimer_）。 */
     onResume: (id: string) => void;
+    /** stack 展开态（对齐 Semi stackExpanded）：true 时卡片自测高度撑开 zero-height-wrapper。 */
+    expanded?: boolean;
+    /** 该卡片在列表中的位置（stack 折叠时的 3D 层叠位移，对齐 Semi positionInList）。 */
+    reservedIndex?: number | undefined;
 }
 declare const ToastItem: import("svelte").Component<Props, {}, "">;
 type ToastItem = ReturnType<typeof ToastItem>;

package/dist/toast/ToastItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.svelte.d.ts","sourceRoot":"","sources":["../../src/toast/ToastItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,qBAAqB,CAAC;AAI9D,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAyEH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ToastItem.svelte.d.ts","sourceRoot":"","sources":["../../src/toast/ToastItem.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,qBAAqB,CAAC;AAY9D,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,6CAA6C;IAC7C,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC;AA2GH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/toast/index.d.ts

@@ -1,4 +1,5 @@
-export { Toast, type ToastPromiseMessages, type ToastConfig } from './store.js';
+export { Toast, ToastFactory, useToast, type ToastConfig, type ToastInstanceApi, type ToastHookApi, type SvelteToastOptions, } from './store.js';
+export { default as ToastHolder } from './ToastHolder.svelte';
 export { meta as toastMeta } from './meta.js';
-export type { ToastType, ToastOptions, ToastItem, ToastPosition, ToastTheme, } from '@chenzy-design/core';
+export type { ToastType, ToastOptions, ToastItem, ToastTheme, ToastDirection, } from '@chenzy-design/core';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,aAAa,EACb,UAAU,GACX,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,kBAAkB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,UAAU,EACV,cAAc,GACf,MAAM,qBAAqB,CAAC"}

package/dist/toast/index.js

@@ -1,2 +1,3 @@
-export { Toast } from './store.js';
+export { Toast, ToastFactory, useToast, } from './store.js';
+export { default as ToastHolder } from './ToastHolder.svelte';
 export { meta as toastMeta } from './meta.js';