@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/shared/floating-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/floating-feedback.js","sources":["../../../src/shared/floating-feedback.tsx"],"sourcesContent":["import { Inbox, LoaderCircle } from 'lucide-react';\nimport type { ReactNode } from 'react';\n\n/** Shared loading and empty presentation for suggestion and selection panels. */\nexport function FloatingFeedback({\n  loading = false,\n  children,\n}: {\n  loading?: boolean;\n  children: ReactNode;\n}) {\n  const Icon = loading ? LoaderCircle : Inbox;\n  return (\n    <div className=\"leaf-floating__empty leaf-floating__empty--feedback\" role=\"status\">\n      <Icon\n        size={24}\n        strokeWidth={1.5}\n        aria-hidden=\"true\"\n        className={loading ? 'leaf-floating__loading-icon' : undefined}\n      />\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":["FloatingFeedback","loading","children","Icon","LoaderCircle","Inbox","undefined"],"mappings":";;;AAIO,SAASA,iBAAiB,EAC/BC,UAAU,KAAK,EACfC,QAAQ,EAIT;IACC,MAAMC,OAAOF,UAAUG,eAAeC;IACtC,OAAO,WAAP,GACE,KAAC;QAAI,WAAU;QAAsD,MAAK;;0BACxE,IAACF,MAAAA;gBACC,MAAM;gBACN,aAAa;gBACb,eAAY;gBACZ,WAAWF,UAAU,gCAAgCK;;0BAEvD,IAAC;0BAAKJ;;;;AAGZ"}

package/dist/esm/shared/floating-highlight.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type RefObject } from 'react';
+/** Measure on discrete selection/layout changes; CSS interpolates without a JS frame loop. */
+export declare function useFloatingHighlight(open: boolean, panel: RefObject<HTMLElement | null>, activeId: string | undefined, revision: string): CSSProperties | undefined;
+export declare function FloatingHighlight({ style, hidden, selected, }: {
+    style?: CSSProperties;
+    hidden?: boolean;
+    selected?: boolean;
+}): import("react").JSX.Element;
+//# sourceMappingURL=floating-highlight.d.ts.map

package/dist/esm/shared/floating-highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-highlight.d.ts","sourceRoot":"","sources":["../../../src/shared/floating-highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAwC,MAAM,OAAO,CAAC;AAKjG,8FAA8F;AAC9F,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACpC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,EAAE,MAAM,6BAmDjB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,+BAWA"}

package/dist/esm/shared/floating-highlight.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useState } from "react";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+function useFloatingHighlight(open, panel, activeId, revision) {
+    const [geometry, setGeometry] = useState();
+    useBrowserLayoutEffect(()=>{
+        const node = panel.current;
+        if (!open || !node) return;
+        const row = Array.from(node.querySelectorAll('[role="option"]')).find((option)=>option.id === activeId);
+        if (!row) return void setGeometry(void 0);
+        const update = ()=>{
+            const container = node.getBoundingClientRect();
+            const target = row.getBoundingClientRect();
+            const scale = container.width / node.offsetWidth || 1;
+            const next = {
+                x: (target.left - container.left) / scale - node.clientLeft + node.scrollLeft,
+                y: (target.top - container.top) / scale - node.clientTop + node.scrollTop,
+                width: row.offsetWidth,
+                height: row.offsetHeight
+            };
+            setGeometry((previous)=>previous && Object.keys(next).every((key)=>Math.abs(previous[key] - next[key]) < 0.5) ? previous : next);
+        };
+        update();
+        node.addEventListener('scroll', update, {
+            passive: true
+        });
+        const observer = "u" > typeof ResizeObserver ? new ResizeObserver(update) : void 0;
+        observer?.observe(node);
+        observer?.observe(row);
+        return ()=>{
+            node.removeEventListener('scroll', update);
+            observer?.disconnect();
+        };
+    }, [
+        open,
+        panel,
+        activeId,
+        revision
+    ]);
+    return geometry ? {
+        '--leaf-option-highlight-x': `${geometry.x}px`,
+        '--leaf-option-highlight-y': `${geometry.y}px`,
+        '--leaf-option-highlight-width': `${geometry.width}px`,
+        '--leaf-option-highlight-height': `${geometry.height}px`
+    } : void 0;
+}
+function FloatingHighlight({ style, hidden, selected }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "leaf-floating__highlight",
+        "aria-hidden": "true",
+        "data-ready": Boolean(style),
+        "data-hidden": hidden || void 0,
+        "data-selected": selected || void 0,
+        style: style
+    });
+}
+export { FloatingHighlight, useFloatingHighlight };
+
+//# sourceMappingURL=floating-highlight.js.map

