@ghia/react 0.0.0 → 0.11.0

package/dist/components/tooltip.d.ts

@@ -0,0 +1,30 @@
+/** Headless shadcn-shaped Tooltip components over GPUIX anchored layers. */
+import React from "react";
+import type { ReactElement, ReactNode } from "react";
+import type { Props, PublicInstance } from "../types/host.js";
+import type { FloatingContentProps } from "./floating.js";
+export interface TooltipProviderProps {
+    children: ReactNode;
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+}
+export declare function TooltipProvider({ children, delayDuration, skipDelayDuration, disableHoverableContent, }: TooltipProviderProps): ReactElement;
+export interface TooltipProps extends Omit<Props, "children"> {
+    children?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+    disableHoverableContent?: boolean;
+}
+export declare function Tooltip({ children, open: openProp, defaultOpen, onOpenChange, delayDuration, disableHoverableContent, style, ...props }: TooltipProps): ReactElement;
+export interface TooltipTriggerProps extends Props {
+    asChild?: boolean;
+}
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<PublicInstance>>;
+export interface TooltipContentProps extends FloatingContentProps {
+}
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<PublicInstance>>;
+export { Tooltip as Root, TooltipContent as Content, TooltipProvider as Provider, TooltipTrigger as Trigger, };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,4EAA4E;AAE5E,OAAO,KAON,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAQ7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAkBzD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAiB,EACjB,iBAAuB,EACvB,uBAA+B,GAChC,EAAE,oBAAoB,GAAG,YAAY,CAOrC;AAoBD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,aAAa,EACb,uBAAuB,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,YAAY,GAAG,YAAY,CAoE7B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,cAAc,yGAkD1B,CAAA;AAED,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;CAAG;AAEpE,eAAO,MAAM,cAAc,yGA6B1B,CAAA;AAED,OAAO,EACL,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,eAAe,IAAI,QAAQ,EAC3B,cAAc,IAAI,OAAO,GAC1B,CAAA"}

package/dist/components/tooltip.js

