@neut/ui 0.0.1

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

@@ -0,0 +1,150 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { ToastIcon as n } from "./ToastIcon.js";
+import { ToastContent as r } from "./ToastContent.js";
+import { ToastActions as i } from "./ToastActions.js";
+import { useIsDocumentHidden as a } from "../hooks.js";
+import { useToastTimer as o } from "../hooks/useToastTimer.js";
+import "../constants.js";
+import { useSwipe as s } from "../hooks/useSwipe.js";
+import { useToastHeight as c } from "../hooks/useToastHeight.js";
+import { addEventListener as l, className as u, createComponent as d, delegateEvents as f, effect as p, insert as m, memo as h, setAttribute as g, style as _, template as v, use as y } from "solid-js/web";
+import { Show as b, createEffect as x, createMemo as S, createSignal as C, onMount as w } from "solid-js";
+import { X as T } from "lucide-solid";
+//#region src/components/toast/components/Toast.tsx
+var E = /* @__PURE__ */ v("<li data-sonner-toast>"), D = (f) => {
+	let v, [D, O] = C(!1), [k, A] = C(!1), j = a(), M = () => f.index === 0, N = () => f.index + 1 <= f.visibleToasts, P = () => f.toast.dismissible !== !1, F = () => f.toast.type ?? "default", I = () => F() === "loading", L = () => f.toast.closeButton ?? f.closeButton, R = () => f.toast.duration ?? f.duration ?? 4e3, [z, B] = f.position.split("-"), V = S(() => f.heights.findIndex((e) => e.toastId === f.toast.id) || 0), H = S(() => f.heights.reduce((e, t, n) => n >= V() ? e : e + t.height, 0)), U = S(() => V() * (f.gap ?? 14) + H());
+	w(() => O(!0));
+	let W = () => {
+		A(!0), K.setOffsetBeforeRemove(U()), f.setHeights((e) => e.filter((e) => e.toastId !== f.toast.id)), setTimeout(() => f.removeToast(f.toast), 200);
+	}, { initialHeight: G } = c({
+		toastRef: () => v,
+		toast: () => f.toast,
+		mounted: D,
+		setHeights: f.setHeights
+	});
+	o({
+		toast: f.toast,
+		duration: R(),
+		expanded: () => f.expanded,
+		interacting: () => f.interacting,
+		isDocumentHidden: j,
+		deleteToast: W
+	});
+	let K = s({
+		toastRef: () => v,
+		toast: f.toast,
+		dismissible: P(),
+		position: f.position,
+		swipeDirections: f.swipeDirections,
+		offset: U,
+		deleteToast: W
+	});
+	return x(() => {
+		f.toast.delete && (W(), f.toast.onDismiss?.(f.toast));
+	}), (() => {
+		var a = E();
+		l(a, "pointermove", K.onPointerMove, !0), l(a, "pointerup", K.onPointerUp, !0), l(a, "pointerdown", K.onPointerDown, !0), l(a, "dragend", K.onDragEnd);
+		var o = v;
+		return typeof o == "function" ? y(o, a) : v = a, g(a, "data-y-position", z), g(a, "data-x-position", B), m(a, d(b, {
+			get when() {
+				return h(() => !!(L() && !f.toast.jsx))() && f.toast.type !== "loading";
+			},
+			get children() {
+				return d(t, {
+					get "aria-label"() {
+						return f.closeButtonAriaLabel ?? "Close toast";
+					},
+					get "data-disabled"() {
+						return I();
+					},
+					"data-close-button": !0,
+					get onClick() {
+						return I() || !P() ? void 0 : () => {
+							W(), f.toast.onDismiss?.(f.toast);
+						};
+					},
+					get icon() {
+						return d(T, {});
+					},
+					size: "xs"
+				});
+			}
+		}), null), m(a, d(n, {
+			get toast() {
+				return f.toast;
+			},
+			get icons() {
+				return f.icons;
+			},
+			get classes() {
+				return f.classes;
+			}
+		}), null), m(a, d(r, {
+			get toast() {
+				return f.toast;
+			},
+			get classes() {
+				return f.classes;
+			},
+			get descriptionClassName() {
+				return f.descriptionClass;
+			}
+		}), null), m(a, d(i, {
+			get toast() {
+				return f.toast;
+			},
+			get classes() {
+				return f.classes;
+			},
+			get cancelButtonStyle() {
+				return f.cancelButtonStyle;
+			},
+			get actionButtonStyle() {
+				return f.actionButtonStyle;
+			},
+			get dismissible() {
+				return P();
+			},
+			deleteToast: W
+		}), null), p((t) => {
+			var n = e(f.class, f.toast.class, f.classes?.toast, f.toast.classes?.toast, f.classes?.default, f.classes?.[F()], f.toast.classes?.[F()]), r = f.toast.richColors ?? f.defaultRichColors, i = !(f.toast.jsx || f.toast.unstyled || f.unstyled), o = D(), s = !!f.toast.promise, c = K.isSwiped(), l = k(), d = N(), p = f.index, m = M(), h = K.swiping(), v = P(), y = F(), b = f.toast.invert || f.invert, x = K.swipeOut(), S = K.swipeOutDirection(), C = f.expanded || f.expandByDefault && D(), w = f.toast.testId, T = {
+				"--index": f.index,
+				"--toasts-before": f.index,
+				"--z-index": f.toasts.length - f.index,
+				"--offset": `${k() ? K.offsetBeforeRemove() : U()}px`,
+				"--initial-height": f.expandByDefault ? "auto" : `${G()}px`,
+				...f.style,
+				...f.toast.style
+			};
+			return n !== t.e && u(a, t.e = n), r !== t.t && g(a, "data-rich-colors", t.t = r), i !== t.a && g(a, "data-styled", t.a = i), o !== t.o && g(a, "data-mounted", t.o = o), s !== t.i && g(a, "data-promise", t.i = s), c !== t.n && g(a, "data-swiped", t.n = c), l !== t.s && g(a, "data-removed", t.s = l), d !== t.h && g(a, "data-visible", t.h = d), p !== t.r && g(a, "data-index", t.r = p), m !== t.d && g(a, "data-front", t.d = m), h !== t.l && g(a, "data-swiping", t.l = h), v !== t.u && g(a, "data-dismissible", t.u = v), y !== t.c && g(a, "data-type", t.c = y), b !== t.w && g(a, "data-invert", t.w = b), x !== t.m && g(a, "data-swipe-out", t.m = x), S !== t.f && g(a, "data-swipe-direction", t.f = S), C !== t.y && g(a, "data-expanded", t.y = C), w !== t.g && g(a, "data-testid", t.g = w), t.p = _(a, T, t.p), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0,
+			h: void 0,
+			r: void 0,
+			d: void 0,
+			l: void 0,
+			u: void 0,
+			c: void 0,
+			w: void 0,
+			m: void 0,
+			f: void 0,
+			y: void 0,
+			g: void 0,
+			p: void 0
+		}), a;
+	})();
+};
+f([
+	"pointerdown",
+	"pointerup",
+	"pointermove"
+]);
+//#endregion
+export { D as Toast };

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

