@remix-run/ui 0.0.0 → 0.1.0

package/dist/animation/tween.js

@@ -0,0 +1,93 @@
+/**
+ * Attempt to find the t value for a given x on a cubic bezier curve.
+ * Uses Newton-Raphson iteration for fast convergence.
+ * @param x1 First control point x coordinate
+ * @param x2 Second control point x coordinate
+ * @param targetX The x value to solve for
+ * @returns The t parameter value
+ */
+function solveCubicBezierX(x1, x2, targetX) {
+    // Initial guess
+    let t = targetX;
+    // Newton-Raphson iteration (usually converges in 4-8 iterations)
+    for (let i = 0; i < 8; i++) {
+        let currentX = cubicBezier(t, x1, x2);
+        let slope = cubicBezierDerivative(t, x1, x2);
+        if (Math.abs(slope) < 1e-6)
+            break;
+        let error = currentX - targetX;
+        if (Math.abs(error) < 1e-6)
+            break;
+        t -= error / slope;
+    }
+    return Math.max(0, Math.min(1, t));
+}
+/**
+ * Compute the value of a cubic bezier at parameter t.
+ * For CSS-style beziers, start is (0,0) and end is (1,1),
+ * so we only need the two middle control point coordinates.
+ * @param t The parameter value (0 to 1)
+ * @param p1 First control point coordinate
+ * @param p2 Second control point coordinate
+ * @returns The bezier value at t
+ */
+function cubicBezier(t, p1, p2) {
+    // B(t) = 3(1-t)²t·p1 + 3(1-t)t²·p2 + t³
+    let oneMinusT = 1 - t;
+    return 3 * oneMinusT * oneMinusT * t * p1 + 3 * oneMinusT * t * t * p2 + t * t * t;
+}
+/**
+ * Derivative of the cubic bezier function.
+ * @param t The parameter value (0 to 1)
+ * @param p1 First control point coordinate
+ * @param p2 Second control point coordinate
+ * @returns The derivative of the bezier at t
+ */
+function cubicBezierDerivative(t, p1, p2) {
+    // B'(t) = 3(1-t)²·p1 + 6(1-t)t·(p2-p1) + 3t²·(1-p2)
+    let oneMinusT = 1 - t;
+    return 3 * oneMinusT * oneMinusT * p1 + 6 * oneMinusT * t * (p2 - p1) + 3 * t * t * (1 - p2);
+}
+// Common easing presets
+/**
+ * Common cubic-bezier presets for {@link tween}.
+ */
+export const easings = {
+    linear: { x1: 0, y1: 0, x2: 1, y2: 1 },
+    ease: { x1: 0.25, y1: 0.1, x2: 0.25, y2: 1 },
+    easeIn: { x1: 0.42, y1: 0, x2: 1, y2: 1 },
+    easeOut: { x1: 0, y1: 0, x2: 0.58, y2: 1 },
+    easeInOut: { x1: 0.42, y1: 0, x2: 0.58, y2: 1 },
+};
+/**
+ * Generator that tweens a value over time using a cubic bezier curve.
+ * Yields the current value on each frame. Use the iterator's `done` property
+ * to check if the animation is complete.
+ * @param options The tween configuration
+ * @yields The current tweened value
+ * @returns The final value
+ */
+export function* tween(options) {
+    let { from, to, duration, curve } = options;
+    let { x1, y1, x2, y2 } = curve;
+    let startTime = null;
+    let value = from;
+    while (true) {
+        // Yield current value and receive the next timestamp
+        let timestamp = yield value;
+        if (startTime === null) {
+            startTime = timestamp;
+        }
+        let elapsed = timestamp - startTime;
+        let linearProgress = Math.min(elapsed / duration, 1);
+        // Map linear progress through the bezier curve
+        // x-axis = time, y-axis = value
+        let t = solveCubicBezierX(x1, x2, linearProgress);
+        let easedProgress = cubicBezier(t, y1, y2);
+        value = from + (to - from) * easedProgress;
+        if (linearProgress >= 1) {
+            return to;
+        }
+    }
+}
+//# sourceMappingURL=tween.js.map

package/dist/animation/tween.js.map

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

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

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

package/dist/components/accordion/accordion.js