@@ -0,0 +1,138 @@
+import { jsx as _jsx } from "@ghia/react/jsx-runtime";
+/** Headless shadcn-shaped Tooltip components over GPUIX anchored layers. */
+import React, { createContext, forwardRef, useContext, useEffect, useMemo, useRef, } from "react";
+import { FloatingLayer, floatingRootStyle, renderSlot, useControllableState, DismissableLayer, } from "./floating.js";
+const defaultProvider = {
+    delayDuration: 0,
+    skipDelayDuration: 300,
+    disableHoverableContent: false,
+    lastClosedAt: { current: Number.NEGATIVE_INFINITY },
+};
+const TooltipProviderContext = createContext(defaultProvider);
+export function TooltipProvider({ children, delayDuration = 0, skipDelayDuration = 300, disableHoverableContent = false, }) {
+    const lastClosedAt = useRef(Number.NEGATIVE_INFINITY);
+    const value = useMemo(() => ({ delayDuration, skipDelayDuration, disableHoverableContent, lastClosedAt }), [delayDuration, skipDelayDuration, disableHoverableContent]);
+    return _jsx(TooltipProviderContext.Provider, { value: value, children: children });
+}
+const TooltipContext = createContext(null);
+function useTooltipContext(name) {
+    const context = useContext(TooltipContext);
+    if (!context)
+        throw new Error(`${name} must be used inside Tooltip`);
+    return context;
+}
+export function Tooltip({ children, open: openProp, defaultOpen = false, onOpenChange, delayDuration, disableHoverableContent, style, ...props }) {
+    const provider = useContext(TooltipProviderContext);
+    const [open, setOpenState] = useControllableState({
+        value: openProp,
+        defaultValue: defaultOpen,
+        onChange: onOpenChange,
+    });
+    const openTimer = useRef(null);
+    const closeTimer = useRef(null);
+    const hoverableDisabled = disableHoverableContent ?? provider.disableHoverableContent;
+    const cancelOpen = () => {
+        if (openTimer.current !== null)
+            clearTimeout(openTimer.current);
+        openTimer.current = null;
+    };
+    const cancelClose = () => {
+        if (closeTimer.current !== null)
+            clearTimeout(closeTimer.current);
+        closeTimer.current = null;
+    };
+    const setOpen = (nextOpen) => {
+        cancelOpen();
+        cancelClose();
+        setOpenState(nextOpen);
+        if (!nextOpen)
+            provider.lastClosedAt.current = Date.now();
+    };
+    const openImmediately = () => setOpen(true);
+    const scheduleOpen = () => {
+        cancelClose();
+        const recentlyClosed = Date.now() - provider.lastClosedAt.current <= provider.skipDelayDuration;
+        const delay = recentlyClosed ? 0 : (delayDuration ?? provider.delayDuration);
+        if (delay <= 0) {
+            setOpen(true);
+            return;
+        }
+        cancelOpen();
+        openTimer.current = setTimeout(() => setOpen(true), delay);
+    };
+    const close = () => setOpen(false);
+    const scheduleClose = () => {
+        cancelOpen();
+        if (hoverableDisabled) {
+            close();
+            return;
+        }
+        cancelClose();
+        closeTimer.current = setTimeout(close, 80);
+    };
+    useEffect(() => () => {
+        cancelOpen();
+        cancelClose();
+    }, []);
+    const context = {
+        open,
+        disableHoverableContent: hoverableDisabled,
+        openImmediately,
+        scheduleOpen,
+        scheduleClose,
+        cancelClose,
+        close,
+    };
+    return (_jsx(TooltipContext.Provider, { value: context, children: _jsx("div", { ...props, style: floatingRootStyle(style), children: children }) }));
+}
+export const TooltipTrigger = forwardRef(function TooltipTrigger({ asChild, children, onMouseEnter, onMouseLeave, onMouseDown, onClick, onFocus, onBlur, ...props }, ref) {
+    const context = useTooltipContext("TooltipTrigger");
+    return renderSlot({
+        asChild,
+        children,
+        props: {
+            ...props,
+            onMouseEnter: (event) => {
+                onMouseEnter?.(event);
+                context.scheduleOpen();
+            },
+            onMouseLeave: (event) => {
+                onMouseLeave?.(event);
+                context.scheduleClose();
+            },
+            onMouseDown: (event) => {
+                onMouseDown?.(event);
+                context.close();
+            },
+            onClick: (event) => {
+                onClick?.(event);
+                context.close();
+            },
+            onFocus: (event) => {
+                onFocus?.(event);
+                context.openImmediately();
+            },
+            onBlur: (event) => {
+                onBlur?.(event);
+                context.close();
+            },
+        },
+        ref,
+        defaultTabIndex: 0,
+    });
+});
+export const TooltipContent = forwardRef(function TooltipContent({ children, side = "top", align = "center", sideOffset = 0, onMouseEnter, onMouseLeave, ...props }, ref) {
+    const context = useTooltipContext("TooltipContent");
+    if (!context.open)
+        return null;
+    return (_jsx(DismissableLayer, { onEscapeKeyDown: context.close, children: _jsx(FloatingLayer, { ...props, ref: ref, side: side, align: align, sideOffset: sideOffset, onMouseEnter: (event) => {
+                onMouseEnter?.(event);
+                if (!context.disableHoverableContent)
+                    context.cancelClose();
+            }, onMouseLeave: (event) => {
+                onMouseLeave?.(event);
+                context.scheduleClose();
+            }, children: children }) }));
+});
+export { Tooltip as Root, TooltipContent as Content, TooltipProvider as Provider, TooltipTrigger as Trigger, };
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":";AAAA,4EAA4E;AAE5E,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAA;AAGd,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,eAAe,CAAA;AAUtB,MAAM,eAAe,GAAgC;IACnD,aAAa,EAAE,CAAC;IAChB,iBAAiB,EAAE,GAAG;IACtB,uBAAuB,EAAE,KAAK;IAC9B,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,iBAAiB,EAAE;CACpD,CAAA;AAED,MAAM,sBAAsB,GAAG,aAAa,CAAC,eAAe,CAAC,CAAA;AAS7D,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,aAAa,GAAG,CAAC,EACjB,iBAAiB,GAAG,GAAG,EACvB,uBAAuB,GAAG,KAAK,GACV;IACrB,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;IACrD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,YAAY,EAAE,CAAC,EACnF,CAAC,aAAa,EAAE,iBAAiB,EAAE,uBAAuB,CAAC,CAC5D,CAAA;IACD,OAAO,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAmC,CAAA;AACpG,CAAC;AAYD,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAA;AAEtE,SAAS,iBAAiB,CAAC,IAAY;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAC1C,IAAI,CAAC,OAAO;QAAE,MAAM,IAAI,KAAK,CAAC,GAAG,IAAI,8BAA8B,CAAC,CAAA;IACpE,OAAO,OAAO,CAAA;AAChB,CAAC;AAWD,MAAM,UAAU,OAAO,CAAC,EACtB,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,aAAa,EACb,uBAAuB,EACvB,KAAK,EACL,GAAG,KAAK,EACK;IACb,MAAM,QAAQ,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IACnD,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,oBAAoB,CAAC;QAChD,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,WAAW;QACzB,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IACpE,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAA;IACrE,MAAM,iBAAiB,GAAG,uBAAuB,IAAI,QAAQ,CAAC,uBAAuB,CAAA;IAErF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI;YAAE,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;QAC/D,SAAS,CAAC,OAAO,GAAG,IAAI,CAAA;IAC1B,CAAC,CAAA;IACD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU,CAAC,OAAO,KAAK,IAAI;YAAE,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACjE,UAAU,CAAC,OAAO,GAAG,IAAI,CAAA;IAC3B,CAAC,CAAA;IACD,MAAM,OAAO,GAAG,CAAC,QAAiB,EAAE,EAAE;QACpC,UAAU,EAAE,CAAA;QACZ,WAAW,EAAE,CAAA;QACb,YAAY,CAAC,QAAQ,CAAC,CAAA;QACtB,IAAI,CAAC,QAAQ;YAAE,QAAQ,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IAC3D,CAAC,CAAA;IACD,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,WAAW,EAAE,CAAA;QACb,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,iBAAiB,CAAA;QAC/F,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAA;QAC5E,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,CAAA;YACb,OAAM;QACR,CAAC;QACD,UAAU,EAAE,CAAA;QACZ,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;IAC5D,CAAC,CAAA;IACD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAClC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,UAAU,EAAE,CAAA;QACZ,IAAI,iBAAiB,EAAE,CAAC;YACtB,KAAK,EAAE,CAAA;YACP,OAAM;QACR,CAAC;QACD,WAAW,EAAE,CAAA;QACb,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;IAC5C,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE;QACnB,UAAU,EAAE,CAAA;QACZ,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAwB;QACnC,IAAI;QACJ,uBAAuB,EAAE,iBAAiB;QAC1C,eAAe;QACf,YAAY;QACZ,aAAa;QACb,WAAW;QACX,KAAK;KACN,CAAA;IAED,OAAO,CACL,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACrC,iBAAS,KAAK,EAAE,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,YAAG,QAAQ,GAAO,GACzC,CAC3B,CAAA;AACH,CAAC;AAMD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EACE,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,OAAO,UAAU,CAAC;QAChB,OAAO;QACP,QAAQ;QACR,KAAK,EAAE;YACL,GAAG,KAAK;YACR,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;gBACrB,OAAO,CAAC,YAAY,EAAE,CAAA;YACxB,CAAC;YACD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;gBACrB,OAAO,CAAC,aAAa,EAAE,CAAA;YACzB,CAAC;YACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAA;gBACpB,OAAO,CAAC,KAAK,EAAE,CAAA;YACjB,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;gBAChB,OAAO,CAAC,KAAK,EAAE,CAAA;YACjB,CAAC;YACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;gBAChB,OAAO,CAAC,eAAe,EAAE,CAAA;YAC3B,CAAC;YACD,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,MAAM,EAAE,CAAC,KAAK,CAAC,CAAA;gBACf,OAAO,CAAC,KAAK,EAAE,CAAA;YACjB,CAAC;SACF;QACD,GAAG;QACH,eAAe,EAAE,CAAC;KACnB,CAAC,CAAA;AACJ,CAAC,CACF,CAAA;AAID,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACtC,SAAS,cAAc,CACrB,EAAE,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAClG,GAAG;IAEH,MAAM,OAAO,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACnD,IAAI,CAAC,OAAO,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAC9B,OAAO,CACL,KAAC,gBAAgB,IAAC,eAAe,EAAE,OAAO,CAAC,KAAK,YAC9C,KAAC,aAAa,OACR,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;gBACrB,IAAI,CAAC,OAAO,CAAC,uBAAuB;oBAAE,OAAO,CAAC,WAAW,EAAE,CAAA;YAC7D,CAAC,EACD,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtB,YAAY,EAAE,CAAC,KAAK,CAAC,CAAA;gBACrB,OAAO,CAAC,aAAa,EAAE,CAAA;YACzB,CAAC,YAEA,QAAQ,GACK,GACC,CACpB,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,EACL,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,eAAe,IAAI,QAAQ,EAC3B,cAAc,IAAI,OAAO,GAC1B,CAAA"}

