@northstar-js/react 0.0.0-stage → 0.2.0

package/dist/effects/display.d.ts

@@ -0,0 +1,92 @@
+export interface RollingNumberProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    value: number;
+    /** BCP 47 locale for formatting. Default "en-US". */
+    locale?: string;
+    format?: Intl.NumberFormatOptions;
+    /** Announce changes politely to screen readers. Default false. */
+    live?: boolean;
+}
+/**
+ * An odometer: each digit is a reel of 0–9 that rolls to its figure, the
+ * units first and each higher place a beat later. Plex Mono, tabular. The
+ * full value is in the text for assistive technology; the reels are hidden.
+ */
+export declare function RollingNumber({ value, locale, format, live, className, ...rest }: RollingNumberProps): import("react/jsx-runtime").JSX.Element;
+export interface CountUpProps extends RollingNumberProps {
+    /** Starting figure shown on first paint. Default 0. */
+    from?: number;
+}
+/** A RollingNumber that starts at `from` and rolls up to `value` after mount (immediately under reduced motion). */
+export declare function CountUp({ value, from, ...rest }: CountUpProps): import("react/jsx-runtime").JSX.Element;
+export interface HorizonDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Text in the middle of the rule. */
+    label?: React.ReactNode;
+    /** Draws the rule out from the centre once, on mount. Default true. */
+    rise?: boolean;
+}
+/** A hairline with a Glacier glow at its centre, the way the sky brightens at the horizon before sunrise, and a single star above the midpoint. */
+export declare function HorizonDivider({ label, rise, className, ...rest }: HorizonDividerProps): import("react/jsx-runtime").JSX.Element;
+export interface StarfieldEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    /** Number of background stars. Default 64. */
+    stars?: number;
+    seed?: number;
+    headingLevel?: 2 | 3 | 4;
+}
+/**
+ * An empty state set on a calm field of stars. The stars sit on a golden
+ * (Fibonacci) lattice, so they spread evenly without clumping; three depth
+ * layers drift on prime-length periods and a few stars twinkle. Seeded, so
+ * every render is the same sky. Still under reduced motion.
+ */
+export declare function StarfieldEmptyState({ title, description, action, stars, seed, headingLevel, className, ...rest }: StarfieldEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export declare function initialsOf(name: string): string;
+export interface OrbitAvatarProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Full name; used for initials and the accessible name. */
+    name: string;
+    size?: 24 | 32 | 40 | 48;
+}
+/** An initials avatar with an orbit ring; on hover or focus of the avatar (or a parent with `.ns-fx-orbit-host`) a moon makes one turn. */
+export declare function OrbitAvatar({ name, size, className, style, ...rest }: OrbitAvatarProps): import("react/jsx-runtime").JSX.Element;
+export interface TagOrbitProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    label: string;
+    /** Called after the star has faded out (at once under reduced motion). Omit for a tag that cannot be removed. */
+    onRemove?: () => void;
+    removeLabel?: (label: string) => string;
+}
+/** A tag led by a small star; removing it lets the star fade out and the tag fold away before `onRemove` fires. */
+export declare function TagOrbit({ label, onRemove, removeLabel, className, ...rest }: TagOrbitProps): import("react/jsx-runtime").JSX.Element;
+export interface SineDisclosureProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    headingLevel?: 2 | 3 | 4 | 5;
+    disabled?: boolean;
+}
+/**
+ * A disclosure whose content arrives on a sine ease (the curve is exactly half
+ * a cosine): each block fades and rises a few pixels, staggered by a quarter
+ * period. The marker is a small meridian that turns a quarter as it opens.
+ */
+export declare function SineDisclosure({ title, open, defaultOpen, onOpenChange, headingLevel, disabled, className, children, ...rest }: SineDisclosureProps): import("react/jsx-runtime").JSX.Element;
+export interface SineAccordionItem {
+    value: string;
+    title: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SineAccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    items: SineAccordionItem[];
+    /** `single` keeps at most one item open. Default `single`. */
+    type?: 'single' | 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    headingLevel?: 2 | 3 | 4 | 5;
+}
+/** A set of SineDisclosures. Up/Down, Home and End move between headers. */
+export declare function SineAccordion({ items, type, value, defaultValue, onValueChange, headingLevel, className, ...rest }: SineAccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=display.d.ts.map

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

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

package/dist/effects/display.js

@@ -0,0 +1,138 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { cx, reducedMotionNow, useControllable, useTimers } from './hooks.js';
+import { PRIMES, r2, seeded, starPath } from './math.js';
+const STAR = starPath(6, 6, 5.5, 1.2);
+const DIGITS = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+/**
+ * An odometer: each digit is a reel of 0–9 that rolls to its figure, the
+ * units first and each higher place a beat later. Plex Mono, tabular. The
+ * full value is in the text for assistive technology; the reels are hidden.
+ */
+export function RollingNumber({ value, locale = 'en-US', format, live = false, className, ...rest }) {
+    const text = useMemo(() => new Intl.NumberFormat(locale, format).format(value), [value, locale, format]);
+    const chars = [...text];
+    let place = 0;
+    const cells = chars
+        .map((ch, i) => ({ ch, i }))
+        .reverse()
+        .map(({ ch, i }) => {
+        const d = DIGITS.indexOf(ch);
+        const key = d >= 0 ? `d${place}` : `s${chars.length - i}`;
+        const node = d >= 0 ? (_jsx("span", { className: "ns-fx-roll__col", children: _jsx("span", { className: "ns-fx-roll__reel", style: { '--ns-fx-d': d, '--ns-fx-place': place }, children: DIGITS.map((n) => (_jsx("span", { children: n }, n))) }) }, key)) : (_jsx("span", { className: "ns-fx-roll__sym", children: ch }, key));
+        if (d >= 0)
+            place++;
+        return node;
+    })
+        .reverse();
+    return (_jsxs("span", { ...rest, className: cx('ns-fx-roll', className), "aria-live": live ? 'polite' : undefined, "aria-atomic": live || undefined, children: [_jsx("span", { className: "ns-fx-roll__reels", "aria-hidden": "true", children: cells }), _jsx("span", { className: "ns-fx-sr", children: text })] }));
+}
+/** A RollingNumber that starts at `from` and rolls up to `value` after mount (immediately under reduced motion). */
+export function CountUp({ value, from = 0, ...rest }) {
+    const [shown, setShown] = useState(from);
+    useEffect(() => {
+        if (reducedMotionNow())
+            return setShown(value);
+        const id = requestAnimationFrame(() => setShown(value));
+        return () => cancelAnimationFrame(id);
+    }, [value]);
+    return _jsx(RollingNumber, { ...rest, value: shown });
+}
+/** A hairline with a Glacier glow at its centre, the way the sky brightens at the horizon before sunrise, and a single star above the midpoint. */
+export function HorizonDivider({ label, rise = true, className, ...rest }) {
+    return (_jsxs("div", { ...rest, role: "separator", "aria-orientation": "horizontal", className: cx('ns-fx-horizon', rise && 'ns-fx-horizon--rise', label ? 'ns-fx-horizon--label' : null, className), children: [_jsx("span", { className: "ns-fx-horizon__line", "aria-hidden": "true" }), label ? (_jsx("span", { className: "ns-fx-horizon__label", children: label })) : (_jsx("svg", { className: "ns-fx-horizon__star", viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: STAR }) })), _jsx("span", { className: "ns-fx-horizon__line ns-fx-horizon__line--end", "aria-hidden": "true" })] }));
+}
+const PHI_INV = 0.6180339887498949;
+/**
+ * An empty state set on a calm field of stars. The stars sit on a golden
+ * (Fibonacci) lattice, so they spread evenly without clumping; three depth
+ * layers drift on prime-length periods and a few stars twinkle. Seeded, so
+ * every render is the same sky. Still under reduced motion.
+ */
+export function StarfieldEmptyState({ title, description, action, stars = 64, seed = 11, headingLevel = 3, className, ...rest }) {
+    const field = useMemo(() => {
+        const rnd = seeded(seed);
+        return Array.from({ length: stars }, (_, i) => {
+            const x = ((i * PHI_INV + rnd() * 0.04) % 1) * 400;
+            const y = ((i + 0.5) / stars) * 220;
+            const m = rnd();
+            return { x: r2(x), y: r2(y), r: r2(m > 0.93 ? 1.5 : m > 0.7 ? 1 : 0.6), o: r2(0.35 + m * 0.6), layer: i % 3, twinkle: i % 7 === 3, t: PRIMES[(i % 5) + 2] ?? 5 };
+        });
+    }, [stars, seed]);
+    // A small constellation in the upper-right corner, clear of the text: the five brightest stars there, joined in order of height.
+    const bright = useMemo(() => field
+        .filter((s) => s.x > 290 && s.y < 150)
+        .sort((a, b) => b.r - a.r || b.o - a.o)
+        .slice(0, 5)
+        .sort((a, b) => a.y - b.y), [field]);
+    const H = `h${headingLevel}`;
+    const titleId = useId();
+    return (_jsxs("div", { ...rest, className: cx('ns-fx-starfield', className), role: "group", "aria-labelledby": titleId, children: [_jsxs("svg", { className: "ns-fx-starfield__sky", viewBox: "0 0 400 220", preserveAspectRatio: "xMidYMid slice", "aria-hidden": "true", focusable: "false", children: [_jsx("polyline", { className: "ns-fx-starfield__lines", points: bright.map((s) => `${s.x},${s.y}`).join(' ') }), [0, 1, 2].map((layer) => (_jsx("g", { className: `ns-fx-starfield__layer ns-fx-starfield__layer--${layer}`, children: field
+                            .filter((s) => s.layer === layer)
+                            .map((s, i) => (_jsx("circle", { className: cx('ns-fx-starfield__star', s.twinkle && 'ns-fx-starfield__star--twinkle'), cx: s.x, cy: s.y, r: s.r, style: { opacity: s.o, '--ns-fx-t': `${s.t}s` } }, i))) }, layer)))] }), _jsxs("div", { className: "ns-fx-starfield__body", children: [_jsx("svg", { className: "ns-fx-starfield__north", viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: STAR }) }), _jsx(H, { id: titleId, className: "ns-fx-starfield__title", children: title }), description ? _jsx("p", { className: "ns-fx-starfield__desc", children: description }) : null, action ? _jsx("div", { className: "ns-fx-starfield__action", children: action }) : null] })] }));
+}
+/* ------------------------------------------------------------ OrbitAvatar */
+export function initialsOf(name) {
+    const parts = name.trim().split(/\s+/).filter(Boolean);
+    const first = parts[0]?.[0] ?? '';
+    const last = parts.length > 1 ? (parts[parts.length - 1]?.[0] ?? '') : '';
+    return (first + last).toUpperCase();
+}
+/** An initials avatar with an orbit ring; on hover or focus of the avatar (or a parent with `.ns-fx-orbit-host`) a moon makes one turn. */
+export function OrbitAvatar({ name, size = 32, className, style, ...rest }) {
+    return (_jsxs("span", { ...rest, role: "img", "aria-label": name, className: cx('ns-fx-oavatar', className), style: { ...style, '--ns-fx-s': `${size}px` }, children: [_jsx("span", { className: "ns-fx-oavatar__face", "aria-hidden": "true", children: initialsOf(name) }), _jsxs("svg", { className: "ns-fx-oavatar__orbit", viewBox: "0 0 40 40", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { className: "ns-fx-oavatar__ring", cx: "20", cy: "20", r: "19" }), _jsx("g", { className: "ns-fx-oavatar__arm", children: _jsx("circle", { className: "ns-fx-oavatar__moon", cx: "20", cy: "1", r: "1.8" }) })] })] }));
+}
+/** A tag led by a small star; removing it lets the star fade out and the tag fold away before `onRemove` fires. */
+export function TagOrbit({ label, onRemove, removeLabel = (l) => `Remove ${l}`, className, ...rest }) {
+    const [leaving, setLeaving] = useState(false);
+    const after = useTimers();
+    return (_jsxs("span", { ...rest, className: cx('ns-fx-tag', className), "data-leaving": leaving || undefined, children: [_jsx("svg", { className: "ns-fx-tag__star", viewBox: "0 0 12 12", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: STAR }) }), _jsx("span", { className: "ns-fx-tag__label", children: label }), onRemove ? (_jsx("button", { type: "button", className: "ns-fx-tag__remove", "aria-label": removeLabel(label), disabled: leaving, onClick: () => {
+                    if (reducedMotionNow())
+                        return onRemove();
+                    setLeaving(true);
+                    after(onRemove, 360);
+                }, 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] }));
+}
+/**
+ * A disclosure whose content arrives on a sine ease (the curve is exactly half
+ * a cosine): each block fades and rises a few pixels, staggered by a quarter
+ * period. The marker is a small meridian that turns a quarter as it opens.
+ */
+export function SineDisclosure({ title, open, defaultOpen = false, onOpenChange, headingLevel = 3, disabled, className, children, ...rest }) {
+    const id = useId();
+    const [isOpen, setOpen] = useControllable(open, defaultOpen, onOpenChange);
+    const H = `h${headingLevel}`;
+    return (_jsxs("div", { ...rest, className: cx('ns-fx-sine', className), "data-state": isOpen ? 'open' : 'closed', children: [_jsx(H, { className: "ns-fx-sine__heading", children: _jsxs("button", { type: "button", id: `${id}-h`, className: "ns-fx-sine__trigger", "aria-expanded": isOpen, "aria-controls": `${id}-p`, disabled: disabled, onClick: () => setOpen(!isOpen), children: [_jsx("span", { className: "ns-fx-sine__title", children: title }), _jsxs("svg", { className: "ns-fx-sine__mark", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "8", cy: "8", r: "6" }), _jsx("ellipse", { className: "ns-fx-sine__meridian", cx: "8", cy: "8", rx: "2.6", ry: "6" }), _jsx("line", { x1: "2", y1: "8", x2: "14", y2: "8" })] })] }) }), _jsx("div", { id: `${id}-p`, role: "region", "aria-labelledby": `${id}-h`, className: "ns-fx-sine__panel", hidden: !isOpen, children: _jsx("div", { className: "ns-fx-sine__inner", children: children }) })] }));
+}
+/** A set of SineDisclosures. Up/Down, Home and End move between headers. */
+export function SineAccordion({ items, type = 'single', value, defaultValue = [], onValueChange, headingLevel = 3, className, ...rest }) {
+    const [openSet, setOpenSet] = useControllable(value, defaultValue, onValueChange);
+    const root = useRef(null);
+    function onKeyDown(e) {
+        const triggers = Array.from(root.current?.querySelectorAll('.ns-fx-sine__trigger:not(:disabled)') ?? []);
+        const i = triggers.indexOf(document.activeElement);
+        if (i < 0)
+            return;
+        let n = -1;
+        if (e.key === 'ArrowDown')
+            n = (i + 1) % triggers.length;
+        else if (e.key === 'ArrowUp')
+            n = (i - 1 + triggers.length) % triggers.length;
+        else if (e.key === 'Home')
+            n = 0;
+        else if (e.key === 'End')
+            n = triggers.length - 1;
+        if (n < 0)
+            return;
+        e.preventDefault();
+        triggers[n]?.focus();
+    }
+    return (_jsx("div", { ...rest, ref: root, className: cx('ns-fx-accordion', className), onKeyDown: onKeyDown, children: items.map((item) => (_jsx(SineDisclosure, { title: item.title, headingLevel: headingLevel, ...(item.disabled ? { disabled: true } : null), open: openSet.includes(item.value), onOpenChange: (o) => {
+                if (type === 'single')
+                    setOpenSet(o ? [item.value] : []);
+                else
+                    setOpenSet(o ? [...openSet, item.value] : openSet.filter((v) => v !== item.value));
+            }, children: item.content }, item.value))) }));
+}
+//# sourceMappingURL=display.js.map

