@neut/ui 0.0.11 → 0.0.13

package/dist/components/select/SelectSeparator/SelectSeparator.js

@@ -0,0 +1,13 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Separator as t } from "../../separator/Separator.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+//#region src/components/select/SelectSeparator/SelectSeparator.tsx
+function i(i) {
+	return n(t, r(i, { get class() {
+		return e("my-1", i.class);
+	} }));
+}
+//#endregion
+export { i as SelectSeparator };
+
+//# sourceMappingURL=SelectSeparator.js.map

package/dist/components/select/SelectSeparator/SelectSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSeparator.js","names":["Separator","SeparatorProps","clsx","SelectSeparator","props","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/select/SelectSeparator/SelectSeparator.tsx"],"sourcesContent":["import { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectSeparator(props: SeparatorProps) {\n  return <Separator {...props} class={clsx(\"my-1\", props.class)} />;\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAgBC,GAAuB;CACrD,OAAAC,EAAQL,GAASM,EAAKF,GAAK,EAAA,IAAA,QAAA;EAAA,OAASF,EAAK,QAAQE,EAAMG,KAAK;CAAC,EAAA,CAAA,CAAA;AAC/D"}

package/dist/components/select/SelectSeparator/index.d.ts

@@ -0,0 +1 @@
+export { SelectSeparator } from './SelectSeparator';

package/dist/components/select/SelectTrigger/SelectTrigger.d.ts

@@ -0,0 +1,4 @@
+import { ValidComponent } from 'solid-js';
+import { SelectTriggerProps } from './SelectTrigger.types';
+import { Button } from '../../button';
+export declare const SelectTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SelectTriggerProps<T>) => import("solid-js").JSX.Element;

package/dist/components/select/SelectTrigger/SelectTrigger.js

@@ -0,0 +1,50 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeRefs as t } from "../../../utils/ref.js";
+import { Button as n } from "../../button/Button.js";
+import { useSelectTrigger as r } from "./useSelectTrigger.js";
+import { Dynamic as i, createComponent as a, memo as o, mergeProps as s } from "solid-js/web";
+import { ChevronDown as c } from "lucide-solid";
+//#region src/components/select/SelectTrigger/SelectTrigger.tsx
+var l = (l) => {
+	let { ctx: u, isDisabled: d, attachListeners: f } = r(() => l);
+	return a(i, s(l, {
+		get disabled() {
+			return d();
+		},
+		get icon() {
+			return a(c, {});
+		},
+		iconPosition: "right",
+		get component() {
+			return l.component ?? n;
+		},
+		get variant() {
+			return l.variant ?? "outline";
+		},
+		ref(e) {
+			var n = t(u.setReference, l.ref, f);
+			typeof n == "function" && n(e);
+		},
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		get "aria-expanded"() {
+			return u.open();
+		},
+		get "aria-controls"() {
+			return o(() => !!u.open())() ? u.contentId : void 0;
+		},
+		get "data-state"() {
+			return u.open() ? "open" : "closed";
+		},
+		get "data-disabled"() {
+			return d() ? "" : void 0;
+		},
+		get class() {
+			return e("justify-between", l.class);
+		}
+	}));
+};
+//#endregion
+export { l as SelectTrigger };
+
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/components/select/SelectTrigger/SelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAA,QAAA;GAAA,OACrC3B,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}

package/dist/components/select/SelectTrigger/SelectTrigger.types.d.ts

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { PolymorphicProps } from '../../../types';
+export type SelectTriggerProps<T extends ValidComponent> = PolymorphicProps<T>;

package/dist/components/select/SelectTrigger/index.d.ts

@@ -0,0 +1,4 @@
+export { SelectTrigger } from './SelectTrigger';
+export type { SelectTriggerProps } from './SelectTrigger.types';
+export { useSelectTrigger } from './useSelectTrigger';
+export type { UseSelectTriggerResult } from './useSelectTrigger';