package/dist/components/universal-style.d.ts

@@ -0,0 +1,12 @@
+import type { StyleDesc } from "@ghia/native/host";
+export interface UniversalStyleProps {
+    style: StyleDesc;
+}
+/**
+ * Renders nothing. Puts `style` under every element's own style while mounted,
+ * as a CSS `* { ... }` rule would: the lowest precedence, so an element's own
+ * style and state styles win per property. Several mounted at once are spread
+ * over each other, later ones winning, and unmounting one leaves the others.
+ */
+export declare function UniversalStyle(props: UniversalStyleProps): null;
+//# sourceMappingURL=universal-style.d.ts.map

package/dist/components/universal-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"universal-style.d.ts","sourceRoot":"","sources":["../../src/components/universal-style.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,mBAAmB,CAAA;AAGvE,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,SAAS,CAAA;CACjB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI,CAoC/D"}

package/dist/components/universal-style.js

@@ -0,0 +1,45 @@
+import { useLayoutEffect, useRef } from "react";
+import { pushUniversalStyle } from "@ghia/native/host";
+import { useGpuix } from "../hooks/use-gpuix.js";
+/**
+ * Renders nothing. Puts `style` under every element's own style while mounted,
+ * as a CSS `* { ... }` rule would: the lowest precedence, so an element's own
+ * style and state styles win per property. Several mounted at once are spread
+ * over each other, later ones winning, and unmounting one leaves the others.
+ */
+export function UniversalStyle(props) {
+    const gpuix = useGpuix();
+    const renderer = gpuix.renderer;
+    const mutations = gpuix.mutations;
+    if (!renderer || !mutations) {
+        throw new Error("UniversalStyle must be used inside a GPUIX root");
+    }
+    const entry = useRef(null);
+    // Native only sees a batch that is flushed, and a layout effect runs after the
+    // commit's own flush.
+    useLayoutEffect(() => {
+        const mounted = pushUniversalStyle(renderer, mutations, props.style);
+        entry.current = mounted;
+        const unmount = () => {
+            entry.current = null;
+            mounted.remove();
+            mutations.flushMutations();
+        };
+        try {
+            mutations.flushMutations();
+        }
+        catch (error) {
+            // React runs no cleanup for an effect that threw, and native rejected the style.
+            entry.current = null;
+            mounted.remove();
+            throw error;
+        }
+        return unmount;
+    }, [renderer, mutations]);
+    useLayoutEffect(() => {
+        entry.current?.update(props.style);
+        mutations.flushMutations();
+    }, [props.style]);
+    return null;
+}
+//# sourceMappingURL=universal-style.js.map

