@northstar-js/react 0.0.0-stage → 0.2.0

package/dist/effects/math.js

@@ -0,0 +1,56 @@
+// Deterministic maths for the effects layer. Nothing here calls Math.random:
+// every "scatter" is seeded, so a server render, a client render and a
+// screenshot all agree.
+/** The golden angle in degrees: 360 × (1 − 1/φ). Vogel's sunflower spacing. */
+export const GOLDEN_ANGLE = 137.50776405003785;
+const GOLDEN_RAD = (GOLDEN_ANGLE * Math.PI) / 180;
+/** The first primes, used for timings that should never fall into step. */
+export const PRIMES = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
+/** First Fibonacci numbers (1, 1, 2, 3, 5, …). */
+export function fibonacci(n) {
+    const out = [];
+    let a = 1;
+    let b = 1;
+    for (let i = 0; i < n; i++) {
+        out.push(a);
+        [a, b] = [b, a + b];
+    }
+    return out;
+}
+/** Mulberry32: a tiny seeded PRNG, uniform in [0, 1). */
+export function seeded(seed) {
+    let t = seed >>> 0;
+    return () => {
+        t = (t + 0x6d2b79f5) >>> 0;
+        let r = Math.imul(t ^ (t >>> 15), 1 | t);
+        r = (r + Math.imul(r ^ (r >>> 7), 61 | r)) ^ r;
+        return ((r ^ (r >>> 14)) >>> 0) / 4294967296;
+    };
+}
+/** Vogel's spiral: point `i` of `n` on a unit disc, golden-angle spaced. */
+export function vogel(i, n) {
+    const r = Math.sqrt((i + 0.5) / n);
+    const a = i * GOLDEN_RAD;
+    return { x: r * Math.cos(a), y: r * Math.sin(a), r, a };
+}
+/** Points of a Lissajous figure x = sin(a·t + δ), y = sin(b·t), as an SVG path on a box of `size`. */
+export function lissajousPath(a, b, size, delta = Math.PI / 2, steps = 160) {
+    const h = size / 2;
+    let d = '';
+    for (let i = 0; i <= steps; i++) {
+        const t = (i / steps) * Math.PI * 2;
+        const x = h + h * Math.sin(a * t + delta);
+        const y = h + h * Math.sin(b * t);
+        d += `${i ? 'L' : 'M'}${x.toFixed(2)} ${y.toFixed(2)}`;
+    }
+    return `${d}Z`;
+}
+/** Round to 2 dp for stable SVG/CSS output. */
+export const r2 = (n) => Math.round(n * 100) / 100;
+/** The four-point north star, centred on (x, y) with outer radius `o` and waist `w`. */
+export function starPath(x, y, o, w = o * 0.2) {
+    const p = (a, b) => `${r2(a)} ${r2(b)}`;
+    return `M${p(x, y - o)} L${p(x + w, y - w)} L${p(x + o, y)} L${p(x + w, y + w)} L${p(x, y + o)} L${p(x - w, y + w)} L${p(x - o, y)} L${p(x - w, y - w)}Z`;
+}
+export const clamp = (n, lo, hi) => Math.min(hi, Math.max(lo, n));
+//# sourceMappingURL=math.js.map

package/dist/effects/math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"math.js","sourceRoot":"","sources":["../../src/effects/math.ts"],"names":[],"mappings":"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"}

package/dist/effects/navigation.d.ts