package/dist/components/select/SelectTrigger/useSelectTrigger.d.ts

@@ -0,0 +1,15 @@
+import { ValidComponent } from 'solid-js';
+import { useSelectContext } from '../Select/Select.context';
+import { SelectTriggerProps } from './SelectTrigger.types';
+export interface UseSelectTriggerResult {
+    ctx: ReturnType<typeof useSelectContext>;
+    isDisabled: () => boolean;
+    /**
+     * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。
+     * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——
+     * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，
+     * 两者是完全独立的两套机制，互不覆盖。
+     */
+    attachListeners: (el: Element) => void;
+}
+export declare function useSelectTrigger<T extends ValidComponent>(props: () => SelectTriggerProps<T>): UseSelectTriggerResult;

package/dist/components/select/SelectTrigger/useSelectTrigger.js

@@ -0,0 +1,37 @@
+import { useSelectContext as e } from "../Select/Select.context.js";
+import { onCleanup as t } from "solid-js";
+//#region src/components/select/SelectTrigger/useSelectTrigger.ts
+function n(n) {
+	let r = e("SelectTrigger"), i = () => r.disabled() || !!n().disabled, a = () => {
+		i() || (r.setActiveValue(r.value() ?? r.items.find((e) => !e.disabled)?.value), r.setOpen(!0));
+	};
+	return {
+		ctx: r,
+		isDisabled: i,
+		attachListeners: (e) => {
+			let n = () => {
+				i() || (r.open() ? r.setOpen(!1) : a());
+			}, o = (e) => {
+				if (i()) return;
+				let t = e;
+				if (!r.open()) {
+					[
+						"ArrowDown",
+						"ArrowUp",
+						"Enter",
+						" "
+					].includes(t.key) && (t.preventDefault(), a());
+					return;
+				}
+				t.key === "Escape" && (t.stopPropagation(), r.close());
+			};
+			e.addEventListener("click", n), e.addEventListener("keydown", o), t(() => {
+				e.removeEventListener("click", n), e.removeEventListener("keydown", o);
+			});
+		}
+	};
+}
+//#endregion
+export { n as useSelectTrigger };
+
+//# sourceMappingURL=useSelectTrigger.js.map

package/dist/components/select/SelectTrigger/useSelectTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectTrigger.js","names":[],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const openAndHighlightSelected = () => {\n    if (isDisabled()) return;\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAiB,eAAe,GAEtC,UAAmB,EAAI,SAAS,KAAK,CAAC,CAAC,EAAM,CAAC,CAAC,UAE/C,UAAiC;EACjC,EAAW,MACf,EAAI,eACF,EAAI,MAAM,KAAK,EAAI,MAAM,MAAM,MAAO,CAAC,EAAG,QAAQ,CAAC,EAAE,KACvD,GACA,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,MACX,EAAI,KAAK,IAAG,EAAI,QAAQ,EAAK,IAC5B,EAAyB;GAChC,GAEM,KAAa,MAAa;IAC9B,IAAI,EAAW,GAAG;IAClB,IAAM,IAAgB;IAEtB,IAAI,CAAC,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAAS,EAAc,GAAG,MAEjE,EAAc,eAAe,GAC7B,EAAyB;KAE3B;IACF;IAEA,AAAI,EAAc,QAAQ,aACxB,EAAc,gBAAgB,GAC9B,EAAI,MAAM;GAEd;GAKA,AAHA,EAAG,iBAAiB,SAAS,CAAO,GACpC,EAAG,iBAAiB,WAAW,CAAS,GAExC,QAAgB;IAEd,AADA,EAAG,oBAAoB,SAAS,CAAO,GACvC,EAAG,oBAAoB,WAAW,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}

package/dist/components/select/SelectValue/SelectValue.d.ts

@@ -0,0 +1,2 @@
+import { SelectValueProps } from './SelectValue.types';
+export declare function SelectValue(props: SelectValueProps): import("solid-js").JSX.Element;

package/dist/components/select/SelectValue/SelectValue.js