package/dist/effects/display.js.map

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

package/dist/effects/hooks.d.ts

@@ -0,0 +1,13 @@
+import { useEffect } from 'react';
+export declare const useIsoLayoutEffect: typeof useEffect;
+export declare function cx(...parts: Array<string | false | null | undefined>): string;
+/** Read once, now. Safe on the server (returns false). */
+export declare function reducedMotionNow(): boolean;
+/** Live `prefers-reduced-motion`. CSS handles the visuals; this gates JS-spawned motion. */
+export declare function useReducedMotion(): boolean;
+/** Controlled/uncontrolled state: `value` wins when defined. */
+export declare function useControllable<T>(value: T | undefined, defaultValue: T, onChange?: (next: T) => void): [T, (next: T) => void];
+export declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): React.RefCallback<T>;
+/** Cancels pending timers on unmount. */
+export declare function useTimers(): (fn: () => void, ms: number) => void;
+//# sourceMappingURL=hooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/effects/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,SAAS,EAAqC,MAAM,OAAO,CAAC;AAElF,eAAO,MAAM,kBAAkB,kBAA8D,CAAC;AAE9F,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,MAAM,CAE7E;AAID,0DAA0D;AAC1D,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C;AAED,4FAA4F;AAC5F,wBAAgB,gBAAgB,IAAI,OAAO,CAW1C;AAED,gEAAgE;AAChE,wBAAgB,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,CAa9H;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAO3F;AAED,yCAAyC;AACzC,wBAAgB,SAAS,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAgBhE"}

