@remix-run/ui 0.2.0 → 0.3.0

package/dist/animation/demos/rotate.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
+import { css } from '@remix-run/ui';
+export function Rotate() {
+    return () => (_jsx("div", { mix: [
+            css({
+                width: 100,
+                height: 100,
+                backgroundColor: '#ff0088',
+                borderRadius: 5,
+                '@keyframes rotate-demo': {
+                    '0%': { transform: 'rotate(0deg)' },
+                    '100%': { transform: 'rotate(360deg)' },
+                },
+                animation: `rotate-demo 1s ease-in-out 1`,
+            }),
+        ] }));
+}
+//# sourceMappingURL=rotate.js.map

package/dist/animation/demos/rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rotate.js","sourceRoot":"","sources":["../../../src/animation/demos/rotate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,MAAM,UAAU,MAAM;IACpB,OAAO,GAAG,EAAE,CAAC,CACX,cACE,GAAG,EAAE;YACH,GAAG,CAAC;gBACF,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,eAAe,EAAE,SAAS;gBAC1B,YAAY,EAAE,CAAC;gBACf,wBAAwB,EAAE;oBACxB,IAAI,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;oBACnC,MAAM,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE;iBACxC;gBACD,SAAS,EAAE,8BAA8B;aAC1C,CAAC;SACH,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/animation/demos/shared-layout.d.ts

@@ -0,0 +1,2 @@
+import { type Handle } from '@remix-run/ui';
+export declare function SharedLayout(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/animation/demos/shared-layout.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { css, on } from '@remix-run/ui';
+import { animateEntrance, animateExit } from '@remix-run/ui/animation';
+const ease = 'cubic-bezier(0.26, 0.02, 0.23, 0.94)';
+function OverlapExample(handle) {
+    let shouldAnimate = false;
+    handle.queueTask(() => {
+        shouldAnimate = true;
+    });
+    return () => {
+        let { state } = handle.props;
+        let animationMix = [
+            animateExit({
+                opacity: 0,
+                transform: 'scale(0.8)',
+                duration: 300,
+                easing: ease,
+            }),
+        ];
+        if (shouldAnimate) {
+            animationMix.unshift(animateEntrance({
+                opacity: 0,
+                transform: 'scale(0.6)',
+                duration: 300,
+                easing: ease,
+            }));
+        }
+        return (_jsx("div", { 
+            // grid layout so children render in the same position
+            mix: [css({ display: 'grid', width: 80, height: 80, '& > *': { gridArea: '1 / 1' } })], children: state ? (_jsx("div", { mix: animationMix, children: _jsx(Circle, { filled: true, children: _jsx(FilledIcon, {}) }) }, "filled")) : (_jsx("div", { mix: animationMix, children: _jsx(Circle, { children: _jsx(OutlineIcon, {}) }) }, "outline")) }));
+    };
+}
+function WaitExample(handle) {
+    let shouldAnimate = false;
+    handle.queueTask(() => {
+        shouldAnimate = true;
+    });
+    return () => {
+        let { state } = handle.props;
+        let animationMix = [
+            animateExit({
+                opacity: 0,
+                transform: 'scale(0.8)',
+                duration: 300,
+                easing: ease,
+            }),
+        ];
+        if (shouldAnimate) {
+            animationMix.unshift(animateEntrance({
+                opacity: 0,
+                transform: 'scale(0.6)',
+                duration: 300,
+                easing: ease,
+                delay: 300,
+            }));
+        }
+        return (_jsx("div", { 
+            // grid layout so children render in the same position
+            mix: [css({ display: 'grid', width: 80, height: 80, '& > *': { gridArea: '1 / 1' } })], children: state ? (_jsx("div", { mix: animationMix, children: _jsx(Circle, { filled: true, children: _jsx(FilledIcon, {}) }) }, "filled")) : (_jsx("div", { mix: animationMix, children: _jsx(Circle, { children: _jsx(OutlineIcon, {}) }) }, "outline")) }));
+    };
+}
+export function SharedLayout(handle) {
+    let state = true;
+    return () => (_jsxs("div", { mix: [
+            css({
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+                gap: 16,
+            }),
+        ], children: [_jsxs("div", { mix: [css({ display: 'flex', gap: 16 })], children: [_jsx(OverlapExample, { state: state }), _jsx(WaitExample, { state: state })] }), _jsx("button", { mix: [
+                    css({
+                        backgroundColor: '#0f1115',
+                        color: '#f5f5f5',
+                        border: 'none',
+                        borderRadius: 8,
+                        padding: '12px 32px',
+                        fontSize: 14,
+                        fontWeight: 500,
+                        cursor: 'pointer',
+                        transition: 'transform 100ms ease-in-out',
+                        '&:active': {
+                            transform: 'scale(0.95)',
+                        },
+                    }),
+                    on('click', () => {
+                        state = !state;
+                        handle.update();
+                    }),
+                ], children: "Switch" })] }));
+}
+function Circle(handle) {
+    return () => (_jsx("div", { mix: [
+            css({
+                width: 80,
+                height: 80,
+                borderRadius: '50%',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                boxSizing: 'border-box',
+                backgroundColor: handle.props.filled ? '#0f1115' : 'transparent',
+                color: handle.props.filled ? '#f5f5f5' : '#0f1115',
+                border: handle.props.filled ? '2px solid #0f1115' : '2px solid #0f1115',
+            }),
+        ], children: handle.props.children }));
+}
+function FilledIcon() {
+    return () => (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6" }), _jsx("path", { d: "m21 3-9 9" }), _jsx("path", { d: "M15 3h6v6" })] }));
+}
+function OutlineIcon() {
+    return () => (_jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("path", { d: "M9 12h6" })] }));
+}
+//# sourceMappingURL=shared-layout.js.map