package/dist/components/universal-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"universal-style.js","sourceRoot":"","sources":["../../src/components/universal-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAMhD;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,EAAE,CAAC;QAC5B,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAA;IACpE,CAAC;IACD,MAAM,KAAK,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAA;IAEtD,+EAA+E;IAC/E,sBAAsB;IACtB,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QACpE,KAAK,CAAC,OAAO,GAAG,OAAO,CAAA;QACvB,MAAM,OAAO,GAAG,GAAG,EAAE;YACnB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;YACpB,OAAO,CAAC,MAAM,EAAE,CAAA;YAChB,SAAS,CAAC,cAAc,EAAE,CAAA;QAC5B,CAAC,CAAA;QACD,IAAI,CAAC;YACH,SAAS,CAAC,cAAc,EAAE,CAAA;QAC5B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,iFAAiF;YACjF,KAAK,CAAC,OAAO,GAAG,IAAI,CAAA;YACpB,OAAO,CAAC,MAAM,EAAE,CAAA;YAChB,MAAM,KAAK,CAAA;QACb,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAA;IAEzB,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAClC,SAAS,CAAC,cAAc,EAAE,CAAA;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/components/variant-context.d.ts

@@ -0,0 +1,4 @@
+import type { MotionVariantContext } from "@ghia/native/host";
+/** The variant names the nearest `motion.*` that controls variants hands down. */
+export declare const VariantContext: import("react").Context<MotionVariantContext | undefined>;
+//# sourceMappingURL=variant-context.d.ts.map

package/dist/components/variant-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-context.d.ts","sourceRoot":"","sources":["../../src/components/variant-context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,kFAAkF;AAClF,eAAO,MAAM,cAAc,2DAA6D,CAAA"}

package/dist/components/variant-context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+/** The variant names the nearest `motion.*` that controls variants hands down. */
+export const VariantContext = createContext(undefined);
+//# sourceMappingURL=variant-context.js.map

package/dist/components/variant-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant-context.js","sourceRoot":"","sources":["../../src/components/variant-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAGrC,kFAAkF;AAClF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAmC,SAAS,CAAC,CAAA"}

package/dist/cpu-throttle.d.ts

@@ -0,0 +1,3 @@
+export { applyMacCpuThrottleFromEnv, MAC_CPU_THROTTLES, readMacCpuThrottle, } from "@ghia/native/cpu-throttle";
+export type { MacCpuThrottle } from "@ghia/native/cpu-throttle";
+//# sourceMappingURL=cpu-throttle.d.ts.map

package/dist/cpu-throttle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cpu-throttle.d.ts","sourceRoot":"","sources":["../src/cpu-throttle.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAClC,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/cpu-throttle.js

@@ -0,0 +1,2 @@
+export { applyMacCpuThrottleFromEnv, MAC_CPU_THROTTLES, readMacCpuThrottle, } from "@ghia/native/cpu-throttle";
+//# sourceMappingURL=cpu-throttle.js.map

package/dist/cpu-throttle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cpu-throttle.js","sourceRoot":"","sources":["../src/cpu-throttle.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,2BAA2B,CAAA"}

package/dist/floating.d.ts

@@ -0,0 +1,4 @@
+/** Public helpers for headless floating layers. */
+export { FloatingLayer, floatingRootStyle, mergeStyles, renderSlot, resolveStyle, setRefs, } from "./components/floating.js";
+export type { FloatingAlign, FloatingContentProps, FloatingSide, StateStyle, } from "./components/floating.js";
+//# sourceMappingURL=floating.d.ts.map

package/dist/floating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating.d.ts","sourceRoot":"","sources":["../src/floating.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,aAAa,EACb,oBAAoB,EACpB,YAAY,EACZ,UAAU,GACX,MAAM,0BAA0B,CAAA"}

package/dist/floating.js

@@ -0,0 +1,3 @@
+/** Public helpers for headless floating layers. */
+export { FloatingLayer, floatingRootStyle, mergeStyles, renderSlot, resolveStyle, setRefs, } from "./components/floating.js";
+//# sourceMappingURL=floating.js.map

package/dist/floating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating.js","sourceRoot":"","sources":["../src/floating.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,OAAO,GACR,MAAM,0BAA0B,CAAA"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./use-gpuix.js";
+export * from "./use-media-query.js";
+export * from "./use-motion-value.js";
+export * from "./use-text-search.js";
+export * from "./use-window-size.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA"}

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+export * from "./use-gpuix.js";
+export * from "./use-media-query.js";
+export * from "./use-motion-value.js";
+export * from "./use-text-search.js";
+export * from "./use-window-size.js";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA"}