@@ -0,0 +1,20 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useSelectContext as t } from "../Select/Select.context.js";
+import { className as n, effect as r, insert as i, template as a } from "solid-js/web";
+import { createMemo as o } from "solid-js";
+//#region src/components/select/SelectValue/SelectValue.tsx
+var s = /*#__PURE__*/ a("<span>");
+function c(a) {
+	let c = t("SelectValue"), l = o(() => {
+		let e = c.value();
+		if (e != null) return c.items.find((t) => t.value === e)?.label ?? e;
+	});
+	return (() => {
+		var t = s();
+		return i(t, () => l() ?? a.placeholder ?? ""), r(() => n(t, e(!l() && "text-neutral-500", a.class))), t;
+	})();
+}
+//#endregion
+export { c as SelectValue };
+
+//# sourceMappingURL=SelectValue.js.map

package/dist/components/select/SelectValue/SelectValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectValue.js","names":["createMemo","useSelectContext","SelectValueProps","clsx","SelectValue","props","ctx","label","v","value","undefined","items","find","it","_el$","_tmpl$","_$insert","placeholder","_$effect","_$className","class"],"sources":["../../../../src/components/select/SelectValue/SelectValue.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectValueProps } from \"./SelectValue.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectValue(props: SelectValueProps) {\n  const ctx = useSelectContext(\"SelectValue\");\n\n  const label = createMemo(() => {\n    const v = ctx.value();\n    if (v === undefined || v === null) return undefined;\n    return ctx.items.find((it) => it.value === v)?.label ?? v;\n  });\n\n  return (\n    <span class={clsx(!label() && \"text-neutral-500\", props.class)}>\n      {label() ?? props.placeholder ?? \"\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBI,EAAYC,GAAyB;CACnD,IAAMC,IAAML,EAAiB,aAAa,GAEpCM,IAAQP,QAAiB;EAC7B,IAAMQ,IAAIF,EAAIG,MAAM;EAChBD,SAAyB,MAC7B,OAAOF,EAAIK,MAAMC,MAAMC,MAAOA,EAAGJ,UAAUD,CAAC,CAAC,EAAED,SAASC;CAC1D,CAAC;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EACgE,OADhEC,EAAAF,SAEKP,EAAM,KAAKF,EAAMY,eAAe,EAAE,GAAAC,QAAAC,EAAAL,GADxBX,EAAK,CAACI,EAAM,KAAK,oBAAoBF,EAAMe,KAAK,CAAC,CAAA,GAAAN;CAAA,EAAA,CAAA;AAIlE"}

package/dist/components/select/SelectValue/SelectValue.types.d.ts

@@ -0,0 +1,4 @@
+export interface SelectValueProps {
+    placeholder?: string;
+    class?: string;
+}

package/dist/components/select/SelectValue/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectValue } from './SelectValue';
+export type { SelectValueProps } from './SelectValue.types';

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

@@ -0,0 +1,13 @@
+export { Select } from './Select';
+export type { SelectProps, SelectContextValue, SelectItemMeta } from './Select';
+export { SelectTrigger } from './SelectTrigger';
+export type { SelectTriggerProps } from './SelectTrigger';
+export { SelectValue } from './SelectValue';
+export type { SelectValueProps } from './SelectValue';
+export { SelectContent } from './SelectContent';
+export type { SelectContentProps } from './SelectContent';
+export { SelectItem } from './SelectItem';
+export type { SelectItemProps } from './SelectItem';
+export { SelectGroup } from './SelectGroup';
+export { SelectLabel } from './SelectLabel';
+export { SelectSeparator } from './SelectSeparator';

package/dist/components/select/index.js

