@ghia/react 0.0.0-stage → 0.11.0

package/dist/components/floating.d.ts

@@ -0,0 +1,54 @@
+/** Shared state, slot, and positioning helpers for headless floating controls. */
+import React from "react";
+import type { ReactElement, ReactNode, Ref } from "react";
+import type { KeyEvent, Props, PublicInstance, MotionValueStyle, StyleDesc } from "../types/host.js";
+export type FloatingSide = "top" | "right" | "bottom" | "left";
+export type FloatingAlign = "start" | "center" | "end";
+export type StateStyle<State> = StyleDesc | ((state: State) => StyleDesc);
+export interface FloatingContentProps extends Omit<Props, "children"> {
+    children?: ReactNode;
+    side?: FloatingSide;
+    sideOffset?: number;
+    align?: FloatingAlign;
+    alignOffset?: number;
+    collisionPadding?: number;
+}
+export declare function resolveStyle<State>(style: StateStyle<State> | undefined, state: State): StyleDesc | undefined;
+export declare function mergeStyles(base: MotionValueStyle | undefined, override: MotionValueStyle | undefined): MotionValueStyle | undefined;
+export declare function floatingRootStyle(style?: MotionValueStyle): MotionValueStyle;
+export declare function useControllableState<Value>({ value, defaultValue, onChange, }: {
+    value: Value | undefined;
+    defaultValue: Value;
+    onChange?: (value: Value) => void;
+}): [Value, (value: Value) => void];
+export interface DismissableLayerProps {
+    children?: ReactNode;
+    /** Escape reached the window, this layer is on top, and nothing prevented it. */
+    onEscapeKeyDown: (event: KeyEvent) => void;
+    /** Element to focus when the layer opens on top. Null leaves focus. */
+    initialFocus?: () => number | null;
+    /** Element to focus on close. `previous` is the focus from before it opened. */
+    finalFocus?: (previous: number | null) => number | null;
+}
+/**
+ * Put an open overlay on the window's layer stack while mounted. Escape closes
+ * only the top layer. Layers inside this one, such as a Select in a Dialog,
+ * are always above it. The stack also moves focus in and out, in stack order.
+ */
+export declare function DismissableLayer({ children, ...handlers }: DismissableLayerProps): ReactElement;
+export declare function setRefs<T>(value: T, ...refs: Array<Ref<T> | undefined>): void;
+/**
+ * Render `props` on a `div`, or merge them into the single `asChild` element.
+ *
+ * `defaultTabIndex` makes the part a tab stop, like the `<button>` Base UI
+ * renders. An explicit `tabIndex` on the part, then on the child, wins.
+ */
+export declare function renderSlot({ asChild, children, props, ref, defaultTabIndex, }: {
+    asChild?: boolean;
+    children: ReactNode;
+    props: Props;
+    ref?: Ref<PublicInstance>;
+    defaultTabIndex?: number;
+}): ReactElement;
+export declare const FloatingLayer: React.ForwardRefExoticComponent<Omit<FloatingContentProps, "ref"> & React.RefAttributes<PublicInstance>>;
+//# sourceMappingURL=floating.d.ts.map

package/dist/components/floating.d.ts.map

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

package/dist/components/floating.js

