@neut/ui 0.0.16 → 0.0.18

package/dist/components/toast/Toast/Toast.js

@@ -1,26 +1,17 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { toastIconVariants as t, toastVariants as n } from "./Toast.styles.js";
-import { isAction as r } from "./Toast.types.js";
-import { className as i, createComponent as a, delegateEvents as o, effect as s, insert as c, memo as l, setAttribute as u, style as d, template as f } from "solid-js/web";
-import { Show as p, createEffect as m, createMemo as h, createSignal as g, onCleanup as _, onMount as v, splitProps as y } from "solid-js";
-import { CircleCheck as b, CircleX as x, Info as S, LoaderCircle as C, TriangleAlert as w, X as T } from "lucide-solid";
+import { toastVariants as t } from "./Toast.styles.js";
+import { getAnimationClasses as n, getToastStyle as r } from "./Toast.utils.js";
+import { ToastActions as i } from "./ToastActions.js";
+import { ToastCloseButton as a, isCloseButtonVisible as o } from "./ToastCloseButton.js";
+import { ToastContent as s } from "./ToastContent.js";
+import { ToastIcon as c } from "./ToastIcon.js";
+import { useToastLifecycle as l } from "./useToastLifecycle.js";
+import { className as u, createComponent as d, effect as f, insert as p, setAttribute as m, style as h, template as g } from "solid-js/web";
+import { Show as _, createMemo as v, splitProps as y } from "solid-js";
 //#region src/components/toast/Toast/Toast.tsx