@@ -0,0 +1,9 @@
+import { Select as e } from "./Select/Select.js";
+import { SelectTrigger as t } from "./SelectTrigger/SelectTrigger.js";
+import { SelectValue as n } from "./SelectValue/SelectValue.js";
+import { SelectContent as r } from "./SelectContent/SelectContent.js";
+import { SelectItem as i } from "./SelectItem/SelectItem.js";
+import { SelectGroup as a } from "./SelectGroup/SelectGroup.js";
+import { SelectLabel as o } from "./SelectLabel/SelectLabel.js";
+import { SelectSeparator as s } from "./SelectSeparator/SelectSeparator.js";
+export { e as Select, r as SelectContent, a as SelectGroup, i as SelectItem, o as SelectLabel, s as SelectSeparator, t as SelectTrigger, n as SelectValue };

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

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js';
+import { ToastProps } from './Toast.types';
+export declare function Toast(props: ToastProps): JSX.Element;

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

@@ -0,0 +1,181 @@
+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";
+//#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, [
+		"toast",
+		"closeButton",
+		"duration",
+		"class",
+		"icons",
+		"closeButtonAriaLabel",
+		"defaultRichColors",
+		"onRemove",
+		"index",
+		"total",
+		"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));
+	});
+	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, {
+			get when() {
+				return S().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;
+						}
+					})
+				];
+			},
+			get children() {
+				return S().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;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0
+		}), o;
+	})();
+}
+o(["click"]);
+//#endregion
+export { L as Toast };
+
+//# sourceMappingURL=Toast.js.map

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

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

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