@@ -0,0 +1,199 @@
+import { jsx as _jsx } from "@ghia/react/jsx-runtime";
+/** Shared state, slot, and positioning helpers for headless floating controls. */
+import React, { cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import { EVENT_PROP_NAMES, pushDismissLayer } from "@ghia/native/host";
+import { useGpuix } from "../hooks/use-gpuix.js";
+export function resolveStyle(style, state) {
+    return typeof style === "function" ? style(state) : style;
+}
+export function mergeStyles(base, override) {
+    if (!base)
+        return override;
+    if (!override)
+        return base;
+    return { ...base, ...override };
+}
+export function floatingRootStyle(style) {
+    return {
+        display: "flex",
+        position: "relative",
+        alignItems: "start",
+        ...style,
+    };
+}
+function floatingSurfaceStateStyle(style) {
+    if (!style)
+        return undefined;
+    const surface = {};
+    if (style.visibility !== undefined)
+        surface.visibility = style.visibility;
+    if (style.opacity !== undefined)
+        surface.opacity = style.opacity;
+    if (style.borderRadius !== undefined)
+        surface.borderRadius = style.borderRadius;
+    if (style.borderTopLeftRadius !== undefined) {
+        surface.borderTopLeftRadius = style.borderTopLeftRadius;
+    }
+    if (style.borderTopRightRadius !== undefined) {
+        surface.borderTopRightRadius = style.borderTopRightRadius;
+    }
+    if (style.borderBottomRightRadius !== undefined) {
+        surface.borderBottomRightRadius = style.borderBottomRightRadius;
+    }
+    if (style.borderBottomLeftRadius !== undefined) {
+        surface.borderBottomLeftRadius = style.borderBottomLeftRadius;
+    }
+    return Object.keys(surface).length > 0 ? surface : undefined;
+}
+function floatingSurfaceStyle(style) {
+    const surface = floatingSurfaceStateStyle(style) ?? {};
+    // The anchored surface is hit where it paints, so a layer that must not take
+    // the pointer (a tooltip) has to say so on the surface itself.
+    if (style?.pointerEvents !== undefined)
+        surface.pointerEvents = style.pointerEvents;
+    const hover = floatingSurfaceStateStyle(style?.hover);
+    const active = floatingSurfaceStateStyle(style?.active);
+    if (hover)
+        surface.hover = hover;
+    if (active)
+        surface.active = active;
+    return surface;
+}
+function withoutOpacity(style) {
+    if (!style)
+        return undefined;
+    const { opacity: _opacity, ...rest } = style;
+    return rest;
+}
+function floatingContentStyle(style) {
+    if (!style)
+        return undefined;
+    const { opacity: _opacity, hover, active, ...rest } = style;
+    return {
+        ...rest,
+        hover: withoutOpacity(hover),
+        active: withoutOpacity(active),
+    };
+}
+export function useControllableState({ value, defaultValue, onChange, }) {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const controlled = value !== undefined;
+    const currentValue = controlled ? value : internalValue;
+    const setValue = useCallback((nextValue) => {
+        if (!controlled)
+            setInternalValue(nextValue);
+        if (!Object.is(currentValue, nextValue))
+            onChange?.(nextValue);
+    }, [controlled, currentValue, onChange]);
+    return [currentValue, setValue];
+}
+const DismissLayerContext = createContext(undefined);
+/**
+ * Put an open overlay on the window's layer stack while mounted. Escape closes
+ * only the top layer. Layers inside this one, such as a Select in a Dialog,
+ * are always above it. The stack also moves focus in and out, in stack order.
+ */
+export function DismissableLayer({ children, ...handlers }) {
+    const { renderer } = useGpuix();
+    const parent = useContext(DismissLayerContext);
+    // Read during render, before this layer's elements are committed. After the
+    // commit an autoFocus inside the layer may already hold focus.
+    const [previousFocus] = useState(() => renderer?.getFocusedElementId?.() ?? null);
+    const latest = useRef(handlers);
+    latest.current = handlers;
+    const layer = useMemo(() => ({
+        parent,
+        onEscapeKeyDown: (event) => latest.current.onEscapeKeyDown(event),
+        initialFocus: () => latest.current.initialFocus?.() ?? null,
+        finalFocus: (previous) => latest.current.finalFocus?.(previous) ?? null,
+    }), [parent]);
+    useLayoutEffect(() => {
+        if (!renderer)
+            return;
+        return pushDismissLayer(renderer, layer, { previousFocus });
+    }, [renderer, layer, previousFocus]);
+    return _jsx(DismissLayerContext.Provider, { value: layer, children: children });
+}
+export function setRefs(value, ...refs) {
+    for (const ref of refs) {
+        if (typeof ref === "function") {
+            ref(value);
+        }
+        else if (ref) {
+            ref.current = value;
+        }
+    }
+}
+function mergeRefs(...refs) {
+    return (value) => {
+        for (const ref of refs) {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref) {
+                ref.current = value;
+            }
+        }
+    };
+}
+function getElementRef(element) {
+    if (element.props.ref)
+        return element.props.ref;
+    const descriptor = Object.getOwnPropertyDescriptor(element, "ref");
+    return descriptor?.value;
+}
+function composeHandlers(first, second) {
+    if (!first)
+        return second;
+    if (!second)
+        return first;
+    return (event) => {
+        first(event);
+        second(event);
+    };
+}
+/** Every handler prop, capture variants included, runs the child's handler and then the part's. */
+function composeEventHandlers(merged, childProps, props) {
+    const target = merged;
+    const own = childProps;
+    const part = props;
+    for (const propName of EVENT_PROP_NAMES) {
+        const composed = composeHandlers(own[propName], part[propName]);
+        if (composed)
+            target[propName] = composed;
+    }
+}
+/**
+ * Render `props` on a `div`, or merge them into the single `asChild` element.
+ *
+ * `defaultTabIndex` makes the part a tab stop, like the `<button>` Base UI
+ * renders. An explicit `tabIndex` on the part, then on the child, wins.
+ */
+export function renderSlot({ asChild, children, props, ref, defaultTabIndex, }) {
+    if (!asChild) {
+        return (_jsx("div", { ...props, tabIndex: props.tabIndex ?? defaultTabIndex, ref: ref, children: children }));
+    }
+    if (!isValidElement(children)) {
+        throw new Error("asChild requires exactly one React element");
+    }
+    const child = children;
+    const childProps = child.props;
+    const merged = {
+        ...childProps,
+        ...props,
+        style: mergeStyles(childProps.style, props.style),
+    };
+    composeEventHandlers(merged, childProps, props);
+    merged.tabIndex = props.tabIndex ?? childProps.tabIndex ?? defaultTabIndex;
+    const childRef = getElementRef(child);
+    if (childRef || ref)
+        merged.ref = mergeRefs(childRef, ref);
+    return cloneElement(child, merged);
+}
+export const FloatingLayer = forwardRef(function FloatingLayer({ side = "bottom", sideOffset = 0, align = "start", alignOffset = 0, collisionPadding = 8, children, ...props }, ref) {
+    const offset = side === "top" || side === "bottom"
+        ? { x: alignOffset, y: 0 }
+        : { x: 0, y: alignOffset };
+    return (_jsx("anchored", { style: floatingSurfaceStyle(props.style), side: side, align: align, gap: sideOffset, offset: offset, snapMargin: collisionPadding, deferred: true, priority: 1, children: _jsx("div", { ...props, ref: ref, style: mergeStyles({ backgroundColor: "#1A1A1A" }, floatingContentStyle(props.style)), children: children }) }));
+});
+//# sourceMappingURL=floating.js.map