-var E = /*#__PURE__*/ f("<li data-slot=toast>"), D = /*#__PURE__*/ f("<div data-slot=toast-icon>"), O = /*#__PURE__*/ f("<div data-slot=toast-description>"), k = /*#__PURE__*/ f("<div data-slot=toast-content><div data-slot=toast-title>"), A = /*#__PURE__*/ f("<button type=button data-slot=toast-action>"), j = /*#__PURE__*/ f("<button type=button data-slot=toast-cancel>"), M = /*#__PURE__*/ f("<button type=button data-slot=toast-close>"), N = 4e3, P = 200;
-function F(e) {
-	switch (e) {
-		case "success": return a(b, {});
-		case "info": return a(S, {});
-		case "warning": return a(w, {});
-		case "error": return a(x, {});
-		case "loading": return a(C, { class: "animate-spin" });
-		default: return;
-	}
-}
-function I(e) {
-	return typeof e == "function" ? e() : e;
-}
-function L(o) {
-	let [f] = y(o, [
+var b = /*#__PURE__*/ g("<li data-slot=toast>");
+function x(i) {
+	let [a] = y(i, [
 		"toast",
 		"closeButton",
 		"duration",
@@ -34,136 +25,51 @@ function L(o) {
 		"expanded",
 		"position",
 		"gap"
-	]), [b, x] = g("closed"), S = () => f.toast, C = h(() => S().type ?? "default"), w = h(() => S().richColors ?? f.defaultRichColors ?? !1), L = h(() => S().dismissible !== !1), R = h(() => C() === "loading");
-	v(() => {
-		let e = requestAnimationFrame(() => x("open"));
-		_(() => cancelAnimationFrame(e));
-	});
-	let z = () => {
-		b() === "open" && (x("closed"), S().onDismiss?.(S()), setTimeout(() => f.onRemove(S().id), P));
-	};
-	m(() => {
-		S().delete && b() === "open" && z();
-	}), m(() => {
-		let e = S();
-		if (e.delete || e.type === "loading" || e.duration === Infinity || e.duration === 0) return;
-		let t = e.duration ?? f.duration ?? N, n = setTimeout(() => {
-			e.onAutoClose?.(e), z();
-		}, t);
-		_(() => clearTimeout(n));
+	]), o = () => a.toast, s = v(() => o().type ?? "default"), c = v(() => o().richColors ?? a.defaultRichColors ?? !1), { animationState: g, close: x } = l({
+		toast: o,
+		duration: () => a.duration,
+		onRemove: (e) => a.onRemove(e)
+	}), C = () => r({
+		toast: o(),
+		index: a.index,
+		total: a.total,
+		expanded: a.expanded,
+		position: a.position,
+		gap: a.gap
+	}), w = () => n({
+		index: a.index,
+		expanded: a.expanded,
+		position: a.position
 	});
-	let B = () => S().icon === void 0 ? f.icons?.[C()] ?? F(C()) : S().icon, V = () => f.index === 0, H = () => f.position.startsWith("top") ? "top" : "bottom", U = () => {
-		if (V()) return;
-		let e = H() === "bottom" ? -1 : 1, t = Math.max(.8, 1 - f.index * .05);
-		return `translateY(calc(${e * f.gap * f.index}px)) scale(${t})`;
-	}, W = () => ({
-		...S().style,
-		"z-index": f.total - f.index,
-		...f.expanded ? {} : {
-			"grid-area": "1 / 1",
-			"align-self": H() === "bottom" ? "end" : "start",
-			transform: U(),
-			"pointer-events": V() ? "auto" : "none"
-		}
-	}), G = () => H() === "bottom" ? "data-[state=open]:slide-in-from-bottom-2" : "data-[state=open]:slide-in-from-top-2", K = () => H() === "bottom" ? "data-[state=closed]:slide-out-to-bottom" : "data-[state=closed]:slide-out-to-top", q = () => V() || f.expanded ? `${G()} ${K()} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both` : "";
 	return (() => {
-		var o = E();
-		return c(o, a(p, {
+		var n = b();
+		return p(n, d(_, {
 			get when() {
-				return S().jsx;
+				return o().jsx;
 			},
 			get fallback() {
-				return [
-					a(p, {
-						get when() {
-							return B();
-						},
-						get children() {
-							var n = D();
-							return c(n, B), s(() => i(n, e(t({ type: C() }), S().classes?.icon))), n;
-						}
-					}),
-					(() => {
-						var t = k(), n = t.firstChild;
-						return c(n, () => I(S().title)), c(t, a(p, {
-							get when() {
-								return S().description;
-							},
-							get children() {
-								var t = O();
-								return c(t, () => I(S().description)), s(() => i(t, e("text-sm leading-relaxed text-muted-foreground", S().descriptionClass, S().classes?.description))), t;
-							}
-						}), null), s((r) => {
-							var a = e("flex min-w-0 flex-1 flex-col gap-0.5", S().classes?.content), o = e("text-sm font-medium leading-snug", S().classes?.title);
-							return a !== r.e && i(t, r.e = a), o !== r.t && i(n, r.t = o), r;
-						}, {
-							e: void 0,
-							t: void 0
-						}), t;
-					})(),
-					a(p, {
-						get when() {
-							return l(() => !!S().action)() && r(S().action);
-						},
-						get children() {
-							var t = A();
-							return t.$$click = (e) => {
-								let t = S().action;
-								r(t) && (t.onClick?.(e), e.defaultPrevented || z());
-							}, c(t, () => S().action.label), s(() => i(t, e("shrink-0 rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background outline-none transition-colors hover:bg-foreground/80", S().classes?.actionButton))), t;
-						}
-					}),
-					a(p, {
-						get when() {
-							return l(() => !!S().cancel)() && r(S().cancel);
-						},
-						get children() {
-							var t = j();
-							return t.$$click = (e) => {
-								let t = S().cancel;
-								r(t) && (t.onClick?.(e), e.defaultPrevented || z());
-							}, c(t, () => S().cancel.label), s(() => i(t, e("shrink-0 rounded-md bg-foreground/10 px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-foreground/15", S().classes?.cancelButton))), t;
-						}
-					}),
-					a(p, {
-						get when() {
-							return l(() => !!S().action)() && !r(S().action);
-						},
-						get children() {
-							return S().action;
-						}
-					}),
-					a(p, {
-						get when() {
-							return l(() => !!S().cancel)() && !r(S().cancel);
-						},
-						get children() {
-							return S().cancel;
-						}
-					}),
-					a(p, {
-						get when() {
-							return l(() => !!(f.closeButton && L()))() && !R();
-						},
-						get children() {
-							var t = M();
-							return t.$$click = z, c(t, a(T, { class: "size-3.5" })), s((n) => {
-								var r = f.closeButtonAriaLabel ?? "Close toast", a = e("absolute top-2.5 right-2.5 flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground", S().classes?.closeButton);
-								return r !== n.e && u(t, "aria-label", n.e = r), a !== n.t && i(t, n.t = a), n;
-							}, {
-								e: void 0,
-								t: void 0
-							}), t;
-						}
-					})
-				];
+				return d(S, {
+					get toast() {
+						return o();
+					},
+					get icons() {
+						return a.icons;
+					},
+					get closeButton() {
+						return a.closeButton;
+					},
+					get closeButtonAriaLabel() {
+						return a.closeButtonAriaLabel;
+					},
+					onClose: x
+				});
 			},
 			get children() {
-				return S().jsx;
+				return o().jsx;
 			}
-		})), s((t) => {
-			var r = C(), a = b(), s = w(), c = S().testId, l = e(n({ type: C() }), f.closeButton && "pr-8", q(), f.class, S().class, S().classes?.toast, S().classes?.[C()]), p = W();
-			return r !== t.e && u(o, "data-type", t.e = r), a !== t.t && u(o, "data-state", t.t = a), s !== t.a && u(o, "data-rich-colors", t.a = s), c !== t.o && u(o, "data-testid", t.o = c), l !== t.i && i(o, t.i = l), t.n = d(o, p, t.n), t;
+		})), f((r) => {
+			var i = s(), l = g(), d = c(), f = o().testId, p = e(t({ type: s() }), a.closeButton && "pr-8", w(), a.class, o().class, o().classes?.toast, o().classes?.[s()]), _ = C();
+			return i !== r.e && m(n, "data-type", r.e = i), l !== r.t && m(n, "data-state", r.t = l), d !== r.a && m(n, "data-rich-colors", r.a = d), f !== r.o && m(n, "data-testid", r.o = f), p !== r.i && u(n, r.i = p), r.n = h(n, _, r.n), r;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -171,11 +77,51 @@ function L(o) {
 			o: void 0,
 			i: void 0,
 			n: void 0
-		}), o;
+		}), n;
 	})();
 }
-o(["click"]);
+function S(e) {
+	return [
+		d(c, {
+			get toast() {
+				return e.toast;
+			},
+			get icons() {
+				return e.icons;
+			}
+		}),
+		d(s, { get toast() {
+			return e.toast;
+		} }),
+		d(i, {
+			get toast() {
+				return e.toast;
+			},
+			get onClose() {
+				return e.onClose;
+			}
+		}),
+		d(_, {
+			get when() {
+				return o(e.toast, e.closeButton);
+			},
+			get children() {
+				return d(a, {
+					get ariaLabel() {
+						return e.closeButtonAriaLabel;
+					},
+					get class() {
+						return e.toast.classes?.closeButton;
+					},
+					get onClose() {
+						return e.onClose;
+					}
+				});
+			}
+		})
+	];
+}
 //#endregion
-export { L as Toast };
+export { x as Toast };
 
 //# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Show","JSX","createEffect","createMemo","createSignal","onCleanup","onMount","splitProps","CircleCheck","CircleX","Info","LoaderCircle","TriangleAlert","X","clsx","toastIconVariants","toastVariants","isAction","ToastIcons","ToastProps","ToastT","ToastTypes","TOAST_LIFETIME","EXIT_ANIMATION_MS","getDefaultIcon","type","_$createComponent","undefined","resolveContent","value","Toast","props","local","animationState","setAnimationState","toast","toastType","richColors","defaultRichColors","dismissible","isBusy","raf","requestAnimationFrame","cancelAnimationFrame","close","onDismiss","setTimeout","onRemove","id","delete","current","duration","Infinity","delay","timer","onAutoClose","clearTimeout","icon","icons","isFront","index","yPosition","position","startsWith","collapsedTransform","lift","scale","Math","max","gap","toastStyle","style","total","expanded","transform","CSSProperties","slideInClass","slideOutClass","animationClasses","_el$","_tmpl$","_$insert","when","jsx","fallback","children","_el$2","_tmpl$2","_$effect","_$className","classes","_el$3","_tmpl$4","_el$4","firstChild","title","description","_el$5","_tmpl$3","descriptionClass","_p$","_v$7","content","_v$8","e","t","_$memo","action","_el$6","_tmpl$5","$$click","onClick","defaultPrevented","Extract","label","actionButton","cancel","_el$7","_tmpl$6","cancelButton","Element","closeButton","_el$8","_tmpl$7","_v$9","closeButtonAriaLabel","_v$0","_$setAttribute","_v$","_v$2","_v$3","_v$4","testId","_v$5","class","_v$6","a","o","i","n","_$style","_$delegateEvents","_$createComponent","_$className","_$memo","_$setAttribute","_$style","_$delegateEvents","_tmpl$","_tmpl$2","_tmpl$3","_tmpl$4","_tmpl$5","_tmpl$6","_tmpl$7","TOAST_LIFETIME","EXIT_ANIMATION_MS","getDefaultIcon","type","createComponent","CircleCheck","Info","TriangleAlert","CircleX","LoaderCircle","\"class\"","resolveContent","value","Toast","local","splitProps","props","animationState","setAnimationState","createSignal","toast","toastType","createMemo","richColors","dismissible","isBusy","raf","close","createEffect","current","delay","timer","icon","isFront","yPosition","collapsedTransform","lift","scale","toastStyle","slideInClass","slideOutClass","animationClasses","_el$","insert","Show","_el$2","effect","className","clsx","toastIconVariants","_el$3","_el$4","_el$5","_v$7","_v$8","_p$","memo","isAction","_el$6","action","_el$7","cancel","_el$8","X","_v$9","_v$0","setAttribute","_v$","_v$2","_v$3","_v$4","_v$5","toastVariants","_v$6","style","delegateEvents"],"sources":["../../../../src/components/toast/Toast/Toast.tsx"],"sourcesContent":["import {\n  Show,\n  type JSX,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n} from \"solid-js\";\nimport {\n  CircleCheck,\n  CircleX,\n  Info,\n  LoaderCircle,\n  TriangleAlert,\n  X,\n} from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { toastIconVariants, toastVariants } from \"./Toast.styles\";\nimport {\n  isAction,\n  type ToastIcons,\n  type ToastProps,\n  type ToastT,\n  type ToastTypes,\n} from \"./Toast.types\";\n\nconst TOAST_LIFETIME = 4000;\nconst EXIT_ANIMATION_MS = 200;\n\nfunction getDefaultIcon(type: ToastTypes) {\n  switch (type) {\n    case \"success\":\n      return <CircleCheck />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <TriangleAlert />;\n    case \"error\":\n      return <CircleX />;\n    case \"loading\":\n      return <LoaderCircle class=\"animate-spin\" />;\n    default:\n      return undefined;\n  }\n}\n\nfunction resolveContent(value: ToastT[\"title\"]) {\n  return typeof value === \"function\" ? value() : value;\n}\n\nexport function Toast(props: ToastProps) {\n  const [local] = splitProps(props, [\n    \"toast\",\n    \"closeButton\",\n    \"duration\",\n    \"class\",\n    \"icons\",\n    \"closeButtonAriaLabel\",\n    \"defaultRichColors\",\n    \"onRemove\",\n    \"index\",\n    \"total\",\n    \"expanded\",\n    \"position\",\n    \"gap\",\n  ]);\n\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  const toast = () => local.toast;\n  const toastType = createMemo(() => toast().type ?? \"default\");\n  const richColors = createMemo(\n    () => toast().richColors ?? local.defaultRichColors ?? false,\n  );\n  const dismissible = createMemo(() => toast().dismissible !== false);\n  const isBusy = createMemo(() => toastType() === \"loading\");\n\n  onMount(() => {\n    const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n    onCleanup(() => cancelAnimationFrame(raf));\n  });\n\n  const close = () => {\n    if (animationState() !== \"open\") return;\n    setAnimationState(\"closed\");\n    toast().onDismiss?.(toast());\n    setTimeout(() => local.onRemove(toast().id), EXIT_ANIMATION_MS);\n  };\n\n  // 外部 dismiss：把 delete 标记转换成退场动画\n  createEffect(() => {\n    if (toast().delete && animationState() === \"open\") {\n      close();\n    }\n  });\n\n  // 自动关闭计时器\n  createEffect(() => {\n    const current = toast();\n    if (\n      current.delete ||\n      current.type === \"loading\" ||\n      current.duration === Infinity ||\n      current.duration === 0\n    ) {\n      return;\n    }\n\n    const delay = current.duration ?? local.duration ?? TOAST_LIFETIME;\n    const timer = setTimeout(() => {\n      current.onAutoClose?.(current);\n      close();\n    }, delay);\n\n    onCleanup(() => clearTimeout(timer));\n  });\n\n  const icon = () => {\n    if (toast().icon !== undefined) return toast().icon;\n    return (\n      local.icons?.[toastType() as keyof ToastIcons] ??\n      getDefaultIcon(toastType())\n    );\n  };\n\n  const isFront = () => local.index === 0;\n  const yPosition = () => (local.position.startsWith(\"top\") ? \"top\" : \"bottom\");\n\n  const collapsedTransform = () => {\n    if (isFront()) return undefined;\n    const lift = yPosition() === \"bottom\" ? -1 : 1;\n    const scale = Math.max(0.8, 1 - local.index * 0.05);\n    return `translateY(calc(${lift * local.gap * local.index}px)) scale(${scale})`;\n  };\n\n  const toastStyle = () =>\n    ({\n      ...toast().style,\n      \"z-index\": local.total - local.index,\n      ...(local.expanded\n        ? {}\n        : {\n            \"grid-area\": \"1 / 1\",\n            \"align-self\": yPosition() === \"bottom\" ? \"end\" : \"start\",\n            transform: collapsedTransform(),\n            \"pointer-events\": isFront() ? \"auto\" : \"none\",\n          }),\n    }) as JSX.CSSProperties;\n\n  const slideInClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=open]:slide-in-from-bottom-2\"\n      : \"data-[state=open]:slide-in-from-top-2\";\n\n  const slideOutClass = () =>\n    yPosition() === \"bottom\"\n      ? \"data-[state=closed]:slide-out-to-bottom\"\n      : \"data-[state=closed]:slide-out-to-top\";\n\n  const animationClasses = () =>\n    isFront() || local.expanded\n      ? `${slideInClass()} ${slideOutClass()} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both`\n      : \"\";\n\n  return (\n    <li\n      data-slot=\"toast\"\n      data-type={toastType()}\n      data-state={animationState()}\n      data-rich-colors={richColors()}\n      data-testid={toast().testId}\n      class={clsx(\n        toastVariants({ type: toastType() }),\n        local.closeButton && \"pr-8\",\n        animationClasses(),\n        local.class,\n        toast().class,\n        toast().classes?.toast,\n        toast().classes?.[toastType()],\n      )}\n      style={toastStyle()}\n    >\n      <Show\n        when={toast().jsx}\n        fallback={\n          <>\n            <Show when={icon()}>\n              <div\n                data-slot=\"toast-icon\"\n                class={clsx(\n                  toastIconVariants({ type: toastType() }),\n                  toast().classes?.icon,\n                )}\n              >\n                {icon()}\n              </div>\n            </Show>\n\n            <div\n              data-slot=\"toast-content\"\n              class={clsx(\n                \"flex min-w-0 flex-1 flex-col gap-0.5\",\n                toast().classes?.content,\n              )}\n            >\n              <div\n                data-slot=\"toast-title\"\n                class={clsx(\n                  \"text-sm font-medium leading-snug\",\n                  toast().classes?.title,\n                )}\n              >\n                {resolveContent(toast().title)}\n              </div>\n              <Show when={toast().description}>\n                <div\n                  data-slot=\"toast-description\"\n                  class={clsx(\n                    \"text-sm leading-relaxed text-muted-foreground\",\n                    toast().descriptionClass,\n                    toast().classes?.description,\n                  )}\n                >\n                  {resolveContent(toast().description)}\n                </div>\n              </Show>\n            </div>\n\n            <Show when={toast().action && isAction(toast().action)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-action\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background outline-none transition-colors hover:bg-foreground/80\",\n                  toast().classes?.actionButton,\n                )}\n                onClick={(e) => {\n                  const action = toast().action;\n                  if (!isAction(action)) return;\n                  action.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().action as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().cancel && isAction(toast().cancel)}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-cancel\"\n                class={clsx(\n                  \"shrink-0 rounded-md bg-foreground/10 px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-foreground/15\",\n                  toast().classes?.cancelButton,\n                )}\n                onClick={(e) => {\n                  const cancel = toast().cancel;\n                  if (!isAction(cancel)) return;\n                  cancel.onClick?.(e);\n                  if (!e.defaultPrevented) close();\n                }}\n              >\n                {\n                  (\n                    toast().cancel as Extract<\n                      ToastT[\"action\"],\n                      { label: unknown }\n                    >\n                  ).label\n                }\n              </button>\n            </Show>\n\n            <Show when={toast().action && !isAction(toast().action)}>\n              {toast().action as JSX.Element}\n            </Show>\n            <Show when={toast().cancel && !isAction(toast().cancel)}>\n              {toast().cancel as JSX.Element}\n            </Show>\n\n            <Show when={local.closeButton && dismissible() && !isBusy()}>\n              <button\n                type=\"button\"\n                data-slot=\"toast-close\"\n                aria-label={local.closeButtonAriaLabel ?? \"Close toast\"}\n                class={clsx(\n                  \"absolute top-2.5 right-2.5 flex size-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:text-foreground\",\n                  toast().classes?.closeButton,\n                )}\n                onClick={close}\n              >\n                <X class=\"size-3.5\" />\n              </button>\n            </Show>\n          </>\n        }\n      >\n        {toast().jsx}\n      </Show>\n    </li>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Toast.js","names":["Show","createMemo","splitProps","clsx","toastVariants","ToastIcons","ToastProps","ToastT","getAnimationClasses","getToastStyle","ToastActions","ToastCloseButton","isCloseButtonVisible","ToastContent","ToastIcon","useToastLifecycle","Toast","props","local","toast","toastType","type","richColors","defaultRichColors","animationState","close","duration","onRemove","id","toastStyle","index","total","expanded","position","gap","animationClasses","_el$","_tmpl$","_$insert","_$createComponent","when","jsx","fallback","ToastBody","icons","closeButton","closeButtonAriaLabel","onClose","children","_$effect","_p$","_v$","_v$2","_v$3","_v$4","testId","_v$5","class","classes","_v$6","e","_$setAttribute","t","a","o","i","_$className","n","_$style","undefined","ariaLabel","_$createComponent","_$setAttribute","_$className","_$style","_tmpl$","Toast","local","splitProps","props","toast","toastType","createMemo","richColors","useToastLifecycle","id","toastStyle","getToastStyle","animationClasses","getAnimationClasses","_el$","insert","createComponent","Show","ToastBody","close","effect","_v$","_v$2","animationState","_v$3","_v$4","_v$5","clsx","toastVariants","_v$6","_p$","setAttribute","className","style","ToastIcon","ToastContent","ToastActions","isCloseButtonVisible","ToastCloseButton","\"class\""],"sources":["../../../../src/components/toast/Toast/Toast.tsx"],"sourcesContent":["import { Show, createMemo, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { toastVariants } from \"./Toast.styles\";\nimport type { ToastIcons, ToastProps, ToastT } from \"./Toast.types\";\nimport { getAnimationClasses, getToastStyle } from \"./Toast.utils\";\nimport { ToastActions } from \"./ToastActions\";\nimport { ToastCloseButton, isCloseButtonVisible } from \"./ToastCloseButton\";\nimport { ToastContent } from \"./ToastContent\";\nimport { ToastIcon } from \"./ToastIcon\";\nimport { useToastLifecycle } from \"./useToastLifecycle\";\n\n/**\n * 单条 toast 的骨架：状态属性（data-*）+ 尺寸/层叠样式 + 四个插槽。\n *\n * 渲染层只做组合，具体内容分别由\n * `ToastIcon` / `ToastContent` / `ToastActions` / `ToastCloseButton` 承担，\n * 进出场与自动关闭由 `useToastLifecycle` 承担。\n */\nexport function Toast(props: ToastProps) {\n  const [local] = splitProps(props, [\n    \"toast\",\n    \"closeButton\",\n    \"duration\",\n    \"class\",\n    \"icons\",\n    \"closeButtonAriaLabel\",\n    \"defaultRichColors\",\n    \"onRemove\",\n    \"index\",\n    \"total\",\n    \"expanded\",\n    \"position\",\n    \"gap\",\n  ]);\n\n  const toast = () => local.toast;\n  const toastType = createMemo(() => toast().type ?? \"default\");\n  const richColors = createMemo(\n    () => toast().richColors ?? local.defaultRichColors ?? false,\n  );\n\n  const { animationState, close } = useToastLifecycle({\n    toast,\n    duration: () => local.duration,\n    onRemove: (id) => local.onRemove(id),\n  });\n\n  const toastStyle = () =>\n    getToastStyle({\n      toast: toast(),\n      index: local.index,\n      total: local.total,\n      expanded: local.expanded,\n      position: local.position,\n      gap: local.gap,\n    });\n\n  const animationClasses = () =>\n    getAnimationClasses({\n      index: local.index,\n      expanded: local.expanded,\n      position: local.position,\n    });\n\n  return (\n    <li\n      data-slot=\"toast\"\n      data-type={toastType()}\n      data-state={animationState()}\n      data-rich-colors={richColors()}\n      data-testid={toast().testId}\n      class={clsx(\n        toastVariants({ type: toastType() }),\n        local.closeButton && \"pr-8\",\n        animationClasses(),\n        local.class,\n        toast().class,\n        toast().classes?.toast,\n        toast().classes?.[toastType()],\n      )}\n      style={toastStyle()}\n    >\n      <Show\n        when={toast().jsx}\n        fallback={\n          <ToastBody\n            toast={toast()}\n            icons={local.icons}\n            closeButton={local.closeButton}\n            closeButtonAriaLabel={local.closeButtonAriaLabel}\n            onClose={close}\n          />\n        }\n      >\n        {toast().jsx}\n      </Show>\n    </li>\n  );\n}\n\n/** 默认内容布局：图标 / 文案 / 操作 / 关闭按钮（依次排布，各自独立） */\nfunction ToastBody(props: {\n  toast: ToastT;\n  icons?: ToastIcons;\n  closeButton: boolean;\n  closeButtonAriaLabel?: string;\n  onClose: () => void;\n}) {\n  return (\n    <>\n      <ToastIcon toast={props.toast} icons={props.icons} />\n      <ToastContent toast={props.toast} />\n      <ToastActions toast={props.toast} onClose={props.onClose} />\n      <Show when={isCloseButtonVisible(props.toast, props.closeButton)}>\n        <ToastCloseButton\n          ariaLabel={props.closeButtonAriaLabel}\n          class={props.toast.classes?.closeButton}\n          onClose={props.onClose}\n        />\n      </Show>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/toast/Toast/Toast.types.d.ts

@@ -87,4 +87,4 @@ export interface ToastProps {
     position: Position;
     gap: number;
 }
-export declare const isAction: (action: Action | JSXElement) => action is Action;
+export declare const isAction: (action: Action | JSXElement | undefined) => action is Action;

package/dist/components/toast/Toast/Toast.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.js","names":["isAction","action"],"sources":["../../../../src/components/toast/Toast/Toast.types.ts"],"sourcesContent":["import type { JSX, JSXElement } from \"solid-js\";\n\nexport type ToastTypes =\n  | \"success\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"loading\"\n  | \"default\";\n\nexport type Position =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport type Theme = \"light\" | \"dark\";\nexport type SwipeDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface Action {\n  label: JSXElement;\n  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;\n  actionButtonStyle?: JSX.CSSProperties;\n}\n\nexport interface ToastIcons {\n  success?: JSXElement;\n  info?: JSXElement;\n  warning?: JSXElement;\n  error?: JSXElement;\n  loading?: JSXElement;\n  close?: JSXElement;\n}\n\nexport interface ToastClassnames {\n  toast?: string;\n  title?: string;\n  description?: string;\n  loader?: string;\n  cancelButton?: string;\n  actionButton?: string;\n  closeButton?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  warning?: string;\n  loading?: string;\n  default?: string;\n  content?: string;\n  icon?: string;\n}\n\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\n\nexport type PromiseTResult<Data = any> =\n  | string\n  | JSXElement\n  | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);\n\nexport interface PromiseData<ToastData = any> {\n  loading?: string | JSXElement;\n  success?: PromiseTResult<ToastData>;\n  error?: PromiseTResult;\n  description?: PromiseTResult;\n  finally?: () => void | Promise<void>;\n}\n\nexport interface ToastT {\n  id: string;\n  toasterId?: string;\n  title?: JSXElement | (() => JSXElement);\n  description?: JSXElement | (() => JSXElement);\n  type?: ToastTypes;\n  icon?: JSXElement;\n  jsx?: JSXElement;\n  richColors?: boolean;\n  invert?: boolean;\n  closeButton?: boolean;\n  dismissible?: boolean;\n  duration?: number;\n  delete?: boolean;\n  action?: Action | JSXElement;\n  cancel?: Action | JSXElement;\n  onDismiss?: (toast: ToastT) => void;\n  onAutoClose?: (toast: ToastT) => void;\n  promise?: PromiseT;\n  style?: JSX.CSSProperties;\n  class?: string;\n  classes?: ToastClassnames;\n  descriptionClass?: string;\n  position?: Position;\n  testId?: string;\n}\n\nexport type ExternalToast = Omit<\n  ToastT,\n  \"id\" | \"type\" | \"title\" | \"jsx\" | \"delete\" | \"promise\"\n> & {\n  id?: string;\n  toasterId?: string;\n};\n\nexport interface ToastProps {\n  toast: ToastT;\n  closeButton: boolean;\n  duration?: number;\n  class?: string;\n  icons?: ToastIcons;\n  closeButtonAriaLabel?: string;\n  defaultRichColors?: boolean;\n  onRemove: (id: string) => void;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}\n\nexport const isAction = (action: Action | JSXElement): action is Action => {\n  return (action as Action)?.label !== undefined;\n};\n"],"mappings":";AAwHA,IAAaA,KAAY,MACfC,GAAmB,UAAU,KAAA"}
+{"version":3,"file":"Toast.types.js","names":["isAction","action"],"sources":["../../../../src/components/toast/Toast/Toast.types.ts"],"sourcesContent":["import type { JSX, JSXElement } from \"solid-js\";\n\nexport type ToastTypes =\n  | \"success\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"loading\"\n  | \"default\";\n\nexport type Position =\n  | \"top-left\"\n  | \"top-right\"\n  | \"bottom-left\"\n  | \"bottom-right\"\n  | \"top-center\"\n  | \"bottom-center\";\n\nexport type Theme = \"light\" | \"dark\";\nexport type SwipeDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport interface Action {\n  label: JSXElement;\n  onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;\n  actionButtonStyle?: JSX.CSSProperties;\n}\n\nexport interface ToastIcons {\n  success?: JSXElement;\n  info?: JSXElement;\n  warning?: JSXElement;\n  error?: JSXElement;\n  loading?: JSXElement;\n  close?: JSXElement;\n}\n\nexport interface ToastClassnames {\n  toast?: string;\n  title?: string;\n  description?: string;\n  loader?: string;\n  cancelButton?: string;\n  actionButton?: string;\n  closeButton?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  warning?: string;\n  loading?: string;\n  default?: string;\n  content?: string;\n  icon?: string;\n}\n\nexport type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);\n\nexport type PromiseTResult<Data = any> =\n  | string\n  | JSXElement\n  | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);\n\nexport interface PromiseData<ToastData = any> {\n  loading?: string | JSXElement;\n  success?: PromiseTResult<ToastData>;\n  error?: PromiseTResult;\n  description?: PromiseTResult;\n  finally?: () => void | Promise<void>;\n}\n\nexport interface ToastT {\n  id: string;\n  toasterId?: string;\n  title?: JSXElement | (() => JSXElement);\n  description?: JSXElement | (() => JSXElement);\n  type?: ToastTypes;\n  icon?: JSXElement;\n  jsx?: JSXElement;\n  richColors?: boolean;\n  invert?: boolean;\n  closeButton?: boolean;\n  dismissible?: boolean;\n  duration?: number;\n  delete?: boolean;\n  action?: Action | JSXElement;\n  cancel?: Action | JSXElement;\n  onDismiss?: (toast: ToastT) => void;\n  onAutoClose?: (toast: ToastT) => void;\n  promise?: PromiseT;\n  style?: JSX.CSSProperties;\n  class?: string;\n  classes?: ToastClassnames;\n  descriptionClass?: string;\n  position?: Position;\n  testId?: string;\n}\n\nexport type ExternalToast = Omit<\n  ToastT,\n  \"id\" | \"type\" | \"title\" | \"jsx\" | \"delete\" | \"promise\"\n> & {\n  id?: string;\n  toasterId?: string;\n};\n\nexport interface ToastProps {\n  toast: ToastT;\n  closeButton: boolean;\n  duration?: number;\n  class?: string;\n  icons?: ToastIcons;\n  closeButtonAriaLabel?: string;\n  defaultRichColors?: boolean;\n  onRemove: (id: string) => void;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}\n\nexport const isAction = (\n  action: Action | JSXElement | undefined,\n): action is Action => {\n  return (action as Action)?.label !== undefined;\n};\n"],"mappings":";AAwHA,IAAaA,KACX,MAEQC,GAAmB,UAAU,KAAA"}

package/dist/components/toast/Toast/Toast.utils.d.ts

@@ -0,0 +1,47 @@
+import { JSX } from 'solid-js';
+import { Action, Position, ToastT } from './Toast.types';
+/**
+ * `action` / `cancel` 既可以是"带 label 的操作对象"，也可以是任意自定义元素。
+ * 这里把判定收敛成一个收窄函数：渲染层拿到的要么是可用的 `Action`，
+ * 要么是 `undefined`（自定义元素走另一条 Show 分支），避免每个按钮各写一遍守卫。
+ */
+export declare function getToastAction(value: ToastT["action"]): Action | undefined;
+/**
+ * `title` / `description` 允许写成惰性函数：内容可能是随信号变化的元素。
+ * 这里是唯一的求值点，渲染层只消费结果。
+ */
+export declare function resolveToastContent(value: ToastT["title"]): JSX.Element;
+/** 堆叠的纵向朝向：`top-*` 从顶部向下堆，其余从底部向上堆。 */
+export declare function getVerticalAxis(position: Position): "top" | "bottom";
+/** 只有最前面的一层参与进出场动画、接收指针事件。 */
+export declare function isFrontToast(index: number): boolean;
+/**
+ * 非最前层的"堆叠"变换：沿纵向让出 `gap * index` 的位移，并逐层缩小。
+ * 缩放下限 0.8，避免层数多时缩到几乎不可见。
+ */
+export declare function getCollapsedTransform(options: {
+    index: number;
+    gap: number;
+    position: Position;
+}): string | undefined;
+/**
+ * 折叠态用 `grid-area: 1 / 1` 让所有层叠在同一格，靠 transform 错开；
+ * 展开态交还给容器的 flex 排列，因此不写这些定位属性。
+ */
+export declare function getToastStyle(options: {
+    toast: ToastT;
+    index: number;
+    total: number;
+    expanded: boolean;
+    position: Position;
+    gap: number;
+}): JSX.CSSProperties;
+/**
+ * 进出场动画只给最前面的层（展开时给所有层）：后层在折叠态只是"背景卡片"，
+ * 播放位移动画会穿帮。
+ */
+export declare function getAnimationClasses(options: {
+    index: number;
+    expanded: boolean;
+    position: Position;
+}): string;

package/dist/components/toast/Toast/Toast.utils.js

@@ -0,0 +1,47 @@
+import { isAction as e } from "./Toast.types.js";
+//#region src/components/toast/Toast/Toast.utils.ts
+function t(t) {
+	return e(t) ? t : void 0;
+}
+function n(e) {
+	return typeof e == "function" ? e() : e;
+}
+function r(e) {
+	return e.startsWith("top") ? "top" : "bottom";
+}
+function i(e) {
+	return e === 0;
+}
+function a(e) {
+	let { index: t, gap: n, position: a } = e;
+	if (i(t)) return;
+	let o = r(a) === "bottom" ? -1 : 1, s = Math.max(.8, 1 - t * .05);
+	return `translateY(calc(${o * n * t}px)) scale(${s})`;
+}
+function o(e) {
+	let { toast: t, index: n, total: o, expanded: s, position: c, gap: l } = e;
+	return {
+		...t.style,
+		"z-index": o - n,
+		...s ? {} : {
+			"grid-area": "1 / 1",
+			"align-self": r(c) === "bottom" ? "end" : "start",
+			transform: a({
+				index: n,
+				gap: l,
+				position: c
+			}),
+			"pointer-events": i(n) ? "auto" : "none"
+		}
+	};
+}
+function s(e) {
+	let { index: t, expanded: n, position: a } = e;
+	if (!i(t) && !n) return "";
+	let o = r(a) === "bottom";
+	return `${o ? "data-[state=open]:slide-in-from-bottom-2" : "data-[state=open]:slide-in-from-top-2"} ${o ? "data-[state=closed]:slide-out-to-bottom" : "data-[state=closed]:slide-out-to-top"} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both`;
+}
+//#endregion
+export { s as getAnimationClasses, a as getCollapsedTransform, t as getToastAction, o as getToastStyle, r as getVerticalAxis, i as isFrontToast, n as resolveToastContent };
+
+//# sourceMappingURL=Toast.utils.js.map

package/dist/components/toast/Toast/Toast.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.utils.js","names":["getToastAction","isAction","value","resolveToastContent","getVerticalAxis","position","isFrontToast","index","getCollapsedTransform","options","lift","scale","gap","getToastStyle","toast","total","expanded","getAnimationClasses","isBottom"],"sources":["../../../../src/components/toast/Toast/Toast.utils.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport {\n  type Action,\n  isAction,\n  type Position,\n  type ToastT,\n} from \"./Toast.types\";\n\n/**\n * `action` / `cancel` 既可以是\"带 label 的操作对象\"，也可以是任意自定义元素。\n * 这里把判定收敛成一个收窄函数：渲染层拿到的要么是可用的 `Action`，\n * 要么是 `undefined`（自定义元素走另一条 Show 分支），避免每个按钮各写一遍守卫。\n */\nexport function getToastAction(value: ToastT[\"action\"]): Action | undefined {\n  return isAction(value) ? value : undefined;\n}\n\n/**\n * `title` / `description` 允许写成惰性函数：内容可能是随信号变化的元素。\n * 这里是唯一的求值点，渲染层只消费结果。\n */\nexport function resolveToastContent(value: ToastT[\"title\"]): JSX.Element {\n  return typeof value === \"function\" ? value() : value;\n}\n\n/** 堆叠的纵向朝向：`top-*` 从顶部向下堆，其余从底部向上堆。 */\nexport function getVerticalAxis(position: Position): \"top\" | \"bottom\" {\n  return position.startsWith(\"top\") ? \"top\" : \"bottom\";\n}\n\n/** 只有最前面的一层参与进出场动画、接收指针事件。 */\nexport function isFrontToast(index: number): boolean {\n  return index === 0;\n}\n\n/**\n * 非最前层的\"堆叠\"变换：沿纵向让出 `gap * index` 的位移，并逐层缩小。\n * 缩放下限 0.8，避免层数多时缩到几乎不可见。\n */\nexport function getCollapsedTransform(options: {\n  index: number;\n  gap: number;\n  position: Position;\n}): string | undefined {\n  const { index, gap, position } = options;\n  if (isFrontToast(index)) return undefined;\n\n  const lift = getVerticalAxis(position) === \"bottom\" ? -1 : 1;\n  const scale = Math.max(0.8, 1 - index * 0.05);\n  return `translateY(calc(${lift * gap * index}px)) scale(${scale})`;\n}\n\n/**\n * 折叠态用 `grid-area: 1 / 1` 让所有层叠在同一格，靠 transform 错开；\n * 展开态交还给容器的 flex 排列，因此不写这些定位属性。\n */\nexport function getToastStyle(options: {\n  toast: ToastT;\n  index: number;\n  total: number;\n  expanded: boolean;\n  position: Position;\n  gap: number;\n}): JSX.CSSProperties {\n  const { toast, index, total, expanded, position, gap } = options;\n\n  return {\n    ...toast.style,\n    // 越靠前层级越高，避免后加入的层盖住最前面的层\n    \"z-index\": total - index,\n    ...(expanded\n      ? {}\n      : {\n          \"grid-area\": \"1 / 1\",\n          \"align-self\":\n            getVerticalAxis(position) === \"bottom\" ? \"end\" : \"start\",\n          transform: getCollapsedTransform({ index, gap, position }),\n          \"pointer-events\": isFrontToast(index) ? \"auto\" : \"none\",\n        }),\n  } as JSX.CSSProperties;\n}\n\n/**\n * 进出场动画只给最前面的层（展开时给所有层）：后层在折叠态只是\"背景卡片\"，\n * 播放位移动画会穿帮。\n */\nexport function getAnimationClasses(options: {\n  index: number;\n  expanded: boolean;\n  position: Position;\n}): string {\n  const { index, expanded, position } = options;\n  if (!isFrontToast(index) && !expanded) return \"\";\n\n  const isBottom = getVerticalAxis(position) === \"bottom\";\n  const slideIn = isBottom\n    ? \"data-[state=open]:slide-in-from-bottom-2\"\n    : \"data-[state=open]:slide-in-from-top-2\";\n  const slideOut = isBottom\n    ? \"data-[state=closed]:slide-out-to-bottom\"\n    : \"data-[state=closed]:slide-out-to-top\";\n\n  return `${slideIn} ${slideOut} data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:fill-mode-both data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:fill-mode-both`;\n}\n"],"mappings":";;AAaA,SAAgBA,EAAe,GAA6C;CAC1E,OAAOC,EAASC,CAAK,IAAIA,IAAQ,KAAA;AACnC;AAMA,SAAgBC,EAAoB,GAAqC;CACvE,OAAO,OAAOD,KAAU,aAAaA,EAAM,IAAIA;AACjD;AAGA,SAAgBE,EAAgB,GAAsC;CACpE,OAAOC,EAAS,WAAW,KAAK,IAAI,QAAQ;AAC9C;AAGA,SAAgBC,EAAa,GAAwB;CACnD,OAAOC,MAAU;AACnB;AAMA,SAAgBC,EAAsB,GAIf;CACrB,IAAM,EAAE,UAAO,QAAK,gBAAaC;CACjC,IAAIH,EAAaC,CAAK,GAAG;CAEzB,IAAMG,IAAON,EAAgBC,CAAQ,MAAM,WAAW,KAAK,GACrDM,IAAQ,KAAK,IAAI,IAAK,IAAIJ,IAAQ,GAAI;CAC5C,OAAO,mBAAmBG,IAAOE,IAAML,EAAM,aAAaI,EAAM;AAClE;AAMA,SAAgBE,EAAc,GAOR;CACpB,IAAM,EAAE,UAAO,UAAO,UAAO,aAAU,aAAU,WAAQJ;CAEzD,OAAO;EACL,GAAGK,EAAM;EAET,WAAWC,IAAQR;EACnB,GAAIS,IACA,CAAC,IACD;GACE,aAAa;GACb,cACEZ,EAAgBC,CAAQ,MAAM,WAAW,QAAQ;GACnD,WAAWG,EAAsB;IAAE;IAAO;IAAK;GAAS,CAAC;GACzD,kBAAkBF,EAAaC,CAAK,IAAI,SAAS;EACnD;CACN;AACF;AAMA,SAAgBU,EAAoB,GAIzB;CACT,IAAM,EAAE,UAAO,aAAU,gBAAaR;CACtC,IAAI,CAACH,EAAaC,CAAK,KAAK,CAACS,GAAU,OAAO;CAE9C,IAAME,IAAWd,EAAgBC,CAAQ,MAAM;CAQ/C,OAAO,GAPSa,IACZ,6CACA,wCAKc,GAJDA,IACb,4CACA,uCAE0B;AAChC"}

package/dist/components/toast/Toast/ToastActionButton.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from 'solid-js';
+import { Action } from './Toast.types';
+export interface ToastActionButtonProps {
+    /** 已经收窄过的操作对象 */
+    action: Action;
+    /** action 与 cancel 共用同一套按钮行为，仅插槽名与配色不同 */
+    variant: "action" | "cancel";
+    class?: string;
+    onClose: () => void;
+}
+/**
+ * toast 上的"操作/取消"按钮：一个职责——把点击派发给 `action.onClick`，
+ * 并在调用方没有 `preventDefault()` 时请求关闭。
+ * 关闭本身由 `onClose` 注入，按钮不碰 toast 的生命周期状态。
+ */
+export declare function ToastActionButton(props: ToastActionButtonProps): JSX.Element;

package/dist/components/toast/Toast/ToastActionButton.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { className as t, delegateEvents as n, effect as r, insert as i, setAttribute as a, template as o } from "solid-js/web";
+//#region src/components/toast/Toast/ToastActionButton.tsx
+var s = /*#__PURE__*/ o("<button type=button>"), c = {
+	action: "bg-foreground text-background hover:bg-foreground/80",
+	cancel: "bg-foreground/10 text-foreground hover:bg-foreground/15"
+};
+function l(n) {
+	let o = () => n.variant === "action";
+	return (() => {
+		var l = s();
+		return l.$$click = (e) => {
+			n.action.onClick?.(e), e.defaultPrevented || n.onClose();
+		}, i(l, () => n.action.label), r((r) => {
+			var i = o() ? "toast-action" : "toast-cancel", s = e("shrink-0 rounded-md px-2.5 py-1 text-xs font-medium outline-none transition-colors", c[n.variant], n.class);
+			return i !== r.e && a(l, "data-slot", r.e = i), s !== r.t && t(l, r.t = s), r;
+		}, {
+			e: void 0,
+			t: void 0
+		}), l;
+	})();
+}
+n(["click"]);
+//#endregion
+export { l as ToastActionButton };
+
+//# sourceMappingURL=ToastActionButton.js.map

package/dist/components/toast/Toast/ToastActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActionButton.js","names":["JSX","clsx","Action","ToastActionButtonProps","action","variant","class","onClose","VARIANT_CLASS","Record","cancel","ToastActionButton","props","Element","isAction","_el$","_tmpl$","$$click","event","onClick","defaultPrevented","_$insert","label","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined","_$delegateEvents","_$setAttribute","_$className","_$delegateEvents","_tmpl$","VARIANT_CLASS","ToastActionButton","isAction","props","_el$","event","insert","effect","_v$","_v$2","clsx","_p$","setAttribute","className","delegateEvents"],"sources":["../../../../src/components/toast/Toast/ToastActionButton.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { Action } from \"./Toast.types\";\n\nexport interface ToastActionButtonProps {\n  /** 已经收窄过的操作对象 */\n  action: Action;\n  /** action 与 cancel 共用同一套按钮行为，仅插槽名与配色不同 */\n  variant: \"action\" | \"cancel\";\n  class?: string;\n  onClose: () => void;\n}\n\nconst VARIANT_CLASS: Record<ToastActionButtonProps[\"variant\"], string> = {\n  action: \"bg-foreground text-background hover:bg-foreground/80\",\n  cancel: \"bg-foreground/10 text-foreground hover:bg-foreground/15\",\n};\n\n/**\n * toast 上的\"操作/取消\"按钮：一个职责——把点击派发给 `action.onClick`，\n * 并在调用方没有 `preventDefault()` 时请求关闭。\n * 关闭本身由 `onClose` 注入，按钮不碰 toast 的生命周期状态。\n */\nexport function ToastActionButton(props: ToastActionButtonProps): JSX.Element {\n  const isAction = () => props.variant === \"action\";\n\n  return (\n    <button\n      type=\"button\"\n      data-slot={isAction() ? \"toast-action\" : \"toast-cancel\"}\n      class={clsx(\n        \"shrink-0 rounded-md px-2.5 py-1 text-xs font-medium outline-none transition-colors\",\n        VARIANT_CLASS[props.variant],\n        props.class,\n      )}\n      onClick={(event) => {\n        props.action.onClick?.(event);\n        if (!event.defaultPrevented) props.onClose();\n      }}\n    >\n      {props.action.label}\n    </button>\n  );\n}\n"],"mappings":";;;iDAaMQ,IAAmE;CACvEJ,QAAQ;CACRM,QAAQ;AACV;AAOA,SAAgBC,EAAkBC,GAA4C;CAC5E,IAAME,UAAiBF,EAAMP,YAAY;CAEzC,cAAA;EAAA,IAAAU,IAAAC,EAAA;EAQK,OARLD,EAAAE,WAScC,MAAU;GAElB,AADAN,EAAMR,OAAOe,UAAUD,CAAK,GACvBA,EAAME,oBAAkBR,EAAML,QAAQ;EAC7C,GAACc,EAAAN,SAEAH,EAAMR,OAAOkB,KAAK,GAAAC,GAAAC,MAAA;GAAA,IAAAC,IAXRX,EAAS,IAAI,iBAAiB,gBAAcY,IAChDzB,EACL,sFACAO,EAAcI,EAAMP,UACpBO,EAAMN,KACR;GAAC,OAAAmB,MAAAD,EAAAG,KAAAC,EAAAb,GAAA,aAAAS,EAAAG,IAAAF,CAAA,GAAAC,MAAAF,EAAAK,KAAAC,EAAAf,GAAAS,EAAAK,IAAAH,CAAA,GAAAF;EAAA,GAAA;GAAAG,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AASP;AAACiB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/toast/Toast/ToastActions.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'solid-js';
+import { ToastT } from './Toast.types';
+/**
+ * toast 的操作区：`action` 与 `cancel` 各自既可以是"带 label 的操作对象"，
+ * 也可以是任意自定义元素。两种形态互斥，因此这里成对处理：
+ * - 操作对象 → 复用 `ToastActionButton`（关闭语义由 `onClose` 注入）；
+ * - 自定义元素 → 原样渲染，不附加任何行为。
+ */
+export declare function ToastActions(props: {
+    toast: ToastT;
+    onClose: () => void;
+}): JSX.Element;