package/dist/hooks/use-gpuix.d.ts

@@ -0,0 +1,17 @@
+import type { MutationRenderer } from "@ghia/native/host";
+import type { NativeRenderer } from "../types/host.js";
+export interface GpuixContextValue {
+    renderer: NativeRenderer | null;
+    /** The root's mutation queue, for what must be ordered with its element mutations. */
+    mutations: MutationRenderer | null;
+}
+export declare const GpuixContext: import("react").Context<GpuixContextValue>;
+/**
+ * Access the GPUIX renderer from within a component
+ */
+export declare function useGpuix(): GpuixContextValue;
+/**
+ * Access the GPUIX renderer, throwing if not available
+ */
+export declare function useGpuixRequired(): NativeRenderer;
+//# sourceMappingURL=use-gpuix.d.ts.map

package/dist/hooks/use-gpuix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-gpuix.d.ts","sourceRoot":"","sources":["../../src/hooks/use-gpuix.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEtD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,sFAAsF;IACtF,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACnC;AAED,eAAO,MAAM,YAAY,4CAGvB,CAAA;AAEF;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAE5C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,cAAc,CAMjD"}

package/dist/hooks/use-gpuix.js

@@ -0,0 +1,22 @@
+import { useContext, createContext } from "react";
+export const GpuixContext = createContext({
+    renderer: null,
+    mutations: null,
+});
+/**
+ * Access the GPUIX renderer from within a component
+ */
+export function useGpuix() {
+    return useContext(GpuixContext);
+}
+/**
+ * Access the GPUIX renderer, throwing if not available
+ */
+export function useGpuixRequired() {
+    const { renderer } = useGpuix();
+    if (!renderer) {
+        throw new Error("useGpuixRequired must be used within a GpuixProvider");
+    }
+    return renderer;
+}
+//# sourceMappingURL=use-gpuix.js.map