@@ -0,0 +1,12 @@
+import { Component } from 'solid-js';
+import { ToastT, ToastClassnames } from '../types';
+interface ToastActionsProps {
+    toast: ToastT;
+    classes?: ToastClassnames;
+    cancelButtonStyle?: any;
+    actionButtonStyle?: any;
+    dismissible: boolean;
+    deleteToast: () => void;
+}
+export declare const ToastActions: Component<ToastActionsProps>;
+export {};

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

@@ -0,0 +1,60 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { isAction as t } from "../types.js";
+import { className as n, createComponent as r, delegateEvents as i, effect as a, insert as o, memo as s, style as c, template as l } from "solid-js/web";
+import { Show as u } from "solid-js";
+//#region src/components/toast/components/ToastActions.tsx
+var d = /* @__PURE__ */ l("<button type=button data-button data-cancel>"), f = /* @__PURE__ */ l("<button type=button data-button data-action>"), p = (i) => [
+	r(u, {
+		get when() {
+			return t(i.toast.cancel);
+		},
+		get children() {
+			var r = d();
+			return r.$$click = (e) => {
+				t(i.toast.cancel) && i.dismissible && (i.toast.cancel.onClick?.(e), i.deleteToast());
+			}, o(r, () => i.toast.cancel.label), a((t) => {
+				var a = i.toast.cancelButtonStyle ?? i.cancelButtonStyle, o = e(i.classes?.cancelButton, i.toast.classes?.cancelButton);
+				return t.e = c(r, a, t.e), o !== t.t && n(r, t.t = o), t;
+			}, {
+				e: void 0,
+				t: void 0
+			}), r;
+		}
+	}),
+	r(u, {
+		get when() {
+			return s(() => !!i.toast.cancel)() && !t(i.toast.cancel);
+		},
+		get children() {
+			return i.toast.cancel;
+		}
+	}),
+	r(u, {
+		get when() {
+			return t(i.toast.action);
+		},
+		get children() {
+			var r = f();
+			return r.$$click = (e) => {
+				t(i.toast.action) && (i.toast.action.onClick?.(e), !e.defaultPrevented && i.deleteToast());
+			}, o(r, () => i.toast.action.label), a((t) => {
+				var a = i.toast.actionButtonStyle ?? i.actionButtonStyle, o = e(i.classes?.actionButton, i.toast.classes?.actionButton);
+				return t.e = c(r, a, t.e), o !== t.t && n(r, t.t = o), t;
+			}, {
+				e: void 0,
+				t: void 0
+			}), r;
+		}
+	}),
+	r(u, {
+		get when() {
+			return s(() => !!i.toast.action)() && !t(i.toast.action);
+		},
+		get children() {
+			return i.toast.action;
+		}
+	})
+];
+i(["click"]);
+//#endregion
+export { p as ToastActions };

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