package/dist/effects/hooks.js

@@ -0,0 +1,68 @@
+'use client';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+export const useIsoLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+export function cx(...parts) {
+    return parts.filter(Boolean).join(' ');
+}
+const QUERY = '(prefers-reduced-motion: reduce)';
+/** Read once, now. Safe on the server (returns false). */
+export function reducedMotionNow() {
+    return typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia(QUERY).matches;
+}
+/** Live `prefers-reduced-motion`. CSS handles the visuals; this gates JS-spawned motion. */
+export function useReducedMotion() {
+    const [reduced, setReduced] = useState(false);
+    useEffect(() => {
+        if (typeof window.matchMedia !== 'function')
+            return;
+        const mq = window.matchMedia(QUERY);
+        setReduced(mq.matches);
+        const on = () => setReduced(mq.matches);
+        mq.addEventListener?.('change', on);
+        return () => mq.removeEventListener?.('change', on);
+    }, []);
+    return reduced;
+}
+/** Controlled/uncontrolled state: `value` wins when defined. */
+export function useControllable(value, defaultValue, onChange) {
+    const [inner, setInner] = useState(defaultValue);
+    const controlled = value !== undefined;
+    const ref = useRef(onChange);
+    ref.current = onChange;
+    const set = useCallback((next) => {
+        if (!controlled)
+            setInner(next);
+        ref.current?.(next);
+    }, [controlled]);
+    return [controlled ? value : inner, set];
+}
+export function mergeRefs(...refs) {
+    return (node) => {
+        for (const ref of refs) {
+            if (typeof ref === 'function')
+                ref(node);
+            else if (ref)
+                ref.current = node;
+        }
+    };
+}
+/** Cancels pending timers on unmount. */
+export function useTimers() {
+    const ids = useRef(new Set());
+    useEffect(() => {
+        const set = ids.current;
+        return () => {
+            for (const id of set)
+                clearTimeout(id);
+            set.clear();
+        };
+    }, []);
+    return useCallback((fn, ms) => {
+        const id = setTimeout(() => {
+            ids.current.delete(id);
+            fn();
+        }, ms);
+        ids.current.add(id);
+    }, []);
+}
+//# sourceMappingURL=hooks.js.map