@@ -0,0 +1,337 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+// @jsxRuntime classic
+// @jsx createElement
+import { css, createElement, on, ref, } from '@remix-run/ui';
+import { spring } from '@remix-run/ui/animation';
+import { Glyph } from "../glyph/glyph.js";
+import { theme } from "../../theme/theme.js";
+const ACCORDION_CHANGE_EVENT = 'rmx:accordion-change';
+export class AccordionChangeEvent extends Event {
+    accordionType;
+    itemValue;
+    value;
+    constructor(value, init) {
+        super(ACCORDION_CHANGE_EVENT, {
+            bubbles: true,
+        });
+        this.accordionType = init.accordionType;
+        this.itemValue = init.itemValue;
+        this.value = value;
+    }
+}
+const accordionPanelClipCss = css({
+    minHeight: 0,
+    overflow: 'hidden',
+});
+const accordionTransition = spring();
+const accordionRootCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    minWidth: 0,
+});
+const accordionItemCss = css({
+    minWidth: 0,
+});
+const accordionTriggerCss = css({
+    all: 'unset',
+    boxSizing: 'border-box',
+    cursor: 'revert',
+    display: 'grid',
+    gridTemplateColumns: 'minmax(0, 1fr) auto',
+    alignItems: 'center',
+    gap: theme.space.md,
+    width: '100%',
+    minHeight: theme.control.height.lg,
+    padding: `${theme.space.md} 0`,
+    color: theme.colors.text.primary,
+    fontFamily: theme.fontFamily.sans,
+    fontSize: theme.fontSize.sm,
+    lineHeight: theme.lineHeight.normal,
+    fontWeight: theme.fontWeight.medium,
+    textAlign: 'left',
+    '&:hover:not(:disabled)': {
+        backgroundColor: theme.surface.lvl1,
+    },
+    '&:focus-visible': {
+        outline: `2px solid ${theme.colors.focus.ring}`,
+        outlineOffset: '2px',
+    },
+    '&:disabled': {
+        opacity: 0.55,
+    },
+    '& > span:first-child': {
+        minWidth: 0,
+    },
+});
+const accordionIndicatorCss = css({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: theme.fontSize.sm,
+    height: theme.fontSize.sm,
+    color: theme.colors.text.muted,
+    transition: `transform ${accordionTransition}`,
+    '& > svg': {
+        display: 'block',
+        width: '100%',
+        height: '100%',
+    },
+    '&[data-state="open"]': {
+        transform: 'rotate(90deg)',
+    },
+});
+const accordionPanelCss = css({
+    display: 'grid',
+    gridTemplateRows: '0fr',
+    transition: `grid-template-rows ${accordionTransition}`,
+    '&[data-state="open"]': {
+        gridTemplateRows: '1fr',
+    },
+    '&[data-state="closed"]': {
+        pointerEvents: 'none',
+    },
+    '@media (prefers-reduced-motion: reduce)': {
+        transition: 'none',
+    },
+});
+const accordionBodyCss = css({
+    display: 'flow-root',
+    minHeight: 0,
+    paddingBottom: theme.space.md,
+    color: theme.colors.text.secondary,
+    fontSize: theme.fontSize.sm,
+    lineHeight: theme.lineHeight.relaxed,
+    '& > :first-child': {
+        marginTop: 0,
+    },
+    '& > :last-child': {
+        marginBottom: 0,
+    },
+});
+export const rootStyle = accordionRootCss;
+export const itemStyle = accordionItemCss;
+export const triggerStyle = accordionTriggerCss;
+export const indicatorStyle = accordionIndicatorCss;
+export const panelStyle = accordionPanelCss;
+export const bodyStyle = accordionBodyCss;
+function isMultipleProps(props) {
+    return props?.type === 'multiple';
+}
+function AccordionImpl(handle) {
+    let rootNode = null;
+    let registeredItems = [];
+    let uncontrolledSingleValue = null;
+    let uncontrolledMultipleValue = [];
+    let hasInitializedSingle = false;
+    let hasInitializedMultiple = false;
+    let getType = () => (isMultipleProps(handle.props) ? 'multiple' : 'single');
+    let getSingleValue = () => {
+        if (isMultipleProps(handle.props)) {
+            return null;
+        }
+        if (handle.props.value !== undefined) {
+            return handle.props.value;
+        }
+        if (!hasInitializedSingle) {
+            uncontrolledSingleValue = handle.props.defaultValue ?? null;
+            hasInitializedSingle = true;
+        }
+        return uncontrolledSingleValue;
+    };
+    let getMultipleValue = () => {
+        if (!isMultipleProps(handle.props)) {
+            return [];
+        }
+        if (handle.props.value !== undefined) {
+            return handle.props.value;
+        }
+        if (!hasInitializedMultiple) {
+            uncontrolledMultipleValue = [...(handle.props.defaultValue ?? [])];
+            hasInitializedMultiple = true;
+        }
+        return uncontrolledMultipleValue;
+    };
+    let isOpen = (value) => {
+        if (getType() === 'multiple') {
+            return getMultipleValue().includes(value);
+        }
+        return getSingleValue() === value;
+    };
+    let dispatchChange = (itemValue, value) => {
+        rootNode?.dispatchEvent(new AccordionChangeEvent(value, {
+            accordionType: getType(),
+            itemValue,
+        }));
+    };
+    let toggleItem = (itemValue) => {
+        if (handle.props.disabled) {
+            return;
+        }
+        if (isMultipleProps(handle.props)) {
+            let currentValue = getMultipleValue();
+            let nextValue = currentValue.includes(itemValue)
+                ? currentValue.filter((value) => value !== itemValue)
+                : [...currentValue, itemValue];
+            if (handle.props.value === undefined) {
+                uncontrolledMultipleValue = nextValue;
+                void handle.update();
+            }
+            handle.props.onValueChange?.(nextValue);
+            dispatchChange(itemValue, nextValue);
+            return;
+        }
+        let isCurrentItemOpen = getSingleValue() === itemValue;
+        if (isCurrentItemOpen && !(handle.props.collapsible ?? true)) {
+            return;
+        }
+        let nextValue = isCurrentItemOpen ? null : itemValue;
+        if (handle.props.value === undefined) {
+            uncontrolledSingleValue = nextValue;
+            void handle.update();
+        }
+        handle.props.onValueChange?.(nextValue);
+        dispatchChange(itemValue, nextValue);
+    };
+    let focusItem = (itemValue, direction) => {
+        let items = registeredItems.filter((item) => !item.disabled && item.getTriggerNode() !== null);
+        if (items.length === 0) {
+            return;
+        }
+        let currentIndex = items.findIndex((item) => item.value === itemValue);
+        let targetIndex = 0;
+        switch (direction) {
+            case 'first':
+                targetIndex = 0;
+                break;
+            case 'last':
+                targetIndex = items.length - 1;
+                break;
+            case 'previous':
+                targetIndex = currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
+                break;
+            case 'next':
+                targetIndex =
+                    currentIndex === -1 || currentIndex === items.length - 1 ? 0 : currentIndex + 1;
+                break;
+        }
+        items[targetIndex]?.getTriggerNode()?.focus();
+    };
+    let registerItem = (item) => {
+        registeredItems.push(item);
+    };
+    let getTriggerId = (value) => registeredItems.find((item) => item.value === value)?.getTriggerNode()?.id;
+    let getPanelId = (value) => `${handle.id}-${value}-panel`;
+    return () => {
+        let collapsible = 'collapsible' in handle.props ? handle.props.collapsible : undefined;
+        let { children, defaultValue, disabled, headingLevel, mix, onValueChange, type, value, ...divProps } = handle.props;
+        void defaultValue;
+        void onValueChange;
+        void value;
+        registeredItems = [];
+        handle.context.set({
+            collapsible: type === 'multiple' ? true : (collapsible ?? true),
+            disabled: disabled ?? false,
+            focusItem,
+            getPanelId,
+            getTriggerId,
+            headingLevel: headingLevel ?? 3,
+            isOpen,
+            registerItem,
+            toggleItem,
+            type: type ?? 'single',
+        });
+        return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-type": type ?? 'single', mix: [
+                rootStyle,
+                ref((node) => {
+                    rootNode = node;
+                }),
+                ...(mix ?? []),
+            ], children: children }));
+    };
+}
+export function onAccordionChange(handler, captureBoolean) {
+    return on(ACCORDION_CHANGE_EVENT, handler, captureBoolean);
+}
+export const Accordion = AccordionImpl;
+export function AccordionItem(handle) {
+    let triggerNode = null;
+    let triggerId = `${handle.id}-trigger`;
+    let panelId = `${handle.id}-panel`;
+    return () => {
+        let { children, disabled: itemDisabled, mix, value, ...divProps } = handle.props;
+        let accordion = handle.context.get(Accordion);
+        let disabled = accordion.disabled || itemDisabled === true;
+        let open = accordion.isOpen(value);
+        let lockedOpen = accordion.type === 'single' && !accordion.collapsible && open;
+        accordion.registerItem({
+            disabled,
+            getTriggerNode: () => triggerNode,
+            value,
+        });
+        handle.context.set({
+            disabled,
+            headingLevel: accordion.headingLevel,
+            lockedOpen,
+            open,
+            panelId,
+            setTriggerNode(node) {
+                triggerNode = node;
+            },
+            triggerId,
+            value,
+        });
+        return (_jsx("div", { ...divProps, "data-disabled": disabled ? '' : undefined, "data-state": open ? 'open' : 'closed', mix: [itemStyle, ...(mix ?? [])], children: children }));
+    };
+}
+export function AccordionTrigger(handle) {
+    return () => {
+        let accordion = handle.context.get(Accordion);
+        let item = handle.context.get(AccordionItem);
+        let headingTag = `h${item.headingLevel}`;
+        let { children, indicator, mix, type, ...buttonProps } = handle.props;
+        let disabled = item.disabled || handle.props.disabled === true;
+        let toggleItem = () => {
+            if (disabled || item.lockedOpen) {
+                return;
+            }
+            accordion.toggleItem(item.value);
+        };
+        let button = (_jsxs("button", { ...buttonProps, "aria-controls": item.panelId, "aria-disabled": item.lockedOpen ? true : undefined, "aria-expanded": item.open, "data-state": item.open ? 'open' : 'closed', disabled: disabled ? true : undefined, id: item.triggerId, mix: [
+                triggerStyle,
+                ref((node) => {
+                    item.setTriggerNode(node);
+                }),
+                on('click', toggleItem),
+                on('keydown', (event) => {
+                    switch (event.key) {
+                        case 'ArrowDown':
+                            event.preventDefault();
+                            accordion.focusItem(item.value, 'next');
+                            break;
+                        case 'ArrowUp':
+                            event.preventDefault();
+                            accordion.focusItem(item.value, 'previous');
+                            break;
+                        case 'Home':
+                            event.preventDefault();
+                            accordion.focusItem(item.value, 'first');
+                            break;
+                        case 'End':
+                            event.preventDefault();
+                            accordion.focusItem(item.value, 'last');
+                            break;
+                    }
+                }),
+                mix,
+            ], type: type ?? 'button', children: [_jsx("span", { children: children }), indicator === null ? null : (_jsx("span", { "data-rmx-accordion-indicator": "", "data-state": item.open ? 'open' : 'closed', mix: indicatorStyle, children: indicator ?? _jsx(Glyph, { name: "chevronRight" }) }))] }));
+        return createElement(headingTag, {}, button);
+    };
+}
+export function AccordionContent(handle) {
+    return () => {
+        let item = handle.context.get(AccordionItem);
+        let { children, mix, ...panelProps } = handle.props;
+        return (_jsx("div", { ...panelProps, "aria-hidden": item.open ? undefined : true, "aria-labelledby": item.triggerId, "data-state": item.open ? 'open' : 'closed', id: item.panelId, inert: item.open ? undefined : true, mix: [panelStyle, mix ?? []], children: _jsx("div", { mix: accordionPanelClipCss, children: _jsx("div", { mix: bodyStyle, children: children }) }) }));
+    };
+}
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

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

package/dist/components/anchor/anchor.d.ts

@@ -0,0 +1,13 @@
+type ExtendedAnchorPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+export type AnchorPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+type AnchorOffsetValue = number | ((floating: HTMLElement) => number);
+export type AnchorOptions = {
+    placement?: ExtendedAnchorPlacement;
+    inset?: boolean;
+    relativeTo?: string;
+    offset?: AnchorOffsetValue;
+    offsetX?: AnchorOffsetValue;
+    offsetY?: AnchorOffsetValue;
+};
+export declare function anchor(floating: HTMLElement, anchorElement: HTMLElement, options?: AnchorOptions): () => void;
+export {};