package/dist/hooks/use-gpuix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-gpuix.js","sourceRoot":"","sources":["../../src/hooks/use-gpuix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAUjD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB;IAC3D,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,UAAU,QAAQ;IACtB,OAAO,UAAU,CAAC,YAAY,CAAC,CAAA;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,15 @@
+import type { MatchMedia } from "@ghia/native/host";
+/**
+ * `window.matchMedia` bound to the window this component is rendered in. The
+ * same function comes back while the window is the same.
+ */
+export declare function useMatchMedia(): MatchMedia;
+/** Whether the media query matches, re-rendering when that changes. */
+export declare function useMediaQuery(query: string): boolean;
+/**
+ * True when the OS asks for reduced motion. Same contract as Framer Motion's
+ * `useReducedMotion`, except it is never `null`: the answer is known on the
+ * first render.
+ */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAED,uEAAuE;AACvE,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAYpD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,30 @@
+import { useCallback, useMemo, useSyncExternalStore } from "react";
+import { REDUCED_MOTION_QUERY, matchMediaFor } from "@ghia/native/host";
+import { useGpuixRequired } from "./use-gpuix.js";
+/**
+ * `window.matchMedia` bound to the window this component is rendered in. The
+ * same function comes back while the window is the same.
+ */
+export function useMatchMedia() {
+    return matchMediaFor(useGpuixRequired());
+}
+/** Whether the media query matches, re-rendering when that changes. */
+export function useMediaQuery(query) {
+    const matchMedia = useMatchMedia();
+    const list = useMemo(() => matchMedia(query), [matchMedia, query]);
+    // A new subscribe function every render would unsubscribe and resubscribe.
+    const subscribe = useCallback((onChange) => {
+        list.addEventListener("change", onChange);
+        return () => list.removeEventListener("change", onChange);
+    }, [list]);
+    return useSyncExternalStore(subscribe, () => list.matches);
+}
+/**
+ * True when the OS asks for reduced motion. Same contract as Framer Motion's
+ * `useReducedMotion`, except it is never `null`: the answer is known on the
+ * first render.
+ */
+export function useReducedMotion() {
+    return useMediaQuery(REDUCED_MOTION_QUERY);
+}
+//# sourceMappingURL=use-media-query.js.map

package/dist/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD;;;GAGG;AACH,MAAM,UAAU,aAAa;IAC3B,OAAO,aAAa,CAAC,gBAAgB,EAAE,CAAC,CAAA;AAC1C,CAAC;AAED,uEAAuE;AACvE,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAA;IAClE,2EAA2E;IAC3E,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAAoB,EAAE,EAAE;QACvB,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACzC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC3D,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IACD,OAAO,oBAAoB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AAC5D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB;IAC9B,OAAO,aAAa,CAAC,oBAAoB,CAAC,CAAA;AAC5C,CAAC"}

package/dist/hooks/use-motion-value.d.ts

