@remix-run/ui 0.3.0 → 0.5.0

package/dist/tabs/primitives.js

@@ -0,0 +1,238 @@
+import { attrs, createMixin, on, ref, } from '@remix-run/ui';
+const TABS_CHANGE_EVENT = 'rmx:tabs-change';
+export class TabsChangeEvent extends Event {
+    activeTab;
+    previousActiveTab;
+    constructor(activeTab, previousActiveTab) {
+        super(TABS_CHANGE_EVENT, {
+            bubbles: true,
+        });
+        this.activeTab = activeTab;
+        this.previousActiveTab = previousActiveTab;
+    }
+}
+function encodeIdPart(value) {
+    return encodeURIComponent(value).replace(/%/g, '-');
+}
+function getTabState(active) {
+    return active ? 'active' : 'inactive';
+}
+function getTabsContext(handle) {
+    return handle.context.get(TabsProvider);
+}
+function TabsProvider(handle) {
+    let rootNode = null;
+    let renderedTabs = [];
+    let uncontrolledActiveTab = null;
+    let hasInitialized = false;
+    function getActiveTab() {
+        if (handle.props.activeTab !== undefined) {
+            return handle.props.activeTab;
+        }
+        if (!hasInitialized) {
+            uncontrolledActiveTab = handle.props.defaultActiveTab ?? null;
+            hasInitialized = true;
+        }
+        return uncontrolledActiveTab;
+    }
+    function getRegisteredTab(name) {
+        return renderedTabs.find((tab) => tab.name === name);
+    }
+    function dispatchChange(activeTab, previousActiveTab) {
+        rootNode?.dispatchEvent(new TabsChangeEvent(activeTab, previousActiveTab));
+    }
+    function activateTab(name) {
+        if (handle.props.disabled) {
+            return;
+        }
+        let tab = getRegisteredTab(name);
+        if (tab?.disabled) {
+            return;
+        }
+        let previousActiveTab = getActiveTab();
+        if (previousActiveTab === name) {
+            return;
+        }
+        if (handle.props.activeTab === undefined) {
+            uncontrolledActiveTab = name;
+            void handle.update();
+        }
+        handle.props.onActiveTabChange?.(name);
+        dispatchChange(name, previousActiveTab);
+    }
+    function getFocusableTabs() {
+        return renderedTabs.filter((tab) => !tab.disabled && tab.getTabNode() !== null);
+    }
+    function activateTabInDirection(name, direction) {
+        let tabs = getFocusableTabs();
+        if (tabs.length === 0) {
+            return;
+        }
+        let currentIndex = tabs.findIndex((tab) => tab.name === name);
+        let targetIndex = 0;
+        switch (direction) {
+            case 'first':
+                targetIndex = 0;
+                break;
+            case 'last':
+                targetIndex = tabs.length - 1;
+                break;
+            case 'previous':
+                targetIndex = currentIndex <= 0 ? tabs.length - 1 : currentIndex - 1;
+                break;
+            case 'next':
+                targetIndex = currentIndex === -1 || currentIndex === tabs.length - 1 ? 0 : currentIndex + 1;
+                break;
+        }
+        let targetTab = tabs[targetIndex];
+        targetTab?.getTabNode()?.focus();
+        if (targetTab) {
+            activateTab(targetTab.name);
+        }
+    }
+    function getTabId(name) {
+        return `${handle.id}-${encodeIdPart(name)}-tab`;
+    }
+    function getPanelId(name) {
+        return `${handle.id}-${encodeIdPart(name)}-panel`;
+    }
+    function registerTab(tab) {
+        renderedTabs.push(tab);
+        if (handle.props.activeTab === undefined && getActiveTab() === null && !tab.disabled) {
+            uncontrolledActiveTab = tab.name;
+        }
+    }
+    handle.context.set({
+        get activeTab() {
+            return getActiveTab();
+        },
+        get disabled() {
+            return handle.props.disabled ?? false;
+        },
+        activateTab,
+        activateTabInDirection,
+        getPanelId,
+        getTabId,
+        isActiveTab(name) {
+            return getActiveTab() === name;
+        },
+        registerRoot(node) {
+            rootNode = node;
+        },
+        registerTab,
+        unregisterRoot(node) {
+            if (rootNode === node) {
+                rootNode = null;
+            }
+        },
+    });
+    return () => {
+        renderedTabs = [];
+        return handle.props.children;
+    };
+}
+const rootMixin = createMixin((handle) => {
+    let context = getTabsContext(handle);
+    handle.queueTask((node, signal) => {
+        context.registerRoot(node);
+        signal.addEventListener('abort', () => {
+            context.unregisterRoot(node);
+        });
+    });
+    return () => attrs({
+        'data-disabled': context.disabled ? '' : undefined,
+    });
+});
+const listMixin = createMixin((handle) => {
+    let context = getTabsContext(handle);
+    return () => attrs({
+        'aria-disabled': context.disabled ? true : undefined,
+        role: 'tablist',
+    });
+});
+const tabMixin = createMixin((handle, hostType) => {
+    let context = getTabsContext(handle);
+    let tabNode = null;
+    return (options, props) => {
+        let disabled = context.disabled || options.disabled === true || props.disabled === true;
+        context.registerTab({
+            disabled,
+            getTabNode: () => tabNode,
+            name: options.name,
+        });
+        let active = context.isActiveTab(options.name);
+        return [
+            attrs({
+                'aria-controls': context.getPanelId(options.name),
+                'aria-selected': active ? 'true' : 'false',
+                'data-state': getTabState(active),
+                disabled: disabled ? true : undefined,
+                id: context.getTabId(options.name),
+                role: 'tab',
+                tabIndex: active && !disabled ? 0 : -1,
+                type: hostType === 'button' ? 'button' : undefined,
+            }),
+            ref((node, signal) => {
+                tabNode = node;
+                signal.addEventListener('abort', () => {
+                    if (tabNode === node) {
+                        tabNode = null;
+                    }
+                });
+            }),
+            on('click', () => {
+                context.activateTab(options.name);
+            }),
+            on('keydown', (event) => {
+                switch (event.key) {
+                    case 'ArrowDown':
+                    case 'ArrowRight':
+                        event.preventDefault();
+                        context.activateTabInDirection(options.name, 'next');
+                        break;
+                    case 'ArrowUp':
+                    case 'ArrowLeft':
+                        event.preventDefault();
+                        context.activateTabInDirection(options.name, 'previous');
+                        break;
+                    case 'Home':
+                        event.preventDefault();
+                        context.activateTabInDirection(options.name, 'first');
+                        break;
+                    case 'End':
+                        event.preventDefault();
+                        context.activateTabInDirection(options.name, 'last');
+                        break;
+                    case 'Enter':
+                    case ' ':
+                        event.preventDefault();
+                        context.activateTab(options.name);
+                        break;
+                }
+            }),
+        ];
+    };
+});
+const panelMixin = createMixin((handle) => {
+    let context = getTabsContext(handle);
+    return (options) => {
+        let active = context.isActiveTab(options.name);
+        return attrs({
+            'aria-labelledby': context.getTabId(options.name),
+            'data-state': getTabState(active),
+            hidden: active ? undefined : true,
+            id: context.getPanelId(options.name),
+            inert: active ? undefined : true,
+            role: 'tabpanel',
+        });
+    };
+});
+export const Context = TabsProvider;
+export const list = listMixin;
+export const panel = panelMixin;
+export const root = rootMixin;
+export const tab = tabMixin;
+export function onTabsChange(handler, captureBoolean) {
+    return on(TABS_CHANGE_EVENT, handler, captureBoolean);
+}
+//# sourceMappingURL=primitives.js.map