package/dist/effects/hooks.js.map

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

package/dist/effects/index.d.ts

@@ -0,0 +1,14 @@
+export { StarLink, ConstellationButton, KbdKeycap } from './actions.js';
+export type { StarLinkProps, ConstellationButtonProps, KbdKeycapProps } from './actions.js';
+export { OrbitSpinner, FibonacciLoader, LissajousLoader, PrimeSkeleton, ProgressSextant } from './loaders.js';
+export type { LoaderProps, FibonacciLoaderProps, LissajousLoaderProps, PrimeSkeletonProps, ProgressSextantProps } from './loaders.js';
+export { CompassSwitch, SextantSlider, ConstellationCheckbox, RadioOrbitGroup, RadioOrbit, GraticuleInput } from './controls.js';
+export type { CompassSwitchProps, SextantSliderProps, ConstellationCheckboxProps, RadioOrbitGroupProps, RadioOrbitProps, GraticuleInputProps, } from './controls.js';
+export { MeridianTabs, StarPagination, ConstellationBreadcrumb } from './navigation.js';
+export type { MeridianTab, MeridianTabsProps, StarPaginationProps, ConstellationCrumb, ConstellationBreadcrumbProps } from './navigation.js';
+export { RollingNumber, CountUp, HorizonDivider, StarfieldEmptyState, OrbitAvatar, initialsOf, TagOrbit, SineDisclosure, SineAccordion } from './display.js';
+export type { RollingNumberProps, CountUpProps, HorizonDividerProps, StarfieldEmptyStateProps, OrbitAvatarProps, TagOrbitProps, SineDisclosureProps, SineAccordionItem, SineAccordionProps, } from './display.js';
+export { TooltipCompass, ToastComet } from './overlays.js';
+export type { TooltipCompassProps, ToastCometProps } from './overlays.js';
+export { GOLDEN_ANGLE, PRIMES, fibonacci, seeded, vogel, lissajousPath, starPath } from './math.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/effects/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxE,YAAY,EAAE,aAAa,EAAE,wBAAwB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE5F,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC9G,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEtI,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACjI,YAAY,EACV,kBAAkB,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,GAC/H,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AACxF,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAE7I,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7J,YAAY,EACV,kBAAkB,EAAE,YAAY,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,aAAa,EAAE,mBAAmB,EACrI,iBAAiB,EAAE,kBAAkB,GACtC,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3D,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/effects/index.js

