@remix-run/ui 0.2.0 → 0.3.0

package/dist/runtime/demos/controlled-uncontrolled-values.demo.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+/**
+ * @name Controlled and Uncontrolled Values
+ * @description Compares controlled props with uncontrolled DOM values across rerenders and remounts.
+ */
+export default function App(handle) {
+    let controlledText = 'hello';
+    let controlledChecked = true;
+    let controlledChoice = 'alpha';
+    let uncontrolledTextSnapshot = 'type to update this';
+    let uncontrolledCheckedSnapshot = true;
+    let renderCount = 0;
+    let uncontrolledVersion = 0;
+    let rerender = () => {
+        renderCount++;
+        handle.update();
+    };
+    let resetControlled = () => {
+        controlledText = 'hello';
+        controlledChecked = true;
+        controlledChoice = 'alpha';
+        rerender();
+    };
+    let remountUncontrolled = () => {
+        uncontrolledVersion++;
+        uncontrolledTextSnapshot = 'type to update this';
+        uncontrolledCheckedSnapshot = true;
+        rerender();
+    };
+    return () => (_jsxs("main", { style: {
+            fontFamily: 'system-ui, sans-serif',
+            maxWidth: '860px',
+            margin: '24px auto',
+            padding: '0 16px',
+            lineHeight: 1.45,
+        }, children: [_jsx("h1", { children: "Controlled vs Uncontrolled Values" }), _jsxs("p", { children: ["Render count: ", _jsx("strong", { children: renderCount })] }), _jsxs("div", { style: { display: 'flex', gap: '10px', marginBottom: '18px' }, children: [_jsx("button", { mix: [on('click', rerender)], children: "Force Re-render" }), _jsx("button", { mix: [on('click', resetControlled)], children: "Reset Controlled" }), _jsx("button", { mix: [on('click', remountUncontrolled)], children: "Remount Uncontrolled" })] }), _jsxs("section", { style: {
+                    border: '1px solid #d0d7de',
+                    borderRadius: '8px',
+                    padding: '12px',
+                    marginBottom: '12px',
+                }, children: [_jsx("h2", { children: "Controlled" }), _jsx("p", { children: "These values come from component state. The text input allows everything except digits, and invalid input does not call update." }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Text:", _jsx("input", { style: { marginLeft: '8px' }, value: controlledText, mix: [
+                                    on('input', (event) => {
+                                        let nextValue = event.currentTarget.value;
+                                        if (/\d/.test(nextValue)) {
+                                            return;
+                                        }
+                                        controlledText = nextValue;
+                                        rerender();
+                                    }),
+                                ] })] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: [_jsx("input", { type: "checkbox", checked: controlledChecked, mix: [
+                                    on('change', (event) => {
+                                        controlledChecked = event.currentTarget.checked;
+                                        rerender();
+                                    }),
+                                ] }), ' ', "Checked"] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Choice:", _jsxs("select", { style: { marginLeft: '8px' }, value: controlledChoice, mix: [
+                                    on('change', (event) => {
+                                        controlledChoice = event.currentTarget.value;
+                                        rerender();
+                                    }),
+                                ], children: [_jsx("option", { value: "alpha", children: "Alpha" }), _jsx("option", { value: "beta", children: "Beta" }), _jsx("option", { value: "gamma", children: "Gamma" })] })] }), _jsxs("div", { children: ["State snapshot: text=", _jsx("code", { children: JSON.stringify(controlledText) }), ", checked=", _jsx("code", { children: String(controlledChecked) }), ", choice=", _jsx("code", { children: JSON.stringify(controlledChoice) })] })] }), _jsxs("section", { style: {
+                    border: '1px solid #d0d7de',
+                    borderRadius: '8px',
+                    padding: '12px',
+                }, children: [_jsx("h2", { children: "Uncontrolled" }), _jsxs("p", { children: ["These initialize from ", _jsx("code", { children: "defaultValue/defaultChecked" }), " once and then keep their own DOM state."] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: ["Text:", _jsx("input", { style: { marginLeft: '8px' }, defaultValue: "type to update this", mix: [
+                                    on('input', (event) => {
+                                        uncontrolledTextSnapshot = event.currentTarget.value;
+                                        rerender();
+                                    }),
+                                ] })] }), _jsxs("label", { style: { display: 'block', marginBottom: '8px' }, children: [_jsx("input", { type: "checkbox", defaultChecked: true, mix: [
+                                    on('change', (event) => {
+                                        uncontrolledCheckedSnapshot = event.currentTarget.checked;
+                                        rerender();
+                                    }),
+                                ] }), ' ', "Checked"] }), _jsxs("div", { children: ["Last DOM snapshot: text=", _jsx("code", { children: JSON.stringify(uncontrolledTextSnapshot) }), ", checked=", _jsx("code", { children: String(uncontrolledCheckedSnapshot) })] })] }, `uncontrolled-${uncontrolledVersion}`)] }));
+}
+//# sourceMappingURL=controlled-uncontrolled-values.demo.js.map