@@ -0,0 +1,55 @@
+export interface MeridianTab {
+    value: string;
+    label: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface MeridianTabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    tabs: MeridianTab[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Accessible name of the tab list. */
+    label: string;
+}
+/**
+ * Tabs whose indicator is a star that travels to the chosen tab along a short
+ * arc (a meridian seen edge-on), while the rule under the tab stretches to
+ * fit. Arrow keys, Home and End move and select, as in the WAI-ARIA pattern.
+ */
+export declare function MeridianTabs({ tabs, value, defaultValue, onValueChange, label, className, ...rest }: MeridianTabsProps): import("react/jsx-runtime").JSX.Element;
+export interface StarPaginationProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange'> {
+    count: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Accessible name. Default "Pagination". */
+    label?: string;
+    /** Dots shown at once when there are many pages. Default 7. */
+    window?: number;
+    pageLabel?: (n: number) => string;
+    previousLabel?: string;
+    nextLabel?: string;
+}
+/**
+ * Pagination as a row of stars: the current page is a four-point star, the
+ * others are points of light, and the dots at the edge of a long run dim and
+ * shrink, the way a field thins toward the horizon.
+ */
+export declare function StarPagination({ count, page, defaultPage, onPageChange, label, window: shown, pageLabel, previousLabel, nextLabel, className, ...rest }: StarPaginationProps): import("react/jsx-runtime").JSX.Element;
+export interface ConstellationCrumb {
+    label: React.ReactNode;
+    href?: string;
+}
+export interface ConstellationBreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    items: ConstellationCrumb[];
+    /** Accessible name. Default "Breadcrumbs". */
+    label?: string;
+}
+/**
+ * Breadcrumbs as a constellation path: each level is a star joined to the
+ * next by a line, magnitudes brightening toward the current page. Hovering
+ * or focusing a crumb lights its star.
+ */
+export declare function ConstellationBreadcrumb({ items, label, className, ...rest }: ConstellationBreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/effects/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/effects/navigation.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAChH,IAAI,EAAE,WAAW,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAqGtH;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC9F,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,WAAe,EACf,YAAY,EACZ,KAAoB,EACpB,MAAM,EAAE,KAAS,EACjB,SAA8B,EAC9B,aAA+B,EAC/B,SAAuB,EACvB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA8CrB;AAID,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACrF,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,KAAqB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,4BAA4B,2CA2BzH"}

package/dist/effects/navigation.js

@@ -0,0 +1,103 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from 'react';
+import { cx, useControllable, useIsoLayoutEffect } from './hooks.js';
+import { clamp, starPath } from './math.js';
+const STAR = starPath(6, 6, 5.5, 1.2);
+/**
+ * Tabs whose indicator is a star that travels to the chosen tab along a short
+ * arc (a meridian seen edge-on), while the rule under the tab stretches to
+ * fit. Arrow keys, Home and End move and select, as in the WAI-ARIA pattern.
+ */
+export function MeridianTabs({ tabs, value, defaultValue, onValueChange, label, className, ...rest }) {
+    const base = useId();
+    const [current, setCurrent] = useControllable(value, defaultValue ?? tabs[0]?.value ?? '', onValueChange);
+    const list = useRef(null);
+    const buttons = useRef(new Map());
+    const [box, setBox] = useState(null);
+    const [ready, setReady] = useState(false);
+    const [hops, setHops] = useState(0);
+    const last = useRef(current);
+    useEffect(() => {
+        if (last.current !== current)
+            setHops((h) => h + 1);
+        last.current = current;
+    }, [current]);
+    const measure = useCallback(() => {
+        const el = buttons.current.get(current);
+        if (el)
+            setBox({ x: el.offsetLeft, w: el.offsetWidth });
+    }, [current]);
+    useIsoLayoutEffect(() => {
+        measure();
+    }, [measure]);
+    useEffect(() => {
+        const id = requestAnimationFrame(() => setReady(true));
+        if (typeof ResizeObserver === 'undefined' || !list.current)
+            return () => cancelAnimationFrame(id);
+        const ro = new ResizeObserver(() => measure());
+        ro.observe(list.current);
+        return () => {
+            cancelAnimationFrame(id);
+            ro.disconnect();
+        };
+    }, [measure]);
+    const enabled = tabs.filter((t) => !t.disabled);
+    function onKeyDown(e) {
+        const i = enabled.findIndex((t) => t.value === current);
+        let next;
+        if (e.key === 'ArrowRight')
+            next = enabled[(i + 1) % enabled.length];
+        else if (e.key === 'ArrowLeft')
+            next = enabled[(i - 1 + enabled.length) % enabled.length];
+        else if (e.key === 'Home')
+            next = enabled[0];
+        else if (e.key === 'End')
+            next = enabled[enabled.length - 1];
+        if (!next)
+            return;
+        e.preventDefault();
+        setCurrent(next.value);
+        buttons.current.get(next.value)?.focus();
+    }
+    return (_jsxs("div", { ...rest, className: cx('ns-fx-mtabs', className), "data-ready": ready || undefined, children: [_jsxs("div", { ref: list, role: "tablist", "aria-label": label, className: "ns-fx-mtabs__list", onKeyDown: onKeyDown, children: [tabs.map((t) => {
+                        const selected = t.value === current;
+                        return (_jsx("button", { type: "button", role: "tab", id: `${base}-tab-${t.value}`, "aria-controls": `${base}-panel-${t.value}`, "aria-selected": selected, tabIndex: selected ? 0 : -1, disabled: t.disabled, ref: (el) => {
+                                if (el)
+                                    buttons.current.set(t.value, el);
+                                else
+                                    buttons.current.delete(t.value);
+                            }, className: "ns-fx-mtabs__tab", onClick: () => setCurrent(t.value), children: t.label }, t.value));
+                    }), box ? (_jsxs("span", { className: "ns-fx-mtabs__track", "aria-hidden": "true", style: { '--ns-fx-x': `${box.x}px`, '--ns-fx-w': box.w }, children: [_jsx("span", { className: "ns-fx-mtabs__bar" }), _jsx("span", { className: "ns-fx-mtabs__carrier", children: _jsx("span", { className: cx('ns-fx-mtabs__hop', hops > 0 && 'ns-fx-mtabs__hop--go'), children: _jsx("svg", { viewBox: "0 0 12 12", width: "10", height: "10", focusable: "false", children: _jsx("path", { d: STAR }) }) }, hops) })] })) : null] }), tabs.map((t) => (_jsx("div", { role: "tabpanel", id: `${base}-panel-${t.value}`, "aria-labelledby": `${base}-tab-${t.value}`, hidden: t.value !== current, tabIndex: 0, className: "ns-fx-mtabs__panel", children: t.value === current ? t.content : null }, t.value)))] }));
+}
+/**
+ * Pagination as a row of stars: the current page is a four-point star, the
+ * others are points of light, and the dots at the edge of a long run dim and
+ * shrink, the way a field thins toward the horizon.
+ */
+export function StarPagination({ count, page, defaultPage = 1, onPageChange, label = 'Pagination', window: shown = 7, pageLabel = (n) => `Page ${n}`, previousLabel = 'Previous page', nextLabel = 'Next page', className, ...rest }) {
+    const [p, setP] = useControllable(page, defaultPage, onPageChange);
+    const cur = clamp(p, 1, Math.max(1, count));
+    const size = Math.min(count, Math.max(3, shown));
+    const start = clamp(cur - Math.floor(size / 2), 1, Math.max(1, count - size + 1));
+    const pages = Array.from({ length: size }, (_, i) => start + i);
+    const go = (n) => setP(clamp(n, 1, count));
+    const arrow = (d) => (_jsx("svg", { viewBox: "0 0 16 16", width: "14", height: "14", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: d, fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    return (_jsxs("nav", { ...rest, "aria-label": label, className: cx('ns-fx-spage', className), children: [_jsx("button", { type: "button", className: "ns-fx-spage__step", "aria-label": previousLabel, disabled: cur <= 1, onClick: () => go(cur - 1), children: arrow('M10 3.5 5.5 8 10 12.5') }), _jsx("ul", { className: "ns-fx-spage__dots", children: pages.map((n) => {
+                    const edge = count > size && ((n === start && start > 1) || (n === start + size - 1 && n < count));
+                    return (_jsx("li", { children: _jsxs("button", { type: "button", className: cx('ns-fx-spage__dot', edge && 'ns-fx-spage__dot--edge'), "aria-label": pageLabel(n), "aria-current": n === cur ? 'page' : undefined, onClick: () => go(n), children: [_jsx("i", { className: "ns-fx-spage__point" }), _jsx("svg", { className: "ns-fx-spage__star", viewBox: "0 0 12 12", focusable: "false", "aria-hidden": "true", children: _jsx("path", { d: STAR }) })] }) }, n));
+                }) }), _jsx("button", { type: "button", className: "ns-fx-spage__step", "aria-label": nextLabel, disabled: cur >= count, onClick: () => go(cur + 1), children: arrow('M6 3.5 10.5 8 6 12.5') }), _jsxs("span", { className: "ns-fx-spage__readout", "aria-hidden": "true", children: [cur, " / ", count] })] }));
+}
+/**
+ * Breadcrumbs as a constellation path: each level is a star joined to the
+ * next by a line, magnitudes brightening toward the current page. Hovering
+ * or focusing a crumb lights its star.
+ */
+export function ConstellationBreadcrumb({ items, label = 'Breadcrumbs', className, ...rest }) {
+    return (_jsx("nav", { ...rest, "aria-label": label, className: cx('ns-fx-crumbs', className), children: _jsx("ol", { className: "ns-fx-crumbs__list", children: items.map((item, i) => {
+                const last = i === items.length - 1;
+                const mag = items.length > 1 ? 0.55 + (0.45 * i) / (items.length - 1) : 1;
+                return (_jsxs("li", { className: "ns-fx-crumbs__item", style: { '--ns-fx-mag': mag.toFixed(2), '--ns-fx-i': i }, children: [_jsx("svg", { className: "ns-fx-crumbs__star", viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: STAR }) }), last || !item.href ? (_jsx("span", { className: "ns-fx-crumbs__current", "aria-current": last ? 'page' : undefined, children: item.label })) : (_jsx("a", { className: "ns-fx-crumbs__link", href: item.href, children: item.label }))] }, i));
+            }) }) }));
+}
+//# sourceMappingURL=navigation.js.map

package/dist/effects/navigation.js.map

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

package/dist/effects/overlays.d.ts

@@ -0,0 +1,34 @@
+export interface TooltipCompassProps {
+    content: React.ReactNode;
+    /** The trigger: one focusable element. It receives `aria-describedby` while the tooltip shows. */
+    children: React.ReactElement<{
+        'aria-describedby'?: string | undefined;
+    }>;
+    side?: 'top' | 'bottom';
+    /** Hover delay in ms before showing. Default 250. Focus shows at once. */
+    delay?: number;
+    className?: string;
+}
+/**
+ * A tooltip whose arrow is a compass needle: it swings in and settles
+ * pointing at its trigger, Glacier end toward the thing described. Shows on
+ * hover and keyboard focus, hides on leave, blur and Escape.
+ */
+export declare function TooltipCompass({ content, children, side, delay, className }: TooltipCompassProps): import("react/jsx-runtime").JSX.Element;
+export interface ToastCometProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    /** Optional action, such as a Button. */
+    action?: React.ReactNode;
+    /** Visibility. When it turns false the toast leaves, then unmounts. Default true. */
+    open?: boolean;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}
+/**
+ * A toast that arrives like a comet: it comes in along a short arc (two
+ * axes on different curves) with a tail of light that thins and fades as it
+ * settles. Announced politely as a status. Reduced motion: it just appears.
+ */
+export declare function ToastComet({ title, description, action, open, onDismiss, dismissLabel, className, ...rest }: ToastCometProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=overlays.d.ts.map

package/dist/effects/overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../../src/effects/overlays.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kGAAkG;IAClG,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,kBAAkB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IAC1E,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAY,EAAE,KAAW,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAyC9G;AAID,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yCAAyC;IACzC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,IAAW,EAAE,SAAS,EAAE,YAAwB,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,kDAuC/I"}

package/dist/effects/overlays.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement, useEffect, useId, useRef, useState } from 'react';
+import { cx, reducedMotionNow, useTimers } from './hooks.js';
+/**
+ * A tooltip whose arrow is a compass needle: it swings in and settles
+ * pointing at its trigger, Glacier end toward the thing described. Shows on
+ * hover and keyboard focus, hides on leave, blur and Escape.
+ */
+export function TooltipCompass({ content, children, side = 'top', delay = 250, className }) {
+    const id = useId();
+    const [open, setOpen] = useState(false);
+    const timer = useRef(undefined);
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const show = (ms) => {
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setOpen(true), ms);
+    };
+    const hide = () => {
+        clearTimeout(timer.current);
+        setOpen(false);
+    };
+    const described = [children.props['aria-describedby'], open ? id : null].filter(Boolean).join(' ') || undefined;
+    return (_jsxs("span", { className: cx('ns-fx-tipc', className), "data-side": side, onPointerEnter: (e) => e.pointerType !== 'touch' && show(delay), onPointerLeave: hide, onFocus: () => show(0), onBlur: hide, onKeyDown: (e) => {
+            if (e.key === 'Escape' && open) {
+                e.stopPropagation();
+                hide();
+            }
+        }, children: [cloneElement(children, { 'aria-describedby': described }), open ? (_jsxs("span", { role: "tooltip", id: id, className: "ns-fx-tipc__bubble", children: [content, _jsxs("svg", { className: "ns-fx-tipc__needle", viewBox: "0 0 10 16", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { className: "ns-fx-tipc__tail", d: "M5 0 7.2 8H2.8Z" }), _jsx("path", { className: "ns-fx-tipc__head", d: "M5 16 2.8 8H7.2Z" })] })] })) : null] }));
+}
+/**
+ * A toast that arrives like a comet: it comes in along a short arc (two
+ * axes on different curves) with a tail of light that thins and fades as it
+ * settles. Announced politely as a status. Reduced motion: it just appears.
+ */
+export function ToastComet({ title, description, action, open = true, onDismiss, dismissLabel = 'Dismiss', className, ...rest }) {
+    const [present, setPresent] = useState(open);
+    const [leaving, setLeaving] = useState(false);
+    const after = useTimers();
+    useEffect(() => {
+        if (open) {
+            setPresent(true);
+            setLeaving(false);
+        }
+        else if (present) {
+            if (reducedMotionNow())
+                return setPresent(false);
+            setLeaving(true);
+            after(() => setPresent(false), 220);
+        }
+    }, [open]);
+    if (!present)
+        return null;
+    return (_jsx("div", { ...rest, role: "status", className: cx('ns-fx-comet', className), "data-leaving": leaving || undefined, children: _jsx("div", { className: "ns-fx-comet__x", children: _jsxs("div", { className: "ns-fx-comet__y", children: [_jsx("span", { className: "ns-fx-comet__tail", "aria-hidden": "true" }), _jsxs("div", { className: "ns-fx-comet__card", children: [_jsx("span", { className: "ns-fx-comet__head", "aria-hidden": "true" }), _jsxs("div", { className: "ns-fx-comet__text", children: [_jsx("div", { className: "ns-fx-comet__title", children: title }), description ? _jsx("div", { className: "ns-fx-comet__desc", children: description }) : null] }), action ? _jsx("div", { className: "ns-fx-comet__action", children: action }) : null, onDismiss ? (_jsx("button", { type: "button", className: "ns-fx-comet__close", "aria-label": dismissLabel, onClick: onDismiss, children: _jsx("svg", { viewBox: "0 0 12 12", width: "10", height: "10", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M3 3 9 9M9 3 3 9", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" }) }) })) : null] })] }) }) }));
+}
+//# sourceMappingURL=overlays.js.map

package/dist/effects/overlays.js.map

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