@class-kit/react 0.1.0

package/dist/components/tilt-card.js

@@ -0,0 +1,127 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React from 'react';
+import { TiltCardController } from '@class-kit/core';
+
+function TiltCard({ children, className = "cc-tilt-card", contentClassName = "cc-tilt-card__content", disabled = false, enterTransitionDuration = 180, glare = true, glareClassName = "cc-tilt-card__glare", maxTilt = 12, moveTransitionDuration = 80, perspective = 900, scale = 1.02, onPointerEnter, onPointerLeave, onPointerMove, style, surfaceClassName = "cc-tilt-card__surface", transitionDuration = 180, transitionEasing = "cubic-bezier(0.2, 0.8, 0.2, 1)", ...props }) {
+    const rootRef = React.useRef(null);
+    const rectRef = React.useRef(null);
+    const frameRef = React.useRef(null);
+    const useEnterTransitionRef = React.useRef(false);
+    const pendingPointRef = React.useRef(null);
+    const controllerRef = React.useRef(new TiltCardController({
+        disabled,
+        enterTransitionDuration,
+        glare,
+        maxTilt,
+        moveTransitionDuration,
+        perspective,
+        scale,
+        transitionDuration,
+        transitionEasing,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.reset());
+    React.useEffect(() => {
+        setState(controllerRef.current.updateOptions({
+            disabled,
+            enterTransitionDuration,
+            glare,
+            maxTilt,
+            moveTransitionDuration,
+            perspective,
+            scale,
+            transitionDuration,
+            transitionEasing,
+        }));
+    }, [
+        disabled,
+        enterTransitionDuration,
+        glare,
+        maxTilt,
+        moveTransitionDuration,
+        perspective,
+        scale,
+        transitionDuration,
+        transitionEasing,
+    ]);
+    React.useEffect(() => () => {
+        if (frameRef.current !== null)
+            window.cancelAnimationFrame(frameRef.current);
+    }, []);
+    const syncRect = () => {
+        rectRef.current = rootRef.current?.getBoundingClientRect() ?? null;
+    };
+    const handlePointerMove = (event) => {
+        onPointerMove?.(event);
+        if (event.defaultPrevented)
+            return;
+        if (disabled)
+            return;
+        const rect = rectRef.current ?? rootRef.current?.getBoundingClientRect();
+        if (!rect)
+            return;
+        rectRef.current = rect;
+        pendingPointRef.current = {
+            x: event.clientX - rect.left,
+            y: event.clientY - rect.top,
+        };
+        if (frameRef.current !== null)
+            return;
+        frameRef.current = window.requestAnimationFrame(() => {
+            frameRef.current = null;
+            const currentRect = rectRef.current;
+            const point = pendingPointRef.current;
+            if (!currentRect || !point)
+                return;
+            const phase = useEnterTransitionRef.current ? "enter" : "move";
+            useEnterTransitionRef.current = false;
+            setState(controllerRef.current.move({
+                height: currentRect.height,
+                phase,
+                pointerX: point.x,
+                pointerY: point.y,
+                width: currentRect.width,
+            }));
+        });
+    };
+    const handlePointerEnter = (event) => {
+        onPointerEnter?.(event);
+        if (event.defaultPrevented)
+            return;
+        syncRect();
+        if (disabled || !rectRef.current)
+            return;
+        useEnterTransitionRef.current = true;
+        setState(controllerRef.current.move({
+            height: rectRef.current.height,
+            phase: "enter",
+            pointerX: event.clientX - rectRef.current.left,
+            pointerY: event.clientY - rectRef.current.top,
+            width: rectRef.current.width,
+        }));
+    };
+    const handlePointerLeave = (event) => {
+        onPointerLeave?.(event);
+        if (event.defaultPrevented)
+            return;
+        rectRef.current = null;
+        useEnterTransitionRef.current = false;
+        pendingPointRef.current = null;
+        if (frameRef.current !== null) {
+            window.cancelAnimationFrame(frameRef.current);
+            frameRef.current = null;
+        }
+        setState(controllerRef.current.reset());
+    };
+    return (jsx("div", { className: className, "data-active": state.isActive, "data-disabled": disabled, ref: rootRef, style: {
+            "--cc-tilt-card-glare-opacity": String(state.glareOpacity),
+            "--cc-tilt-card-glare-x": `${state.glareX}%`,
+            "--cc-tilt-card-glare-y": `${state.glareY}%`,
+            "--cc-tilt-card-transition-easing": state.transitionEasing,
+            "--cc-tilt-card-transition-duration": `${state.transitionDuration}ms`,
+            "--cc-tilt-card-transform": state.transform,
+            ...style,
+        }, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onPointerMove: handlePointerMove, ...props, children: jsxs("div", { className: surfaceClassName, children: [jsx("div", { className: contentClassName, children: children }), state.glare ? (jsx("span", { "aria-hidden": "true", className: glareClassName })) : null] }) }));
+}
+
+export { TiltCard };
+//# sourceMappingURL=tilt-card.js.map

package/dist/components/tilt-card.js.map

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

package/dist/components/timeline.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function Timeline({ direction = "vertical", items, renderItem, className = "cc-timeline", ...props }) {
+    const state = React.useMemo(() => new core.TimelineController({ direction, items }).getState(), [direction, items]);
+    return (jsxRuntime.jsx("ol", { className: className, "data-direction": state.direction, ...props, children: state.items.map((item, index) => (jsxRuntime.jsxs("li", { className: "cc-timeline__item", "data-status": item.status ?? "pending", children: [jsxRuntime.jsx("span", { className: "cc-timeline__dot" }), jsxRuntime.jsx("div", { className: "cc-timeline__content", children: renderItem ? (renderItem(item, index)) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("strong", { children: item.title }), item.meta ? jsxRuntime.jsx("span", { children: item.meta }) : null, item.description ? jsxRuntime.jsx("p", { children: item.description }) : null] })) })] }, item.id))) }));
+}
+
+exports.Timeline = Timeline;
+//# sourceMappingURL=timeline.cjs.map