package/dist/runtime/demos/controlled-uncontrolled-values.demo.js.map

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

package/dist/runtime/demos/keyed-list.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Keyed List
+ * @description Exercises keyed DOM reconciliation with shuffling, reversing, and per-item controls.
+ */
+export default function App(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/runtime/demos/keyed-list.demo.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+/**
+ * @name Keyed List
+ * @description Exercises keyed DOM reconciliation with shuffling, reversing, and per-item controls.
+ */
+export default function App(handle) {
+    let items = [
+        { id: 'a', label: 'Item A' },
+        { id: 'b', label: 'Item B' },
+        { id: 'c', label: 'Item C' },
+        { id: 'd', label: 'Item D' },
+    ];
+    let shuffleInterval = null;
+    let moveUp = (index) => {
+        if (index === 0)
+            return;
+        let newItems = [...items];
+        [newItems[index - 1], newItems[index]] = [newItems[index], newItems[index - 1]];
+        items = newItems;
+        handle.update();
+    };
+    let moveDown = (index) => {
+        if (index === items.length - 1)
+            return;
+        let newItems = [...items];
+        [newItems[index], newItems[index + 1]] = [newItems[index + 1], newItems[index]];
+        items = newItems;
+        handle.update();
+    };
+    let reverse = () => {
+        items = [...items].reverse();
+        handle.update();
+    };
+    let shuffle = () => {
+        let newItems = [...items];
+        for (let i = newItems.length - 1; i > 0; i--) {
+            let j = Math.floor(Math.random() * (i + 1));
+            [newItems[i], newItems[j]] = [newItems[j], newItems[i]];
+        }
+        items = newItems;
+        handle.update();
+    };
+    let toggleAutoShuffle = () => {
+        if (shuffleInterval !== null) {
+            clearInterval(shuffleInterval);
+            shuffleInterval = null;
+        }
+        else {
+            shuffleInterval = setInterval(() => {
+                shuffle();
+            }, 1000);
+        }
+        handle.update();
+    };
+    return () => (_jsxs("div", { children: [_jsxs("div", { className: "controls", children: [_jsx("button", { mix: [on('click', reverse)], children: "Reverse List" }), _jsx("button", { mix: [on('click', shuffle)], children: "Shuffle List" }), _jsx("button", { mix: [on('click', toggleAutoShuffle)], children: shuffleInterval !== null ? 'Stop Auto-Shuffle' : 'Start Auto-Shuffle' })] }), items.map((item, index) => (_jsxs("div", { className: "list-item", children: [_jsx("input", { type: "text", placeholder: item.label, defaultValue: item.label }), _jsx("button", { 
+                        // disabled={index === 0}
+                        mix: [on('click', () => moveUp(index))], children: "\u2191" }), _jsx("button", { 
+                        // disabled={index === items.length - 1}
+                        mix: [on('click', () => moveDown(index))], children: "\u2193" })] }, item.id)))] }));
+}
+//# sourceMappingURL=keyed-list.demo.js.map

package/dist/runtime/demos/keyed-list.demo.js.map

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

package/dist/runtime/demos/readme.demo.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @name README Examples
+ * @description A gallery of small examples that mirror the package README snippets.
+ */
+export default function DemoApp(): () => import("@remix-run/ui").RemixElement;

package/dist/runtime/demos/readme.demo.js

@@ -0,0 +1,396 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "@remix-run/ui/jsx-runtime";
+import { addEventListeners, css, on, ref, TypedEventTarget, } from '@remix-run/ui';
+// ============================================================================
+// Getting Started - Basic App Example
+// ============================================================================
+function App(handle) {
+    let count = 0;
+    return () => (_jsxs("button", { mix: [
+            on('click', () => {
+                count++;
+                handle.update();
+            }),
+        ], children: ["Count: ", count] }));
+}
+// ============================================================================
+// Component State and Updates - Counter
+// ============================================================================
+function Counter(handle) {
+    let count = 0;
+    return () => (_jsxs("div", { children: [_jsxs("span", { children: ["Count: ", count] }), _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "Increment" })] }));
+}
+// ============================================================================
+// Components - Greeting
+// ============================================================================
+function Greeting(handle) {
+    return () => _jsxs("h1", { children: ["Hello, ", handle.props.name, "!"] });
+}
+// ============================================================================
+// Stateful Components - CounterWithSetup
+// ============================================================================
+function CounterWithSetup(handle) {
+    // Component function: runs once
+    let count = handle.props.initialCount;
+    // Return render function: runs on every update
+    return () => (_jsxs("div", { children: [handle.props.label || 'Count', ": ", count, _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "Increment" })] }));
+}
+// ============================================================================
+// Setup Prop vs Props - CounterWithLabel
+// ============================================================================
+function CounterWithLabel(handle) {
+    let count = handle.props.initialCount;
+    return () => (_jsxs("div", { children: [handle.props.label, ": ", count, _jsx("button", { mix: [
+                    on('click', () => {
+                        count++;
+                        handle.update();
+                    }),
+                ], children: "+" })] }));
+}
+// ============================================================================
+// Events - SearchInput
+// ============================================================================
+function SearchInput(handle) {
+    let query = '';
+    let results = [];
+    let loading = false;
+    return () => (_jsxs("div", { children: [_jsx("input", { type: "text", value: query, placeholder: "Type to search...", mix: [
+                    on('input', (event, signal) => {
+                        query = event.currentTarget.value;
+                        loading = true;
+                        handle.update();
+                        // Simulated search with timeout
+                        setTimeout(() => {
+                            if (signal.aborted)
+                                return;
+                            results = query ? [`Result for "${query}" 1`, `Result for "${query}" 2`] : [];
+                            loading = false;
+                            handle.update();
+                        }, 300);
+                    }),
+                ] }), loading && _jsx("div", { children: "Loading..." }), !loading && results.length > 0 && (_jsx("ul", { children: results.map((r) => (_jsx("li", { children: r }))) }))] }));
+}
+// ============================================================================
+// Controlled Input - Slug Form
+// ============================================================================
+function SlugForm(handle) {
+    let slug = '';
+    let generatedSlug = '';
+    return () => (_jsxs("form", { children: [_jsxs("label", { mix: [css({ display: 'flex', alignItems: 'center', gap: '8px' })], children: [_jsx("input", { type: "checkbox", mix: [
+                            on('change', (event) => {
+                                if (event.currentTarget.checked) {
+                                    generatedSlug = crypto.randomUUID().slice(0, 8);
+                                }
+                                else {
+                                    generatedSlug = '';
+                                }
+                                handle.update();
+                            }),
+                        ] }), "Auto-generate slug"] }), _jsxs("label", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '4px' })], children: ["Slug", _jsx("input", { type: "text", value: generatedSlug || slug, disabled: !!generatedSlug, mix: [
+                            on('input', (event) => {
+                                slug = event.currentTarget.value;
+                                handle.update();
+                            }),
+                        ] })] })] }));
+}
+// ============================================================================
+// Global Events - KeyboardTracker
+// ============================================================================
+function KeyboardTracker(handle) {
+    let keys = [];
+    addEventListeners(document, handle.signal, {
+        keydown: (event) => {
+            keys.push(event.key);
+            if (keys.length > 10)
+                keys.shift();
+            handle.update();
+        },
+    });
+    return () => _jsxs("div", { children: ["Keys: ", keys.join(', ') || '(press some keys)'] });
+}
+// ============================================================================
+// CSS Prop - Button (Basic)
+// ============================================================================
+function ButtonBasic() {
+    return () => (_jsx("button", { mix: [
+            css({
+                color: 'white',
+                backgroundColor: 'rgb(54, 113, 246)',
+                border: 'none',
+                padding: '8px 16px',
+                borderRadius: '4px',
+                cursor: 'pointer',
+                '&:hover': {
+                    backgroundColor: 'rgb(37, 90, 210)',
+                },
+                '&:active': {
+                    transform: 'scale(0.98)',
+                },
+            }),
+        ], children: "Click me" }));
+}
+// ============================================================================
+// CSS Prop - Button (Advanced with nested rules)
+// ============================================================================
+function ButtonAdvanced() {
+    return () => (_jsxs("button", { mix: [
+            css({
+                color: 'white',
+                backgroundColor: 'rgb(54, 113, 246)',
+                border: 'none',
+                padding: '10px 20px',
+                borderRadius: '6px',
+                cursor: 'pointer',
+                position: 'relative',
+                display: 'inline-flex',
+                alignItems: 'center',
+                gap: '8px',
+                '&:hover': {
+                    backgroundColor: 'rgb(37, 90, 210)',
+                },
+                '&::before': {
+                    content: '""',
+                    position: 'absolute',
+                    inset: '-2px',
+                    borderRadius: '8px',
+                    background: 'linear-gradient(45deg, rgb(54, 113, 246), rgb(99, 179, 255))',
+                    zIndex: -1,
+                    opacity: 0,
+                    transition: 'opacity 0.2s',
+                },
+                '&:hover::before': {
+                    opacity: 1,
+                },
+                '.icon': {
+                    width: '16px',
+                    height: '16px',
+                },
+            }),
+        ], children: [_jsx("span", { className: "icon", children: "\u2605" }), "Click me"] }));
+}
+// ============================================================================
+// Ref Mixin - Form (Basic)
+// ============================================================================
+function FormBasic() {
+    let inputRef;
+    return () => (_jsxs("div", { children: [_jsx("input", { type: "text", placeholder: "Click the button to select this", 
+                // capture the input node
+                mix: [ref((node) => (inputRef = node)), css({ marginRight: '8px', padding: '4px 8px' })] }), _jsx("button", { mix: [
+                    css({ padding: '4px 12px' }),
+                    on('click', () => {
+                        // Select it from other parts of the form
+                        inputRef.select();
+                    }),
+                ], children: "Select Input" })] }));
+}
+// ============================================================================
+// Ref Mixin with AbortSignal - ResizeObserver Component
+// ============================================================================
+function ResizeComponent(handle) {
+    let dimensions = { width: 0, height: 0 };
+    return () => (_jsxs("div", { mix: [
+            ref((node, signal) => {
+                // Set up something that needs cleanup
+                let observer = new ResizeObserver((entries) => {
+                    let entry = entries[0];
+                    if (entry) {
+                        dimensions.width = Math.round(entry.contentRect.width);
+                        dimensions.height = Math.round(entry.contentRect.height);
+                        handle.update();
+                    }
+                });
+                observer.observe(node);
+                // Clean up when element is removed
+                signal.addEventListener('abort', () => {
+                    observer.disconnect();
+                });
+            }),
+            css({
+                padding: '20px',
+                backgroundColor: 'rgba(255, 255, 255, 0.1)',
+                borderRadius: '8px',
+                resize: 'both',
+                overflow: 'auto',
+                minWidth: '100px',
+                minHeight: '60px',
+                border: '1px solid rgb(209, 213, 219)',
+            }),
+        ], children: ["Resize me! (", dimensions.width, " \u00D7 ", dimensions.height, ")"] }));
+}
+// ============================================================================
+// handle.update() - Player
+// ============================================================================
+function Player(handle) {
+    let isPlaying = false;
+    let playButton;
+    let stopButton;
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', gap: '8px' })], children: [_jsx("button", { disabled: isPlaying, mix: [
+                    ref((node) => (playButton = node)),
+                    css({
+                        padding: '8px 16px',
+                        opacity: isPlaying ? 0.5 : 1,
+                    }),
+                    on('click', async () => {
+                        isPlaying = true;
+                        await handle.update();
+                        // Focus the enabled button after update completes
+                        stopButton.focus();
+                    }),
+                ], children: "\u25B6 Play" }), _jsx("button", { disabled: !isPlaying, mix: [
+                    ref((node) => (stopButton = node)),
+                    css({
+                        padding: '8px 16px',
+                        opacity: !isPlaying ? 0.5 : 1,
+                    }),
+                    on('click', async () => {
+                        isPlaying = false;
+                        await handle.update();
+                        // Focus the enabled button after update completes
+                        playButton.focus();
+                    }),
+                ], children: "\u23F9 Stop" })] }));
+}
+// ============================================================================
+// handle.queueTask - Form with scroll
+// ============================================================================
+function FormWithScroll(handle) {
+    let showDetails = false;
+    let detailsSection;
+    return () => (_jsxs("div", { children: [_jsxs("label", { mix: [css({ display: 'flex', alignItems: 'center', gap: '8px', cursor: 'pointer' })], children: [_jsx("input", { type: "checkbox", checked: showDetails, mix: [
+                            on('change', (event) => {
+                                showDetails = event.currentTarget.checked;
+                                handle.update();
+                                if (showDetails) {
+                                    // Scroll to the expanded section after it renders
+                                    handle.queueTask(() => {
+                                        detailsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
+                                    });
+                                }
+                            }),
+                        ] }), "Show additional details"] }), showDetails && (_jsxs("section", { mix: [
+                    ref((node) => (detailsSection = node)),
+                    css({
+                        marginTop: '1rem',
+                        padding: '1rem',
+                        border: '1px solid rgba(255, 255, 255, 0.2)',
+                        borderRadius: '8px',
+                        backgroundColor: 'rgba(255, 255, 255, 0.05)',
+                    }),
+                ], children: [_jsx("h3", { mix: [css({ margin: '0 0 0.5rem 0' })], children: "Additional Details" }), _jsx("p", { mix: [css({ margin: 0 })], children: "This section appears when the checkbox is checked." })] }))] }));
+}
+// ============================================================================
+// handle.signal - Clock
+// ============================================================================
+function Clock(handle) {
+    let interval = setInterval(() => {
+        // clear the interval when the component is disconnected
+        if (handle.signal.aborted) {
+            clearInterval(interval);
+            return;
+        }
+        handle.update();
+    }, 1000);
+    return () => _jsx("span", { children: new Date().toLocaleTimeString() });
+}
+// ============================================================================
+// handle.id - LabeledInput
+// ============================================================================
+function LabeledInput(handle) {
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '4px' })], children: [_jsx("label", { htmlFor: handle.id, children: "Name" }), _jsx("input", { id: handle.id, type: "text", mix: [
+                    css({
+                        padding: '4px 8px',
+                        borderRadius: '4px',
+                        border: '1px solid rgba(255,255,255,0.3)',
+                    }),
+                ] })] }));
+}
+// ============================================================================
+// Context API - Theme Provider and Consumer
+// ============================================================================
+function ThemeProvider(handle) {
+    handle.context.set({ theme: 'dark' });
+    return () => (_jsx("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '8px' })], children: _jsx(ThemedHeader, {}) }));
+}
+function ThemedHeader(handle) {
+    // Consume context from ThemeProvider
+    let { theme } = handle.context.get(ThemeProvider);
+    return () => (_jsx("header", { mix: [
+            css({
+                backgroundColor: theme === 'dark' ? '#000' : '#fff',
+                color: theme === 'dark' ? '#fff' : '#000',
+            }),
+        ], children: "Header" }));
+}
+// ============================================================================
+// Context API with EventTarget - Advanced Theme
+// ============================================================================
+class Theme extends TypedEventTarget {
+    #value = 'light';
+    get value() {
+        return this.#value;
+    }
+    setValue(value) {
+        this.#value = value;
+        this.dispatchEvent(new Event('change'));
+    }
+}
+function ThemeProviderAdvanced(handle) {
+    let theme = new Theme();
+    handle.context.set(theme);
+    return () => (_jsxs("div", { mix: [css({ display: 'flex', flexDirection: 'column', gap: '8px' })], children: [_jsx("button", { mix: [
+                    css({ padding: '8px 16px', alignSelf: 'flex-start' }),
+                    on('click', () => {
+                        // no updates in the parent component
+                        theme.setValue(theme.value === 'light' ? 'dark' : 'light');
+                    }),
+                ], children: "Toggle Theme (EventTarget)" }), _jsx(ThemedContent, {})] }));
+}
+function ThemedContent(handle) {
+    let theme = handle.context.get(ThemeProviderAdvanced);
+    // Subscribe to theme changes and update when it changes
+    addEventListeners(theme, handle.signal, {
+        change() {
+            handle.update();
+        },
+    });
+    return () => (_jsxs("div", { mix: [
+            css({
+                padding: '12px',
+                borderRadius: '6px',
+                backgroundColor: theme.value === 'dark' ? '#1a1a1a' : '#f0f0f0',
+                color: theme.value === 'dark' ? '#fff' : '#000',
+            }),
+        ], children: ["Current theme: ", theme.value] }));
+}
+// ============================================================================
+// Fragments - List
+// ============================================================================
+function ListWithFragment() {
+    return () => (_jsx("ul", { mix: [css({ margin: 0, paddingLeft: '20px' })], children: _jsxs(_Fragment, { children: [_jsx("li", { children: "Item 1" }), _jsx("li", { children: "Item 2" }), _jsx("li", { children: "Item 3" })] }) }));
+}
+// ============================================================================
+// Example Container Component
+// ============================================================================
+function Example(handle) {
+    return () => (_jsxs("div", { className: "example", children: [_jsx("h2", { children: handle.props.title }), _jsx("div", { className: "example-content", children: handle.props.children })] }));
+}
+// ============================================================================
+// Main Demo App
+// ============================================================================
+/**
+ * @name README Examples
+ * @description A gallery of small examples that mirror the package README snippets.
+ */
+export default function DemoApp() {
+    return () => (_jsxs("div", { className: "examples-grid", children: [_jsx(Example, { title: "Getting Started - Counter", children: _jsx(App, {}) }), _jsx(Example, { title: "Component State - Counter", children: _jsx(Counter, {}) }), _jsx(Example, { title: "Greeting", children: _jsx(Greeting, { name: "World" }) }), _jsx(Example, { title: "Counter with Setup", children: _jsx(CounterWithSetup, { initialCount: 10, label: "Total" }) }), _jsx(Example, { title: "Setup vs Props", children: _jsx(CounterWithLabel, { initialCount: 5, label: "Score" }) }), _jsx(Example, { title: "Events - Search Input", children: _jsx(SearchInput, {}) }), _jsx(Example, { title: "Controlled Input - Slug Form", children: _jsx(SlugForm, {}) }), _jsx(Example, { title: "Global Events - Keyboard Tracker", children: _jsx(KeyboardTracker, {}) }), _jsx(Example, { title: "CSS Prop - Basic Button", children: _jsx(ButtonBasic, {}) }), _jsx(Example, { title: "CSS Prop - Advanced Button", children: _jsx(ButtonAdvanced, {}) }), _jsx(Example, { title: "Ref Mixin - Form", children: _jsx(FormBasic, {}) }), _jsx(Example, { title: "Ref with AbortSignal - Resize Observer", children: _jsx(ResizeComponent, {}) }), _jsx(Example, { title: "handle.update() - Player", children: _jsx(Player, {}) }), _jsx(Example, { title: "handle.queueTask - Scroll to Section", children: _jsx(FormWithScroll, {}) }), _jsx(Example, { title: "handle.signal - Clock", children: _jsx(Clock, {}) }), _jsx(Example, { title: "handle.id - Labeled Input", children: _jsx(LabeledInput, {}) }), _jsx(Example, { title: "Context API - Theme Provider", children: _jsx(ThemeProvider, {}) }), _jsx(Example, { title: "Context with EventTarget", children: _jsx(ThemeProviderAdvanced, {}) }), _jsx(Example, { title: "Fragments - List", children: _jsx(ListWithFragment, {}) })] }));
+}
+//# sourceMappingURL=readme.demo.js.map

package/dist/runtime/demos/readme.demo.js.map

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