@@ -0,0 +1,12 @@
+// @northstar-js/react/effects — opt-in Northstar variants: stars, orbits,
+// instruments and a little arithmetic. Styles ship in `effects.css`; load it
+// after `styles.css`. Every effect is transform/opacity only, seeded rather
+// than random, and still (with its state visible) under reduced motion.
+export { StarLink, ConstellationButton, KbdKeycap } from './actions.js';
+export { OrbitSpinner, FibonacciLoader, LissajousLoader, PrimeSkeleton, ProgressSextant } from './loaders.js';
+export { CompassSwitch, SextantSlider, ConstellationCheckbox, RadioOrbitGroup, RadioOrbit, GraticuleInput } from './controls.js';
+export { MeridianTabs, StarPagination, ConstellationBreadcrumb } from './navigation.js';
+export { RollingNumber, CountUp, HorizonDivider, StarfieldEmptyState, OrbitAvatar, initialsOf, TagOrbit, SineDisclosure, SineAccordion } from './display.js';
+export { TooltipCompass, ToastComet } from './overlays.js';
+export { GOLDEN_ANGLE, PRIMES, fibonacci, seeded, vogel, lissajousPath, starPath } from './math.js';
+//# sourceMappingURL=index.js.map

package/dist/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/effects/index.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,6EAA6E;AAC7E,4EAA4E;AAC5E,wEAAwE;AACxE,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGxE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG9G,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,qBAAqB,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAKjI,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAGxF,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM7J,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3D,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC"}