package/dist/components/timeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.cjs","sources":["../../src/index.tsx"],"names":["useMemo","TimelineController","_jsx","_jsxs"],"mappings":";;;;;;SA21QgB,QAAQ,CAAC,EACvB,SAAS,GAAG,UAAU,EACtB,KAAK,EACL,UAAU,EACV,SAAS,GAAG,aAAa,EACzB,GAAG,KAAK,EACM,EAAA;IACd,MAAM,KAAK,GAAGA,aAAO,CACnB,MAAM,IAAIC,uBAAkB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC7D,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB;IACD,QACEC,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,SAAS,oBAAkB,KAAK,CAAC,SAAS,EAAA,GAAM,KAAK,EAAA,QAAA,EACjE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC3BC,eAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAC,mBAAmB,EAAA,aAAA,EAChB,IAAI,CAAC,MAAM,IAAI,SAAS,EAAA,QAAA,EAAA,CAGrCD,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kBAAkB,EAAA,CAAG,EACrCA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAClC,UAAU,IACT,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAEvBC,kDACED,cAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,IAAI,CAAC,KAAK,EAAA,CAAU,EAC5B,IAAI,CAAC,IAAI,GAAGA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,IAAI,EAAA,CAAQ,GAAG,IAAI,EAC3C,IAAI,CAAC,WAAW,GAAGA,cAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAI,IAAI,CAAC,WAAW,EAAA,CAAK,GAAG,IAAI,CAAA,EAAA,CACnD,CACJ,EAAA,CACG,CAAA,EAAA,EAbD,IAAI,CAAC,EAAE,CAcT,CACN,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/timeline.d.ts

@@ -0,0 +1,3 @@
+export { Timeline } from "../index";
+export type { TimelineProps } from "../index";
+//# sourceMappingURL=timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/components/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/timeline.js