@@ -0,0 +1,9 @@
+import { Component } from 'solid-js';
+import { ToastT, ToastClassnames } from '../types';
+interface ToastContentProps {
+    toast: ToastT;
+    classes?: ToastClassnames;
+    descriptionClassName?: string;
+}
+export declare const ToastContent: Component<ToastContentProps>;
+export {};

package/dist/components/toast/components/ToastContent.js

@@ -0,0 +1,34 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { className as t, createComponent as n, effect as r, insert as i, template as a } from "solid-js/web";
+import { Show as o } from "solid-js";
+//#region src/components/toast/components/ToastContent.tsx
+var s = /* @__PURE__ */ a("<div data-description>"), c = /* @__PURE__ */ a("<div data-content><div data-title>"), l = (a) => {
+	let l = () => {
+		if (a.toast.jsx) return a.toast.jsx;
+		let e = a.toast.title;
+		return typeof e == "function" ? e() : e;
+	}, u = () => {
+		let e = a.toast.description;
+		return typeof e == "function" ? e() : e;
+	};
+	return (() => {
+		var d = c(), f = d.firstChild;
+		return i(f, l), i(d, n(o, {
+			get when() {
+				return a.toast.description;
+			},
+			get children() {
+				var n = s();
+				return i(n, u), r(() => t(n, e(a.descriptionClassName, a.toast.descriptionClass, a.classes?.description, a.toast.classes?.description))), n;
+			}
+		}), null), r((n) => {
+			var r = e(a.classes?.content, a.toast.classes?.content), i = e(a.classes?.title, a.toast.classes?.title);
+			return r !== n.e && t(d, n.e = r), i !== n.t && t(f, n.t = i), n;
+		}, {
+			e: void 0,
+			t: void 0
+		}), d;
+	})();
+};
+//#endregion
+export { l as ToastContent };

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

@@ -0,0 +1,9 @@
+import { Component } from 'solid-js';
+import { ToastT, ToastIcons, ToastClassnames } from '../types';
+interface ToastIconProps {
+    toast: ToastT;
+    icons?: ToastIcons;
+    classes?: ToastClassnames;
+}
+export declare const ToastIcon: Component<ToastIconProps>;
+export {};