package/dist/components/floating.js.map

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

package/dist/components/index.d.ts

@@ -0,0 +1,135 @@
+import type { ReactNode } from "react";
+import type { LayoutDrag, MotionAnimation, MotionGestureCallbacks, MotionLayoutProps, MotionSpanAnimation, MotionSpanIgnoredProps, MotionStyle, MotionTransition, MotionValueStyle, Props, PublicInstance, SvgCircleProps, SvgEllipseProps, SvgGroupProps, SvgLineProps, SvgMotionStyle, SvgMotionTransition, SvgPathProps, SvgPolyProps, SvgRectProps, SvgFeDropShadowProps, SvgFeFloodProps, SvgFeGaussianBlurProps, SvgFeOffsetProps, SvgImageProps, SvgTextProps, SvgTspanProps } from "../types/host.js";
+export { AnimatePresence, PresenceContext, useIsPresent, usePresence, } from "./animate-presence.js";
+export type { AnimatePresenceProps } from "./animate-presence.js";
+export { LayoutGroup } from "./layout-group.js";
+export type { LayoutGroupProps } from "./layout-group.js";
+export { MotionConfig, useReducedMotionConfig } from "./motion-config.js";
+export type { MotionConfigProps } from "./motion-config.js";
+export { UniversalStyle } from "./universal-style.js";
+export type { UniversalStyleProps } from "./universal-style.js";
+export declare const gpuixComponents: {
+    readonly div: "div";
+    readonly text: "text";
+    readonly span: "span";
+    readonly img: "img";
+    readonly svg: "svg";
+    readonly canvas: "canvas";
+    readonly input: "input";
+    readonly textarea: "textarea";
+    readonly label: "label";
+    readonly form: "form";
+    readonly anchored: "anchored";
+    readonly webview: "webview";
+    readonly nativeview: "nativeview";
+    readonly "virtual-list": "virtual-list";
+};
+export type GpuixComponentType = keyof typeof gpuixComponents;
+export interface MotionDivProps extends MotionAnimation<MotionStyle>, MotionGestureCallbacks, MotionLayoutProps {
+    children?: ReactNode;
+    style?: MotionValueStyle;
+    onClick?: Props["onClick"];
+    onMouseDown?: Props["onMouseDown"];
+    onMouseUp?: Props["onMouseUp"];
+    onMouseEnter?: Props["onMouseEnter"];
+    onMouseLeave?: Props["onMouseLeave"];
+    onMouseMove?: Props["onMouseMove"];
+    onPointerDown?: Props["onPointerDown"];
+    onPointerMove?: Props["onPointerMove"];
+    onPointerUp?: Props["onPointerUp"];
+    onPointerCancel?: Props["onPointerCancel"];
+    onLostPointerCapture?: Props["onLostPointerCapture"];
+    onMouseDownOutside?: Props["onMouseDownOutside"];
+    onKeyDown?: Props["onKeyDown"];
+    onKeyUp?: Props["onKeyUp"];
+    onFocus?: Props["onFocus"];
+    onBlur?: Props["onBlur"];
+    onWheel?: Props["onWheel"];
+    onScroll?: Props["onScroll"];
+    onDrop?: Props["onDrop"];
+    onMotionComplete?: Props["onMotionComplete"];
+    onLayoutAnimationStart?: Props["onLayoutAnimationStart"];
+    onLayoutAnimationComplete?: Props["onLayoutAnimationComplete"];
+    autoFocus?: boolean;
+}
+/**
+ * Props of a `motion.span`: an inline span animates what an inline box shows (`animate`, `initial`,
+ * `exit`, `whileHover`, `whileTap`, `whileFocus`, `whileInView`, or the `variants` they name) and takes
+ * the props of a `<span>`. A non-atomic inline box takes no transform, so `layout`, `layoutId`, `drag*`
+ * and the transform keys are accepted and have no effect, as in a browser.
+ */
+export interface MotionSpanProps extends Omit<Props, "style" | keyof MotionSpanAnimation | keyof MotionGestureCallbacks | keyof MotionSpanIgnoredProps>, MotionSpanAnimation, MotionGestureCallbacks, MotionSpanIgnoredProps {
+    style?: MotionValueStyle;
+}
+/** What every `motion.*` component takes, whatever it animates. */
+interface MotionSource<Style, Transition> extends MotionAnimation<Style, Transition>, MotionGestureCallbacks {
+    layout?: MotionLayoutProps["layout"];
+    layoutId?: string;
+    /** The drag values of a `Reorder.Item`; not part of the API. */
+    layoutDrag?: LayoutDrag;
+    onMotionComplete?: Props["onMotionComplete"];
+}
+export declare function createMotionComponent<Source extends MotionSource<object, MotionTransition | SvgMotionTransition>>(tag: string): import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<Source> & import("react").RefAttributes<PublicInstance>>;
+/** `motion.div` plus the drag values `Reorder.Item` hands it, for the element type it is `as`. */
+export type MotionDragProps = MotionDivProps & {
+    layoutDrag?: LayoutDrag;
+};
+/** Props of a `motion.path`, `motion.circle`, ...: the shape's own plus Framer's animation props. */
+export type MotionShapeProps<Shape> = Omit<Shape, "motion" | "ref" | "key"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+    onMotionComplete?: Props["onMotionComplete"];
+};
+/**
+ * Native animations with a Motion-like declarative React API. `motion.path`,
+ * `motion.circle` and the other SVG shapes animate attributes (`pathLength`,
+ * `d`, `stroke`, ...) instead of style, and are valid only inside `<svg>`.
+ */
+export declare const motion: {
+    readonly div: import("react").ForwardRefExoticComponent<MotionDivProps & import("react").RefAttributes<PublicInstance>>;
+    readonly span: import("react").ForwardRefExoticComponent<Omit<MotionSpanProps, "ref"> & import("react").RefAttributes<PublicInstance>>;
+    readonly g: import("react").ForwardRefExoticComponent<Omit<SvgGroupProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly path: import("react").ForwardRefExoticComponent<Omit<SvgPathProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly circle: import("react").ForwardRefExoticComponent<Omit<SvgCircleProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly ellipse: import("react").ForwardRefExoticComponent<Omit<SvgEllipseProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly rect: import("react").ForwardRefExoticComponent<Omit<SvgRectProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly line: import("react").ForwardRefExoticComponent<Omit<SvgLineProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly polyline: import("react").ForwardRefExoticComponent<Omit<SvgPolyProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly polygon: import("react").ForwardRefExoticComponent<Omit<SvgPolyProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly text: import("react").ForwardRefExoticComponent<Omit<SvgTextProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly tspan: import("react").ForwardRefExoticComponent<Omit<SvgTspanProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly image: import("react").ForwardRefExoticComponent<Omit<SvgImageProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly feGaussianBlur: import("react").ForwardRefExoticComponent<Omit<SvgFeGaussianBlurProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly feOffset: import("react").ForwardRefExoticComponent<Omit<SvgFeOffsetProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly feFlood: import("react").ForwardRefExoticComponent<Omit<SvgFeFloodProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+    readonly feDropShadow: import("react").ForwardRefExoticComponent<Omit<SvgFeDropShadowProps, "motion" | "key" | "ref"> & MotionAnimation<SvgMotionStyle, SvgMotionTransition> & Pick<MotionGestureCallbacks, "onViewportEnter" | "onViewportLeave"> & {
+        onMotionComplete?: Props["onMotionComplete"];
+    } & import("react").RefAttributes<PublicInstance>>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

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

package/dist/components/index.js

@@ -0,0 +1,190 @@
+// GPUIX component definitions and native motion wrappers.
+import { createElement, forwardRef, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { elementScope, gestureDescription, gestureHandlers, layoutDescription, motionComponentStyle, observeViewport, reduceMotionValues, resolveExit, resolveMotion, scopeLayoutId, SPAN_SCOPE, withoutIgnoredSpanProps, withoutIgnoredSpanStyle, withoutLayoutTransition, wireMotionTransition, } from "@ghia/native/host";
+import { flushSync } from "../reconciler/reconciler.js";
+import { PresenceContext, usePresence } from "./animate-presence.js";
+import { LayoutGroupContext } from "./layout-group.js";
+import { MotionConfigContext } from "./motion-config.js";
+import { VariantContext } from "./variant-context.js";
+let nextMotionGeneration = 0;
+export { AnimatePresence, PresenceContext, useIsPresent, usePresence, } from "./animate-presence.js";
+export { LayoutGroup } from "./layout-group.js";
+export { MotionConfig, useReducedMotionConfig } from "./motion-config.js";
+export { UniversalStyle } from "./universal-style.js";
+export const gpuixComponents = {
+    div: "div",
+    text: "text",
+    span: "span",
+    img: "img",
+    svg: "svg",
+    canvas: "canvas",
+    input: "input",
+    textarea: "textarea",
+    label: "label",
+    form: "form",
+    anchored: "anchored",
+    webview: "webview",
+    nativeview: "nativeview",
+    "virtual-list": "virtual-list",
+};
+export function createMotionComponent(tag) {
+    const inline = tag === "span";
+    const scope = inline ? SPAN_SCOPE : elementScope(`motion.${tag}`);
+    return forwardRef(function Motion({ initial, animate, exit: exitTarget, custom, transition, layout, layoutId, layoutDrag, variants, inherit, whileHover, whileTap, whileFocus, whileInView, viewport, onHoverStart, onHoverEnd, onTapStart, onTap, onTapCancel, onViewportEnter, onViewportLeave, onMotionComplete, ...rest }, ref) {
+        // A span takes no transform: what Framer would move with one is accepted and left where it is.
+        const props = inline
+            ? withoutIgnoredSpanProps({ ...rest, style: withoutIgnoredSpanStyle(Reflect.get(rest, "style")) })
+            : { ...rest, style: motionComponentStyle(Reflect.get(rest, "style")) };
+        const [inView, setInView] = useState(false);
+        const observed = useRef(null);
+        const setRef = useCallback((instance) => {
+            observed.current = instance;
+            if (typeof ref === "function")
+                ref(instance);
+            else if (ref)
+                ref.current = instance;
+        }, [ref]);
+        const callbacks = useRef({});
+        callbacks.current = { onHoverStart, onHoverEnd, onTapStart, onTap, onTapCancel, onViewportEnter, onViewportLeave };
+        const presence = useContext(PresenceContext);
+        const config = useContext(MotionConfigContext);
+        const layoutGroupId = useContext(LayoutGroupContext);
+        const parentVariants = useContext(VariantContext);
+        const inheritedVariants = inherit === false ? undefined : parentVariants;
+        const reduced = config !== undefined && config.reduced;
+        const [isPresent, safeToRemove] = usePresence();
+        // An `exit` function has nothing to leave from outside an `AnimatePresence`.
+        const exitResolved = typeof exitTarget === "function" && presence === null
+            ? undefined
+            : resolveExit(exitTarget, presence?.custom ?? custom);
+        const resolved = resolveMotion(scope, {
+            initial: presence?.initial === false ? false : initial,
+            animate: animate,
+            exit: exitResolved,
+            variants: variants,
+            custom: presence?.custom ?? custom,
+            gestures: { whileHover, whileTap, whileFocus, whileInView },
+            parent: inheritedVariants,
+            inView,
+        });
+        const exit = resolved.exit;
+        const resolvedInitial = resolved.initial;
+        const resolvedAnimate = !isPresent && exit ? exit : resolved.animate;
+        const variantTransition = !isPresent && exit ? resolved.exitTransition : resolved.animateTransition;
+        const componentTransition = wireMotionTransition(transition ?? config?.transition);
+        const motionTransition = withoutLayoutTransition(variantTransition === undefined ? componentTransition : wireMotionTransition(variantTransition));
+        useEffect(() => {
+            if (!isPresent && !exit)
+                safeToRemove?.();
+        }, [exit, isPresent, safeToRemove]);
+        // Gestures are over once the element is on its way out.
+        const gestures = isPresent
+            ? gestureDescription(resolved, (own) => wireMotionTransition(own), resolved.inherited.includes("whileInView") ? inheritedVariants.inView : inView)
+            : undefined;
+        const watchesView = isPresent && (whileInView !== undefined || onViewportEnter !== undefined || onViewportLeave !== undefined);
+        useEffect(() => {
+            const target = observed.current;
+            if (!watchesView || !target)
+                return;
+            // Native delivers it from a frame, not from an event React is handling.
+            return observeViewport(target, viewport, (visible, entry) => {
+                flushSync(() => setInView(visible));
+                if (visible)
+                    callbacks.current.onViewportEnter?.(entry);
+                else
+                    callbacks.current.onViewportLeave?.(entry);
+            });
+        }, [watchesView, viewport?.root, viewport?.margin, viewport?.amount, viewport?.once]);
+        const motionKey = JSON.stringify([
+            isPresent,
+            resolvedInitial,
+            resolvedAnimate,
+            motionTransition,
+            reduced,
+            gestures,
+        ]);
+        const generation = useMemo(() => ++nextMotionGeneration, [motionKey]);
+        const style = Reflect.get(props, "style");
+        useLayoutEffect(() => (reduced ? reduceMotionValues(style) : undefined), [reduced, style]);
+        const hostProps = {
+            ...props,
+            ...gestureHandlers(() => callbacks.current, props),
+            ref: watchesView ? setRef : ref,
+        };
+        if (resolvedAnimate !== undefined || gestures !== undefined) {
+            hostProps.motion = {
+                generation,
+                isExit: !isPresent && exit !== undefined,
+                initial: resolvedInitial,
+                animate: resolvedAnimate ?? {},
+                transition: motionTransition,
+                ...(reduced ? { reducedMotion: true } : {}),
+                ...gestures,
+            };
+        }
+        // A layout animation moves a box with a transform, which a span has none of.
+        const layoutProp = inline
+            ? undefined
+            : layoutDescription({
+                layout,
+                layoutId: scopeLayoutId(layoutGroupId, layoutId),
+                transition: componentTransition,
+                reduced,
+                drag: layoutDrag,
+            });
+        if (layoutProp !== undefined)
+            hostProps.layout = layoutProp;
+        if (!isPresent || onMotionComplete) {
+            hostProps.onMotionComplete = (event) => {
+                if (event.motionGeneration !== generation)
+                    return;
+                onMotionComplete?.(event);
+                if (!isPresent)
+                    safeToRemove?.();
+            };
+        }
+        // Always a provider, so that a component that starts or stops controlling variants keeps its element.
+        const handedDown = useStableVariants(resolved.controls ?? inheritedVariants);
+        return createElement(VariantContext.Provider, { value: handedDown }, createElement(tag, hostProps));
+    });
+}
+/** The same object for the same names, so that a render of the controller does not render what is under it. */
+function useStableVariants(value) {
+    const key = JSON.stringify(value);
+    return useMemo(() => value, [key]);
+}
+const MotionDiv = createMotionComponent("div");
+const MotionSpan = createMotionComponent("span");
+function motionShape(tag) {
+    return createMotionComponent(tag);
+}
+/**
+ * Native animations with a Motion-like declarative React API. `motion.path`,
+ * `motion.circle` and the other SVG shapes animate attributes (`pathLength`,
+ * `d`, `stroke`, ...) instead of style, and are valid only inside `<svg>`.
+ */
+export const motion = {
+    div: MotionDiv,
+    span: MotionSpan,
+    g: motionShape("g"),
+    path: motionShape("path"),
+    circle: motionShape("circle"),
+    ellipse: motionShape("ellipse"),
+    rect: motionShape("rect"),
+    line: motionShape("line"),
+    polyline: motionShape("polyline"),
+    polygon: motionShape("polygon"),
+    text: motionShape("text"),
+    tspan: motionShape("tspan"),
+    image: motionShape("image"),
+    feGaussianBlur: motionShape("feGaussianBlur"),
+    feOffset: motionShape("feOffset"),
+    feFlood: motionShape("feFlood"),
+    feDropShadow: motionShape("feDropShadow"),
+};
+// There is no `VirtualList` React wrapper. Windowing on the React side is the
+// app's job: pass `itemCount`, `estimatedItemHeight` and `windowStart` to the
+// host `<virtual-list>` and render only that slice. A generic wrapper cannot
+// know when to widen its own window, so it silently dropped rows whenever
+// `itemCount` grew without a scroll.
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/layout-group.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement, ReactNode } from "react";
+/** The id prefix `motion.*` components below apply to their `layoutId`. */
+export declare const LayoutGroupContext: import("react").Context<string | undefined>;
+export type LayoutGroupProps = {
+    /** Prefixes the `layoutId` of every `motion.*` below as `${id}-${layoutId}`, so two groups can reuse an id without sharing a glide. A nested group continues its parent's prefix. */
+    id?: string;
+    children?: ReactNode;
+};
+export declare function LayoutGroup(props: LayoutGroupProps): ReactElement;
+//# sourceMappingURL=layout-group.d.ts.map