package/dist/components/toast/Toast/ToastActions.js

@@ -0,0 +1,65 @@
+import { isAction as e } from "./Toast.types.js";
+import { getToastAction as t } from "./Toast.utils.js";
+import { ToastActionButton as n } from "./ToastActionButton.js";
+import { createComponent as r, memo as i } from "solid-js/web";
+import { Show as a } from "solid-js";
+//#region src/components/toast/Toast/ToastActions.tsx
+function o(o) {
+	let s = () => o.toast.action, c = () => o.toast.cancel;
+	return [
+		r(a, {
+			get when() {
+				return t(s());
+			},
+			children: (e) => r(n, {
+				get action() {
+					return e();
+				},
+				variant: "action",
+				get class() {
+					return o.toast.classes?.actionButton;
+				},
+				get onClose() {
+					return o.onClose;
+				}
+			})
+		}),
+		r(a, {
+			get when() {
+				return t(c());
+			},
+			children: (e) => r(n, {
+				get action() {
+					return e();
+				},
+				variant: "cancel",
+				get class() {
+					return o.toast.classes?.cancelButton;
+				},
+				get onClose() {
+					return o.onClose;
+				}
+			})
+		}),
+		r(a, {
+			get when() {
+				return i(() => !!s())() && !e(s());
+			},
+			get children() {
+				return s();
+			}
+		}),
+		r(a, {
+			get when() {
+				return i(() => !!c())() && !e(c());
+			},
+			get children() {
+				return c();
+			}
+		})
+	];
+}
+//#endregion
+export { o as ToastActions };
+
+//# sourceMappingURL=ToastActions.js.map