package/dist/components/toast/components/ToastIcon.js

@@ -0,0 +1,57 @@
+import { clsx as e } from "../../../lib/utils/clsx.js";
+import { Loader as t, getAsset as n } from "./Assets.js";
+import { className as r, createComponent as i, effect as a, insert as o, memo as s, setAttribute as c, template as l } from "solid-js/web";
+import { Show as u } from "solid-js";
+//#region src/components/toast/components/ToastIcon.tsx
+var d = /* @__PURE__ */ l("<div>"), f = /* @__PURE__ */ l("<div data-icon>"), p = (l) => {
+	let p = () => l.toast.type || "default", m = () => l.toast.icon ?? l.icons?.[p()] ?? n(p()), h = () => p() === "loading" && !l.toast.icon, g = () => (p() || l.toast.icon || l.toast.promise) && l.toast.icon !== null && (l.icons?.[p()] !== null || l.toast.icon);
+	return i(u, {
+		get when() {
+			return s(() => !!g())() && m();
+		},
+		get children() {
+			var n = f();
+			return o(n, i(u, {
+				get when() {
+					return l.toast.promise || h();
+				},
+				get children() {
+					return i(u, {
+						get when() {
+							return l.icons?.loading;
+						},
+						get fallback() {
+							return i(t, {
+								get class() {
+									return e(l.classes?.loader, l.toast.classes?.loader, "sonner-loader");
+								},
+								get visible() {
+									return p() === "loading";
+								}
+							});
+						},
+						get children() {
+							var t = d();
+							return o(t, () => l.icons.loading), a((n) => {
+								var i = e(l.classes?.loader, l.toast.classes?.loader, "sonner-loader"), a = p() === "loading";
+								return i !== n.e && r(t, n.e = i), a !== n.t && c(t, "data-visible", n.t = a), n;
+							}, {
+								e: void 0,
+								t: void 0
+							}), t;
+						}
+					});
+				}
+			}), null), o(n, i(u, {
+				get when() {
+					return p() !== "loading";
+				},
+				get children() {
+					return m();
+				}
+			}), null), a(() => r(n, e(l.classes?.icon, l.toast.classes?.icon))), n;
+		}
+	});
+};
+//#endregion
+export { p as ToastIcon };

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

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

package/dist/components/toast/components/Toaster.js