package/dist/effects/loaders.d.ts

@@ -0,0 +1,67 @@
+export interface LoaderProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+    /** Pixel size of the square mark. */
+    size?: number;
+    /** Announced to screen readers, and shown beside the still mark under reduced motion. Default "Loading". */
+    label?: string;
+}
+/**
+ * A north star with two planets on circular orbits. Their periods follow
+ * Kepler's third law (T ∝ a^1.5), so the inner planet laps the outer one and
+ * the pair never repeats the same picture on a short cycle.
+ */
+export declare function OrbitSpinner({ size, label, ...rest }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export interface FibonacciLoaderProps extends LoaderProps {
+    /** Number of seeds in the head. A Fibonacci number reads best. Default 21. */
+    seeds?: number;
+}
+/**
+ * A sunflower head of seeds placed at the golden angle (Vogel's model). Each
+ * seed's pulse is offset by its index times 1/φ, so the brightness travels
+ * outward along the spiral arms (the parastichies).
+ */
+export declare function FibonacciLoader({ size, label, seeds, ...rest }: FibonacciLoaderProps): import("react/jsx-runtime").JSX.Element;
+export interface LissajousLoaderProps extends LoaderProps {
+    /** Frequency ratio a:b. Default [3, 2]. */
+    ratio?: [number, number];
+    /** Seconds for one full figure. Default 3.6. */
+    period?: number;
+}
+/**
+ * A point tracing x = cos(a·t), y = sin(b·t) over its own faint figure. Two
+ * nested translations with sine easing give the exact curve using transforms
+ * only: half a cosine is precisely the ease-in-out-sine curve.
+ */
+export declare function LissajousLoader({ size, label, ratio, period, ...rest }: LissajousLoaderProps): import("react/jsx-runtime").JSX.Element;
+export interface PrimeSkeletonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Number of placeholder lines. Default 3. */
+    lines?: number;
+    /** Line widths in percent; cycled. */
+    widths?: number[];
+    /** Line height in pixels. Default 12. */
+    lineHeight?: number;
+    /** Announced to screen readers. Default "Loading". */
+    label?: string;
+}
+/**
+ * Skeleton lines whose shimmers run on prime-numbered periods (3, 5, 7, 11 …
+ * × 0.5 s). No two lines ever fall into step, so the block never pulses as
+ * one. Under reduced motion the lines are still.
+ */
+export declare function PrimeSkeleton({ lines, widths, lineHeight, label, className, style, ...rest }: PrimeSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export interface ProgressSextantProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    value: number;
+    max?: number;
+    /** Accessible name. Required unless `aria-labelledby` is given. */
+    label?: string;
+    /** Pixel width; height follows. Default 160. */
+    width?: number;
+    /** Formats the readout. Default whole percent. */
+    format?: (value: number, max: number) => string;
+}
+/**
+ * Arc progress drawn like a sextant's limb: 24 graduations, a major one
+ * every quarter, and an index arm that swings to the reading. Only the arm's
+ * rotation and the ticks' opacity change.
+ */
+export declare function ProgressSextant({ value, max, label, width, format, className, style, ...rest }: ProgressSextantProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=loaders.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loaders.d.ts","sourceRoot":"","sources":["../../src/effects/loaders.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC1F,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAaD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,2CAkBlF;AAID,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,KAAU,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAqB1G;AAID,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,KAAiB,EAAE,KAAc,EAAE,MAAY,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAsB5H;AAID,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAChG,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAS,EAAE,MAA8B,EAAE,UAAe,EAAE,KAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAc7J;AAID,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CACjD;AAMD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,GAAS,EAAE,KAAK,EAAE,KAAW,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CA0ChI"}

package/dist/effects/loaders.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from './hooks.js';
+import { PRIMES, clamp, lissajousPath, r2, starPath, vogel } from './math.js';
+function Loader({ kind, size, label, className, style, children, ...rest }) {
+    return (_jsxs("span", { ...rest, role: "status", className: cx('ns-fx-loader', `ns-fx-loader--${kind}`, className), style: { ...style, '--ns-fx-size': `${size}px` }, children: [children, _jsx("span", { className: "ns-fx-loader__label", children: label })] }));
+}
+/* ---------------------------------------------------------- OrbitSpinner */
+/**
+ * A north star with two planets on circular orbits. Their periods follow
+ * Kepler's third law (T ∝ a^1.5), so the inner planet laps the outer one and
+ * the pair never repeats the same picture on a short cycle.
+ */
+export function OrbitSpinner({ size = 32, label = 'Loading', ...rest }) {
+    const inner = 1.2;
+    const outer = r2(inner * Math.pow(12 / 7, 1.5));
+    return (_jsx(Loader, { kind: "orbit", size: size, label: label, ...rest, children: _jsxs("svg", { viewBox: "0 0 32 32", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { className: "ns-fx-orbit__ring", cx: "16", cy: "16", r: "7" }), _jsx("circle", { className: "ns-fx-orbit__ring", cx: "16", cy: "16", r: "12" }), _jsx("path", { className: "ns-fx-orbit__star", d: starPath(16, 16, 4, 0.9) }), _jsx("g", { className: "ns-fx-orbit__arm", style: { '--ns-fx-t': `${inner}s` }, children: _jsx("circle", { className: "ns-fx-orbit__planet", cx: "16", cy: "9", r: "1.9" }) }), _jsx("g", { className: "ns-fx-orbit__arm", style: { '--ns-fx-t': `${outer}s` }, children: _jsx("circle", { className: "ns-fx-orbit__planet ns-fx-orbit__planet--far", cx: "16", cy: "4", r: "1.5" }) })] }) }));
+}
+/**
+ * A sunflower head of seeds placed at the golden angle (Vogel's model). Each
+ * seed's pulse is offset by its index times 1/φ, so the brightness travels
+ * outward along the spiral arms (the parastichies).
+ */
+export function FibonacciLoader({ size = 32, label = 'Loading', seeds = 21, ...rest }) {
+    const n = Math.max(5, Math.min(89, Math.round(seeds)));
+    return (_jsx(Loader, { kind: "fibonacci", size: size, label: label, ...rest, children: _jsx("svg", { viewBox: "0 0 40 40", "aria-hidden": "true", focusable: "false", children: Array.from({ length: n }, (_, i) => {
+                const p = vogel(i, n);
+                return (_jsx("circle", { className: "ns-fx-seed", cx: r2(20 + p.x * 17), cy: r2(20 + p.y * 17), r: r2(0.9 + p.r * 1.3), style: { '--ns-fx-k': r2((i * 0.618034) % 1) } }, i));
+            }) }) }));
+}
+/**
+ * A point tracing x = cos(a·t), y = sin(b·t) over its own faint figure. Two
+ * nested translations with sine easing give the exact curve using transforms
+ * only: half a cosine is precisely the ease-in-out-sine curve.
+ */
+export function LissajousLoader({ size = 32, label = 'Loading', ratio = [3, 2], period = 3.6, ...rest }) {
+    const [a, b] = ratio;
+    const px = r2(period / (2 * a));
+    const py = r2(period / (2 * b));
+    return (_jsx(Loader, { kind: "lissajous", size: size, label: label, ...rest, children: _jsxs("svg", { viewBox: "0 0 40 40", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { className: "ns-fx-liss__track", d: lissajousPath(a, b, 32), transform: "translate(4 4)" }), [0, 1, 2, 3].map((k) => (_jsx("g", { className: "ns-fx-liss__x", style: { '--ns-fx-d': `${px}s`, '--ns-fx-lag': `${-r2(period - k * period * 0.018)}s` }, children: _jsx("g", { className: "ns-fx-liss__y", style: { '--ns-fx-d': `${py}s`, '--ns-fx-lag': `${-r2(period + py / 2 - k * period * 0.018)}s` }, children: _jsx("circle", { className: "ns-fx-liss__dot", cx: "20", cy: "20", r: r2(2 - k * 0.35), style: { opacity: r2(1 - k * 0.24) } }) }) }, k)))] }) }));
+}
+/**
+ * Skeleton lines whose shimmers run on prime-numbered periods (3, 5, 7, 11 …
+ * × 0.5 s). No two lines ever fall into step, so the block never pulses as
+ * one. Under reduced motion the lines are still.
+ */
+export function PrimeSkeleton({ lines = 3, widths = [100, 88, 72, 94, 64], lineHeight = 12, label = 'Loading', className, style, ...rest }) {
+    return (_jsxs("div", { ...rest, role: "status", className: cx('ns-fx-pskel', className), style: { ...style, '--ns-fx-h': `${lineHeight}px` }, children: [Array.from({ length: Math.max(1, lines) }, (_, i) => (_jsx("span", { className: "ns-fx-pskel__line", "aria-hidden": "true", style: { width: `${widths[i % widths.length]}%`, '--ns-fx-t': `${(PRIMES[(i % (PRIMES.length - 1)) + 1] ?? 3) * 0.5}s` } }, i))), _jsx("span", { className: "ns-fx-sr", children: label })] }));
+}
+const ARC_FROM = -150;
+const ARC_SPAN = 120;
+const TICKS = 25;
+/**
+ * Arc progress drawn like a sextant's limb: 24 graduations, a major one
+ * every quarter, and an index arm that swings to the reading. Only the arm's
+ * rotation and the ticks' opacity change.
+ */
+export function ProgressSextant({ value, max = 100, label, width = 160, format, className, style, ...rest }) {
+    const f = max > 0 ? clamp(value / max, 0, 1) : 0;
+    const text = format ? format(value, max) : `${Math.round(f * 100)}%`;
+    const pt = (deg, rad) => {
+        const t = (deg * Math.PI) / 180;
+        return [r2(60 + rad * Math.cos(t)), r2(66 + rad * Math.sin(t))];
+    };
+    return (_jsxs("div", { ...rest, role: "progressbar", "aria-label": rest['aria-labelledby'] ? undefined : label, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": clamp(value, 0, max), "aria-valuetext": text, className: cx('ns-fx-sextant', className), style: { ...style, width, '--ns-fx-rot': `${r2(ARC_SPAN * f - ARC_SPAN / 2)}deg` }, children: [_jsxs("svg", { viewBox: "0 0 120 76", "aria-hidden": "true", focusable: "false", children: [Array.from({ length: TICKS }, (_, i) => {
+                        const deg = ARC_FROM + (ARC_SPAN * i) / (TICKS - 1);
+                        const major = i % 6 === 0;
+                        const [x1, y1] = pt(deg, major ? 45 : 48);
+                        const [x2, y2] = pt(deg, 54);
+                        const on = i / (TICKS - 1) <= f + 1e-9 && f > 0;
+                        return (_jsxs("g", { children: [_jsx("line", { className: cx('ns-fx-sextant__tick', major && 'ns-fx-sextant__tick--major'), x1: x1, y1: y1, x2: x2, y2: y2 }), _jsx("line", { className: "ns-fx-sextant__lit", "data-on": on || undefined, x1: x1, y1: y1, x2: x2, y2: y2, style: { '--ns-fx-i': i } })] }, i));
+                    }), _jsxs("g", { className: "ns-fx-sextant__arm", children: [_jsx("line", { x1: "60", y1: "66", x2: "60", y2: "14" }), _jsx("path", { d: starPath(60, 12, 3.4, 0.8) })] }), _jsx("circle", { className: "ns-fx-sextant__pivot", cx: "60", cy: "66", r: "2.5" })] }), _jsx("span", { className: "ns-fx-sextant__readout", "aria-hidden": "true", children: text })] }));
+}
+//# sourceMappingURL=loaders.js.map