@@ -0,0 +1,31 @@
+import type { MotionData, MotionSpringConfig, MotionTransformOptions, MotionValue, MotionValueEvents, Widen } from "@ghia/native/host";
+/** A motion value that lives as long as the component, like Framer's `useMotionValue`. */
+export declare function useMotionValue<Data extends MotionData>(initial: Data): MotionValue<Widen<Data>>;
+/** Maps `input` through the ranges natively, so it moves with `input` in the same frame. */
+export declare function useTransform<Out extends MotionData>(input: MotionValue<number>, inputRange: number[], outputRange: Out[], options?: MotionTransformOptions): MotionValue<Widen<Out>>;
+/** Computed in JS from `input`: it trails by a frame and is not native-linked. */
+export declare function useTransform<In extends MotionData, Out extends MotionData>(input: MotionValue<In>, transform: (latest: In) => Out): MotionValue<Widen<Out>>;
+/** Computed in JS from every value in `inputs`. */
+export declare function useTransform<In extends MotionData, Out extends MotionData>(inputs: MotionValue<In>[], transform: (latest: In[]) => Out): MotionValue<Widen<Out>>;
+/**
+ * Computed in JS from the motion values `compute` reads with `get()`. State
+ * and props it captures are not tracked: it re-runs when a value it read changes.
+ */
+export declare function useTransform<Out extends MotionData>(compute: () => Out): MotionValue<Widen<Out>>;
+/**
+ * A spring that follows `source`. Given a plain value, a spring with its own
+ * target that `set` moves. Changing `config` makes a new spring that starts
+ * from where the old one was.
+ */
+export declare function useSpring<Data extends MotionData>(source: MotionValue<Data>, config?: MotionSpringConfig): MotionValue<Data>;
+export declare function useSpring<Data extends MotionData>(initial: Data, config?: MotionSpringConfig): MotionValue<Widen<Data>>;
+/** The velocity of `value` in units per second, as a motion value. */
+export declare function useVelocity(value: MotionValue<number>): MotionValue<number>;
+/**
+ * Calls `callback` when `value` emits `event`. The value is bound to this
+ * window while listening, so a derived value with no element still reports.
+ * The callback runs outside React's scheduler, in a batch, so its `setState`
+ * calls from one frame render once.
+ */
+export declare function useMotionValueEvent<Data extends MotionData, Event extends keyof MotionValueEvents<Data>>(value: MotionValue<Data>, event: Event, callback: MotionValueEvents<Data>[Event]): void;
+//# sourceMappingURL=use-motion-value.d.ts.map

package/dist/hooks/use-motion-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-motion-value.d.ts","sourceRoot":"","sources":["../../src/hooks/use-motion-value.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,iBAAiB,EACjB,KAAK,EACN,MAAM,mBAAmB,CAAA;AAgC1B,0FAA0F;AAC1F,wBAAgB,cAAc,CAAC,IAAI,SAAS,UAAU,EAAE,OAAO,EAAE,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAI/F;AAED,4FAA4F;AAC5F,wBAAgB,YAAY,CAAC,GAAG,SAAS,UAAU,EACjD,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAC1B,UAAU,EAAE,MAAM,EAAE,EACpB,WAAW,EAAE,GAAG,EAAE,EAClB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;AAC1B,kFAAkF;AAClF,wBAAgB,YAAY,CAAC,EAAE,SAAS,UAAU,EAAE,GAAG,SAAS,UAAU,EACxE,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC,EACtB,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,KAAK,GAAG,GAC7B,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;AAC1B,mDAAmD;AACnD,wBAAgB,YAAY,CAAC,EAAE,SAAS,UAAU,EAAE,GAAG,SAAS,UAAU,EACxE,MAAM,EAAE,WAAW,CAAC,EAAE,CAAC,EAAE,EACzB,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG,GAC/B,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;AAC1B;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,SAAS,UAAU,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;AAkDjG;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,IAAI,SAAS,UAAU,EAC/C,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,EACzB,MAAM,CAAC,EAAE,kBAAkB,GAC1B,WAAW,CAAC,IAAI,CAAC,CAAA;AACpB,wBAAgB,SAAS,CAAC,IAAI,SAAS,UAAU,EAC/C,OAAO,EAAE,IAAI,EACb,MAAM,CAAC,EAAE,kBAAkB,GAC1B,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;AAgB3B,sEAAsE;AACtE,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,CAI3E;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,SAAS,UAAU,EACvB,KAAK,SAAS,MAAM,iBAAiB,CAAC,IAAI,CAAC,EAC3C,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,CAgBxF"}

package/dist/hooks/use-motion-value.js