package/dist/components/toast/Toast/ToastActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastActions.js","names":["Show","JSX","isAction","ToastT","getToastAction","ToastActionButton","ToastActions","props","toast","onClose","action","cancel","_$createComponent","when","children","entry","variant","class","classes","actionButton","cancelButton","_$memo","Element","_$createComponent","_$memo","ToastActions","action","props","cancel","createComponent","Show","getToastAction","ToastActionButton","entry","\"class\"","memo","isAction"],"sources":["../../../../src/components/toast/Toast/ToastActions.tsx"],"sourcesContent":["import { Show, type JSX } from \"solid-js\";\nimport { isAction, type ToastT } from \"./Toast.types\";\nimport { getToastAction } from \"./Toast.utils\";\nimport { ToastActionButton } from \"./ToastActionButton\";\n\n/**\n * toast 的操作区：`action` 与 `cancel` 各自既可以是\"带 label 的操作对象\"，\n * 也可以是任意自定义元素。两种形态互斥，因此这里成对处理：\n * - 操作对象 → 复用 `ToastActionButton`（关闭语义由 `onClose` 注入）；\n * - 自定义元素 → 原样渲染，不附加任何行为。\n */\nexport function ToastActions(props: { toast: ToastT; onClose: () => void }) {\n  const action = () => props.toast.action;\n  const cancel = () => props.toast.cancel;\n\n  return (\n    <>\n      <Show when={getToastAction(action())}>\n        {(entry) => (\n          <ToastActionButton\n            action={entry()}\n            variant=\"action\"\n            class={props.toast.classes?.actionButton}\n            onClose={props.onClose}\n          />\n        )}\n      </Show>\n\n      <Show when={getToastAction(cancel())}>\n        {(entry) => (\n          <ToastActionButton\n            action={entry()}\n            variant=\"cancel\"\n            class={props.toast.classes?.cancelButton}\n            onClose={props.onClose}\n          />\n        )}\n      </Show>\n\n      <Show when={action() && !isAction(action())}>\n        {action() as JSX.Element}\n      </Show>\n      <Show when={cancel() && !isAction(cancel())}>\n        {cancel() as JSX.Element}\n      </Show>\n    </>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAgBM,EAAaC,GAA+C;CAC1E,IAAMG,UAAeH,EAAMC,MAAME,QAC3BC,UAAeJ,EAAMC,MAAMG;CAEjC,OAAA;EAAAC,EAEKZ,GAAI;GAAA,IAACa,OAAI;IAAA,OAAET,EAAeM,EAAO,CAAC;GAAC;GAAAI,WAChCC,MAAKH,EACJP,GAAiB;IAAA,IAChBK,SAAM;KAAA,OAAEK,EAAM;IAAC;IACfC,SAAO;IAAA,IAAAkB,QAAA;KAAA,OACA3B,EAAMC,MAAMU,SAASC;IAAY;IAAA,IACxCV,UAAO;KAAA,OAAEF,EAAME;IAAO;GAAA,CAAA;EAEzB,CAAA;EAAAG,EAGFZ,GAAI;GAAA,IAACa,OAAI;IAAA,OAAET,EAAeO,EAAO,CAAC;GAAC;GAAAG,WAChCC,MAAKH,EACJP,GAAiB;IAAA,IAChBK,SAAM;KAAA,OAAEK,EAAM;IAAC;IACfC,SAAO;IAAA,IAAAkB,QAAA;KAAA,OACA3B,EAAMC,MAAMU,SAASE;IAAY;IAAA,IACxCX,UAAO;KAAA,OAAEF,EAAME;IAAO;GAAA,CAAA;EAEzB,CAAA;EAAAG,EAGFZ,GAAI;GAAA,IAACa,OAAI;IAAA,OAAEQ,QAAA,CAAA,CAAAX,EAAO,CAAC,CAAA,CAAA,KAAI,CAACR,EAASQ,EAAO,CAAC;GAAC;GAAA,IAAAI,WAAA;IAAA,OACxCJ,EAAO;GAAgB;EAAA,CAAA;EAAAE,EAEzBZ,GAAI;GAAA,IAACa,OAAI;IAAA,OAAEQ,QAAA,CAAA,CAAAV,EAAO,CAAC,CAAA,CAAA,KAAI,CAACT,EAASS,EAAO,CAAC;GAAC;GAAA,IAAAG,WAAA;IAAA,OACxCH,EAAO;GAAgB;EAAA,CAAA;CAAA;AAIhC"}

package/dist/components/toast/Toast/ToastCloseButton.d.ts

@@ -0,0 +1,12 @@
+import { ToastT } from './Toast.types';
+/**
+ * 关闭按钮。只负责"长什么样 + 报告点击"，是否显示、点了之后做什么
+ * 都由调用方决定（关闭本身属于生命周期，不在渲染层）。
+ */
+export declare function ToastCloseButton(props: {
+    ariaLabel?: string;
+    class?: string;
+    onClose: () => void;
+}): import('solid-js').JSX.Element;
+/** 关闭按钮的可见性：显式开启、可关闭、且不是常驻的 loading */
+export declare function isCloseButtonVisible(toast: ToastT, closeButton: boolean): boolean;