@@ -0,0 +1,11 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { TimelineController } from '@class-kit/core';
+
+function Timeline({ direction = "vertical", items, renderItem, className = "cc-timeline", ...props }) {
+    const state = useMemo(() => new TimelineController({ direction, items }).getState(), [direction, items]);
+    return (jsx("ol", { className: className, "data-direction": state.direction, ...props, children: state.items.map((item, index) => (jsxs("li", { className: "cc-timeline__item", "data-status": item.status ?? "pending", children: [jsx("span", { className: "cc-timeline__dot" }), jsx("div", { className: "cc-timeline__content", children: renderItem ? (renderItem(item, index)) : (jsxs(Fragment, { children: [jsx("strong", { children: item.title }), item.meta ? jsx("span", { children: item.meta }) : null, item.description ? jsx("p", { children: item.description }) : null] })) })] }, item.id))) }));
+}
+
+export { Timeline };
+//# sourceMappingURL=timeline.js.map

package/dist/components/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sources":["../../src/index.tsx"],"names":["_jsx","_jsxs"],"mappings":";;;;SA21QgB,QAAQ,CAAC,EACvB,SAAS,GAAG,UAAU,EACtB,KAAK,EACL,UAAU,EACV,SAAS,GAAG,aAAa,EACzB,GAAG,KAAK,EACM,EAAA;IACd,MAAM,KAAK,GAAG,OAAO,CACnB,MAAM,IAAI,kBAAkB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,EAC7D,CAAC,SAAS,EAAE,KAAK,CAAC,CACnB;IACD,QACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,SAAS,oBAAkB,KAAK,CAAC,SAAS,EAAA,GAAM,KAAK,EAAA,QAAA,EACjE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC3BC,IAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAC,mBAAmB,EAAA,aAAA,EAChB,IAAI,CAAC,MAAM,IAAI,SAAS,EAAA,QAAA,EAAA,CAGrCD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kBAAkB,EAAA,CAAG,EACrCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAClC,UAAU,IACT,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,KAEvBC,4BACED,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,IAAI,CAAC,KAAK,EAAA,CAAU,EAC5B,IAAI,CAAC,IAAI,GAAGA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,IAAI,CAAC,IAAI,EAAA,CAAQ,GAAG,IAAI,EAC3C,IAAI,CAAC,WAAW,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EAAI,IAAI,CAAC,WAAW,EAAA,CAAK,GAAG,IAAI,CAAA,EAAA,CACnD,CACJ,EAAA,CACG,CAAA,EAAA,EAbD,IAAI,CAAC,EAAE,CAcT,CACN,CAAC,EAAA,CACC;AAET;;;;"}