@@ -0,0 +1,6 @@
+export declare const toastVariants: (props?: ({
+    type?: "info" | "error" | "default" | "loading" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const toastIconVariants: (props?: ({
+    type?: "info" | "error" | "default" | "loading" | "success" | "warning" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,27 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/toast/Toast/Toast.styles.ts
+var t = e("pointer-events-auto relative flex w-full items-center gap-2.5 rounded-lg border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none", {
+	variants: { type: {
+		default: "border-border",
+		success: "border-emerald-500/60",
+		info: "border-blue-500/60",
+		warning: "border-amber-500/60",
+		error: "border-red-500/60",
+		loading: "border-border"
+	} },
+	defaultVariants: { type: "default" }
+}), n = e("flex size-5 shrink-0 items-center justify-center", {
+	variants: { type: {
+		default: "text-muted-foreground",
+		success: "text-emerald-500",
+		info: "text-blue-500",
+		warning: "text-amber-500",
+		error: "text-red-500",
+		loading: "text-muted-foreground"
+	} },
+	defaultVariants: { type: "default" }
+});
+//#endregion
+export { n as toastIconVariants, t as toastVariants };
+
+//# sourceMappingURL=Toast.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.styles.js","names":[],"sources":["../../../../src/components/toast/Toast/Toast.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const toastVariants = cva(\n  \"pointer-events-auto relative flex w-full items-center gap-2.5 rounded-lg border bg-popover p-4 text-sm text-popover-foreground shadow-md outline-none\",\n  {\n    variants: {\n      type: {\n        default: \"border-border\",\n        success: \"border-emerald-500/60\",\n        info: \"border-blue-500/60\",\n        warning: \"border-amber-500/60\",\n        error: \"border-red-500/60\",\n        loading: \"border-border\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n\nexport const toastIconVariants = cva(\n  \"flex size-5 shrink-0 items-center justify-center\",\n  {\n    variants: {\n      type: {\n        default: \"text-muted-foreground\",\n        success: \"text-emerald-500\",\n        info: \"text-blue-500\",\n        warning: \"text-amber-500\",\n        error: \"text-red-500\",\n        loading: \"text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      type: \"default\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAgB,EAC3B,yJACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF,GAEa,IAAoB,EAC/B,oDACA;CACE,UAAU,EACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;EACN,SAAS;EACT,OAAO;EACP,SAAS;CACX,EACF;CACA,iBAAiB,EACf,MAAM,UACR;AACF,CACF"}

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

@@ -0,0 +1,90 @@
+import { JSX, JSXElement } from 'solid-js';
+export type ToastTypes = "success" | "info" | "warning" | "error" | "loading" | "default";
+export type Position = "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
+export type Theme = "light" | "dark";
+export type SwipeDirection = "top" | "right" | "bottom" | "left";
+export interface Action {
+    label: JSXElement;
+    onClick: JSX.EventHandler<HTMLButtonElement, MouseEvent>;
+    actionButtonStyle?: JSX.CSSProperties;
+}
+export interface ToastIcons {
+    success?: JSXElement;
+    info?: JSXElement;
+    warning?: JSXElement;
+    error?: JSXElement;
+    loading?: JSXElement;
+    close?: JSXElement;
+}
+export interface ToastClassnames {
+    toast?: string;
+    title?: string;
+    description?: string;
+    loader?: string;
+    cancelButton?: string;
+    actionButton?: string;
+    closeButton?: string;
+    success?: string;
+    error?: string;
+    info?: string;
+    warning?: string;
+    loading?: string;
+    default?: string;
+    content?: string;
+    icon?: string;
+}
+export type PromiseT<Data = any> = Promise<Data> | (() => Promise<Data>);
+export type PromiseTResult<Data = any> = string | JSXElement | ((data: Data) => JSXElement | string | Promise<JSXElement | string>);
+export interface PromiseData<ToastData = any> {
+    loading?: string | JSXElement;
+    success?: PromiseTResult<ToastData>;
+    error?: PromiseTResult;
+    description?: PromiseTResult;
+    finally?: () => void | Promise<void>;
+}
+export interface ToastT {
+    id: string;
+    toasterId?: string;
+    title?: JSXElement | (() => JSXElement);
+    description?: JSXElement | (() => JSXElement);
+    type?: ToastTypes;
+    icon?: JSXElement;
+    jsx?: JSXElement;
+    richColors?: boolean;
+    invert?: boolean;
+    closeButton?: boolean;
+    dismissible?: boolean;
+    duration?: number;
+    delete?: boolean;
+    action?: Action | JSXElement;
+    cancel?: Action | JSXElement;
+    onDismiss?: (toast: ToastT) => void;
+    onAutoClose?: (toast: ToastT) => void;
+    promise?: PromiseT;
+    style?: JSX.CSSProperties;
+    class?: string;
+    classes?: ToastClassnames;
+    descriptionClass?: string;
+    position?: Position;
+    testId?: string;
+}
+export type ExternalToast = Omit<ToastT, "id" | "type" | "title" | "jsx" | "delete" | "promise"> & {
+    id?: string;
+    toasterId?: string;
+};
+export interface ToastProps {
+    toast: ToastT;
+    closeButton: boolean;
+    duration?: number;
+    class?: string;
+    icons?: ToastIcons;
+    closeButtonAriaLabel?: string;
+    defaultRichColors?: boolean;
+    onRemove: (id: string) => void;
+    index: number;
+    total: number;
+    expanded: boolean;
+    position: Position;
+    gap: number;
+}
+export declare const isAction: (action: Action | JSXElement) => action is Action;

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

@@ -0,0 +1,6 @@
+//#region src/components/toast/Toast/Toast.types.ts
+var e = (e) => e?.label !== void 0;
+//#endregion
+export { e as isAction };
+
+//# sourceMappingURL=Toast.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.types.js","names":[],"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,IAAa,KAAY,MACf,GAAmB,UAAU,KAAA"}

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

@@ -0,0 +1,2 @@
+export { Toast } from './Toast';
+export type { Action, ExternalToast, Position, PromiseData, PromiseT, PromiseTResult, SwipeDirection, Theme, ToastClassnames, ToastIcons, ToastProps, ToastT, ToastTypes, isAction, } from './Toast.types';

package/dist/components/toast/{components → Toaster}/Toaster.d.ts

@@ -1,3 +1,3 @@
 import { Component } from 'solid-js';
-import { ToasterProps } from '../types';
+import { ToasterProps } from './Toaster.types';
 export declare const Toaster: Component<ToasterProps>;