package/dist/esm/shared/floating-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/floating-highlight.js","sources":["../../../src/shared/floating-highlight.tsx"],"sourcesContent":["import { type CSSProperties, type RefObject, useEffect, useLayoutEffect, useState } from 'react';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\ntype Geometry = { x: number; y: number; width: number; height: number };\n\n/** Measure on discrete selection/layout changes; CSS interpolates without a JS frame loop. */\nexport function useFloatingHighlight(\n  open: boolean,\n  panel: RefObject<HTMLElement | null>,\n  activeId: string | undefined,\n  revision: string,\n) {\n  const [geometry, setGeometry] = useState<Geometry>();\n  useBrowserLayoutEffect(() => {\n    const node = panel.current;\n    if (!open || !node) return;\n    const row = Array.from(node.querySelectorAll<HTMLElement>('[role=\"option\"]')).find(\n      (option) => option.id === activeId,\n    );\n    if (!row) {\n      setGeometry(undefined);\n      return;\n    }\n    const update = () => {\n      const container = node.getBoundingClientRect();\n      const target = row.getBoundingClientRect();\n      // Account for both virtual-row translation and the popup's entrance scale.\n      const scale = container.width / node.offsetWidth || 1;\n      const next = {\n        x: (target.left - container.left) / scale - node.clientLeft + node.scrollLeft,\n        y: (target.top - container.top) / scale - node.clientTop + node.scrollTop,\n        width: row.offsetWidth,\n        height: row.offsetHeight,\n      };\n      setGeometry((previous) =>\n        previous &&\n        Object.keys(next).every(\n          (key) => Math.abs(previous[key as keyof Geometry] - next[key as keyof Geometry]) < 0.5,\n        )\n          ? previous\n          : next,\n      );\n    };\n    update();\n    node.addEventListener('scroll', update, { passive: true });\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    observer?.observe(row);\n    return () => {\n      node.removeEventListener('scroll', update);\n      observer?.disconnect();\n    };\n  }, [open, panel, activeId, revision]);\n  return geometry\n    ? ({\n        '--leaf-option-highlight-x': `${geometry.x}px`,\n        '--leaf-option-highlight-y': `${geometry.y}px`,\n        '--leaf-option-highlight-width': `${geometry.width}px`,\n        '--leaf-option-highlight-height': `${geometry.height}px`,\n      } as CSSProperties)\n    : undefined;\n}\n\nexport function FloatingHighlight({\n  style,\n  hidden,\n  selected,\n}: {\n  style?: CSSProperties;\n  hidden?: boolean;\n  selected?: boolean;\n}) {\n  return (\n    <div\n      className=\"leaf-floating__highlight\"\n      aria-hidden=\"true\"\n      data-ready={Boolean(style)}\n      data-hidden={hidden || undefined}\n      data-selected={selected || undefined}\n      style={style}\n    />\n  );\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","useFloatingHighlight","open","panel","activeId","revision","geometry","setGeometry","useState","node","row","Array","option","undefined","update","container","target","scale","next","previous","Object","key","Math","observer","ResizeObserver","FloatingHighlight","style","hidden","selected","Boolean"],"mappings":";;;AAEA,MAAMA,yBAAyB,AAAkB,MAAlB,OAAOC,SAAyBC,YAAYC;AAIpE,SAASC,qBACdC,IAAa,EACbC,KAAoC,EACpCC,QAA4B,EAC5BC,QAAgB;IAEhB,MAAM,CAACC,UAAUC,YAAY,GAAGC;IAChCX,uBAAuB;QACrB,MAAMY,OAAON,MAAM,OAAO;QAC1B,IAAI,CAACD,QAAQ,CAACO,MAAM;QACpB,MAAMC,MAAMC,MAAM,IAAI,CAACF,KAAK,gBAAgB,CAAc,oBAAoB,IAAI,CAChF,CAACG,SAAWA,OAAO,EAAE,KAAKR;QAE5B,IAAI,CAACM,KAAK,YACRH,YAAYM;QAGd,MAAMC,SAAS;YACb,MAAMC,YAAYN,KAAK,qBAAqB;YAC5C,MAAMO,SAASN,IAAI,qBAAqB;YAExC,MAAMO,QAAQF,UAAU,KAAK,GAAGN,KAAK,WAAW,IAAI;YACpD,MAAMS,OAAO;gBACX,GAAIF,AAAAA,CAAAA,OAAO,IAAI,GAAGD,UAAU,IAAG,IAAKE,QAAQR,KAAK,UAAU,GAAGA,KAAK,UAAU;gBAC7E,GAAIO,AAAAA,CAAAA,OAAO,GAAG,GAAGD,UAAU,GAAE,IAAKE,QAAQR,KAAK,SAAS,GAAGA,KAAK,SAAS;gBACzE,OAAOC,IAAI,WAAW;gBACtB,QAAQA,IAAI,YAAY;YAC1B;YACAH,YAAY,CAACY,WACXA,YACAC,OAAO,IAAI,CAACF,MAAM,KAAK,CACrB,CAACG,MAAQC,KAAK,GAAG,CAACH,QAAQ,CAACE,IAAsB,GAAGH,IAAI,CAACG,IAAsB,IAAI,OAEjFF,WACAD;QAER;QACAJ;QACAL,KAAK,gBAAgB,CAAC,UAAUK,QAAQ;YAAE,SAAS;QAAK;QACxD,MAAMS,WAAW,AAA0B,MAA1B,OAAOC,iBAAiC,IAAIA,eAAeV,UAAUD;QACtFU,UAAU,QAAQd;QAClBc,UAAU,QAAQb;QAClB,OAAO;YACLD,KAAK,mBAAmB,CAAC,UAAUK;YACnCS,UAAU;QACZ;IACF,GAAG;QAACrB;QAAMC;QAAOC;QAAUC;KAAS;IACpC,OAAOC,WACF;QACC,6BAA6B,GAAGA,SAAS,CAAC,CAAC,EAAE,CAAC;QAC9C,6BAA6B,GAAGA,SAAS,CAAC,CAAC,EAAE,CAAC;QAC9C,iCAAiC,GAAGA,SAAS,KAAK,CAAC,EAAE,CAAC;QACtD,kCAAkC,GAAGA,SAAS,MAAM,CAAC,EAAE,CAAC;IAC1D,IACAO;AACN;AAEO,SAASY,kBAAkB,EAChCC,KAAK,EACLC,MAAM,EACNC,QAAQ,EAKT;IACC,OAAO,WAAP,GACE,IAAC;QACC,WAAU;QACV,eAAY;QACZ,cAAYC,QAAQH;QACpB,eAAaC,UAAUd;QACvB,iBAAee,YAAYf;QAC3B,OAAOa;;AAGb"}

package/dist/esm/shared/floating.d.ts

@@ -0,0 +1,36 @@
+import { type Placement } from '@floating-ui/react-dom';
+import { type CSSProperties, type HTMLAttributes, type RefObject } from 'react';
+/** Close disabled fields immediately and report each open-state change once. */
+export declare function usePopupState(disabled?: boolean, onOpenChange?: (open: boolean) => void, controlledOpen?: boolean, defaultOpen?: boolean): readonly [boolean, (next: boolean) => void];
+export interface PopupOptions {
+    popupPlacement?: Placement;
+    popupClassName?: string;
+    popupStyle?: CSSProperties;
+    popupRender?: (content: React.ReactNode) => React.ReactNode;
+    getPopupContainer?: () => Element | DocumentFragment;
+}
+interface FloatingPanelProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    triggerRef: RefObject<HTMLElement | null>;
+    panelRef: RefObject<HTMLDivElement | null>;
+    matchWidth?: boolean;
+    width?: CSSProperties['width'];
+    minWidth?: CSSProperties['minWidth'] | 'trigger';
+    maxWidth?: CSSProperties['maxWidth'];
+    maxHeight?: CSSProperties['maxHeight'];
+    placement?: Placement;
+    container?: Element | DocumentFragment | (() => Element | DocumentFragment);
+    render?: (content: React.ReactNode) => React.ReactNode;
+    position?: {
+        x: number;
+        y: number;
+    };
+}
+/** Position a lazily mounted portal, preserving the trigger's scoped theme. */
+export declare function FloatingPanel({ open, triggerRef, panelRef, matchWidth, width, minWidth, maxWidth, maxHeight, placement, container, render, position, style, children, ...props }: FloatingPanelProps): import("react").ReactPortal | null;
+/** Close a custom floating panel when focus leaves it or Escape is pressed. */
+export declare function useFloatingDismiss(open: boolean, onClose: (reason?: 'escape' | 'outside' | 'focus' | 'tab') => void, triggerRef: RefObject<HTMLElement | null>, panelRef: RefObject<HTMLElement | null>, boundaryRef?: RefObject<HTMLElement | null>): void;
+/** Keep keyboard-highlighted options visible without animated scrolling. */
+export declare function useActiveOption(open: boolean, optionId: string | undefined, panelRef?: RefObject<HTMLElement | null>): void;
+export {};
+//# sourceMappingURL=floating.d.ts.map

package/dist/esm/shared/floating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating.d.ts","sourceRoot":"","sources":["../../../src/shared/floating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAIf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAC;AA8Bf,gFAAgF;AAChF,wBAAgB,aAAa,CAC3B,QAAQ,CAAC,EAAE,OAAO,EAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,EACtC,cAAc,CAAC,EAAE,OAAO,EACxB,WAAW,UAAQ,6BAQV,OAAO,WAYjB;AAED,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IAC5D,iBAAiB,CAAC,EAAE,MAAM,OAAO,GAAG,gBAAgB,CAAC;CACtD;AACD,UAAU,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,gBAAgB,GAAG,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,CAAC;IAC5E,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC;IACvD,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC;AAED,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAA0B,EAC1B,SAAS,EACT,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,sCAkKpB;AAED,+EAA+E;AAC/E,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,KAAK,IAAI,EAClE,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACzC,QAAQ,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACvC,WAAW,GAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAc,QA+ExD;AAED,4EAA4E;AAC5E,wBAAgB,eAAe,CAC7B,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAQzC"}

package/dist/esm/shared/floating.js

@@ -0,0 +1,289 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react-dom";
+import { createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { tabbable } from "tabbable";
+import { useLeafConfig } from "../config-provider/context.js";
+import { composedEventTarget, composedParent, deepActiveElement } from "./dom.js";
+import { assignRef } from "./field.js";
+import { inertProps } from "./inert.js";
+import { OverlayOwner } from "./overlay-owner.js";
+import { usePresence } from "./presence.js";
+const useBrowserLayoutEffect = "u" < typeof window ? useEffect : useLayoutEffect;
+const PopupParent = /*#__PURE__*/ createContext(void 0);
+const popupNodes = new Map();
+const dismissStack = [];
+function insidePopup(target, panel) {
+    if (!panel) return false;
+    if (panel.contains(target)) return true;
+    let popup = target instanceof Element ? target.closest('[data-leaf-popup]') : null;
+    const visited = new Set();
+    while(popup?.dataset.leafPopupParent){
+        const parent = popup.dataset.leafPopupParent;
+        if (visited.has(parent)) break;
+        visited.add(parent);
+        popup = popupNodes.get(parent) ?? null;
+        if (popup === panel) return true;
+    }
+    return false;
+}
+function usePopupState(disabled, onOpenChange, controlledOpen, defaultOpen = false) {
+    const [internalOpen, setRequestedOpen] = useState(defaultOpen);
+    const requestedOpen = controlledOpen ?? internalOpen;
+    const requestedRef = useRef(requestedOpen);
+    requestedRef.current = requestedOpen;
+    const open = requestedOpen && !disabled;
+    const setOpen = useCallback((next)=>{
+        if (next === requestedRef.current || next && disabled) return;
+        requestedRef.current = next;
+        if (void 0 === controlledOpen) setRequestedOpen(next);
+        onOpenChange?.(next);
+    }, [
+        disabled,
+        onOpenChange,
+        controlledOpen
+    ]);
+    useEffect(()=>{
+        if (disabled && requestedOpen) setOpen(false);
+    }, [
+        disabled,
+        requestedOpen,
+        setOpen
+    ]);
+    return [
+        open,
+        setOpen
+    ];
+}
+function FloatingPanel({ open, triggerRef, panelRef, matchWidth, width, minWidth, maxWidth, maxHeight, placement = 'bottom-start', container, render, position, style, children, ...props }) {
+    const popupId = useId();
+    const parentPopup = useContext(PopupParent);
+    const config = useLeafConfig();
+    const owner = useContext(OverlayOwner);
+    const present = usePresence(open, panelRef);
+    const [theme, setTheme] = useState({});
+    const [inheritedMotion, setInheritedMotion] = useState();
+    const openRef = useRef(open);
+    openRef.current = open;
+    const previousPosition = useRef({});
+    const closingContent = useRef(children);
+    const referenceElement = triggerRef.current;
+    if (open) closingContent.current = children;
+    const { refs, floatingStyles, isPositioned, update, placement: resolvedPlacement } = useFloating({
+        open,
+        placement,
+        strategy: 'fixed',
+        transform: false,
+        whileElementsMounted: (reference, floating, update)=>autoUpdate(reference, floating, ()=>{
+                if (openRef.current) update();
+            }),
+        middleware: [
+            offset(6),
+            flip({
+                padding: 12
+            }),
+            shift({
+                padding: 12
+            }),
+            size({
+                padding: 12,
+                apply ({ availableHeight, availableWidth, rects, elements }) {
+                    if (!openRef.current) return;
+                    const length = (value)=>'number' == typeof value ? `${value}px` : value;
+                    const widthMaximum = maxWidth ?? style?.maxWidth;
+                    const heightMaximum = maxHeight ?? style?.maxHeight;
+                    const viewportWidth = `${Math.max(0, availableWidth)}px`;
+                    const viewportHeight = `${Math.max(0, availableHeight)}px`;
+                    const widthLimit = void 0 === widthMaximum ? viewportWidth : `min(${length(widthMaximum)}, ${viewportWidth})`;
+                    Object.assign(elements.floating.style, {
+                        maxHeight: void 0 === heightMaximum ? viewportHeight : `min(${length(heightMaximum)}, ${viewportHeight})`,
+                        maxWidth: widthLimit,
+                        width: matchWidth ? `${Math.min(rects.reference.width, availableWidth)}px` : length(width ?? style?.width ?? ''),
+                        minWidth: 'trigger' === minWidth ? `min(${rects.reference.width}px, ${widthLimit})` : length(minWidth ?? style?.minWidth ?? '')
+                    });
+                }
+            })
+        ]
+    });
+    if (open) previousPosition.current = floatingStyles;
+    const setPanelRef = useCallback((node)=>{
+        if (node) popupNodes.set(popupId, node);
+        else popupNodes.delete(popupId);
+        assignRef(panelRef, node);
+        refs.setFloating(node);
+    }, [
+        panelRef,
+        refs.setFloating,
+        popupId
+    ]);
+    useBrowserLayoutEffect(()=>{
+        const trigger = referenceElement ?? triggerRef.current;
+        if (!trigger || !present) return;
+        refs.setReference(position ? {
+            getBoundingClientRect: ()=>({
+                    x: position.x,
+                    y: position.y,
+                    top: position.y,
+                    bottom: position.y,
+                    left: position.x,
+                    right: position.x,
+                    width: 0,
+                    height: 0
+                })
+        } : trigger);
+        const syncTheme = ()=>{
+            const computed = getComputedStyle(trigger);
+            let motionAncestor = trigger;
+            while(motionAncestor && !motionAncestor.hasAttribute('data-leaf-motion'))motionAncestor = composedParent(motionAncestor);
+            setInheritedMotion(motionAncestor?.getAttribute('data-leaf-motion') ?? void 0);
+            const variables = {
+                colorScheme: computed.colorScheme,
+                direction: computed.direction
+            };
+            for(let i = 0; i < computed.length; i += 1){
+                const key = computed.item(i);
+                if (key.startsWith('--leaf-')) variables[key] = computed.getPropertyValue(key);
+            }
+            setTheme(variables);
+        };
+        syncTheme();
+        const observer = new MutationObserver(syncTheme);
+        let ancestor = trigger;
+        while(ancestor){
+            observer.observe(ancestor, {
+                attributes: true,
+                attributeFilter: [
+                    'class',
+                    'style',
+                    'data-leaf-theme',
+                    'data-leaf-motion',
+                    'dir'
+                ]
+            });
+            ancestor = composedParent(ancestor);
+        }
+        return ()=>observer.disconnect();
+    }, [
+        triggerRef,
+        referenceElement,
+        refs.setReference,
+        present,
+        position
+    ]);
+    useBrowserLayoutEffect(()=>{
+        if (open && present) update();
+    }, [
+        open,
+        present,
+        update
+    ]);
+    if (!present || "u" < typeof document) return null;
+    return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx(PopupParent.Provider, {
+        value: popupId,
+        children: /*#__PURE__*/ jsx("div", {
+            ...props,
+            ref: setPanelRef,
+            "data-leaf-owner": owner,
+            "data-leaf-popup": popupId,
+            "data-leaf-popup-parent": parentPopup,
+            "data-leaf-motion": false === config.theme.motion ? 'off' : inheritedMotion,
+            "data-side": resolvedPlacement.split('-')[0],
+            "data-align": resolvedPlacement.split('-')[1] ?? 'center',
+            dir: props.dir ?? theme.direction ?? config.direction,
+            lang: props.lang ?? config.locale,
+            "data-state": open ? 'open' : 'closing',
+            "data-positioned": isPositioned || !open,
+            "aria-hidden": !open || void 0,
+            ...inertProps(!open),
+            style: {
+                ...theme,
+                ...style,
+                ...open ? floatingStyles : previousPosition.current
+            },
+            children: render ? render(open ? children : closingContent.current) : open ? children : closingContent.current
+        })
+    }), ('function' == typeof container ? container() : container) ?? config.getPopupContainer?.() ?? document.body);
+}
+function useFloatingDismiss(open, onClose, triggerRef, panelRef, boundaryRef = triggerRef) {
+    const closeRef = useRef(onClose);
+    closeRef.current = onClose;
+    useEffect(()=>{
+        if (!open) return;
+        dismissStack.push(panelRef);
+        const handlePointerDown = (event)=>{
+            const target = event.composedPath()[0] ?? event.target;
+            if (!(target instanceof Node)) return;
+            const label = target instanceof Element ? target.closest('label') : null;
+            const labelledControl = label?.control;
+            if (boundaryRef.current?.contains(target) || insidePopup(target, panelRef.current) || labelledControl && boundaryRef.current?.contains(labelledControl)) return;
+            closeRef.current('outside');
+        };
+        const handleKeyDown = (event)=>{
+            if (event.defaultPrevented || dismissStack.at(-1) !== panelRef) return;
+            if ('Escape' === event.key) {
+                event.preventDefault();
+                event.stopPropagation();
+                closeRef.current('escape');
+                triggerRef.current?.focus();
+            } else if ('Tab' === event.key) {
+                const panel = panelRef.current;
+                const trigger = triggerRef.current;
+                const active = deepActiveElement();
+                if (!panel || !trigger || !panel.contains(active)) return;
+                const items = tabbable(panel, {
+                    getShadowRoot: (element)=>element.shadowRoot ?? void 0
+                });
+                const index = active instanceof HTMLElement ? items.indexOf(active) : -1;
+                const leaving = event.shiftKey ? index <= 0 : index === items.length - 1;
+                if (!leaving) return;
+                event.preventDefault();
+                closeRef.current('tab');
+                if (event.shiftKey) trigger.focus();
+                else {
+                    const pageItems = tabbable(document.body, {
+                        getShadowRoot: (element)=>element.shadowRoot ?? void 0
+                    }).filter((item)=>!panel.contains(item));
+                    const triggerIndex = pageItems.indexOf(trigger);
+                    (pageItems[triggerIndex + 1] ?? trigger).focus();
+                }
+            }
+        };
+        const handleFocus = (event)=>{
+            const target = composedEventTarget(event);
+            if (target instanceof Node && !boundaryRef.current?.contains(target) && !insidePopup(target, panelRef.current)) closeRef.current('focus');
+        };
+        document.addEventListener('pointerdown', handlePointerDown);
+        document.addEventListener('keydown', handleKeyDown, true);
+        document.addEventListener('focusin', handleFocus);
+        return ()=>{
+            const index = dismissStack.indexOf(panelRef);
+            if (index >= 0) dismissStack.splice(index, 1);
+            document.removeEventListener('pointerdown', handlePointerDown);
+            document.removeEventListener('keydown', handleKeyDown, true);
+            document.removeEventListener('focusin', handleFocus);
+        };
+    }, [
+        open,
+        panelRef,
+        triggerRef,
+        boundaryRef
+    ]);
+}
+function useActiveOption(open, optionId, panelRef) {
+    useEffect(()=>{
+        if (!open || !optionId) return;
+        const root = panelRef?.current?.getRootNode();
+        const scope = root instanceof ShadowRoot ? root : document;
+        scope.getElementById(optionId)?.scrollIntoView?.({
+            block: 'nearest'
+        });
+    }, [
+        open,
+        optionId,
+        panelRef
+    ]);
+}
+export { FloatingPanel, useActiveOption, useFloatingDismiss, usePopupState };
+
+//# sourceMappingURL=floating.js.map

package/dist/esm/shared/floating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/floating.js","sources":["../../../src/shared/floating.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  flip,\n  offset,\n  type Placement,\n  shift,\n  size,\n  useFloating,\n} from '@floating-ui/react-dom';\nimport {\n  type CSSProperties,\n  createContext,\n  type HTMLAttributes,\n  type RefObject,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { tabbable } from 'tabbable';\nimport { useLeafConfig } from '../config-provider/context';\nimport type { LeafThemeStyle } from '../theme';\nimport { composedEventTarget, composedParent, deepActiveElement } from './dom';\nimport { assignRef } from './field';\nimport { inertProps } from './inert';\nimport { OverlayOwner } from './overlay-owner';\nimport { usePresence } from './presence';\n\nconst useBrowserLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;\nconst PopupParent = createContext<string | undefined>(undefined);\nconst popupNodes = new Map<string, HTMLElement>();\nconst dismissStack: RefObject<HTMLElement | null>[] = [];\nfunction insidePopup(target: Node, panel: HTMLElement | null) {\n  if (!panel) return false;\n  if (panel.contains(target)) return true;\n  let popup = target instanceof Element ? target.closest<HTMLElement>('[data-leaf-popup]') : null;\n  const visited = new Set<string>();\n  while (popup?.dataset.leafPopupParent) {\n    const parent = popup.dataset.leafPopupParent;\n    if (visited.has(parent)) break;\n    visited.add(parent);\n    popup = popupNodes.get(parent) ?? null;\n    if (popup === panel) return true;\n  }\n  return false;\n}\n\n/** Close disabled fields immediately and report each open-state change once. */\nexport function usePopupState(\n  disabled?: boolean,\n  onOpenChange?: (open: boolean) => void,\n  controlledOpen?: boolean,\n  defaultOpen = false,\n) {\n  const [internalOpen, setRequestedOpen] = useState(defaultOpen);\n  const requestedOpen = controlledOpen ?? internalOpen;\n  const requestedRef = useRef(requestedOpen);\n  requestedRef.current = requestedOpen;\n  const open = requestedOpen && !disabled;\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (next === requestedRef.current || (next && disabled)) return;\n      requestedRef.current = next;\n      if (controlledOpen === undefined) setRequestedOpen(next);\n      onOpenChange?.(next);\n    },\n    [disabled, onOpenChange, controlledOpen],\n  );\n  useEffect(() => {\n    if (disabled && requestedOpen) setOpen(false);\n  }, [disabled, requestedOpen, setOpen]);\n  return [open, setOpen] as const;\n}\n\nexport interface PopupOptions {\n  popupPlacement?: Placement;\n  popupClassName?: string;\n  popupStyle?: CSSProperties;\n  popupRender?: (content: React.ReactNode) => React.ReactNode;\n  getPopupContainer?: () => Element | DocumentFragment;\n}\ninterface FloatingPanelProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  triggerRef: RefObject<HTMLElement | null>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  matchWidth?: boolean;\n  width?: CSSProperties['width'];\n  minWidth?: CSSProperties['minWidth'] | 'trigger';\n  maxWidth?: CSSProperties['maxWidth'];\n  maxHeight?: CSSProperties['maxHeight'];\n  placement?: Placement;\n  container?: Element | DocumentFragment | (() => Element | DocumentFragment);\n  render?: (content: React.ReactNode) => React.ReactNode;\n  position?: { x: number; y: number };\n}\n\n/** Position a lazily mounted portal, preserving the trigger's scoped theme. */\nexport function FloatingPanel({\n  open,\n  triggerRef,\n  panelRef,\n  matchWidth,\n  width,\n  minWidth,\n  maxWidth,\n  maxHeight,\n  placement = 'bottom-start',\n  container,\n  render,\n  position,\n  style,\n  children,\n  ...props\n}: FloatingPanelProps) {\n  const popupId = useId();\n  const parentPopup = useContext(PopupParent);\n  const config = useLeafConfig();\n  const owner = useContext(OverlayOwner);\n  const present = usePresence(open, panelRef);\n  const [theme, setTheme] = useState<LeafThemeStyle>({});\n  const [inheritedMotion, setInheritedMotion] = useState<string>();\n  const openRef = useRef(open);\n  openRef.current = open;\n  const previousPosition = useRef<CSSProperties>({});\n  const closingContent = useRef(children);\n  const referenceElement = triggerRef.current;\n  if (open) closingContent.current = children;\n  const {\n    refs,\n    floatingStyles,\n    isPositioned,\n    update,\n    placement: resolvedPlacement,\n  } = useFloating({\n    open,\n    placement,\n    strategy: 'fixed',\n    // Keep viewport positioning outside the popup's local scale/translate motion.\n    transform: false,\n    whileElementsMounted: (reference, floating, update) =>\n      autoUpdate(reference, floating, () => {\n        if (openRef.current) update();\n      }),\n    middleware: [\n      offset(6),\n      flip({ padding: 12 }),\n      shift({ padding: 12 }),\n      size({\n        padding: 12,\n        apply({ availableHeight, availableWidth, rects, elements }) {\n          if (!openRef.current) return;\n          const length = (value: string | number) =>\n            typeof value === 'number' ? `${value}px` : value;\n          const widthMaximum = maxWidth ?? style?.maxWidth;\n          const heightMaximum = maxHeight ?? style?.maxHeight;\n          const viewportWidth = `${Math.max(0, availableWidth)}px`;\n          const viewportHeight = `${Math.max(0, availableHeight)}px`;\n          const widthLimit =\n            widthMaximum === undefined\n              ? viewportWidth\n              : `min(${length(widthMaximum)}, ${viewportWidth})`;\n          Object.assign(elements.floating.style, {\n            maxHeight:\n              heightMaximum === undefined\n                ? viewportHeight\n                : `min(${length(heightMaximum)}, ${viewportHeight})`,\n            maxWidth: widthLimit,\n            width: matchWidth\n              ? `${Math.min(rects.reference.width, availableWidth)}px`\n              : length(width ?? style?.width ?? ''),\n            minWidth:\n              minWidth === 'trigger'\n                ? `min(${rects.reference.width}px, ${widthLimit})`\n                : length(minWidth ?? style?.minWidth ?? ''),\n          });\n        },\n      }),\n    ],\n  });\n  if (open) previousPosition.current = floatingStyles;\n  const setPanelRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) popupNodes.set(popupId, node);\n      else popupNodes.delete(popupId);\n      assignRef(panelRef, node);\n      refs.setFloating(node);\n    },\n    [panelRef, refs.setFloating, popupId],\n  );\n\n  useBrowserLayoutEffect(() => {\n    const trigger = referenceElement ?? triggerRef.current;\n    if (!trigger || !present) return;\n    refs.setReference(\n      position\n        ? {\n            getBoundingClientRect: () => ({\n              x: position.x,\n              y: position.y,\n              top: position.y,\n              bottom: position.y,\n              left: position.x,\n              right: position.x,\n              width: 0,\n              height: 0,\n            }),\n          }\n        : trigger,\n    );\n    const syncTheme = () => {\n      const computed = getComputedStyle(trigger);\n      let motionAncestor: HTMLElement | null = trigger;\n      while (motionAncestor && !motionAncestor.hasAttribute('data-leaf-motion'))\n        motionAncestor = composedParent(motionAncestor);\n      setInheritedMotion(motionAncestor?.getAttribute('data-leaf-motion') ?? undefined);\n      const variables: LeafThemeStyle = {\n        colorScheme: computed.colorScheme,\n        direction: computed.direction as CSSProperties['direction'],\n      };\n      for (let i = 0; i < computed.length; i += 1) {\n        const key = computed.item(i);\n        if (key.startsWith('--leaf-'))\n          variables[key as `--leaf-${string}`] = computed.getPropertyValue(key);\n      }\n      setTheme(variables);\n    };\n    syncTheme();\n    const observer = new MutationObserver(syncTheme);\n    let ancestor: HTMLElement | null = trigger;\n    while (ancestor) {\n      observer.observe(ancestor, {\n        attributes: true,\n        attributeFilter: ['class', 'style', 'data-leaf-theme', 'data-leaf-motion', 'dir'],\n      });\n      ancestor = composedParent(ancestor);\n    }\n    return () => observer.disconnect();\n  }, [triggerRef, referenceElement, refs.setReference, present, position]);\n\n  useBrowserLayoutEffect(() => {\n    // A quick reopen can reuse the exit-presence node without remounting autoUpdate.\n    if (open && present) void update();\n  }, [open, present, update]);\n\n  if (!present || typeof document === 'undefined') return null;\n  return createPortal(\n    <PopupParent.Provider value={popupId}>\n      <div\n        {...props}\n        ref={setPanelRef}\n        data-leaf-owner={owner}\n        data-leaf-popup={popupId}\n        data-leaf-popup-parent={parentPopup}\n        data-leaf-motion={config.theme.motion === false ? 'off' : inheritedMotion}\n        data-side={resolvedPlacement.split('-')[0]}\n        data-align={resolvedPlacement.split('-')[1] ?? 'center'}\n        dir={props.dir ?? theme.direction ?? config.direction}\n        lang={props.lang ?? config.locale}\n        data-state={open ? 'open' : 'closing'}\n        data-positioned={isPositioned || !open}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n        style={{ ...theme, ...style, ...(open ? floatingStyles : previousPosition.current) }}\n      >\n        {render\n          ? render(open ? children : closingContent.current)\n          : open\n            ? children\n            : closingContent.current}\n      </div>\n    </PopupParent.Provider>,\n    (typeof container === 'function' ? container() : container) ??\n      config.getPopupContainer?.() ??\n      document.body,\n  );\n}\n\n/** Close a custom floating panel when focus leaves it or Escape is pressed. */\nexport function useFloatingDismiss(\n  open: boolean,\n  onClose: (reason?: 'escape' | 'outside' | 'focus' | 'tab') => void,\n  triggerRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  boundaryRef: RefObject<HTMLElement | null> = triggerRef,\n) {\n  const closeRef = useRef(onClose);\n  closeRef.current = onClose;\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    dismissStack.push(panelRef);\n\n    const handlePointerDown = (event: PointerEvent) => {\n      const target = event.composedPath()[0] ?? event.target;\n      if (!(target instanceof Node)) {\n        return;\n      }\n      const label = target instanceof Element ? target.closest('label') : null;\n      const labelledControl = label?.control;\n      if (\n        boundaryRef.current?.contains(target) ||\n        insidePopup(target, panelRef.current) ||\n        (labelledControl && boundaryRef.current?.contains(labelledControl))\n      ) {\n        return;\n      }\n      closeRef.current('outside');\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.defaultPrevented || dismissStack.at(-1) !== panelRef) return;\n      if (event.key === 'Escape') {\n        event.preventDefault();\n        event.stopPropagation();\n        closeRef.current('escape');\n        triggerRef.current?.focus();\n      } else if (event.key === 'Tab') {\n        const panel = panelRef.current;\n        const trigger = triggerRef.current;\n        const active = deepActiveElement();\n        if (!panel || !trigger || !panel.contains(active)) return;\n        const items = tabbable(panel, {\n          getShadowRoot: (element) => element.shadowRoot ?? undefined,\n        });\n        const index = active instanceof HTMLElement ? items.indexOf(active) : -1;\n        const leaving = event.shiftKey ? index <= 0 : index === items.length - 1;\n        if (!leaving) return;\n        event.preventDefault();\n        closeRef.current('tab');\n        if (event.shiftKey) trigger.focus();\n        else {\n          const pageItems = tabbable(document.body, {\n            getShadowRoot: (element) => element.shadowRoot ?? undefined,\n          }).filter((item) => !panel.contains(item));\n          const triggerIndex = pageItems.indexOf(trigger);\n          (pageItems[triggerIndex + 1] ?? trigger).focus();\n        }\n      }\n    };\n\n    const handleFocus = (event: FocusEvent) => {\n      const target = composedEventTarget(event);\n      if (\n        target instanceof Node &&\n        !boundaryRef.current?.contains(target) &&\n        !insidePopup(target, panelRef.current)\n      )\n        closeRef.current('focus');\n    };\n\n    document.addEventListener('pointerdown', handlePointerDown);\n    document.addEventListener('keydown', handleKeyDown, true);\n    document.addEventListener('focusin', handleFocus);\n    return () => {\n      const index = dismissStack.indexOf(panelRef);\n      if (index >= 0) dismissStack.splice(index, 1);\n      document.removeEventListener('pointerdown', handlePointerDown);\n      document.removeEventListener('keydown', handleKeyDown, true);\n      document.removeEventListener('focusin', handleFocus);\n    };\n  }, [open, panelRef, triggerRef, boundaryRef]);\n}\n\n/** Keep keyboard-highlighted options visible without animated scrolling. */\nexport function useActiveOption(\n  open: boolean,\n  optionId: string | undefined,\n  panelRef?: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!open || !optionId) return;\n    const root = panelRef?.current?.getRootNode();\n    const scope = root instanceof ShadowRoot ? root : document;\n    scope.getElementById(optionId)?.scrollIntoView?.({ block: 'nearest' });\n  }, [open, optionId, panelRef]);\n}\n"],"names":["useBrowserLayoutEffect","window","useEffect","useLayoutEffect","PopupParent","createContext","undefined","popupNodes","Map","dismissStack","insidePopup","target","panel","popup","Element","visited","Set","parent","usePopupState","disabled","onOpenChange","controlledOpen","defaultOpen","internalOpen","setRequestedOpen","useState","requestedOpen","requestedRef","useRef","open","setOpen","useCallback","next","FloatingPanel","triggerRef","panelRef","matchWidth","width","minWidth","maxWidth","maxHeight","placement","container","render","position","style","children","props","popupId","useId","parentPopup","useContext","config","useLeafConfig","owner","OverlayOwner","present","usePresence","theme","setTheme","inheritedMotion","setInheritedMotion","openRef","previousPosition","closingContent","referenceElement","refs","floatingStyles","isPositioned","update","resolvedPlacement","useFloating","reference","floating","autoUpdate","offset","flip","shift","size","availableHeight","availableWidth","rects","elements","length","value","widthMaximum","heightMaximum","viewportWidth","Math","viewportHeight","widthLimit","Object","setPanelRef","node","assignRef","trigger","syncTheme","computed","getComputedStyle","motionAncestor","composedParent","variables","i","key","observer","MutationObserver","ancestor","document","createPortal","inertProps","useFloatingDismiss","onClose","boundaryRef","closeRef","handlePointerDown","event","Node","label","labelledControl","handleKeyDown","active","deepActiveElement","items","tabbable","element","index","HTMLElement","leaving","pageItems","item","triggerIndex","handleFocus","composedEventTarget","useActiveOption","optionId","root","scope","ShadowRoot"],"mappings":"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"}

package/dist/esm/shared/inert.d.ts

@@ -0,0 +1,7 @@
+/** React 18 forwards inert as a string; React 19 recognizes its boolean attribute. */
+export declare function inertAttribute(inactive: boolean): boolean | undefined;
+/** Spread avoids requiring a global React 18 HTMLAttributes augmentation. */
+export declare function inertProps(inactive: boolean): {
+    inert: boolean | undefined;
+};
+//# sourceMappingURL=inert.d.ts.map

package/dist/esm/shared/inert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inert.d.ts","sourceRoot":"","sources":["../../../src/shared/inert.ts"],"names":[],"mappings":"AAEA,sFAAsF;AACtF,wBAAgB,cAAc,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,GAAG,SAAS,CAErE;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,QAAQ,EAAE,OAAO;IACjC,KAAK;EACf"}

package/dist/esm/shared/inert.js

@@ -0,0 +1,13 @@
+"use client";
+import { version } from "react";
+function inertAttribute(inactive) {
+    return inactive ? version.startsWith('18.') ? '' : true : void 0;
+}
+function inertProps(inactive) {
+    return {
+        inert: inertAttribute(inactive)
+    };
+}
+export { inertAttribute, inertProps };
+
+//# sourceMappingURL=inert.js.map

package/dist/esm/shared/inert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared/inert.js","sources":["../../../src/shared/inert.ts"],"sourcesContent":["import { version } from 'react';\n\n/** React 18 forwards inert as a string; React 19 recognizes its boolean attribute. */\nexport function inertAttribute(inactive: boolean): boolean | undefined {\n  return (inactive ? (version.startsWith('18.') ? '' : true) : undefined) as boolean | undefined;\n}\n\n/** Spread avoids requiring a global React 18 HTMLAttributes augmentation. */\nexport function inertProps(inactive: boolean) {\n  return { inert: inertAttribute(inactive) };\n}\n"],"names":["inertAttribute","inactive","version","undefined","inertProps"],"mappings":";;AAGO,SAASA,eAAeC,QAAiB;IAC9C,OAAQA,WAAYC,QAAQ,UAAU,CAAC,SAAS,KAAK,OAAQC;AAC/D;AAGO,SAASC,WAAWH,QAAiB;IAC1C,OAAO;QAAE,OAAOD,eAAeC;IAAU;AAC3C"}

package/dist/esm/shared/motion.d.ts

@@ -0,0 +1,14 @@
+import { type RefObject } from 'react';
+/** Live preference with a deterministic server snapshot; CSS handles the first frame. */
+export declare function useMotionEnabled(): boolean;
+/** Read the actual region, including variables transferred to a portal. */
+export declare function motionDuration(element: Element, multiplier?: number): number;
+export interface MotionOptions {
+    durationMultiplier?: number;
+    easing?: string;
+}
+/** Never retain a final keyframe: the component's natural layout stays authoritative. */
+export declare function animateMotion(element: HTMLElement | null, keyframes: Keyframe[], { durationMultiplier, easing }?: MotionOptions): Animation | undefined;
+/** Animate keyed, ordinary rows; virtual window movement must not use this helper. */
+export declare function useListMotion(rootRef: RefObject<HTMLElement | null>, changeKey: unknown, selector?: string, layoutKey?: unknown): void;
+//# sourceMappingURL=motion.d.ts.map

package/dist/esm/shared/motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/shared/motion.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAgBf,yFAAyF;AACzF,wBAAgB,gBAAgB,YAI/B;AAED,2EAA2E;AAC3E,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,SAAI,UAU9D;AAED,MAAM,WAAW,aAAa;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,yFAAyF;AACzF,wBAAgB,aAAa,CAC3B,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,SAAS,EAAE,QAAQ,EAAE,EACrB,EAAE,kBAAsB,EAAE,MAAM,EAAE,GAAE,aAAkB,yBAcvD;AA2BD,sFAAsF;AACtF,wBAAgB,aAAa,CAC3B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,SAAS,EAAE,OAAO,EAClB,QAAQ,SAAsB,EAC9B,SAAS,CAAC,EAAE,OAAO,QAsGpB"}