package/dist/components/toast.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+const defaultToastManager = /*#__PURE__*/ new core.ToastManager();
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+function useAnimatedToasts(items, duration) {
+    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, 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));
+            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 exiting = current
+                .filter(({ item }) => !incomingIds.has(item.id))
+                .map(({ item }) => ({ item, state: "exit" }));
+            return [...next, ...exiting];
+        });
+        if (!enteringIds.length)
+            return undefined;
+        const frame = window.requestAnimationFrame(() => {
+            setRendered((current) => current.map((entry) => enteringIds.includes(entry.item.id)
+                ? { ...entry, state: "enter" }
+                : entry));
+        });
+        return () => window.cancelAnimationFrame(frame);
+    }, [items]);
+    React.useEffect(() => {
+        if (!rendered.some((entry) => entry.state === "exit"))
+            return;
+        if (duration <= 0) {
+            setRendered((current) => current.filter((entry) => entry.state !== "exit"));
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setRendered((current) => current.filter((entry) => entry.state !== "exit"));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [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());
+    const motion = resolveAnimation(animation, "slide");
+    const visibleItems = React.useMemo(() => items.filter((item) => item.position === position), [items, position]);
+    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}`]
+            .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))) }));
+}
+
+exports.ToastViewport = ToastViewport;
+exports.defaultToastManager = defaultToastManager;
+//# sourceMappingURL=toast.cjs.map

package/dist/components/toast.cjs.map

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

package/dist/components/toast.d.ts

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

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

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

package/dist/components/toast.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import { ToastManager } from '@class-kit/core';
+
+const defaultToastManager = /*#__PURE__*/ new ToastManager();
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+function useAnimatedToasts(items, duration) {
+    const [rendered, setRendered] = React.useState(() => items.map((item) => ({ item, 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));
+            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 exiting = current
+                .filter(({ item }) => !incomingIds.has(item.id))
+                .map(({ item }) => ({ item, state: "exit" }));
+            return [...next, ...exiting];
+        });
+        if (!enteringIds.length)
+            return undefined;
+        const frame = window.requestAnimationFrame(() => {
+            setRendered((current) => current.map((entry) => enteringIds.includes(entry.item.id)
+                ? { ...entry, state: "enter" }
+                : entry));
+        });
+        return () => window.cancelAnimationFrame(frame);
+    }, [items]);
+    useEffect(() => {
+        if (!rendered.some((entry) => entry.state === "exit"))
+            return;
+        if (duration <= 0) {
+            setRendered((current) => current.filter((entry) => entry.state !== "exit"));
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setRendered((current) => current.filter((entry) => entry.state !== "exit"));
+        }, duration);
+        return () => window.clearTimeout(timer);
+    }, [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());
+    const motion = resolveAnimation(animation, "slide");
+    const visibleItems = React.useMemo(() => items.filter((item) => item.position === position), [items, position]);
+    const renderedItems = useAnimatedToasts(visibleItems, motion.enabled ? motion.duration : 0);
+    useEffect(() => manager.subscribe(setItems), [manager]);
+    return (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))) }));
+}
+
+export { ToastViewport, defaultToastManager };
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

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

package/dist/components/tooltip.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var core = require('@class-kit/core');
+
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+function Tooltip({ content, children, animation, placement = "top", trigger = "hover", autoAdjust = true, closeOnEsc = true, closeOnOutsideClick = true, className, id, style, ...props }) {
+    const rootRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const generatedId = React.useId();
+    const contentId = id ?? generatedId;
+    const tooltipController = React.useMemo(() => new core.TooltipController(), []);
+    const [open, setOpen] = React.useState(() => tooltipController.isOpen());
+    const [safePlacement, setSafePlacement] = React.useState(placement);
+    const motion = resolveAnimation(animation, "fade");
+    React.useEffect(() => {
+        const unsubscribe = tooltipController.subscribe((state) => {
+            setOpen(state.open);
+        });
+        return () => {
+            unsubscribe();
+            tooltipController.destroy();
+        };
+    }, [tooltipController]);
+    const updatePlacement = React.useCallback(() => {
+        if (!autoAdjust || !rootRef.current || !contentRef.current) {
+            setSafePlacement(placement);
+            return;
+        }
+        setSafePlacement(core.getSafeTooltipPlacement(rootRef.current.getBoundingClientRect(), contentRef.current.getBoundingClientRect(), placement));
+    }, [autoAdjust, placement]);
+    React.useEffect(() => {
+        if (!open)
+            return;
+        updatePlacement();
+        window.addEventListener("resize", updatePlacement);
+        window.addEventListener("scroll", updatePlacement, true);
+        return () => {
+            window.removeEventListener("resize", updatePlacement);
+            window.removeEventListener("scroll", updatePlacement, true);
+        };
+    }, [open, updatePlacement]);
+    React.useEffect(() => {
+        if (!open || trigger !== "click")
+            return undefined;
+        const handlePointerDown = (event) => {
+            if (!closeOnOutsideClick ||
+                rootRef.current?.contains(event.target))
+                return;
+            tooltipController.close();
+        };
+        const handleKeyDown = (event) => {
+            if (!closeOnEsc || event.key !== "Escape")
+                return;
+            event.preventDefault();
+            tooltipController.close();
+        };
+        document.addEventListener("pointerdown", handlePointerDown, true);
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown, true);
+            document.removeEventListener("keydown", handleKeyDown, true);
+        };
+    }, [closeOnEsc, closeOnOutsideClick, open, tooltipController, trigger]);
+    const triggerProps = trigger === "click"
+        ? {
+            onClick: () => tooltipController.toggle(),
+        }
+        : {
+            onBlur: () => tooltipController.close(),
+            onFocus: () => tooltipController.open(),
+            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 })] }));
+}
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=tooltip.cjs.map

package/dist/components/tooltip.cjs.map

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

package/dist/components/tooltip.d.ts

@@ -0,0 +1,3 @@
+export { Tooltip } from "../index";
+export type { TooltipProps } from "../index";
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/tooltip.js

@@ -0,0 +1,102 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useEffect } from 'react';
+import { TooltipController, getSafeTooltipPlacement } from '@class-kit/core';
+
+function resolveAnimation(animation, fallbackName) {
+    if (animation === false) {
+        return {
+            duration: 0,
+            easing: "ease",
+            enabled: false,
+            name: "none",
+        };
+    }
+    return {
+        duration: animation?.duration ?? 180,
+        easing: animation?.easing ?? "cubic-bezier(0.22, 0.8, 0.28, 1)",
+        enabled: animation?.enabled ?? true,
+        name: animation?.name ?? fallbackName,
+    };
+}
+function animationStyle(animation, style) {
+    return {
+        "--cc-animation-duration": `${animation.enabled ? animation.duration : 0}ms`,
+        "--cc-animation-easing": animation.easing,
+        ...style,
+    };
+}
+function Tooltip({ content, children, animation, placement = "top", trigger = "hover", autoAdjust = true, closeOnEsc = true, closeOnOutsideClick = true, className, id, style, ...props }) {
+    const rootRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    const generatedId = React.useId();
+    const contentId = id ?? generatedId;
+    const tooltipController = React.useMemo(() => new TooltipController(), []);
+    const [open, setOpen] = React.useState(() => tooltipController.isOpen());
+    const [safePlacement, setSafePlacement] = React.useState(placement);
+    const motion = resolveAnimation(animation, "fade");
+    useEffect(() => {
+        const unsubscribe = tooltipController.subscribe((state) => {
+            setOpen(state.open);
+        });
+        return () => {
+            unsubscribe();
+            tooltipController.destroy();
+        };
+    }, [tooltipController]);
+    const updatePlacement = React.useCallback(() => {
+        if (!autoAdjust || !rootRef.current || !contentRef.current) {
+            setSafePlacement(placement);
+            return;
+        }
+        setSafePlacement(getSafeTooltipPlacement(rootRef.current.getBoundingClientRect(), contentRef.current.getBoundingClientRect(), placement));
+    }, [autoAdjust, placement]);
+    useEffect(() => {
+        if (!open)
+            return;
+        updatePlacement();
+        window.addEventListener("resize", updatePlacement);
+        window.addEventListener("scroll", updatePlacement, true);
+        return () => {
+            window.removeEventListener("resize", updatePlacement);
+            window.removeEventListener("scroll", updatePlacement, true);
+        };
+    }, [open, updatePlacement]);
+    useEffect(() => {
+        if (!open || trigger !== "click")
+            return undefined;
+        const handlePointerDown = (event) => {
+            if (!closeOnOutsideClick ||
+                rootRef.current?.contains(event.target))
+                return;
+            tooltipController.close();
+        };
+        const handleKeyDown = (event) => {
+            if (!closeOnEsc || event.key !== "Escape")
+                return;
+            event.preventDefault();
+            tooltipController.close();
+        };
+        document.addEventListener("pointerdown", handlePointerDown, true);
+        document.addEventListener("keydown", handleKeyDown, true);
+        return () => {
+            document.removeEventListener("pointerdown", handlePointerDown, true);
+            document.removeEventListener("keydown", handleKeyDown, true);
+        };
+    }, [closeOnEsc, closeOnOutsideClick, open, tooltipController, trigger]);
+    const triggerProps = trigger === "click"
+        ? {
+            onClick: () => tooltipController.toggle(),
+        }
+        : {
+            onBlur: () => tooltipController.close(),
+            onFocus: () => tooltipController.open(),
+            onMouseEnter: () => tooltipController.open(),
+            onMouseLeave: () => tooltipController.close(),
+        };
+    return (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, jsx("span", { className: "cc-tooltip__content", id: contentId, ref: contentRef, role: "tooltip", children: content })] }));
+}
+
+export { Tooltip };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

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