package/dist/animation/demos/shared-layout.js.map

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

package/dist/animation/demos/spring.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Spring Drag Release
+ * @description A full-screen spring physics playground with click targets and drag-release velocity.
+ */
+export default function SpringDemo(handle: Handle): () => import("@remix-run/ui").RemixElement;

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

@@ -0,0 +1,304 @@
+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

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

package/dist/animation/demos/transition-options.d.ts

@@ -0,0 +1 @@
+export declare function TransitionOptions(): () => import("@remix-run/ui").RemixElement;

package/dist/animation/demos/transition-options.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
+import { css } from '@remix-run/ui';
+import { animateEntrance } from '@remix-run/ui/animation';
+export function TransitionOptions() {
+    return () => (_jsx("div", { mix: [
+            css({
+                width: 100,
+                height: 100,
+                borderRadius: '50%',
+                backgroundColor: '#9911ff',
+            }),
+            animateEntrance({
+                opacity: 0,
+                transform: 'scale(0.5)',
+                duration: 800,
+                delay: 500,
+                easing: 'cubic-bezier(0, 0.71, 0.2, 1.01)',
+            }),
+        ] }));
+}
+//# sourceMappingURL=transition-options.js.map

package/dist/animation/demos/transition-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition-options.js","sourceRoot":"","sources":["../../../src/animation/demos/transition-options.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,MAAM,UAAU,iBAAiB;IAC/B,OAAO,GAAG,EAAE,CAAC,CACX,cACE,GAAG,EAAE;YACH,GAAG,CAAC;gBACF,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,YAAY,EAAE,KAAK;gBACnB,eAAe,EAAE,SAAS;aAC3B,CAAC;YACF,eAAe,CAAC;gBACd,OAAO,EAAE,CAAC;gBACV,SAAS,EAAE,YAAY;gBACvB,QAAQ,EAAE,GAAG;gBACb,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,kCAAkC;aAC3C,CAAC;SACH,GACD,CACH,CAAA;AACH,CAAC"}

package/dist/animation/spring.d.ts

@@ -43,4 +43,26 @@ export interface SpringFunction {
         bounce: number;
     }>;
 }
+/**
+ * Create a spring-physics animation iterator for CSS transitions and WAAPI.
+ *
+ * The returned iterator can be:
+ * - Iterated to get position values (0→1)
+ * - Spread into WAAPI options: `element.animate(keyframes, { ...spring() })`
+ * - Stringified for CSS: `` `transform ${spring()}` ``
+ *
+ * @example
+ * // Named preset
+ * let s = spring('bouncy')
+ * element.style.transition = `transform ${s}`
+ *
+ * @example
+ * // Custom parameters
+ * let s = spring({ duration: 500, bounce: 0.2 })
+ * element.animate(keyframes, { ...s })
+ *
+ * @example
+ * // Transition helper for multiple properties
+ * element.style.transition = spring.transition(['transform', 'opacity'], 'snappy')
+ */
 export declare const spring: SpringFunction;

package/dist/animation/spring.js

@@ -53,6 +53,28 @@ function transition(property, presetOrOptions, overrides) {
     let properties = Array.isArray(property) ? property : [property];
     return properties.map((p) => `${p} ${s}`).join(', ');
 }
+/**
+ * Create a spring-physics animation iterator for CSS transitions and WAAPI.
+ *
+ * The returned iterator can be:
+ * - Iterated to get position values (0→1)
+ * - Spread into WAAPI options: `element.animate(keyframes, { ...spring() })`
+ * - Stringified for CSS: `` `transform ${spring()}` ``
+ *
+ * @example
+ * // Named preset
+ * let s = spring('bouncy')
+ * element.style.transition = `transform ${s}`
+ *
+ * @example
+ * // Custom parameters
+ * let s = spring({ duration: 500, bounce: 0.2 })
+ * element.animate(keyframes, { ...s })
+ *
+ * @example
+ * // Transition helper for multiple properties
+ * element.style.transition = spring.transition(['transform', 'opacity'], 'snappy')
+ */
 export const spring = Object.assign(createSpring, {
     transition,
     presets,

package/dist/animation/spring.js.map

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

package/dist/components/accordion/demos/card.demo.d.ts

@@ -1,6 +1,7 @@
 /**
  * @name Accordion in a Card
  * @description The Accordion can sit inside a card when the surrounding surface needs stronger grouping.
+ * @layout center
  * @order 3
  */
 export default function Example(): () => import("@remix-run/ui").RemixElement;

package/dist/components/accordion/demos/card.demo.js

@@ -5,6 +5,7 @@ import { theme } from '@remix-run/ui/theme';
 /**
  * @name Accordion in a Card
  * @description The Accordion can sit inside a card when the surrounding surface needs stronger grouping.
+ * @layout center
  * @order 3
  */
 export default function Example() {

package/dist/components/accordion/demos/card.demo.js.map

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

package/dist/components/accordion/demos/multiple.demo.d.ts

@@ -2,5 +2,6 @@
  * @order 2
  * @name Accordion Multiple Open
  * @description Multiple mode allows several sections to stay open simultaneously, useful for operational checklists and dashboards.
+ * @layout center
  */
 export default function Example(): () => import("@remix-run/ui").RemixElement;