@@ -0,0 +1,161 @@
+import { assignOffset as e, getDocumentDirection as t } from "../utils.js";
+import { Toast as n } from "./Toast.js";
+import { useTheme as r } from "../hooks/useTheme.js";
+import { useToasterKeyboard as i } from "../hooks/useToasterKeyboard.js";
+import { useToastSubscription as a } from "../hooks/useToastSubscription.js";
+import { Portal as o, className as s, createComponent as c, delegateEvents as l, effect as u, insert as d, setAttribute as f, style as p, template as m, use as h } from "solid-js/web";
+import { For as g, Show as _, createMemo as v, createSignal as y, mergeProps as b } from "solid-js";
+//#region src/components/toast/components/Toaster.tsx
+var x = /* @__PURE__ */ m("<section tabindex=-1 aria-live=polite aria-relevant=\"additions text\"aria-atomic=false>"), S = /* @__PURE__ */ m("<ol tabindex=-1 data-sonner-toaster>"), C = (l) => {
+	console.warn("The current `Toast` component still has many bugs, which originate from the upstream component library at https://github.com/emilkowalski/sonner. If you encounter a bug, you can file an issue in the upstream repository or in this repository. The design concept of the upstream project is very impressive, but due to poor code quality, this component will not stay in sync with the upstream code unless the upstream adds significantly more impressive features. Bugs and some edge cases will be fixed independently.");
+	let m = b({
+		position: "bottom-right",
+		hotkey: ["altKey", "KeyT"],
+		gap: 14,
+		visibleToasts: 3,
+		dir: t(),
+		containerAriaLabel: "Notifications"
+	}, l), C = () => m.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""), [w, T] = y([]), [E, D] = y(!1), [O, k] = y(!1), A, j = null, M = !1, N = r(() => l.theme ?? "light"), { toasts: P, removeToast: F } = a();
+	i({
+		hotkey: m.hotkey,
+		listRef: () => A,
+		setExpanded: D
+	});
+	let I = v(() => {
+		let e = l.id;
+		return e ? P().filter((t) => t.toasterId === e) : P().filter((e) => !e.toasterId);
+	}), L = v(() => Array.from(new Set([m.position].concat(I().filter((e) => e.position).map((e) => e.position)))));
+	v(() => {
+		P().length <= 1 && D(!1);
+	});
+	let R = (e) => {
+		e.target.dataset.dismissible !== "false" && (M || (M = !0, j = e.relatedTarget));
+	}, z = (e) => {
+		let t = e.currentTarget;
+		M && !t.contains(e.relatedTarget) && (M = !1, j &&= (j.focus({ preventScroll: !0 }), null));
+	}, B = v(() => e(l.offset, l.mobileOffset));
+	return c(o, { get children() {
+		var e = x();
+		return d(e, c(g, {
+			get each() {
+				return L();
+			},
+			children: (e) => {
+				let [r, i] = e.split("-"), a = () => I().filter((t) => !t.position && e === m.position || t.position === e);
+				return c(_, {
+					get when() {
+						return a().length > 0;
+					},
+					get children() {
+						var o = S();
+						return o.$$pointerup = () => k(!1), o.$$pointerdown = (e) => {
+							e.target.dataset.dismissible !== "false" && k(!0);
+						}, o.addEventListener("dragend", () => D(!1)), o.addEventListener("mouseleave", () => {
+							O() || D(!1);
+						}), o.$$mousemove = () => D(!0), o.addEventListener("mouseenter", () => D(!0)), o.addEventListener("focus", R), o.addEventListener("blur", z), h((e) => A = e, o), f(o, "data-y-position", r), f(o, "data-x-position", i), d(o, c(g, {
+							get each() {
+								return a();
+							},
+							children: (t, r) => {
+								let i = v(() => w().filter((e) => e.position === t.position));
+								return c(n, {
+									get icons() {
+										return l.icons;
+									},
+									get index() {
+										return r();
+									},
+									toast: t,
+									get defaultRichColors() {
+										return l.richColors;
+									},
+									get duration() {
+										return l.toastOptions?.duration ?? l.duration;
+									},
+									get class() {
+										return l.toastOptions?.class;
+									},
+									get descriptionClass() {
+										return l.toastOptions?.descriptionClass;
+									},
+									get invert() {
+										return l.invert ?? !1;
+									},
+									get visibleToasts() {
+										return m.visibleToasts;
+									},
+									get closeButton() {
+										return l.toastOptions?.closeButton ?? l.closeButton ?? !1;
+									},
+									get interacting() {
+										return O();
+									},
+									position: e,
+									get style() {
+										return l.toastOptions?.style;
+									},
+									get unstyled() {
+										return l.toastOptions?.unstyled;
+									},
+									get classes() {
+										return l.toastOptions?.classes;
+									},
+									get cancelButtonStyle() {
+										return l.toastOptions?.cancelButtonStyle;
+									},
+									get actionButtonStyle() {
+										return l.toastOptions?.actionButtonStyle;
+									},
+									get closeButtonAriaLabel() {
+										return l.toastOptions?.closeButtonAriaLabel;
+									},
+									removeToast: F,
+									get toasts() {
+										return a();
+									},
+									get heights() {
+										return i();
+									},
+									setHeights: T,
+									get expandByDefault() {
+										return l.expand ?? !1;
+									},
+									get gap() {
+										return m.gap;
+									},
+									get expanded() {
+										return E();
+									},
+									get swipeDirections() {
+										return l.swipeDirections;
+									}
+								});
+							}
+						})), u((e) => {
+							var n = m.dir === "auto" ? t() : m.dir, r = l.class, i = N(), a = {
+								"--front-toast-height": `${w()[0]?.height ?? 0}px`,
+								"--width": "356px",
+								"--gap": `${m.gap}px`,
+								...l.style,
+								...B()
+							};
+							return n !== e.e && f(o, "dir", e.e = n), r !== e.t && s(o, e.t = r), i !== e.a && f(o, "data-sonner-theme", e.a = i), e.o = p(o, a, e.o), e;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0,
+							o: void 0
+						}), o;
+					}
+				});
+			}
+		})), u(() => f(e, "aria-label", l.customAriaLabel ?? `${m.containerAriaLabel} ${C()}`)), e;
+	} });
+};
+l([
+	"mousemove",
+	"pointerdown",
+	"pointerup"
+]);
+//#endregion
+export { C as Toaster };

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