package/dist/tabs/primitives.js.map

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

package/dist/test.js

@@ -1,2 +1,2 @@
-export { render } from "./runtime/render.js";
+export { render } from './runtime/render.js';
 //# sourceMappingURL=test.js.map

package/dist/toggle/index.d.ts

@@ -0,0 +1,9 @@
+import type { CSSMixinDescriptor, ElementProps, MixinDescriptor } from '@remix-run/ui';
+export { ToggleChangeEvent, onToggleChange } from '@remix-run/ui/toggle/primitives';
+export type ToggleSize = 'md' | 'lg';
+export interface ToggleOptions {
+    size?: ToggleSize;
+}
+type ToggleMixin = readonly [MixinDescriptor<Element, [], ElementProps>, CSSMixinDescriptor];
+export declare function toggle(options?: ToggleOptions): ToggleMixin;
+export default toggle;

package/dist/toggle/index.js

@@ -0,0 +1,108 @@
+import { createMixin, css } from '@remix-run/ui';
+import { renderMixinElement } from '../runtime/mixins/mixin.js';
+import { controlFocusShadow } from '../shared/focus-styles.js';
+export { ToggleChangeEvent, onToggleChange } from '@remix-run/ui/toggle/primitives';
+const checkedSelector = '&:checked, &[aria-checked="true"], &[data-state="checked"]';
+const checkedThumbSelector = '&:checked::before, &[aria-checked="true"]::before, &[data-state="checked"]::before';
+const uncheckedThumbBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.08)) 100%), light-dark(#FFFFFF, #1a1a1a)';
+const uncheckedThumbShadow = '0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.12)), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.08))';
+const checkedThumbBackground = 'linear-gradient(180deg, rgba(112, 199, 84, 0) 25%, rgba(112, 199, 84, 0.25) 100%), light-dark(#FFFFFF, #f5fff0)';
+const checkedThumbShadow = '0 1px 2px -0.5px rgba(66, 134, 44, 0.6), 0 2px 4px -1px rgba(66, 134, 44, 0.6), 0 4px 6px -2px rgba(66, 134, 44, 0.6), 0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.28), rgba(255, 255, 255, 0.28)), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.5))';
+const toggleDefaultAttrs = createMixin((handle, hostType) => (props) => {
+    if (hostType !== 'input') {
+        return handle.element;
+    }
+    let type = props.type ?? 'checkbox';
+    if (type !== 'checkbox') {
+        return renderMixinElement(handle.element, {
+            ...props,
+            type,
+        });
+    }
+    return renderMixinElement(handle.element, {
+        ...props,
+        role: props.role ?? 'switch',
+        type,
+    });
+})();
+const baseStyles = {
+    appearance: 'none',
+    WebkitAppearance: 'none',
+    margin: 0,
+    boxSizing: 'border-box',
+    position: 'relative',
+    display: 'inline-block',
+    width: 'var(--rmx-toggle-width)',
+    height: 'var(--rmx-toggle-height)',
+    minWidth: 'var(--rmx-toggle-width)',
+    minHeight: 'var(--rmx-toggle-height)',
+    padding: 0,
+    border: 0,
+    borderRadius: '9999px',
+    background: 'linear-gradient(180deg, light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08)) 0%, rgba(0, 0, 0, 0) 100%), light-dark(#EBEBEB, #2c2c2c)',
+    boxShadow: 'inset 0 0 4px 1px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.02), inset 0 2px 2px rgba(0, 0, 0, 0.02)',
+    verticalAlign: 'middle',
+    flex: 'none',
+    '&::before': {
+        content: '""',
+        position: 'absolute',
+        left: 'var(--rmx-toggle-thumb-inset)',
+        top: 'calc((var(--rmx-toggle-height) - var(--rmx-toggle-thumb-height)) / 2)',
+        width: 'var(--rmx-toggle-thumb-width)',
+        height: 'var(--rmx-toggle-thumb-height)',
+        borderRadius: '99px',
+        background: uncheckedThumbBackground,
+        boxShadow: uncheckedThumbShadow,
+        transform: 'translateX(0)',
+        transition: 'transform 160ms ease, background 160ms ease, box-shadow 160ms ease',
+        pointerEvents: 'none',
+    },
+    '&:disabled, &[aria-disabled="true"]': {
+        opacity: 0.55,
+    },
+    [checkedSelector]: {
+        background: 'linear-gradient(180deg, light-dark(#70C754, #8ee572) 0%, light-dark(#70C754, #8ee572) 100%)',
+        boxShadow: '0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.4), 0 -4px 8px 2px light-dark(#FFFFFF, rgba(255, 255, 255, 0.18)), 0 4px 8px 2px rgba(0, 0, 0, 0.05), 0 0 12px 1px rgba(112, 199, 84, 0.25), inset 0 0 4px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 2px 2px rgba(0, 0, 0, 0.1)',
+    },
+    [checkedThumbSelector]: {
+        background: checkedThumbBackground,
+        boxShadow: checkedThumbShadow,
+        transform: 'translateX(var(--rmx-toggle-thumb-translate-x))',
+    },
+    '&:focus-visible': {
+        outline: 0,
+        boxShadow: controlFocusShadow,
+    },
+    '@media (prefers-reduced-motion: reduce)': {
+        '&::before': {
+            transition: 'none',
+        },
+    },
+};
+const thumbTranslate = 'calc(var(--rmx-toggle-width) - var(--rmx-toggle-thumb-width) - (var(--rmx-toggle-thumb-inset) * 2))';
+const sizeStyles = {
+    md: css({
+        '--rmx-toggle-width': '30px',
+        '--rmx-toggle-height': '18px',
+        '--rmx-toggle-thumb-width': '18px',
+        '--rmx-toggle-thumb-height': '14px',
+        '--rmx-toggle-thumb-inset': '2px',
+        '--rmx-toggle-thumb-translate-x': thumbTranslate,
+        ...baseStyles,
+    }),
+    lg: css({
+        '--rmx-toggle-width': '36px',
+        '--rmx-toggle-height': '22px',
+        '--rmx-toggle-thumb-width': '22px',
+        '--rmx-toggle-thumb-height': '18px',
+        '--rmx-toggle-thumb-inset': '2px',
+        '--rmx-toggle-thumb-translate-x': thumbTranslate,
+        ...baseStyles,
+    }),
+};
+export function toggle(options = {}) {
+    let { size = 'md' } = options;
+    return [toggleDefaultAttrs, sizeStyles[size]];
+}
+export default toggle;
+//# sourceMappingURL=index.js.map

package/dist/toggle/index.js.map

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

package/dist/toggle/primitives.d.ts

@@ -0,0 +1,29 @@
+import { on } from '@remix-run/ui';
+import type { Dispatched, ElementProps, MixinFactory } from '@remix-run/ui';
+export interface ToggleControlOptions {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    form?: string;
+    inputRef?: (input: HTMLInputElement, signal: AbortSignal) => void;
+    name?: string;
+    onCheckedChange?: (checked: boolean) => void;
+    readOnly?: boolean;
+    required?: boolean;
+    tabIndex?: number;
+    value?: string;
+}
+type ToggleChangeHandler<target extends HTMLElement> = (event: Dispatched<ToggleChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
+declare const TOGGLE_CHANGE_EVENT: 'rmx:toggle-change';
+declare global {
+    interface HTMLElementEventMap {
+        [TOGGLE_CHANGE_EVENT]: ToggleChangeEvent;
+    }
+}
+export declare class ToggleChangeEvent extends Event {
+    readonly checked: boolean;
+    constructor(checked: boolean);
+}
+export declare const control: MixinFactory<HTMLElement, [options?: ToggleControlOptions | undefined], ElementProps>;
+export declare function onToggleChange<target extends HTMLElement>(handler: ToggleChangeHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof TOGGLE_CHANGE_EVENT>>;
+export {};

package/dist/toggle/primitives.js

@@ -0,0 +1,127 @@
+import { createElement, createMixin, on, ref } from '@remix-run/ui';
+const TOGGLE_CHANGE_EVENT = 'rmx:toggle-change';
+export class ToggleChangeEvent extends Event {
+    checked;
+    constructor(checked) {
+        super(TOGGLE_CHANGE_EVENT, { bubbles: true });
+        this.checked = checked;
+    }
+}
+function getBooleanState(value) {
+    return value === true || value === false ? value : undefined;
+}
+function propIsTrue(value) {
+    return value === true || value === 'true' || value === '';
+}
+function isDisabled(options, props) {
+    return (options.disabled === true || propIsTrue(props.disabled) || propIsTrue(props['aria-disabled']));
+}
+function isReadOnly(options, props) {
+    return (options.readOnly === true || propIsTrue(props.readOnly) || propIsTrue(props['aria-readonly']));
+}
+const controlMixin = createMixin((handle, hostType) => {
+    let uncontrolledChecked = false;
+    let hasInitialized = false;
+    function getChecked(options, props) {
+        let optionChecked = getBooleanState(options.checked);
+        if (optionChecked !== undefined) {
+            return optionChecked;
+        }
+        let propChecked = getBooleanState(props.checked);
+        if (propChecked !== undefined) {
+            return propChecked;
+        }
+        if (!hasInitialized) {
+            uncontrolledChecked =
+                getBooleanState(options.defaultChecked) ?? getBooleanState(props.defaultChecked) ?? false;
+            hasInitialized = true;
+        }
+        return uncontrolledChecked;
+    }
+    function setChecked(node, options, props, nextChecked) {
+        if (isDisabled(options, props) || isReadOnly(options, props)) {
+            if (node instanceof HTMLInputElement) {
+                node.checked = getChecked(options, props);
+            }
+            return;
+        }
+        if (options.checked === undefined && props.checked === undefined) {
+            uncontrolledChecked = nextChecked;
+            void handle.update();
+        }
+        options.onCheckedChange?.(nextChecked);
+        node.dispatchEvent(new ToggleChangeEvent(nextChecked));
+    }
+    return (options = {}, props) => {
+        let checked = getChecked(options, props);
+        let disabled = isDisabled(options, props);
+        let readOnly = isReadOnly(options, props);
+        let required = options.required ?? props.required;
+        let nextProps = {
+            ...props,
+            'aria-checked': hostType === 'input' ? undefined : checked,
+            'aria-disabled': hostType === 'input' ? undefined : disabled || undefined,
+            'aria-readonly': hostType === 'input' ? undefined : readOnly || undefined,
+            'aria-required': hostType === 'input' ? undefined : required || undefined,
+            checked: hostType === 'input' ? checked : props.checked,
+            defaultChecked: hostType === 'input' ? undefined : props.defaultChecked,
+            disabled: hostType === 'input' ? disabled || undefined : props.disabled,
+            form: hostType === 'input' ? (options.form ?? props.form) : props.form,
+            name: hostType === 'input' ? (options.name ?? props.name) : props.name,
+            readOnly: hostType === 'input' ? readOnly || undefined : props.readOnly,
+            required: hostType === 'input' ? required : props.required,
+            role: 'switch',
+            tabIndex: hostType === 'input'
+                ? (options.tabIndex ?? props.tabIndex)
+                : disabled
+                    ? undefined
+                    : (options.tabIndex ?? props.tabIndex ?? 0),
+            type: hostType === 'input'
+                ? props.type === undefined
+                    ? 'checkbox'
+                    : props.type
+                : hostType === 'button' && props.type === undefined
+                    ? 'button'
+                    : props.type,
+            value: hostType === 'input' ? (options.value ?? props.value) : props.value,
+            'data-state': checked ? 'checked' : 'unchecked',
+        };
+        return createElement(handle.element, {
+            ...nextProps,
+            mix: [
+                ref((node, signal) => {
+                    if (node instanceof HTMLInputElement) {
+                        options.inputRef?.(node, signal);
+                    }
+                }),
+                on('click', (event) => {
+                    if (hostType !== 'input') {
+                        event.preventDefault();
+                    }
+                    if (disabled || readOnly) {
+                        if (event.currentTarget instanceof HTMLInputElement) {
+                            event.currentTarget.checked = checked;
+                        }
+                        return;
+                    }
+                    let nextChecked = event.currentTarget instanceof HTMLInputElement
+                        ? event.currentTarget.checked
+                        : !checked;
+                    setChecked(event.currentTarget, options, props, nextChecked);
+                }),
+                on('keydown', (event) => {
+                    if (hostType === 'input' || event.key !== ' ') {
+                        return;
+                    }
+                    event.preventDefault();
+                    setChecked(event.currentTarget, options, props, !checked);
+                }),
+            ],
+        });
+    };
+});
+export const control = controlMixin;
+export function onToggleChange(handler, captureBoolean) {
+    return on(TOGGLE_CHANGE_EVENT, handler, captureBoolean);
+}
+//# sourceMappingURL=primitives.js.map

package/dist/toggle/primitives.js.map

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