@class-kit/react 0.1.1 → 0.1.2

package/dist/components/toast.cjs

@@ -2,9 +2,28 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactDom = require('react-dom');
 var core = require('@class-kit/core');
 
 const defaultToastManager = /*#__PURE__*/ new core.ToastManager();
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
 function resolveAnimation(animation, fallbackName) {
     if (animation === false) {
         return {
@@ -29,23 +48,27 @@ function animationStyle(animation, style) {
     };
 }
 function useAnimatedToasts(items, duration) {
-    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, state: "enter" })));
+    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, motion: false, state: "enter" })));
     React.useEffect(() => {
         let enteringIds = [];
         setRendered((current) => {
             const currentIds = new Set(current.map(({ item }) => item.id));
             const incomingIds = new Set(items.map((item) => item.id));
+            const incomingById = new Map(items.map((item) => [item.id, item]));
             enteringIds = items
                 .filter((item) => !currentIds.has(item.id))
                 .map((item) => item.id);
-            const next = items.map((item) => ({
-                item,
-                state: currentIds.has(item.id) ? "enter" : "exit",
+            const retainedOrExiting = current.map(({ item }) => ({
+                item: incomingById.get(item.id) ?? item,
+                motion: !incomingIds.has(item.id),
+                state: incomingIds.has(item.id)
+                    ? "enter"
+                    : "exit",
             }));
-            const exiting = current
-                .filter(({ item }) => !incomingIds.has(item.id))
-                .map(({ item }) => ({ item, state: "exit" }));
-            return [...next, ...exiting];
+            const entering = items
+                .filter((item) => !currentIds.has(item.id))
+                .map((item) => ({ item, motion: true, state: "prepare" }));
+            return [...retainedOrExiting, ...entering];
         });
         if (!enteringIds.length)
             return undefined;
@@ -56,6 +79,22 @@ function useAnimatedToasts(items, duration) {
         });
         return () => window.cancelAnimationFrame(frame);
     }, [items]);
+    React.useEffect(() => {
+        if (!rendered.some((entry) => entry.motion && entry.state === "enter"))
+            return;
+        if (duration <= 0) {
+            setRendered((current) => current.map((entry) => entry.motion && entry.state === "enter"
+                ? { ...entry, motion: false }
+                : entry));
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setRendered((current) => current.map((entry) => entry.motion && entry.state === "enter"
+                ? { ...entry, motion: false }
+                : entry));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [duration, rendered]);
     React.useEffect(() => {
         if (!rendered.some((entry) => entry.state === "exit"))
             return;
@@ -70,17 +109,110 @@ function useAnimatedToasts(items, duration) {
     }, [duration, rendered]);
     return rendered;
 }
-function ToastViewport({ animation, manager = defaultToastManager, className = "cc-toast-viewport", position = "top-right", renderToast, style, ...props }) {
-    const [items, setItems] = React.useState(() => manager.getToasts());
+function normalizeToastMaxVisible(maxVisible) {
+    if (typeof maxVisible !== "number" || !Number.isFinite(maxVisible))
+        return 3;
+    return Math.max(1, Math.min(6, Math.floor(maxVisible)));
+}
+function isToastTopPosition(position) {
+    return (position === "top" || position === "top-left" || position === "top-right");
+}
+function useToastFlip(entries, duration, easing) {
+    const nodeMapRef = React.useRef(new Map());
+    const rectMapRef = React.useRef(new Map());
+    const frameRef = React.useRef(0);
+    const setNode = React.useCallback((id, node) => {
+        if (node)
+            nodeMapRef.current.set(id, node);
+        else
+            nodeMapRef.current.delete(id);
+    }, []);
+    React.useLayoutEffect(() => {
+        if (frameRef.current)
+            window.cancelAnimationFrame(frameRef.current);
+        const previousRects = rectMapRef.current;
+        const nextRects = new Map();
+        const activeIds = new Set(entries
+            .filter((entry) => entry.motion && entry.state !== "exit")
+            .map((entry) => entry.item.id));
+        nodeMapRef.current.forEach((node, id) => {
+            if (!activeIds.has(id))
+                return;
+            const rect = node.getBoundingClientRect();
+            nextRects.set(id, rect);
+            const previous = previousRects.get(id);
+            if (!previous)
+                return;
+            const deltaY = previous.top - rect.top;
+            if (Math.abs(deltaY) < 1)
+                return;
+            node.style.transition = "none";
+            node.style.setProperty("--cc-toast-stack-offset", `${deltaY}px`);
+            node.style.willChange = "transform, opacity";
+        });
+        frameRef.current = window.requestAnimationFrame(() => {
+            nodeMapRef.current.forEach((node, id) => {
+                if (!nextRects.has(id))
+                    return;
+                node.style.transition = `transform ${duration}ms ${easing}, opacity ${duration}ms ${easing}, margin ${duration}ms ${easing}`;
+                node.style.removeProperty("--cc-toast-stack-offset");
+                window.setTimeout(() => {
+                    node.style.transition = "";
+                    node.style.willChange = "";
+                }, duration);
+            });
+            frameRef.current = 0;
+        });
+        rectMapRef.current = nextRects;
+        return () => {
+            if (frameRef.current)
+                window.cancelAnimationFrame(frameRef.current);
+        };
+    }, [duration, easing, entries]);
+    return setNode;
+}
+function useToastItems(manager) {
+    const snapshotRef = React.useRef(manager.getToasts());
+    const managerRef = React.useRef(manager);
+    if (managerRef.current !== manager) {
+        managerRef.current = manager;
+        snapshotRef.current = manager.getToasts();
+    }
+    return React.useSyncExternalStore(React.useCallback((notify) => manager.subscribe((items) => {
+        snapshotRef.current = items;
+        notify();
+    }), [manager]), React.useCallback(() => snapshotRef.current, [manager]), React.useCallback(() => snapshotRef.current, [manager]));
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : reactDom.createPortal(node, document.body);
+}
+function ToastViewport({ animation, manager = defaultToastManager, className = "cc-toast-viewport", maxVisible, portal = false, position = "top-right", renderToast, style, ...props }) {
+    const items = useToastItems(manager);
     const motion = resolveAnimation(animation, "slide");
-    const visibleItems = React.useMemo(() => items.filter((item) => item.position === position), [items, position]);
+    const resolvedMaxVisible = normalizeToastMaxVisible(maxVisible);
+    const visibleItems = React.useMemo(() => {
+        const positionItems = items.filter((item) => item.position === position);
+        const visible = positionItems.slice(Math.max(0, positionItems.length - resolvedMaxVisible));
+        return isToastTopPosition(position) ? [...visible].reverse() : visible;
+    }, [items, position, resolvedMaxVisible]);
     const renderedItems = useAnimatedToasts(visibleItems, motion.enabled ? motion.duration : 0);
-    React.useEffect(() => manager.subscribe(setItems), [manager]);
-    return (jsxRuntime.jsx("div", { className: [className, `cc-toast-viewport--${position}`]
+    const setToastNode = useToastFlip(renderedItems, motion.enabled ? motion.duration : 0, motion.easing);
+    const viewportNode = (jsxRuntime.jsx("div", { className: [className, `cc-toast-viewport--${position}`]
             .filter(Boolean)
-            .join(" "), role: "status", "aria-live": "polite", style: animationStyle(motion, style), ...props, children: renderedItems.map(({ item, state }) => (jsxRuntime.jsx(React.Fragment, { children: renderToast ? (renderToast(item, (id) => manager.dismiss(id), state)) : (jsxRuntime.jsxs("article", { className: `cc-toast cc-toast--${item.tone}`, "data-animation": motion.name, "data-state": state, children: [item.title ? (jsxRuntime.jsx("strong", { className: "cc-toast__title", children: item.title })) : null, jsxRuntime.jsx("span", { className: "cc-toast__message", children: item.message }), jsxRuntime.jsx("button", { "aria-label": "Dismiss toast", className: "cc-toast__close", type: "button", onClick: () => manager.dismiss(item.id), children: "x" })] })) }, item.id))) }));
+            .join(" "), role: "status", "aria-live": "polite", style: animationStyle(motion, style), ...props, children: renderedItems.map(({ item, motion: isMotionActive, state }, index) => (jsxRuntime.jsx(React.Fragment, { children: renderToast ? (renderToast(item, (id) => manager.dismiss(id), state)) : (jsxRuntime.jsxs("article", { className: `cc-toast cc-toast--${item.tone}`, "data-animation": motion.name, "data-motion": isMotionActive ? "true" : "false", "data-state": state, ref: (node) => setToastNode(item.id, node), style: {
+                    "--cc-toast-stack-index": index,
+                }, children: [item.title ? (jsxRuntime.jsx("strong", { className: "cc-toast__title", children: item.title })) : null, jsxRuntime.jsx("span", { className: "cc-toast__message", children: item.message }), jsxRuntime.jsx("button", { "aria-label": "Dismiss toast", className: "cc-toast__close", type: "button", onClick: () => manager.dismiss(item.id), children: jsxRuntime.jsx(ClassIcon, { name: "x" }) })] })) }, item.id))) }));
+    return portal
+        ? renderBodyPortal(viewportNode)
+        : viewportNode;
 }
 
+Object.defineProperty(exports, "ToastManager", {
+  enumerable: true,
+  get: function () { return core.ToastManager; }
+});
 exports.ToastViewport = ToastViewport;
 exports.defaultToastManager = defaultToastManager;
 //# sourceMappingURL=toast.cjs.map

package/dist/components/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","sources":["../../src/index.tsx"],"names":["ToastManager","useEffect","_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"toast.cjs","sources":["../../src/index.tsx"],"names":["ToastManager","_jsx","useEffect","useSyncExternalStore","createPortal","_jsxs"],"mappings":"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"}

package/dist/components/toast.d.ts

@@ -1,3 +1,3 @@
-export { ToastViewport, defaultToastManager } from "../index";
+export { ToastManager, ToastViewport, defaultToastManager } from "../index";
 export type { ToastViewportProps } from "../index";
 //# sourceMappingURL=toast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/components/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/toast.js

@@ -1,8 +1,28 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React, { useEffect } from 'react';
+import React, { useSyncExternalStore, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import { ToastManager } from '@class-kit/core';
+export { ToastManager } from '@class-kit/core';
 
 const defaultToastManager = /*#__PURE__*/ new ToastManager();
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
 function resolveAnimation(animation, fallbackName) {
     if (animation === false) {
         return {
@@ -27,23 +47,27 @@ function animationStyle(animation, style) {
     };
 }
 function useAnimatedToasts(items, duration) {
-    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, state: "enter" })));
+    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, motion: false, state: "enter" })));
     useEffect(() => {
         let enteringIds = [];
         setRendered((current) => {
             const currentIds = new Set(current.map(({ item }) => item.id));
             const incomingIds = new Set(items.map((item) => item.id));
+            const incomingById = new Map(items.map((item) => [item.id, item]));
             enteringIds = items
                 .filter((item) => !currentIds.has(item.id))
                 .map((item) => item.id);
-            const next = items.map((item) => ({
-                item,
-                state: currentIds.has(item.id) ? "enter" : "exit",
+            const retainedOrExiting = current.map(({ item }) => ({
+                item: incomingById.get(item.id) ?? item,
+                motion: !incomingIds.has(item.id),
+                state: incomingIds.has(item.id)
+                    ? "enter"
+                    : "exit",
             }));
-            const exiting = current
-                .filter(({ item }) => !incomingIds.has(item.id))
-                .map(({ item }) => ({ item, state: "exit" }));
-            return [...next, ...exiting];
+            const entering = items
+                .filter((item) => !currentIds.has(item.id))
+                .map((item) => ({ item, motion: true, state: "prepare" }));
+            return [...retainedOrExiting, ...entering];
         });
         if (!enteringIds.length)
             return undefined;
@@ -54,6 +78,22 @@ function useAnimatedToasts(items, duration) {
         });
         return () => window.cancelAnimationFrame(frame);
     }, [items]);
+    useEffect(() => {
+        if (!rendered.some((entry) => entry.motion && entry.state === "enter"))
+            return;
+        if (duration <= 0) {
+            setRendered((current) => current.map((entry) => entry.motion && entry.state === "enter"
+                ? { ...entry, motion: false }
+                : entry));
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setRendered((current) => current.map((entry) => entry.motion && entry.state === "enter"
+                ? { ...entry, motion: false }
+                : entry));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [duration, rendered]);
     useEffect(() => {
         if (!rendered.some((entry) => entry.state === "exit"))
             return;
@@ -68,15 +108,104 @@ function useAnimatedToasts(items, duration) {
     }, [duration, rendered]);
     return rendered;
 }
-function ToastViewport({ animation, manager = defaultToastManager, className = "cc-toast-viewport", position = "top-right", renderToast, style, ...props }) {
-    const [items, setItems] = React.useState(() => manager.getToasts());
+function normalizeToastMaxVisible(maxVisible) {
+    if (typeof maxVisible !== "number" || !Number.isFinite(maxVisible))
+        return 3;
+    return Math.max(1, Math.min(6, Math.floor(maxVisible)));
+}
+function isToastTopPosition(position) {
+    return (position === "top" || position === "top-left" || position === "top-right");
+}
+function useToastFlip(entries, duration, easing) {
+    const nodeMapRef = React.useRef(new Map());
+    const rectMapRef = React.useRef(new Map());
+    const frameRef = React.useRef(0);
+    const setNode = React.useCallback((id, node) => {
+        if (node)
+            nodeMapRef.current.set(id, node);
+        else
+            nodeMapRef.current.delete(id);
+    }, []);
+    React.useLayoutEffect(() => {
+        if (frameRef.current)
+            window.cancelAnimationFrame(frameRef.current);
+        const previousRects = rectMapRef.current;
+        const nextRects = new Map();
+        const activeIds = new Set(entries
+            .filter((entry) => entry.motion && entry.state !== "exit")
+            .map((entry) => entry.item.id));
+        nodeMapRef.current.forEach((node, id) => {
+            if (!activeIds.has(id))
+                return;
+            const rect = node.getBoundingClientRect();
+            nextRects.set(id, rect);
+            const previous = previousRects.get(id);
+            if (!previous)
+                return;
+            const deltaY = previous.top - rect.top;
+            if (Math.abs(deltaY) < 1)
+                return;
+            node.style.transition = "none";
+            node.style.setProperty("--cc-toast-stack-offset", `${deltaY}px`);
+            node.style.willChange = "transform, opacity";
+        });
+        frameRef.current = window.requestAnimationFrame(() => {
+            nodeMapRef.current.forEach((node, id) => {
+                if (!nextRects.has(id))
+                    return;
+                node.style.transition = `transform ${duration}ms ${easing}, opacity ${duration}ms ${easing}, margin ${duration}ms ${easing}`;
+                node.style.removeProperty("--cc-toast-stack-offset");
+                window.setTimeout(() => {
+                    node.style.transition = "";
+                    node.style.willChange = "";
+                }, duration);
+            });
+            frameRef.current = 0;
+        });
+        rectMapRef.current = nextRects;
+        return () => {
+            if (frameRef.current)
+                window.cancelAnimationFrame(frameRef.current);
+        };
+    }, [duration, easing, entries]);
+    return setNode;
+}
+function useToastItems(manager) {
+    const snapshotRef = React.useRef(manager.getToasts());
+    const managerRef = React.useRef(manager);
+    if (managerRef.current !== manager) {
+        managerRef.current = manager;
+        snapshotRef.current = manager.getToasts();
+    }
+    return useSyncExternalStore(React.useCallback((notify) => manager.subscribe((items) => {
+        snapshotRef.current = items;
+        notify();
+    }), [manager]), React.useCallback(() => snapshotRef.current, [manager]), React.useCallback(() => snapshotRef.current, [manager]));
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : createPortal(node, document.body);
+}
+function ToastViewport({ animation, manager = defaultToastManager, className = "cc-toast-viewport", maxVisible, portal = false, position = "top-right", renderToast, style, ...props }) {
+    const items = useToastItems(manager);
     const motion = resolveAnimation(animation, "slide");
-    const visibleItems = React.useMemo(() => items.filter((item) => item.position === position), [items, position]);
+    const resolvedMaxVisible = normalizeToastMaxVisible(maxVisible);
+    const visibleItems = React.useMemo(() => {
+        const positionItems = items.filter((item) => item.position === position);
+        const visible = positionItems.slice(Math.max(0, positionItems.length - resolvedMaxVisible));
+        return isToastTopPosition(position) ? [...visible].reverse() : visible;
+    }, [items, position, resolvedMaxVisible]);
     const renderedItems = useAnimatedToasts(visibleItems, motion.enabled ? motion.duration : 0);
-    useEffect(() => manager.subscribe(setItems), [manager]);
-    return (jsx("div", { className: [className, `cc-toast-viewport--${position}`]
+    const setToastNode = useToastFlip(renderedItems, motion.enabled ? motion.duration : 0, motion.easing);
+    const viewportNode = (jsx("div", { className: [className, `cc-toast-viewport--${position}`]
             .filter(Boolean)
-            .join(" "), role: "status", "aria-live": "polite", style: animationStyle(motion, style), ...props, children: renderedItems.map(({ item, state }) => (jsx(React.Fragment, { children: renderToast ? (renderToast(item, (id) => manager.dismiss(id), state)) : (jsxs("article", { className: `cc-toast cc-toast--${item.tone}`, "data-animation": motion.name, "data-state": state, children: [item.title ? (jsx("strong", { className: "cc-toast__title", children: item.title })) : null, jsx("span", { className: "cc-toast__message", children: item.message }), jsx("button", { "aria-label": "Dismiss toast", className: "cc-toast__close", type: "button", onClick: () => manager.dismiss(item.id), children: "x" })] })) }, item.id))) }));
+            .join(" "), role: "status", "aria-live": "polite", style: animationStyle(motion, style), ...props, children: renderedItems.map(({ item, motion: isMotionActive, state }, index) => (jsx(React.Fragment, { children: renderToast ? (renderToast(item, (id) => manager.dismiss(id), state)) : (jsxs("article", { className: `cc-toast cc-toast--${item.tone}`, "data-animation": motion.name, "data-motion": isMotionActive ? "true" : "false", "data-state": state, ref: (node) => setToastNode(item.id, node), style: {
+                    "--cc-toast-stack-index": index,
+                }, children: [item.title ? (jsx("strong", { className: "cc-toast__title", children: item.title })) : null, jsx("span", { className: "cc-toast__message", children: item.message }), jsx("button", { "aria-label": "Dismiss toast", className: "cc-toast__close", type: "button", onClick: () => manager.dismiss(item.id), children: jsx(ClassIcon, { name: "x" }) })] })) }, item.id))) }));
+    return portal
+        ? renderBodyPortal(viewportNode)
+        : viewportNode;
 }
 
 export { ToastViewport, defaultToastManager };

package/dist/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"toast.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/tooltip.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactDom = require('react-dom');
 var core = require('@class-kit/core');
 
 function resolveAnimation(animation, fallbackName) {
@@ -27,7 +28,12 @@ function animationStyle(animation, style) {
         ...style,
     };
 }
-function Tooltip({ content, children, animation, placement = "top", trigger = "hover", autoAdjust = true, closeOnEsc = true, closeOnOutsideClick = true, className, id, style, ...props }) {
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : reactDom.createPortal(node, document.body);
+}
+function Tooltip({ content, children, animation, placement = "top", trigger = "hover", autoAdjust = true, closeOnEsc = true, closeOnOutsideClick = true, portal = true, className, id, style, ...props }) {
     const rootRef = React.useRef(null);
     const contentRef = React.useRef(null);
     const generatedId = React.useId();
@@ -35,6 +41,7 @@ function Tooltip({ content, children, animation, placement = "top", trigger = "h
     const tooltipController = React.useMemo(() => new core.TooltipController(), []);
     const [open, setOpen] = React.useState(() => tooltipController.isOpen());
     const [safePlacement, setSafePlacement] = React.useState(placement);
+    const [anchorStyle, setAnchorStyle] = React.useState(null);
     const motion = resolveAnimation(animation, "fade");
     React.useEffect(() => {
         const unsubscribe = tooltipController.subscribe((state) => {
@@ -46,6 +53,15 @@ function Tooltip({ content, children, animation, placement = "top", trigger = "h
         };
     }, [tooltipController]);
     const updatePlacement = React.useCallback(() => {
+        if (rootRef.current) {
+            const rect = rootRef.current.getBoundingClientRect();
+            setAnchorStyle({
+                height: rect.height,
+                left: rect.left,
+                top: rect.top,
+                width: rect.width,
+            });
+        }
         if (!autoAdjust || !rootRef.current || !contentRef.current) {
             setSafePlacement(placement);
             return;
@@ -68,7 +84,8 @@ function Tooltip({ content, children, animation, placement = "top", trigger = "h
             return undefined;
         const handlePointerDown = (event) => {
             if (!closeOnOutsideClick ||
-                rootRef.current?.contains(event.target))
+                rootRef.current?.contains(event.target) ||
+                contentRef.current?.contains(event.target))
                 return;
             tooltipController.close();
         };
@@ -95,9 +112,25 @@ function Tooltip({ content, children, animation, placement = "top", trigger = "h
             onMouseEnter: () => tooltipController.open(),
             onMouseLeave: () => tooltipController.close(),
         };
-    return (jsxRuntime.jsxs("span", { className: ["cc-tooltip", `cc-tooltip--${safePlacement}`, className]
-            .filter(Boolean)
-            .join(" "), "aria-describedby": open ? contentId : undefined, "data-animation": motion.name, "data-open": open, ref: rootRef, style: animationStyle(motion, style), tabIndex: trigger === "click" ? 0 : undefined, ...props, ...triggerProps, children: [children, jsxRuntime.jsx("span", { className: "cc-tooltip__content", id: contentId, ref: contentRef, role: "tooltip", children: content })] }));
+    const rootClassName = [
+        "cc-tooltip",
+        `cc-tooltip--${safePlacement}`,
+        className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    const tooltipContent = (jsxRuntime.jsx("span", { className: "cc-tooltip__content", id: contentId, ref: contentRef, role: "tooltip", children: content }));
+    const rootNode = (jsxRuntime.jsxs("span", { className: rootClassName, "aria-describedby": open ? contentId : undefined, "data-animation": motion.name, "data-open": open, ref: rootRef, style: animationStyle(motion, style), tabIndex: trigger === "click" ? 0 : undefined, ...props, ...triggerProps, children: [children, portal ? null : tooltipContent] }));
+    if (!portal || typeof document === "undefined")
+        return rootNode;
+    const portalNode = open || anchorStyle ? (jsxRuntime.jsx("span", { className: `${rootClassName} cc-tooltip--portal`, "data-animation": motion.name, "data-open": open, style: {
+            ...animationStyle(motion),
+            height: anchorStyle?.height ?? 0,
+            left: anchorStyle?.left ?? -9999,
+            top: anchorStyle?.top ?? -9999,
+            width: anchorStyle?.width ?? 0,
+        }, children: tooltipContent })) : null;
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [rootNode, portalNode ? renderBodyPortal(portalNode) : null] }));
 }
 
 exports.Tooltip = Tooltip;

package/dist/components/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","sources":["../../src/index.tsx"],"names":["TooltipController","useEffect","getSafeTooltipPlacement","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"tooltip.cjs","sources":["../../src/index.tsx"],"names":["createPortal","TooltipController","useEffect","getSafeTooltipPlacement","_jsx","_jsxs","_Fragment"],"mappings":"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"}