@remix-run/ui 0.0.0 → 0.1.1

package/dist/components/tabs/tabs.js

@@ -0,0 +1,341 @@
+import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
+// @jsxRuntime classic
+// @jsx createElement
+import { attrs, css, createElement, createMixin, on, } from '@remix-run/ui';
+import * as button from "../button/button.js";
+import { theme } from "../../theme/theme.js";
+const TABS_CHANGE_EVENT = 'rmx:tabs-change';
+const tabsListCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    gap: theme.space.xs,
+    minWidth: 0,
+    padding: theme.space.xs,
+    border: `1px solid ${theme.colors.border.subtle}`,
+    borderRadius: theme.radius.xl,
+    backgroundColor: theme.surface.lvl2,
+});
+const tabsTriggerCss = css({
+    justifyContent: 'flex-start',
+    minHeight: theme.control.height.md,
+    paddingInline: theme.space.md,
+    border: '1px solid transparent',
+    borderRadius: theme.radius.md,
+    backgroundColor: 'transparent',
+    color: theme.colors.text.secondary,
+    fontSize: theme.fontSize.md,
+    '&:hover:not(:disabled):not([aria-disabled="true"])': {
+        color: theme.colors.text.primary,
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${theme.colors.focus.ring}`,
+        outlineOffset: '2px',
+        color: theme.colors.text.primary,
+    },
+    '&[aria-selected="true"], &[aria-selected="true"]:hover, &[aria-selected="true"]:focus-visible': {
+        backgroundColor: theme.surface.lvl0,
+        borderColor: theme.colors.border.subtle,
+        boxShadow: theme.shadow.xs,
+        color: theme.colors.text.primary,
+    },
+    '&:disabled, &[aria-disabled="true"]': {
+        opacity: 0.55,
+    },
+});
+export const listStyle = tabsListCss;
+export const triggerStyle = tabsTriggerCss;
+const panelVisibilityUtility = css({
+    '&[hidden]': {
+        display: 'none',
+    },
+});
+export class TabsChangeEvent extends Event {
+    previousValue;
+    value;
+    constructor(value, previousValue) {
+        super(TABS_CHANGE_EVENT, { bubbles: true });
+        this.value = value;
+        this.previousValue = previousValue;
+    }
+}
+function getTabsContext(handle) {
+    return handle.context.get(TabsProvider);
+}
+function toIdFragment(value) {
+    let fragment = value.replace(/[^a-zA-Z0-9_-]+/g, '-').replace(/^-+|-+$/g, '');
+    return fragment || 'tab';
+}
+function TabsProvider(handle) {
+    let registeredTabs = [];
+    let hasInitialized = false;
+    let uncontrolledValue = null;
+    function getValue() {
+        return handle.props.value !== undefined ? handle.props.value : uncontrolledValue;
+    }
+    function getOrientation() {
+        return handle.props.orientation ?? 'horizontal';
+    }
+    function isActiveTab(tab) {
+        return !!tab && !tab.disabled && !!tab.getNode()?.isConnected;
+    }
+    function getTab(value) {
+        if (value == null) {
+            return undefined;
+        }
+        return registeredTabs.find((tab) => tab.value === value);
+    }
+    function getEnabledTabs() {
+        return registeredTabs.filter(isActiveTab);
+    }
+    function getFocusableValue() {
+        let currentValue = getValue();
+        let currentTab = getTab(currentValue);
+        if (isActiveTab(currentTab)) {
+            return currentValue;
+        }
+        return getEnabledTabs()[0]?.value ?? null;
+    }
+    function getTargetTab(fromValue, direction) {
+        let enabledTabs = getEnabledTabs();
+        if (enabledTabs.length === 0) {
+            return undefined;
+        }
+        let currentIndex = enabledTabs.findIndex((tab) => tab.value === fromValue);
+        let targetIndex = 0;
+        switch (direction) {
+            case 'first':
+                targetIndex = 0;
+                break;
+            case 'last':
+                targetIndex = enabledTabs.length - 1;
+                break;
+            case 'next':
+                targetIndex =
+                    currentIndex === -1 || currentIndex === enabledTabs.length - 1 ? 0 : currentIndex + 1;
+                break;
+            case 'previous':
+                targetIndex = currentIndex <= 0 ? enabledTabs.length - 1 : currentIndex - 1;
+                break;
+        }
+        return enabledTabs[targetIndex];
+    }
+    function dispatchChange(value, previousValue) {
+        getTab(value)?.getNode()?.dispatchEvent(new TabsChangeEvent(value, previousValue));
+    }
+    function select(value) {
+        let nextTab = getTab(value);
+        if (!isActiveTab(nextTab)) {
+            return;
+        }
+        let previousValue = getValue();
+        if (previousValue === value) {
+            return;
+        }
+        if (handle.props.value === undefined) {
+            uncontrolledValue = value;
+            void handle.update();
+        }
+        handle.props.onValueChange?.(value);
+        dispatchChange(value, previousValue ?? null);
+    }
+    let tabsRef = {
+        get selectedValue() {
+            return getValue();
+        },
+        focus(value = getFocusableValue() ?? undefined) {
+            getTab(value)?.getNode()?.focus();
+        },
+        focusFirst() {
+            getTargetTab(getFocusableValue() ?? '', 'first')
+                ?.getNode()
+                ?.focus();
+        },
+        focusLast() {
+            getTargetTab(getFocusableValue() ?? '', 'last')
+                ?.getNode()
+                ?.focus();
+        },
+        select,
+    };
+    handle.context.set({
+        get focusableValue() {
+            return getFocusableValue();
+        },
+        get orientation() {
+            return getOrientation();
+        },
+        get value() {
+            return getValue();
+        },
+        getPanelId(value) {
+            return `${handle.id}-panel-${toIdFragment(value)}`;
+        },
+        getTriggerId(value) {
+            return `${handle.id}-trigger-${toIdFragment(value)}`;
+        },
+        move(fromValue, direction) {
+            let target = getTargetTab(fromValue, direction);
+            if (!target) {
+                return;
+            }
+            target.getNode()?.focus();
+            select(target.value);
+        },
+        registerTab(tab) {
+            registeredTabs.push(tab);
+        },
+        select,
+    });
+    return () => {
+        registeredTabs = [];
+        if (!hasInitialized) {
+            uncontrolledValue = handle.props.defaultValue ?? null;
+            hasInitialized = true;
+        }
+        handle.queueTask(() => {
+            handle.props.ref?.(tabsRef);
+            if (handle.props.value !== undefined) {
+                return;
+            }
+            let nextValue = getFocusableValue();
+            if (nextValue === uncontrolledValue) {
+                return;
+            }
+            uncontrolledValue = nextValue;
+            void handle.update();
+        });
+        return handle.props.children;
+    };
+}
+const listMixin = createMixin((handle) => {
+    let context = getTabsContext(handle);
+    return () => attrs({
+        role: 'tablist',
+        'aria-orientation': context.orientation === 'vertical' ? 'vertical' : undefined,
+        'data-orientation': context.orientation,
+    });
+});
+const triggerMixin = createMixin((handle) => {
+    let triggerRef = null;
+    let context = getTabsContext(handle);
+    handle.queueTask((node) => {
+        triggerRef = node;
+    });
+    return (options, props) => {
+        let disabled = options.disabled === true || props.disabled === true;
+        context.registerTab({
+            disabled,
+            getNode() {
+                return triggerRef;
+            },
+            value: options.value,
+        });
+        return [
+            attrs({
+                id: context.getTriggerId(options.value),
+                role: 'tab',
+                tabIndex: !disabled && context.focusableValue === options.value ? 0 : -1,
+                'aria-controls': context.getPanelId(options.value),
+                'aria-disabled': disabled ? 'true' : undefined,
+                'aria-selected': context.value === options.value ? 'true' : 'false',
+                'data-orientation': context.orientation,
+                'data-selected': context.value === options.value ? 'true' : 'false',
+            }),
+            !disabled && [
+                on('click', () => {
+                    context.select(options.value);
+                }),
+                on('keydown', (event) => {
+                    switch (event.key) {
+                        case 'ArrowRight':
+                            if (context.orientation !== 'horizontal') {
+                                return;
+                            }
+                            event.preventDefault();
+                            context.move(options.value, 'next');
+                            break;
+                        case 'ArrowLeft':
+                            if (context.orientation !== 'horizontal') {
+                                return;
+                            }
+                            event.preventDefault();
+                            context.move(options.value, 'previous');
+                            break;
+                        case 'ArrowDown':
+                            if (context.orientation !== 'vertical') {
+                                return;
+                            }
+                            event.preventDefault();
+                            context.move(options.value, 'next');
+                            break;
+                        case 'ArrowUp':
+                            if (context.orientation !== 'vertical') {
+                                return;
+                            }
+                            event.preventDefault();
+                            context.move(options.value, 'previous');
+                            break;
+                        case 'Home':
+                            event.preventDefault();
+                            context.move(options.value, 'first');
+                            break;
+                        case 'End':
+                            event.preventDefault();
+                            context.move(options.value, 'last');
+                            break;
+                    }
+                }),
+            ],
+        ];
+    };
+});
+const panelMixin = createMixin((handle) => {
+    let context = getTabsContext(handle);
+    return (options) => {
+        let isSelected = context.value === options.value;
+        return [
+            attrs({
+                id: context.getPanelId(options.value),
+                role: 'tabpanel',
+                hidden: isSelected ? undefined : true,
+                'aria-labelledby': context.getTriggerId(options.value),
+                'data-orientation': context.orientation,
+                'data-selected': isSelected ? 'true' : 'false',
+            }),
+            panelVisibilityUtility,
+        ];
+    };
+});
+export const Context = TabsProvider;
+export const list = listMixin;
+export const panel = panelMixin;
+export const trigger = triggerMixin;
+const tabs = { Context, list, panel, trigger };
+export function onTabsChange(handler, captureBoolean) {
+    return on(TABS_CHANGE_EVENT, handler, captureBoolean);
+}
+export function Tabs(handle) {
+    return () => {
+        let { children, ...contextProps } = handle.props;
+        return _jsx(tabs.Context, { ...contextProps, children: children });
+    };
+}
+export function TabsList(handle) {
+    return () => {
+        let { children, mix, ...divProps } = handle.props;
+        return (_jsx("div", { ...divProps, mix: [listStyle, tabs.list(), mix], children: children }));
+    };
+}
+export function Tab(handle) {
+    return () => {
+        let { children, disabled, mix, type, value, ...buttonProps } = handle.props;
+        return (_jsx("button", { ...buttonProps, disabled: disabled ? true : undefined, mix: [button.baseStyle, triggerStyle, tabs.trigger({ disabled, value }), mix], type: type ?? 'button', children: children }));
+    };
+}
+export function TabsPanel(handle) {
+    return () => {
+        let { children, mix, value, ...divProps } = handle.props;
+        return (_jsx("div", { ...divProps, mix: [tabs.panel({ value }), mix], children: children }));
+    };
+}
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="dom-navigation" preserve="true" />
+export { run } from './runtime/run.ts';
+export type { AppRuntime, AppRuntimeEventMap, RunInit } from './runtime/run.ts';
+export type { ComponentErrorEvent } from './runtime/error-event.ts';
+export { createRoot, createRangeRoot, createScheduler } from './runtime/vdom.ts';
+export type { VirtualRoot, VirtualRootEventMap, VirtualRootOptions, Scheduler, } from './runtime/vdom.ts';
+export { clientEntry } from './runtime/client-entries.ts';
+export type { SerializablePrimitive, SerializableObject, SerializableArray, SerializableValue, SerializableProps, EntryComponent, } from './runtime/client-entries.ts';
+export { Fragment, Frame } from './runtime/component.ts';
+export type { Task, Handle, Context, FrameHandleEventMap, FrameContent, FrameHandle, FrameProps, } from './runtime/component.ts';
+export type { LoadModule, ResolveFrame } from './runtime/frame.ts';
+export { createElement } from './runtime/create-element.ts';
+export type { ElementType, ElementProps, RemixElement, Renderable, RemixNode, Props, } from './runtime/jsx.ts';
+export type { HostProps, LayoutAnimationConfig } from './runtime/dom.ts';
+export { createMixin } from './runtime/mixins/mixin.ts';
+export type { MixinDescriptor, MixinHandle, MixinType, MixInput, MixValue, } from './runtime/mixins/mixin.ts';
+export { TypedEventTarget } from './runtime/typed-event-target.ts';
+export { addEventListeners } from './runtime/event-listeners.ts';
+export { on } from './runtime/mixins/on-mixin.ts';
+export type { Dispatched } from './runtime/mixins/on-mixin.ts';
+export { link } from './runtime/mixins/link-mixin.ts';
+export { ref } from './runtime/mixins/ref-mixin.ts';
+export type { RefCallback } from './runtime/mixins/ref-mixin.ts';
+export { attrs } from './runtime/mixins/attrs-mixin.ts';
+export { css } from './style/css-mixin.ts';
+export type { CSSMixinDescriptor } from './style/css-mixin.ts';
+export { navigate } from './runtime/navigation.ts';
+export type { NavigationOptions } from './runtime/navigation.ts';

package/dist/index.js

@@ -0,0 +1,21 @@
+/// <reference types="dom-navigation" preserve="true" />
+// -- Roots --
+export { run } from "./runtime/run.js";
+export { createRoot, createRangeRoot, createScheduler } from "./runtime/vdom.js";
+// -- Client Entries --
+export { clientEntry } from "./runtime/client-entries.js";
+// -- Components --
+export { Fragment, Frame } from "./runtime/component.js";
+// -- Elements/JSX/Props --
+export { createElement } from "./runtime/create-element.js";
+export { createMixin } from "./runtime/mixins/mixin.js";
+export { TypedEventTarget } from "./runtime/typed-event-target.js";
+export { addEventListeners } from "./runtime/event-listeners.js";
+export { on } from "./runtime/mixins/on-mixin.js";
+export { link } from "./runtime/mixins/link-mixin.js";
+export { ref } from "./runtime/mixins/ref-mixin.js";
+export { attrs } from "./runtime/mixins/attrs-mixin.js";
+export { css } from "./style/css-mixin.js";
+// -- Navigation --
+export { navigate } from "./runtime/navigation.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AAExD,cAAc;AACd,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAItC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAQhF,uBAAuB;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AAUzD,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAYxD,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAU3D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAQvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,8BAA8B,CAAA;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAA;AAEnD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAG1C,mBAAmB;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/interactions/keydown/keydown.d.ts

@@ -0,0 +1 @@
+export declare const onKeyDown: <boundNode extends HTMLElement = HTMLElement>(key: string, handler: (event: KeyboardEvent) => void) => import("@remix-run/ui").MixinDescriptor<boundNode, [key: string, handler: (event: KeyboardEvent) => void], import("@remix-run/ui").ElementProps>;

package/dist/interactions/keydown/keydown.js

@@ -0,0 +1,8 @@
+import { createMixin, on } from '@remix-run/ui';
+export const onKeyDown = createMixin(() => (key, handler) => on('keydown', (event) => {
+    if (event.key === key) {
+        event.preventDefault();
+        handler(event);
+    }
+}));
+//# sourceMappingURL=keydown.js.map

package/dist/interactions/keydown/keydown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keydown.js","sourceRoot":"","sources":["../../../src/interactions/keydown/keydown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAIlC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CACrB,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;IACtB,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACtB,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC;AACH,CAAC,CAAC,CACL,CAAA"}

package/dist/interactions/outside-click/outside-click-mixin.d.ts

@@ -0,0 +1,2 @@
+declare const onOutsideClick: <boundNode extends HTMLElement = HTMLElement>(active: boolean, handler: (target: Node | null) => void, isInsideTarget?: ((target: Node) => boolean) | undefined, stopPropagation?: boolean | undefined) => import("@remix-run/ui").MixinDescriptor<boundNode, [active: boolean, handler: (target: Node | null) => void, isInsideTarget?: ((target: Node) => boolean) | undefined, stopPropagation?: boolean | undefined], import("@remix-run/ui").ElementProps>;
+export { onOutsideClick };

package/dist/interactions/outside-click/outside-click-mixin.js

@@ -0,0 +1,29 @@
+import { createMixin } from '@remix-run/ui';
+const onOutsideClick = createMixin((handle) => {
+    let active = false;
+    let handler = () => { };
+    let isInsideTarget = () => false;
+    let stopPropagation = true;
+    handle.addEventListener('insert', (event) => {
+        let node = event.node;
+        let doc = node.ownerDocument;
+        doc.addEventListener('click', (event) => {
+            let target = event.target instanceof Node ? event.target : null;
+            if (!active || (target && (node.contains(target) || isInsideTarget(target)))) {
+                return;
+            }
+            if (stopPropagation) {
+                event.stopPropagation();
+            }
+            handler(target);
+        }, { capture: true, signal: handle.signal });
+    });
+    return (nextActive, nextHandler, nextIsInsideTarget = () => false, nextStopPropagation = true) => {
+        active = nextActive;
+        handler = nextHandler;
+        isInsideTarget = nextIsInsideTarget;
+        stopPropagation = nextStopPropagation;
+    };
+});
+export { onOutsideClick };
+//# sourceMappingURL=outside-click-mixin.js.map

package/dist/interactions/outside-click/outside-click-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outside-click-mixin.js","sourceRoot":"","sources":["../../../src/interactions/outside-click/outside-click-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,cAAc,GAAG,WAAW,CAQhC,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,MAAM,GAAG,KAAK,CAAA;IAClB,IAAI,OAAO,GAAkC,GAAG,EAAE,GAAE,CAAC,CAAA;IACrD,IAAI,cAAc,GAAwB,GAAG,EAAE,CAAC,KAAK,CAAA;IACrD,IAAI,eAAe,GAAG,IAAI,CAAA;IAE1B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1C,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;QACrB,IAAI,GAAG,GAAG,IAAI,CAAC,aAAa,CAAA;QAE5B,GAAG,CAAC,gBAAgB,CAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE;YACR,IAAI,MAAM,GAAG,KAAK,CAAC,MAAM,YAAY,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;YAE/D,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7E,OAAM;YACR,CAAC;YAED,IAAI,eAAe,EAAE,CAAC;gBACpB,KAAK,CAAC,eAAe,EAAE,CAAA;YACzB,CAAC;YAED,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,CACzC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,UAAU,EACV,WAAW,EACX,kBAAkB,GAAG,GAAG,EAAE,CAAC,KAAK,EAChC,mBAAmB,GAAG,IAAI,EAC1B,EAAE;QACF,MAAM,GAAG,UAAU,CAAA;QACnB,OAAO,GAAG,WAAW,CAAA;QACrB,cAAc,GAAG,kBAAkB,CAAA;QACnC,eAAe,GAAG,mBAAmB,CAAA;IACvC,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/interactions/typeahead/typeahead-mixin.d.ts

@@ -0,0 +1,8 @@
+import { type ElementProps } from '@remix-run/ui';
+export type SearchValue = string | string[];
+export declare const hiddenTypeahead: <boundNode extends HTMLElement = HTMLElement>(onTypeahead: (text: string) => void) => import("@remix-run/ui").MixinDescriptor<boundNode, [onTypeahead: (text: string) => void], ElementProps>;
+export declare function itemMatchesSearchText<item>(item: item, text: string, getSearchValues: (item: item) => SearchValue): boolean;
+export declare function matchNextItemBySearchText<item>(text: string, items: item[], options: {
+    fromIndex: number;
+    getSearchValues: (item: item) => SearchValue;
+}): item | null;

package/dist/interactions/typeahead/typeahead-mixin.js

@@ -0,0 +1,59 @@
+import { createMixin, on } from '@remix-run/ui';
+const HIDDEN_TYPEAHEAD_TIMEOUT = 750;
+export const hiddenTypeahead = createMixin((handle) => {
+    let text = '';
+    let timeoutId = 0;
+    function clearTypeahead() {
+        clearTimeout(timeoutId);
+        timeoutId = 0;
+        text = '';
+    }
+    function updateTypeahead(nextText, onTypeahead) {
+        text = nextText;
+        onTypeahead(text);
+    }
+    handle.addEventListener('remove', clearTypeahead);
+    return (onTypeahead) => [
+        on('focusout', (event) => {
+            if (event.relatedTarget instanceof Node &&
+                event.currentTarget.contains(event.relatedTarget)) {
+                return;
+            }
+            clearTypeahead();
+        }),
+        on('keydown', (event) => {
+            if (event.key.length === 1 && !event.ctrlKey && !event.altKey && !event.metaKey) {
+                clearTimeout(timeoutId);
+                updateTypeahead(text + event.key.toLowerCase(), onTypeahead);
+                timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
+            }
+            else if (event.key === 'Escape') {
+                clearTypeahead();
+            }
+            else if (event.key === 'Backspace' && text.length > 0) {
+                clearTimeout(timeoutId);
+                updateTypeahead(text.slice(0, -1), onTypeahead);
+                timeoutId = window.setTimeout(clearTypeahead, HIDDEN_TYPEAHEAD_TIMEOUT);
+            }
+        }),
+    ];
+});
+export function itemMatchesSearchText(item, text, getSearchValues) {
+    let values = getSearchValues(item);
+    let searchValues = Array.isArray(values) ? values : [values];
+    let normalizedText = text.toLowerCase();
+    return searchValues.some((value) => value.toLowerCase().startsWith(normalizedText));
+}
+export function matchNextItemBySearchText(text, items, options) {
+    if (text === '') {
+        return null;
+    }
+    for (let offset = 1; offset <= items.length; offset++) {
+        let item = items[(options.fromIndex + offset + items.length) % items.length];
+        if (itemMatchesSearchText(item, text, options.getSearchValues)) {
+            return item;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=typeahead-mixin.js.map

package/dist/interactions/typeahead/typeahead-mixin.js.map

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

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,2 @@
+export * from './runtime/jsx.ts';
+export { Fragment } from './runtime/component.ts';

package/dist/jsx-runtime.js

@@ -0,0 +1,3 @@
+export * from "./runtime/jsx.js";
+export { Fragment } from "./runtime/component.js";
+//# sourceMappingURL=jsx-runtime.js.map

package/dist/jsx-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.js","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/runtime/client-entries.d.ts

@@ -0,0 +1,91 @@
+import type { Handle, NoContext, RemixNode, RenderFn } from './component.ts';
+/**
+ * Serializable primitive types that can be passed as props to entry components
+ */
+export type SerializablePrimitive = string | number | boolean | null | undefined;
+/**
+ * Serializable object types that can be passed as props to entry components
+ */
+export type SerializableObject = {
+    [key: string]: SerializableValue;
+};
+/**
+ * Serializable array types that can be passed as props to entry components
+ */
+export type SerializableArray = SerializableValue[];
+/**
+ * All serializable values that can be passed as props to entry components.
+ * This includes primitives, objects, arrays, and Remix Elements.
+ */
+export type SerializableValue = SerializablePrimitive | SerializableObject | SerializableArray | RemixNode;
+/**
+ * Constraint that ensures all properties in an object are serializable.
+ */
+export type SerializableProps = {
+    [K in string]: SerializableValue;
+};
+/**
+ * Metadata added to entry components
+ */
+export type EntryMetadata = {
+    $entry: true;
+    $entryId: string;
+};
+/**
+ * An entry component preserves the exact function type with added metadata
+ */
+export type EntryComponent<props extends SerializableProps = {}, context = NoContext> = ((handle: Handle<props, context>) => RenderFn<props>) & EntryMetadata;
+/**
+ * Marks a component as a client entry for client-side hydration.
+ *
+ * @param entryId Module URL with optional export name (format: "/js/module.js#ExportName") by
+ * default, or a custom entry identifier when paired with `resolveClientEntry`
+ * @param component Component function that will be hydrated on the client
+ * @returns The component augmented with entry metadata
+ *
+ * @example
+ * ```tsx
+ * export const Counter = clientEntry(
+ *   '/js/counter.js#Counter',
+ *   function Counter(handle: Handle<{ initialCount?: number; label: string }>) {
+ *     let count = handle.props.initialCount ?? 0
+ *
+ *     return () => (
+ *       <button
+ *         type="button"
+ *         mix={[
+ *           on('click', () => {
+ *             count++
+ *             handle.update()
+ *           }),
+ *         ]}
+ *       >
+ *         {handle.props.label} {count}
+ *       </button>
+ *     )
+ *   }
+ * )
+ * ```
+ */
+export declare function clientEntry<props extends SerializableProps = {}, context = NoContext>(entryId: string, component: (handle: Handle<props, context>) => RenderFn): EntryComponent<props, context>;
+export declare function clientEntry<props extends SerializableProps = {}, context = NoContext>(entryId: string, component: (handle: Handle<Record<string, never>, context>) => RenderFn<props>): EntryComponent<props, context>;
+/**
+ * Type guard to check if a component is an entry component
+ *
+ * @param component The component to check
+ * @returns True if the component has entry metadata
+ */
+export declare function isEntry(component: unknown): component is EntryComponent;
+/**
+ * Logs a client-hydration mismatch to the console.
+ *
+ * @param msg Message parts to forward to the logger.
+ */
+export declare function logHydrationMismatch(...msg: any[]): void;
+/**
+ * Advances a DOM cursor past consecutive comment nodes.
+ *
+ * @param cursor Starting DOM node.
+ * @returns The first non-comment node, or `null` when none remains.
+ */
+export declare function skipComments(cursor: Node | null): Node | null;