@remix-run/ui 0.3.0 → 0.4.0

package/dist/animation/demos/spring.demo.js

@@ -1,304 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
-import { addEventListeners, css, on, ref } from '@remix-run/ui';
-import { dragVelocityEvents } from "./drag-release.js";
-import { spring } from '@remix-run/ui/animation';
-function PointerTrail(handle) {
-    let canvas;
-    let points = [];
-    let isDown = false;
-    let releaseTime = 0;
-    let animationId = null;
-    let maxAge = 150; // ms - how long points stay in the trail while dragging
-    let fadeDuration = 800; // ms - how long the trail fades after release
-    function draw() {
-        if (!canvas)
-            return;
-        let ctx = canvas.getContext('2d');
-        if (!ctx)
-            return;
-        let now = performance.now();
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        // Calculate overall opacity based on release time
-        let overallOpacity = 1;
-        if (!isDown && releaseTime > 0) {
-            let elapsed = now - releaseTime;
-            overallOpacity = Math.max(0, 1 - elapsed / fadeDuration);
-            if (overallOpacity <= 0) {
-                points = [];
-                animationId = null;
-                return;
-            }
-        }
-        // Filter out old points while dragging
-        if (isDown) {
-            points = points.filter((p) => now - p.time < maxAge);
-        }
-        if (points.length < 2) {
-            if (isDown || overallOpacity > 0) {
-                animationId = requestAnimationFrame(draw);
-            }
-            else {
-                animationId = null;
-            }
-            return;
-        }
-        // Draw the trail as a tapered path
-        ctx.beginPath();
-        ctx.lineCap = 'round';
-        ctx.lineJoin = 'round';
-        for (let i = 1; i < points.length; i++) {
-            let prev = points[i - 1];
-            let curr = points[i];
-            // Age-based opacity (older = more transparent)
-            let age = isDown ? (now - prev.time) / maxAge : 0;
-            let segmentOpacity = (1 - age) * overallOpacity;
-            // Thickness tapers from thin (old) to thick (new)
-            let progress = i / (points.length - 1);
-            let thickness = 2 + progress * 8;
-            ctx.beginPath();
-            ctx.moveTo(prev.x, prev.y);
-            ctx.lineTo(curr.x, curr.y);
-            ctx.strokeStyle = `rgba(14, 165, 233, ${segmentOpacity * 0.6})`;
-            ctx.lineWidth = thickness;
-            ctx.stroke();
-        }
-        // Draw a red glow at the end to show direction
-        if (points.length > 0) {
-            let last = points[points.length - 1];
-            let gradient = ctx.createRadialGradient(last.x, last.y, 0, last.x, last.y, 20);
-            gradient.addColorStop(0, `rgba(239, 68, 68, ${overallOpacity * 0.6})`);
-            gradient.addColorStop(1, 'rgba(239, 68, 68, 0)');
-            ctx.fillStyle = gradient;
-            ctx.beginPath();
-            ctx.arc(last.x, last.y, 20, 0, Math.PI * 2);
-            ctx.fill();
-        }
-        animationId = requestAnimationFrame(draw);
-    }
-    function startDrawing() {
-        if (!animationId) {
-            animationId = requestAnimationFrame(draw);
-        }
-    }
-    if (typeof document !== 'undefined') {
-        addEventListeners(document, handle.signal, {
-            pointerdown(event) {
-                if (!event.target.closest('.draggable'))
-                    return;
-                isDown = true;
-                releaseTime = 0;
-                points = [{ x: event.clientX, y: event.clientY, time: performance.now() }];
-                startDrawing();
-            },
-            pointermove(event) {
-                if (!isDown)
-                    return;
-                points.push({ x: event.clientX, y: event.clientY, time: performance.now() });
-            },
-            pointerup() {
-                if (!isDown)
-                    return;
-                isDown = false;
-                releaseTime = performance.now();
-            },
-            pointercancel() {
-                isDown = false;
-                releaseTime = performance.now();
-            },
-        });
-    }
-    return () => (_jsx("canvas", { mix: [
-            ref((node) => {
-                canvas = node;
-                canvas.width = window.innerWidth;
-                canvas.height = window.innerHeight;
-            }),
-            css({
-                position: 'absolute',
-                inset: 0,
-                pointerEvents: 'none',
-                zIndex: 5,
-            }),
-        ] }));
-}
-/**
- * @name Spring Drag Release
- * @description A full-screen spring physics playground with click targets and drag-release velocity.
- */
-export default function SpringDemo(handle) {
-    let viewportWidth = globalThis.window?.innerWidth ?? 1000;
-    let viewportHeight = globalThis.window?.innerHeight ?? 700;
-    // Target circle position (click to move)
-    let targetX = viewportWidth / 2;
-    let targetY = viewportHeight / 2;
-    // Draggable circle state
-    let dragX = viewportWidth / 2 - 150;
-    let dragY = viewportHeight / 2;
-    let isDragging = false;
-    let isAnimating = false;
-    // Current spring transitions (separate for X and Y to capture 2D velocity)
-    let transitionX = '';
-    let transitionY = '';
-    let selectedPreset = 'bouncy';
-    // Get default spring transition for target circle
-    let springValue = spring(selectedPreset);
-    if (typeof document !== 'undefined') {
-        addEventListeners(document, handle.signal, {
-            click(event) {
-                // Ignore clicks on controls or when dragging
-                if (event.target.closest('.controls'))
-                    return;
-                if (event.target.closest('.draggable'))
-                    return;
-                targetX = event.clientX;
-                targetY = event.clientY;
-                handle.update();
-            },
-        });
-    }
-    return () => (_jsxs("div", { mix: [
-            css({
-                position: 'fixed',
-                inset: 0,
-                backgroundColor: '#1a1a2e',
-                cursor: 'crosshair',
-                overflow: 'hidden',
-            }),
-        ], children: [_jsx(PointerTrail, {}), _jsx("div", { mix: [
-                    css({
-                        position: 'absolute',
-                        width: '80px',
-                        height: '80px',
-                        borderRadius: '50%',
-                        backgroundColor: 'transparent',
-                        border: '3px dashed rgba(233, 69, 96, 0.5)',
-                        transform: 'translate(-50%, -50%)',
-                        pointerEvents: 'none',
-                    }),
-                ], style: {
-                    left: `${targetX}px`,
-                    top: `${targetY}px`,
-                    transition: `left ${springValue}, top ${springValue}`,
-                } }), _jsx("div", { className: "draggable", mix: [
-                    css({
-                        position: 'absolute',
-                        width: '60px',
-                        height: '60px',
-                        borderRadius: '50%',
-                        backgroundColor: '#0ea5e9',
-                        boxShadow: '0 0 20px rgba(14, 165, 233, 0.5)',
-                        transform: 'translate(-50%, -50%)',
-                        userSelect: 'none',
-                        touchAction: 'none',
-                        zIndex: 10,
-                    }),
-                    on('transitionend', () => {
-                        isAnimating = false;
-                        handle.update();
-                    }),
-                    on('pointerdown', (event) => {
-                        event.preventDefault();
-                        isDragging = true;
-                        isAnimating = false;
-                        handle.update();
-                    }),
-                    on('pointermove', (event) => {
-                        if (!isDragging)
-                            return;
-                        dragX = event.clientX;
-                        dragY = event.clientY;
-                        handle.update();
-                    }),
-                    dragVelocityEvents(),
-                    on(dragVelocityEvents.release, (event) => {
-                        isDragging = false;
-                        // Calculate distance to target on each axis
-                        let distX = targetX - dragX;
-                        let distY = targetY - dragY;
-                        if (Math.abs(distX) < 1 && Math.abs(distY) < 1) {
-                            handle.update();
-                            return;
-                        }
-                        // Create separate springs for X and Y with their own normalized velocities
-                        // normalizedVelocity = velocity / distance (with sign!) for each axis
-                        // The sign matters: positive = moving toward target, negative = moving away
-                        if (Math.abs(distX) >= 1) {
-                            let normalizedVelocityX = event.velocityX / distX;
-                            normalizedVelocityX = Math.max(-20, Math.min(20, normalizedVelocityX));
-                            transitionX = String(spring(selectedPreset, { velocity: normalizedVelocityX }));
-                        }
-                        else {
-                            transitionX = String(spring(selectedPreset));
-                        }
-                        if (Math.abs(distY) >= 1) {
-                            let normalizedVelocityY = event.velocityY / distY;
-                            normalizedVelocityY = Math.max(-20, Math.min(20, normalizedVelocityY));
-                            transitionY = String(spring(selectedPreset, { velocity: normalizedVelocityY }));
-                        }
-                        else {
-                            transitionY = String(spring(selectedPreset));
-                        }
-                        // Animate to target
-                        isAnimating = true;
-                        dragX = targetX;
-                        dragY = targetY;
-                        handle.update();
-                    }),
-                ], style: {
-                    left: `${dragX}px`,
-                    top: `${dragY}px`,
-                    cursor: isDragging ? 'grabbing' : 'grab',
-                    transition: isAnimating ? `left ${transitionX}, top ${transitionY}` : 'none',
-                } }), _jsx("div", { className: "controls", mix: [
-                    css({
-                        position: 'absolute',
-                        top: '20px',
-                        left: '50%',
-                        transform: 'translateX(-50%)',
-                        display: 'flex',
-                        gap: '4px',
-                        padding: '4px',
-                        backgroundColor: 'rgba(255, 255, 255, 0.1)',
-                        borderRadius: '8px',
-                        fontFamily: 'system-ui, sans-serif',
-                        fontSize: '14px',
-                        cursor: 'default',
-                    }),
-                ], children: Object.keys(spring.presets).map((preset) => (_jsxs("label", { mix: [
-                        css({
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '6px',
-                            padding: '8px 12px',
-                            borderRadius: '6px',
-                            color: '#fff',
-                            cursor: 'pointer',
-                            transition: 'background-color 150ms ease',
-                            '&:hover': {
-                                backgroundColor: 'rgba(255, 255, 255, 0.1)',
-                            },
-                            '&:has(input:checked)': {
-                                backgroundColor: 'rgba(14, 165, 233, 0.3)',
-                            },
-                        }),
-                    ], children: [_jsx("input", { type: "radio", name: "spring-preset", value: preset, checked: selectedPreset === preset, mix: [
-                                css({ accentColor: '#0ea5e9' }),
-                                on('change', () => {
-                                    selectedPreset = preset;
-                                    springValue = spring(selectedPreset);
-                                    handle.update();
-                                }),
-                            ] }), preset] }, preset))) }), _jsx("div", { mix: [
-                    css({
-                        position: 'absolute',
-                        bottom: '20px',
-                        left: '50%',
-                        transform: 'translateX(-50%)',
-                        color: '#ffffff80',
-                        fontFamily: 'system-ui, sans-serif',
-                        fontSize: '14px',
-                        textAlign: 'center',
-                    }),
-                ], children: "Click to move target \u2022 Drag the blue circle and release to see velocity-based spring" })] }));
-}
-//# sourceMappingURL=spring.demo.js.map