@@ -0,0 +1,16 @@
+/** How many toasts are visible at once (stacked) */
+export declare const VISIBLE_TOASTS_AMOUNT = 3;
+/** Default desktop viewport offset */
+export declare const VIEWPORT_OFFSET = "24px";
+/** Default mobile viewport offset */
+export declare const MOBILE_VIEWPORT_OFFSET = "16px";
+/** Auto-dismiss duration in milliseconds */
+export declare const TOAST_LIFETIME = 4000;
+/** Default toast width in pixels */
+export declare const TOAST_WIDTH = 356;
+/** Vertical gap between stacked toasts in pixels */
+export declare const GAP = 14;
+/** Minimum swipe distance (px) or velocity to dismiss */
+export declare const SWIPE_THRESHOLD = 45;
+/** Delay (ms) before removing a dismissed toast from the DOM */
+export declare const TIME_BEFORE_UNMOUNT = 200;

package/dist/components/toast/constants.js

@@ -0,0 +1,4 @@
+//#region src/components/toast/constants.ts
+var e = "24px", t = "16px", n = 4e3;
+//#endregion
+export { t as MOBILE_VIEWPORT_OFFSET, n as TOAST_LIFETIME, e as VIEWPORT_OFFSET };

package/dist/components/toast/hooks/useSwipe.d.ts

@@ -0,0 +1,23 @@
+import { SwipeDirection, ToastT } from '../types';
+interface UseSwipeOptions {
+    toastRef: () => HTMLLIElement | undefined;
+    toast: ToastT;
+    dismissible: boolean;
+    position: string;
+    swipeDirections?: SwipeDirection[];
+    offset: () => number;
+    deleteToast: () => void;
+}
+export declare function useSwipe(opts: UseSwipeOptions): {
+    swiping: import('solid-js').Accessor<boolean>;
+    swipeOut: import('solid-js').Accessor<boolean>;
+    swipeOutDirection: import('solid-js').Accessor<"left" | "right" | "up" | "down" | null>;
+    isSwiped: import('solid-js').Accessor<boolean>;
+    offsetBeforeRemove: import('solid-js').Accessor<number>;
+    setOffsetBeforeRemove: import('solid-js').Setter<number>;
+    onPointerDown: (e: PointerEvent) => void;
+    onPointerUp: () => void;
+    onPointerMove: (e: PointerEvent) => void;
+    onDragEnd: () => void;
+};
+export {};

package/dist/components/toast/hooks/useSwipe.js