@@ -0,0 +1,105 @@
+import { useEffect, useRef, useState } from "react";
+import { computedValue, isMotionValue, motionValue, sameMutationValue, springValue, transformValue, velocityValue, } from "@ghia/native/host";
+import { reconciler } from "../reconciler/reconciler.js";
+import { useGpuixRequired } from "./use-gpuix.js";
+/**
+ * Keeps the value this window's renderer samples for as long as the component
+ * is mounted. A value with no element, listener or reader bound to it has no
+ * node, so it could neither be read when it derives from other values nor be
+ * animated.
+ */
+function useBound(value) {
+    const renderer = useGpuixRequired();
+    useEffect(() => value.bind(renderer), [value, renderer]);
+}
+/**
+ * The value `create` made last time, while `deps` are unchanged. An inline
+ * `[0, 100]` or `{ clamp: false }` is a new object on every render, so it is
+ * compared by content: a new value each render would rebind its elements.
+ */
+function useStable(deps, create) {
+    const cache = useRef(undefined);
+    const cached = cache.current;
+    if (cached && sameMutationValue(cached.deps, deps))
+        return cached.value;
+    const value = create(cached?.value);
+    cache.current = { deps, value };
+    return value;
+}
+/** A motion value that lives as long as the component, like Framer's `useMotionValue`. */
+export function useMotionValue(initial) {
+    const [value] = useState(() => motionValue(initial));
+    useBound(value);
+    return value;
+}
+export function useTransform(first, second, third, fourth) {
+    const fn = [first, second].find((arg) => typeof arg === "function");
+    // The latest render's function, so a computed value does not run a stale closure.
+    const latest = useRef(fn);
+    useEffect(() => {
+        latest.current = fn;
+    });
+    const value = useStable(fn
+        ? [isMotionValue(first) || Array.isArray(first) ? first : undefined]
+        : [first, second, third, fourth], () => {
+        const run = (...args) => {
+            const current = latest.current;
+            if (!current)
+                throw new Error("useTransform lost its function");
+            return current(...args);
+        };
+        if (typeof first === "function")
+            return computedValue(() => run());
+        if (typeof second === "function") {
+            if (Array.isArray(first)) {
+                const inputs = first;
+                return computedValue(() => run(inputs.map((input) => input.get())));
+            }
+            if (isMotionValue(first))
+                return computedValue(() => run(first.get()));
+        }
+        else if (isMotionValue(first) && Array.isArray(second) && Array.isArray(third)) {
+            return transformValue(first, second, third, fourth);
+        }
+        throw new Error("useTransform takes (value, inputRange, outputRange, options?), (value | values, transform) or (compute)");
+    });
+    useBound(value);
+    return value;
+}
+export function useSpring(source, config) {
+    const value = useStable([isMotionValue(source) ? source : undefined, config], (previous) => isMotionValue(source)
+        ? springValue(source, config)
+        : springValue(previous ? previous.get() : source, config));
+    useBound(value);
+    return value;
+}
+/** The velocity of `value` in units per second, as a motion value. */
+export function useVelocity(value) {
+    const velocity = useStable([value], () => velocityValue(value));
+    useBound(velocity);
+    return velocity;
+}
+/**
+ * Calls `callback` when `value` emits `event`. The value is bound to this
+ * window while listening, so a derived value with no element still reports.
+ * The callback runs outside React's scheduler, in a batch, so its `setState`
+ * calls from one frame render once.
+ */
+export function useMotionValueEvent(value, event, callback) {
+    const renderer = useGpuixRequired();
+    const latest = useRef(callback);
+    useEffect(() => {
+        latest.current = callback;
+    });
+    useEffect(() => {
+        const release = value.bind(renderer);
+        const stop = value.on(event, ((...args) => {
+            reconciler.batchedUpdates(() => latest.current(...args), undefined);
+        }));
+        return () => {
+            stop();
+            release();
+        };
+    }, [value, event, renderer]);
+}
+//# sourceMappingURL=use-motion-value.js.map

package/dist/hooks/use-motion-value.js.map

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

package/dist/hooks/use-text-search.d.ts

@@ -0,0 +1,16 @@
+import { findRanges } from "@ghia/native/host";
+import type { FindRangesOptions, TextSearchOptions } from "@ghia/native/host";
+import type { Props } from "../types/host.js";
+export type { FindRangesOptions, TextSearchOptions };
+export { findRanges };
+export interface TextSearch {
+    props: Pick<Props, "highlight" | "onHighlight">;
+    total: number;
+    active: number;
+    next(): void;
+    previous(): void;
+    goTo(index: number): void;
+}
+/** React adapter for the framework-neutral text-search controller. */
+export declare function useTextSearch(options: TextSearchOptions): TextSearch;
+//# sourceMappingURL=use-text-search.d.ts.map

package/dist/hooks/use-text-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-text-search.d.ts","sourceRoot":"","sources":["../../src/hooks/use-text-search.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,UAAU,EACX,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAE7C,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,CAAA;IAC/C,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,IAAI,IAAI,CAAA;IACZ,QAAQ,IAAI,IAAI,CAAA;IAChB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU,CAcpE"}