package/dist/effects/loaders.js.map

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

package/dist/effects/math.d.ts

@@ -0,0 +1,23 @@
+/** The golden angle in degrees: 360 × (1 − 1/φ). Vogel's sunflower spacing. */
+export declare const GOLDEN_ANGLE = 137.50776405003785;
+/** The first primes, used for timings that should never fall into step. */
+export declare const PRIMES: readonly [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37];
+/** First Fibonacci numbers (1, 1, 2, 3, 5, …). */
+export declare function fibonacci(n: number): number[];
+/** Mulberry32: a tiny seeded PRNG, uniform in [0, 1). */
+export declare function seeded(seed: number): () => number;
+/** Vogel's spiral: point `i` of `n` on a unit disc, golden-angle spaced. */
+export declare function vogel(i: number, n: number): {
+    x: number;
+    y: number;
+    r: number;
+    a: number;
+};
+/** Points of a Lissajous figure x = sin(a·t + δ), y = sin(b·t), as an SVG path on a box of `size`. */
+export declare function lissajousPath(a: number, b: number, size: number, delta?: number, steps?: number): string;
+/** Round to 2 dp for stable SVG/CSS output. */
+export declare const r2: (n: number) => number;
+/** The four-point north star, centred on (x, y) with outer radius `o` and waist `w`. */
+export declare function starPath(x: number, y: number, o: number, w?: number): string;
+export declare const clamp: (n: number, lo: number, hi: number) => number;
+//# sourceMappingURL=math.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/effects/math.ts"],"names":[],"mappings":"AAIA,+EAA+E;AAC/E,eAAO,MAAM,YAAY,qBAAqB,CAAC;AAG/C,2EAA2E;AAC3E,eAAO,MAAM,MAAM,uDAAwD,CAAC;AAE5E,kDAAkD;AAClD,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAS7C;AAED,yDAAyD;AACzD,wBAAgB,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,MAAM,CAQjD;AAED,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAI1F;AAED,sGAAsG;AACtG,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,SAAc,EAAE,KAAK,SAAM,GAAG,MAAM,CAU1G;AAED,+CAA+C;AAC/C,eAAO,MAAM,EAAE,GAAI,GAAG,MAAM,KAAG,MAAmC,CAAC;AAEnE,wFAAwF;AACxF,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,SAAU,GAAG,MAAM,CAG7E;AAED,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,IAAI,MAAM,EAAE,IAAI,MAAM,KAAG,MAAuC,CAAC"}