package/dist/animation/demos/spring.demo.js.map

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

package/dist/components/accordion/accordion.d.ts

@@ -1,92 +0,0 @@
-import { on, type CSSMixinDescriptor, type Handle, type Props, type RemixNode, type Dispatched } from '@remix-run/ui';
-declare const ACCORDION_CHANGE_EVENT: "rmx:accordion-change";
-type AccordionChangeHandler<target extends HTMLElement> = (event: Dispatched<AccordionChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
-declare global {
-    interface HTMLElementEventMap {
-        [ACCORDION_CHANGE_EVENT]: AccordionChangeEvent;
-    }
-}
-export declare class AccordionChangeEvent extends Event {
-    accordionType: AccordionType;
-    itemValue: string;
-    value: string | null | string[];
-    constructor(value: string | null | string[], init: {
-        accordionType: AccordionType;
-        itemValue: string;
-    });
-}
-type AccordionType = 'single' | 'multiple';
-type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
-type AccordionBaseProps = Omit<Props<'div'>, 'children'> & {
-    children?: RemixNode;
-    disabled?: boolean;
-    headingLevel?: HeadingLevel;
-};
-export type AccordionSingleProps = AccordionBaseProps & {
-    type?: 'single';
-    value?: string | null;
-    defaultValue?: string | null;
-    onValueChange?: (value: string | null) => void;
-    collapsible?: boolean;
-};
-export type AccordionMultipleProps = AccordionBaseProps & {
-    type: 'multiple';
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-};
-export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
-export type AccordionItemProps = Omit<Props<'div'>, 'children'> & {
-    children?: RemixNode;
-    disabled?: boolean;
-    value: string;
-};
-export type AccordionTriggerProps = Omit<Props<'button'>, 'children' | 'type'> & {
-    children?: RemixNode;
-    indicator?: RemixNode | null;
-    type?: 'button' | 'submit' | 'reset';
-};
-export type AccordionContentProps = Omit<Props<'div'>, 'children'> & {
-    children?: RemixNode;
-};
-type RegisteredItem = {
-    disabled: boolean;
-    getTriggerNode(): HTMLButtonElement | null;
-    value: string;
-};
-type AccordionContext = {
-    collapsible: boolean;
-    disabled: boolean;
-    focusItem(value: string, direction: FocusDirection): void;
-    getPanelId(value: string): string | undefined;
-    getTriggerId(value: string): string | undefined;
-    headingLevel: HeadingLevel;
-    isOpen(value: string): boolean;
-    registerItem(item: RegisteredItem): void;
-    toggleItem(value: string): void;
-    type: AccordionType;
-};
-type AccordionItemContext = {
-    disabled: boolean;
-    headingLevel: HeadingLevel;
-    lockedOpen: boolean;
-    open: boolean;
-    panelId: string;
-    setTriggerNode(node: HTMLButtonElement | null): void;
-    triggerId: string;
-    value: string;
-};
-type FocusDirection = 'first' | 'last' | 'next' | 'previous';
-export declare const rootStyle: CSSMixinDescriptor;
-export declare const itemStyle: CSSMixinDescriptor;
-export declare const triggerStyle: CSSMixinDescriptor;
-export declare const indicatorStyle: CSSMixinDescriptor;
-export declare const panelStyle: CSSMixinDescriptor;
-export declare const bodyStyle: CSSMixinDescriptor;
-declare function AccordionImpl(handle: Handle<AccordionProps, AccordionContext>): () => RemixNode;
-export declare function onAccordionChange<target extends HTMLElement>(handler: AccordionChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof ACCORDION_CHANGE_EVENT>>;
-export declare const Accordion: typeof AccordionImpl;
-export declare function AccordionItem(handle: Handle<AccordionItemProps, AccordionItemContext>): () => RemixNode;
-export declare function AccordionTrigger(handle: Handle<AccordionTriggerProps>): () => RemixNode;
-export declare function AccordionContent(handle: Handle<AccordionContentProps>): () => RemixNode;
-export {};