@@ -0,0 +1,57 @@
+import { getDefaultSwipeDirections as e } from "../utils.js";
+import { createSignal as t } from "solid-js";
+//#region src/components/toast/hooks/useSwipe.ts
+function n(n) {
+	let [r, i] = t(!1), [a, o] = t(!1), [s, c] = t(null), [l, u] = t(!1), [d, f] = t(0), p = null, m = null, h = null, g = () => n.toast.type === "loading";
+	return {
+		swiping: r,
+		swipeOut: a,
+		swipeOutDirection: s,
+		isSwiped: l,
+		offsetBeforeRemove: d,
+		setOffsetBeforeRemove: f,
+		onPointerDown: (e) => {
+			e.button !== 2 && (g() || !n.dismissible || (h = /* @__PURE__ */ new Date(), f(n.offset()), e.target.setPointerCapture(e.pointerId), e.target.tagName !== "BUTTON" && (i(!0), m = {
+				x: e.clientX,
+				y: e.clientY
+			})));
+		},
+		onPointerUp: () => {
+			if (a() || !n.dismissible) return;
+			m = null;
+			let e = n.toastRef(), t = Number(e?.style.getPropertyValue("--swipe-amount-x").replace("px", "") || 0), r = Number(e?.style.getPropertyValue("--swipe-amount-y").replace("px", "") || 0), s = Date.now() - (h?.getTime() ?? 0), l = p === "x" ? t : r, d = Math.abs(l) / s;
+			if (Math.abs(l) >= 45 || d > .11) {
+				f(n.offset()), n.toast.onDismiss?.(n.toast), c(p === "x" ? t > 0 ? "right" : "left" : r > 0 ? "down" : "up"), n.deleteToast(), o(!0);
+				return;
+			}
+			e?.style.setProperty("--swipe-amount-x", "0px"), e?.style.setProperty("--swipe-amount-y", "0px"), u(!1), i(!1), p = null;
+		},
+		onPointerMove: (t) => {
+			if (!m || !n.dismissible || (window.getSelection()?.toString().length ?? 0) > 0) return;
+			let r = t.clientY - m.y, i = t.clientX - m.x, a = n.swipeDirections ?? e(n.position);
+			!p && (Math.abs(i) > 1 || Math.abs(r) > 1) && (p = Math.abs(i) > Math.abs(r) ? "x" : "y");
+			let o = (e) => 1 / (1.5 + Math.abs(e) / 20), s = {
+				x: 0,
+				y: 0
+			};
+			if (p === "y" && (a.includes("top") || a.includes("bottom"))) if (a.includes("top") && r < 0 || a.includes("bottom") && r > 0) s.y = r;
+			else {
+				let e = r * o(r);
+				s.y = Math.abs(e) < Math.abs(r) ? e : r;
+			}
+			else if (p === "x" && (a.includes("left") || a.includes("right"))) if (a.includes("left") && i < 0 || a.includes("right") && i > 0) s.x = i;
+			else {
+				let e = i * o(i);
+				s.x = Math.abs(e) < Math.abs(i) ? e : i;
+			}
+			(Math.abs(s.x) > 0 || Math.abs(s.y) > 0) && u(!0);
+			let c = n.toastRef();
+			c?.style.setProperty("--swipe-amount-x", `${s.x}px`), c?.style.setProperty("--swipe-amount-y", `${s.y}px`);
+		},
+		onDragEnd: () => {
+			i(!1), p = null, m = null;
+		}
+	};
+}
+//#endregion
+export { n as useSwipe };

package/dist/components/toast/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../types';
+export declare function useTheme(theme: () => Theme | "system"): import('solid-js').Accessor<Theme>;

package/dist/components/toast/hooks/useTheme.js

@@ -0,0 +1,20 @@
+import { createEffect as e, createSignal as t, onCleanup as n } from "solid-js";
+//#region src/components/toast/hooks/useTheme.ts
+function r(r) {
+	let i = () => typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light", [a, o] = t(r() === "system" ? i() : r());
+	return e(() => {
+		if (r() !== "system") {
+			o(r());
+			return;
+		}
+		if (o(i()), typeof window > "u") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => o(e.matches ? "dark" : "light");
+		try {
+			e.addEventListener("change", t), n(() => e.removeEventListener("change", t));
+		} catch {
+			e.addListener(t), n(() => e.removeListener(t));
+		}
+	}), a;
+}
+//#endregion
+export { r as useTheme };

package/dist/components/toast/hooks/useToastHeight.d.ts

@@ -0,0 +1,11 @@
+import { HeightT, ToastT } from '../types';
+interface UseToastHeightOptions {
+    toastRef: () => HTMLLIElement | undefined;
+    toast: () => ToastT;
+    mounted: () => boolean;
+    setHeights: (updater: (prev: HeightT[]) => HeightT[]) => void;
+}
+export declare function useToastHeight(opts: UseToastHeightOptions): {
+    initialHeight: import('solid-js').Accessor<number>;
+};
+export {};