tempest-react-sdk 0.78.0 → 0.80.0

package/dist/components/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — trigger and children are the two halves, placement\n * is where it lands, portal is whether it escapes the tree, and open/onOpenChange/defaultOpen is the standard controlled-\n * or-not pair. closeOnEsc and closeOnOutsideClick are separate because a popover\n * holding a form wants one and not the other.\n */\nimport { useCallback, useEffect, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { usePortalTabOrder } from \"@/components/Portal/tab-bridge\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /**\n     * Render the panel in a portal, positioned against the trigger. Default `true`.\n     *\n     * In flow, any ancestor with `overflow` other than `visible` clips the panel —\n     * inside a `DataTable` cell only 3% of it was visible (measured in Chrome at\n     * 1440 px). In a portal it escapes the clip, flips to the opposite side when\n     * the requested one has no room, and follows the trigger on scroll and resize.\n     * `false` keeps the in-flow panel.\n     */\n    portal?: boolean;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/** Gap between trigger and panel, in px — the in-flow CSS uses the same 8 px. */\nconst POPOVER_OFFSET = 8;\n\n/**\n * Lightweight popover. Renders a panel anchored to a trigger, dismissed on\n * outside click / Escape.\n *\n * Portalled by default, with viewport-aware placement: the panel flips to the\n * opposite side when the requested one overflows, and is clamped inside the\n * viewport otherwise.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    portal = true,\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [panelNode, setPanelNode] = useState<HTMLDivElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: panelNode,\n        side: placement,\n        align: \"center\",\n        offset: POPOVER_OFFSET,\n        enabled: portal && isOpen,\n    });\n    usePortalTabOrder({ enabled: portal && isOpen, anchor: rootNode, panel: panelNode });\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEscapeLayer(isOpen && closeOnEsc, () => setOpen(false));\n\n    /**\n     * Dismiss on a press outside both trigger and panel.\n     *\n     * The panel is checked on its own because in a portal it is not inside the\n     * trigger's wrapper, and a press inside it — on a form field, say — would\n     * otherwise count as outside.\n     */\n    useEffect(() => {\n        if (!isOpen) return;\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || panelNode?.contains(target)) return;\n            setOpen(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnOutsideClick, setOpen, rootNode, panelNode]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    const panel = (\n        <div\n            ref={setPanelNode}\n            id={id}\n            role=\"dialog\"\n            className={cn(styles.popover, portal ? styles.portalled : styles[placement], className)}\n            style={floatingStyle}\n        >\n            {children}\n        </div>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {isOpen && (portal ? <Portal>{panel}</Portal> : panel)}\n        </span>\n    );\n}\n"],"mappings":"yRAkDA,IAAM,EAAiB,EAUvB,SAAgB,EAAQ,CACpB,UACA,WACA,YAAY,SACZ,SAAS,GACT,OACA,eACA,cAAc,GACd,aAAa,GACb,sBAAsB,GACtB,aACa,CACb,IAAM,EAAe,IAAS,IAAA,GACxB,CAAC,EAAc,IAAA,EAAmB,EAAA,SAAA,CAAkB,CAAW,EAC/D,EAAS,EAAe,EAAO,EAC/B,GAAA,EAAK,EAAA,MAAA,CAAM,EACX,CAAC,EAAU,IAAA,EAAe,EAAA,SAAA,CAAiC,IAAI,EAC/D,CAAC,EAAW,IAAA,EAAgB,EAAA,SAAA,CAAgC,IAAI,EAChE,EAAgB,EAAA,kBAAkB,CACpC,OAAQ,EACR,SAAU,EACV,KAAM,EACN,MAAO,SACP,OAAQ,EACR,QAAS,GAAU,CACvB,CAAC,EACD,EAAA,kBAAkB,CAAE,QAAS,GAAU,EAAQ,OAAQ,EAAU,MAAO,CAAU,CAAC,EAEnF,IAAM,GAAA,EAAU,EAAA,YAAA,CACX,GAAwB,CAChB,GAAc,EAAgB,CAAI,EACvC,IAAe,CAAI,CACvB,EACA,CAAC,EAAc,CAAY,CAC/B,EAEA,EAAA,eAAe,GAAU,MAAkB,EAAQ,EAAK,CAAC,GASzD,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,OACb,IAAM,EAAU,GAA4B,CACxC,GAAI,CAAC,EAAqB,OAC1B,IAAM,EAAS,EAAM,OACjB,GAAU,SAAS,CAAM,GAAK,GAAW,SAAS,CAAM,GAC5D,EAAQ,EAAK,CACjB,EAEA,OADA,OAAO,iBAAiB,YAAa,CAAM,MAC9B,CACT,OAAO,oBAAoB,YAAa,CAAM,CAClD,CACJ,EAAG,CAAC,EAAQ,EAAqB,EAAS,EAAU,CAAS,CAAC,EAE9D,IAAM,EAAsB,GAAkC,CAC1D,EAAQ,MAAM,UAAU,CAAK,EAC7B,EAAQ,CAAC,CAAM,CACnB,EAEM,EAAe,CACjB,GAAG,EACH,MAAO,CACH,GAAG,EAAQ,MACX,QAAS,EACT,gBAAiB,EACjB,gBAAiB,CACrB,CACJ,EAEM,GACF,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,IAAK,EACD,KACJ,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,EAAS,EAAA,QAAO,UAAY,EAAA,QAAO,GAAY,CAAS,EACtF,MAAO,EAEN,UACA,CAAA,EAGT,OACI,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,IAAK,EAAa,UAAW,EAAA,QAAO,KAA1C,SAAA,CACK,EACA,IAAW,GAAS,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAA,SAAS,CAAc,CAAA,EAAI,EAC9C,GAEd"}
+{"version":3,"file":"Popover.cjs","names":["useState","useId","useAnchorPosition","useCallback","cn","styles","Portal","require_cn","require_escape_layer","require_Portal","require_anchor_position","require_tab_bridge","require_Popover_module","react","react_jsx_runtime","POPOVER_OFFSET","Popover","isControlled","open","internalOpen","setInternalOpen","defaultOpen","isOpen","id","rootNode","setRootNode","panelNode","setPanelNode","floatingStyle","placement","portal","setOpen","next","onOpenChange","closeOnEsc","onDown","closeOnOutsideClick","target","event","handleTriggerClick","trigger","triggerClone","panel","className"],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — trigger and children are the two halves, placement\n * is where it lands, portal is whether it escapes the tree, and open/onOpenChange/defaultOpen is the standard controlled-\n * or-not pair. closeOnEsc and closeOnOutsideClick are separate because a popover\n * holding a form wants one and not the other.\n */\nimport { useCallback, useEffect, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { usePortalTabOrder } from \"@/components/Portal/tab-bridge\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /**\n     * Render the panel in a portal, positioned against the trigger. Default `true`.\n     *\n     * In flow, any ancestor with `overflow` other than `visible` clips the panel —\n     * inside a `DataTable` cell only 3% of it was visible (measured in Chrome at\n     * 1440 px). In a portal it escapes the clip, flips to the opposite side when\n     * the requested one has no room, and follows the trigger on scroll and resize.\n     * `false` keeps the in-flow panel.\n     */\n    portal?: boolean;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/** Gap between trigger and panel, in px — the in-flow CSS uses the same 8 px. */\nconst POPOVER_OFFSET = 8;\n\n/**\n * Lightweight popover. Renders a panel anchored to a trigger, dismissed on\n * outside click / Escape.\n *\n * Portalled by default, with viewport-aware placement: the panel flips to the\n * opposite side when the requested one overflows, and is clamped inside the\n * viewport otherwise.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    portal = true,\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [panelNode, setPanelNode] = useState<HTMLDivElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: panelNode,\n        side: placement,\n        align: \"center\",\n        offset: POPOVER_OFFSET,\n        enabled: portal && isOpen,\n    });\n    usePortalTabOrder({ enabled: portal && isOpen, anchor: rootNode, panel: panelNode });\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEscapeLayer(isOpen && closeOnEsc, () => setOpen(false));\n\n    /**\n     * Dismiss on a press outside both trigger and panel.\n     *\n     * The panel is checked on its own because in a portal it is not inside the\n     * trigger's wrapper, and a press inside it — on a form field, say — would\n     * otherwise count as outside.\n     */\n    useEffect(() => {\n        if (!isOpen) return;\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || panelNode?.contains(target)) return;\n            setOpen(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnOutsideClick, setOpen, rootNode, panelNode]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    const panel = (\n        <div\n            ref={setPanelNode}\n            id={id}\n            role=\"dialog\"\n            className={cn(styles.popover, portal ? styles.portalled : styles[placement], className)}\n            style={floatingStyle}\n        >\n            {children}\n        </div>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {isOpen && (portal ? <Portal>{panel}</Portal> : panel)}\n        </span>\n    );\n}\n"],"mappings":"A,yRAkDA,IAAMe,EAAiB,EAUvB,SAAgBC,EAAQ,CACpB,UACA,WACA,YAAY,SACZ,SAAS,GACT,OACA,eACA,cAAc,GACd,aAAa,GACb,sBAAsB,GACtB,aACa,CACb,IAAMC,EAAeC,IAAS,IAAA,GACxB,CAACC,EAAcC,IAAA,EAAmBpB,EAAAA,SAAAA,CAAkBqB,CAAW,EAC/DC,EAASL,EAAeC,EAAOC,EAC/BI,GAAA,EAAKtB,EAAAA,MAAAA,CAAM,EACX,CAACuB,EAAUC,IAAA,EAAezB,EAAAA,SAAAA,CAAiC,IAAI,EAC/D,CAAC0B,EAAWC,IAAA,EAAgB3B,EAAAA,SAAAA,CAAgC,IAAI,EAChE4B,EAAgB1B,EAAAA,kBAAkB,CACpC,OAAQsB,EACR,SAAUE,EACV,KAAMG,EACN,MAAO,SACP,OAAQd,EACR,QAASe,GAAUR,CACvB,CAAC,EACDX,EAAA,kBAAkB,CAAE,QAASmB,GAAUR,EAAQ,OAAQE,EAAU,MAAOE,CAAU,CAAC,EAEnF,IAAMK,GAAA,EAAU5B,EAAAA,YAAAA,CACX,GAAwB,CAChBc,GAAcG,EAAgBY,CAAI,EACvCC,IAAeD,CAAI,CACvB,EACA,CAACf,EAAcgB,CAAY,CAC/B,EAEAzB,EAAA,eAAec,GAAUY,MAAkBH,EAAQ,EAAK,CAAC,GASzD,EAAAlB,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACS,EAAQ,OACb,IAAMa,EAAU,GAA4B,CACxC,GAAI,CAACC,EAAqB,OAC1B,IAAMC,EAASC,EAAM,OACjBd,GAAU,SAASa,CAAM,GAAKX,GAAW,SAASW,CAAM,GAC5DN,EAAQ,EAAK,CACjB,EAEA,OADA,OAAO,iBAAiB,YAAaI,CAAM,MAC9B,CACT,OAAO,oBAAoB,YAAaA,CAAM,CAClD,CACJ,EAAG,CAACb,EAAQc,EAAqBL,EAASP,EAAUE,CAAS,CAAC,EAE9D,IAAMa,EAAsB,GAAkC,CAC1DC,EAAQ,MAAM,UAAUF,CAAK,EAC7BP,EAAQ,CAACT,CAAM,CACnB,EAEMmB,EAAe,CACjB,GAAGD,EACH,MAAO,CACH,GAAGA,EAAQ,MACX,QAASD,EACT,gBAAiBjB,EACjB,gBAAiBC,CACrB,CACJ,EAEMmB,GACF,EAAA5B,EAAA,IAAA,CAAC,MAAD,CACI,IAAKa,EACD,KACJ,KAAK,SACL,UAAWvB,EAAAA,GAAGC,EAAAA,QAAO,QAASyB,EAASzB,EAAAA,QAAO,UAAYA,EAAAA,QAAOwB,GAAYc,CAAS,EACtF,MAAOf,EAEN,UACA,CAAA,EAGT,OACI,EAAAd,EAAA,KAAA,CAAC,OAAD,CAAM,IAAKW,EAAa,UAAWpB,EAAAA,QAAO,KAA1C,SAAA,CACKoC,EACAnB,IAAWQ,GAAS,EAAAhB,EAAA,IAAA,CAACR,EAAAA,OAAD,CAAA,SAASoC,CAAc,CAAA,EAAIA,EAC9C,C,EAEd,C"}

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","names":[],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — trigger and children are the two halves, placement\n * is where it lands, portal is whether it escapes the tree, and open/onOpenChange/defaultOpen is the standard controlled-\n * or-not pair. closeOnEsc and closeOnOutsideClick are separate because a popover\n * holding a form wants one and not the other.\n */\nimport { useCallback, useEffect, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { usePortalTabOrder } from \"@/components/Portal/tab-bridge\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /**\n     * Render the panel in a portal, positioned against the trigger. Default `true`.\n     *\n     * In flow, any ancestor with `overflow` other than `visible` clips the panel —\n     * inside a `DataTable` cell only 3% of it was visible (measured in Chrome at\n     * 1440 px). In a portal it escapes the clip, flips to the opposite side when\n     * the requested one has no room, and follows the trigger on scroll and resize.\n     * `false` keeps the in-flow panel.\n     */\n    portal?: boolean;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/** Gap between trigger and panel, in px — the in-flow CSS uses the same 8 px. */\nconst POPOVER_OFFSET = 8;\n\n/**\n * Lightweight popover. Renders a panel anchored to a trigger, dismissed on\n * outside click / Escape.\n *\n * Portalled by default, with viewport-aware placement: the panel flips to the\n * opposite side when the requested one overflows, and is clamped inside the\n * viewport otherwise.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    portal = true,\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [panelNode, setPanelNode] = useState<HTMLDivElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: panelNode,\n        side: placement,\n        align: \"center\",\n        offset: POPOVER_OFFSET,\n        enabled: portal && isOpen,\n    });\n    usePortalTabOrder({ enabled: portal && isOpen, anchor: rootNode, panel: panelNode });\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEscapeLayer(isOpen && closeOnEsc, () => setOpen(false));\n\n    /**\n     * Dismiss on a press outside both trigger and panel.\n     *\n     * The panel is checked on its own because in a portal it is not inside the\n     * trigger's wrapper, and a press inside it — on a form field, say — would\n     * otherwise count as outside.\n     */\n    useEffect(() => {\n        if (!isOpen) return;\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || panelNode?.contains(target)) return;\n            setOpen(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnOutsideClick, setOpen, rootNode, panelNode]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    const panel = (\n        <div\n            ref={setPanelNode}\n            id={id}\n            role=\"dialog\"\n            className={cn(styles.popover, portal ? styles.portalled : styles[placement], className)}\n            style={floatingStyle}\n        >\n            {children}\n        </div>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {isOpen && (portal ? <Portal>{panel}</Portal> : panel)}\n        </span>\n    );\n}\n"],"mappings":";;;;;;;;;AAkDA,IAAM,IAAiB;AAUvB,SAAgB,EAAQ,EACpB,YACA,aACA,eAAY,UACZ,YAAS,IACT,SACA,iBACA,iBAAc,IACd,gBAAa,IACb,yBAAsB,IACtB,gBACa;CACb,IAAM,IAAe,MAAS,KAAA,GACxB,CAAC,GAAc,KAAmB,EAAkB,CAAW,GAC/D,IAAS,IAAe,IAAO,GAC/B,IAAK,EAAM,GACX,CAAC,GAAU,KAAe,EAAiC,IAAI,GAC/D,CAAC,GAAW,KAAgB,EAAgC,IAAI,GAChE,IAAgB,EAAkB;EACpC,QAAQ;EACR,UAAU;EACV,MAAM;EACN,OAAO;EACP,QAAQ;EACR,SAAS,KAAU;CACvB,CAAC;CACD,EAAkB;EAAE,SAAS,KAAU;EAAQ,QAAQ;EAAU,OAAO;CAAU,CAAC;CAEnF,IAAM,IAAU,GACX,MAAwB;EAErB,AADK,KAAc,EAAgB,CAAI,GACvC,IAAe,CAAI;CACvB,GACA,CAAC,GAAc,CAAY,CAC/B;CAWA,AATA,EAAe,KAAU,SAAkB,EAAQ,EAAK,CAAC,GASzD,QAAgB;EACZ,IAAI,CAAC,GAAQ;EACb,IAAM,KAAU,MAA4B;GACxC,IAAI,CAAC,GAAqB;GAC1B,IAAM,IAAS,EAAM;GACjB,GAAU,SAAS,CAAM,KAAK,GAAW,SAAS,CAAM,KAC5D,EAAQ,EAAK;EACjB;EAEA,OADA,OAAO,iBAAiB,aAAa,CAAM,SAC9B;GACT,OAAO,oBAAoB,aAAa,CAAM;EAClD;CACJ,GAAG;EAAC;EAAQ;EAAqB;EAAS;EAAU;CAAS,CAAC;CAE9D,IAAM,KAAsB,MAAkC;EAE1D,AADA,EAAQ,MAAM,UAAU,CAAK,GAC7B,EAAQ,CAAC,CAAM;CACnB,GAEM,IAAe;EACjB,GAAG;EACH,OAAO;GACH,GAAG,EAAQ;GACX,SAAS;GACT,iBAAiB;GACjB,iBAAiB;EACrB;CACJ,GAEM,IACF,kBAAC,OAAD;EACI,KAAK;EACD;EACJ,MAAK;EACL,WAAW,EAAG,EAAO,SAAS,IAAS,EAAO,YAAY,EAAO,IAAY,CAAS;EACtF,OAAO;EAEN;CACA,CAAA;CAGT,OACI,kBAAC,QAAD;EAAM,KAAK;EAAa,WAAW,EAAO;EAA1C,UAAA,CACK,GACA,MAAW,IAAS,kBAAC,GAAD,EAAA,UAAS,EAAc,CAAA,IAAI,EAC9C;;AAEd"}
+{"version":3,"file":"Popover.js","names":["styles","Popover_module_default","POPOVER_OFFSET","Popover","isControlled","open","internalOpen","setInternalOpen","useState","defaultOpen","isOpen","id","useId","rootNode","setRootNode","panelNode","setPanelNode","floatingStyle","useAnchorPosition","placement","portal","setOpen","useCallback","next","onOpenChange","useEscapeLayer","closeOnEsc","useEffect","onDown","closeOnOutsideClick","target","event","handleTriggerClick","trigger","triggerClone","panel","cn","className","Portal"],"sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — trigger and children are the two halves, placement\n * is where it lands, portal is whether it escapes the tree, and open/onOpenChange/defaultOpen is the standard controlled-\n * or-not pair. closeOnEsc and closeOnOutsideClick are separate because a popover\n * holding a form wants one and not the other.\n */\nimport { useCallback, useEffect, useId, useState } from \"react\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport { Portal } from \"@/components/Portal\";\nimport { useAnchorPosition } from \"@/components/Portal/anchor-position\";\nimport { useEscapeLayer } from \"@/components/Portal/escape-layer\";\nimport { usePortalTabOrder } from \"@/components/Portal/tab-bridge\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Popover.module.css\";\n\nexport type PopoverPlacement = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface PopoverProps {\n    /** Trigger element. Receives `onClick`/`aria-expanded`/`aria-controls`. */\n    trigger: ReactElement<{\n        onClick?: (e: React.MouseEvent) => void;\n        \"aria-expanded\"?: boolean;\n        \"aria-controls\"?: string;\n    }>;\n    children: ReactNode;\n    placement?: PopoverPlacement;\n    /**\n     * Render the panel in a portal, positioned against the trigger. Default `true`.\n     *\n     * In flow, any ancestor with `overflow` other than `visible` clips the panel —\n     * inside a `DataTable` cell only 3% of it was visible (measured in Chrome at\n     * 1440 px). In a portal it escapes the clip, flips to the opposite side when\n     * the requested one has no room, and follows the trigger on scroll and resize.\n     * `false` keeps the in-flow panel.\n     */\n    portal?: boolean;\n    /** Controlled open state. */\n    open?: boolean;\n    /** Called when the user toggles or dismisses. */\n    onOpenChange?: (open: boolean) => void;\n    /** Default open state for uncontrolled usage. */\n    defaultOpen?: boolean;\n    /** Close on Escape. Default true. */\n    closeOnEsc?: boolean;\n    /** Close on outside click. Default true. */\n    closeOnOutsideClick?: boolean;\n    className?: string;\n}\n\n/** Gap between trigger and panel, in px — the in-flow CSS uses the same 8 px. */\nconst POPOVER_OFFSET = 8;\n\n/**\n * Lightweight popover. Renders a panel anchored to a trigger, dismissed on\n * outside click / Escape.\n *\n * Portalled by default, with viewport-aware placement: the panel flips to the\n * opposite side when the requested one overflows, and is clamped inside the\n * viewport otherwise.\n */\nexport function Popover({\n    trigger,\n    children,\n    placement = \"bottom\",\n    portal = true,\n    open,\n    onOpenChange,\n    defaultOpen = false,\n    closeOnEsc = true,\n    closeOnOutsideClick = true,\n    className,\n}: PopoverProps) {\n    const isControlled = open !== undefined;\n    const [internalOpen, setInternalOpen] = useState<boolean>(defaultOpen);\n    const isOpen = isControlled ? open : internalOpen;\n    const id = useId();\n    const [rootNode, setRootNode] = useState<HTMLSpanElement | null>(null);\n    const [panelNode, setPanelNode] = useState<HTMLDivElement | null>(null);\n    const floatingStyle = useAnchorPosition({\n        anchor: rootNode,\n        floating: panelNode,\n        side: placement,\n        align: \"center\",\n        offset: POPOVER_OFFSET,\n        enabled: portal && isOpen,\n    });\n    usePortalTabOrder({ enabled: portal && isOpen, anchor: rootNode, panel: panelNode });\n\n    const setOpen = useCallback(\n        (next: boolean): void => {\n            if (!isControlled) setInternalOpen(next);\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange],\n    );\n\n    useEscapeLayer(isOpen && closeOnEsc, () => setOpen(false));\n\n    /**\n     * Dismiss on a press outside both trigger and panel.\n     *\n     * The panel is checked on its own because in a portal it is not inside the\n     * trigger's wrapper, and a press inside it — on a form field, say — would\n     * otherwise count as outside.\n     */\n    useEffect(() => {\n        if (!isOpen) return;\n        const onDown = (event: MouseEvent): void => {\n            if (!closeOnOutsideClick) return;\n            const target = event.target as Node;\n            if (rootNode?.contains(target) || panelNode?.contains(target)) return;\n            setOpen(false);\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [isOpen, closeOnOutsideClick, setOpen, rootNode, panelNode]);\n\n    const handleTriggerClick = (event: React.MouseEvent): void => {\n        trigger.props.onClick?.(event);\n        setOpen(!isOpen);\n    };\n\n    const triggerClone = {\n        ...trigger,\n        props: {\n            ...trigger.props,\n            onClick: handleTriggerClick,\n            \"aria-expanded\": isOpen,\n            \"aria-controls\": id,\n        },\n    } as ReactElement;\n\n    const panel = (\n        <div\n            ref={setPanelNode}\n            id={id}\n            role=\"dialog\"\n            className={cn(styles.popover, portal ? styles.portalled : styles[placement], className)}\n            style={floatingStyle}\n        >\n            {children}\n        </div>\n    );\n\n    return (\n        <span ref={setRootNode} className={styles.root}>\n            {triggerClone}\n            {isOpen && (portal ? <Portal>{panel}</Portal> : panel)}\n        </span>\n    );\n}\n"],"mappings":";;;;;;;;;AAkDA,IAAME,IAAiB;AAUvB,SAAgBC,EAAQ,EACpB,YACA,aACA,eAAY,UACZ,YAAS,IACT,SACA,iBACA,iBAAc,IACd,gBAAa,IACb,yBAAsB,IACtB,gBACa;CACb,IAAMC,IAAeC,MAAS,KAAA,GACxB,CAACC,GAAcC,KAAmBC,EAAkBC,CAAW,GAC/DC,IAASN,IAAeC,IAAOC,GAC/BK,IAAKC,EAAM,GACX,CAACC,GAAUC,KAAeN,EAAiC,IAAI,GAC/D,CAACO,GAAWC,KAAgBR,EAAgC,IAAI,GAChES,IAAgBC,EAAkB;EACpC,QAAQL;EACR,UAAUE;EACV,MAAMI;EACN,OAAO;EACP,QAAQjB;EACR,SAASkB,KAAUV;CACvB,CAAC;CACD,EAAkB;EAAE,SAASU,KAAUV;EAAQ,QAAQG;EAAU,OAAOE;CAAU,CAAC;CAEnF,IAAMM,IAAUC,GACX,MAAwB;EAErB,AADKlB,KAAcG,EAAgBgB,CAAI,GACvCC,IAAeD,CAAI;CACvB,GACA,CAACnB,GAAcoB,CAAY,CAC/B;CAWA,AATAC,EAAef,KAAUgB,SAAkBL,EAAQ,EAAK,CAAC,GASzDM,QAAgB;EACZ,IAAI,CAACjB,GAAQ;EACb,IAAMkB,KAAU,MAA4B;GACxC,IAAI,CAACC,GAAqB;GAC1B,IAAMC,IAASC,EAAM;GACrB,AAAIlB,GAAU,SAASiB,CAAM,KAAKf,GAAW,SAASe,CAAM,KAC5DT,EAAQ,EAAK;EACjB;EAEA,OADA,OAAO,iBAAiB,aAAaO,CAAM,SAC9B;GACT,OAAO,oBAAoB,aAAaA,CAAM;EAClD;CACJ,GAAG;EAAClB;EAAQmB;EAAqBR;EAASR;EAAUE;CAAS,CAAC;CAE9D,IAAMiB,KAAsB,MAAkC;EAE1D,AADAC,EAAQ,MAAM,UAAUF,CAAK,GAC7BV,EAAQ,CAACX,CAAM;CACnB,GAEMwB,IAAe;EACjB,GAAGD;EACH,OAAO;GACH,GAAGA,EAAQ;GACX,SAASD;GACT,iBAAiBtB;GACjB,iBAAiBC;EACrB;CACJ,GAEMwB,IACF,kBAAC,OAAD;EACI,KAAKnB;EACD;EACJ,MAAK;EACL,WAAWoB,EAAGpC,EAAO,SAASoB,IAASpB,EAAO,YAAYA,EAAOmB,IAAYkB,CAAS;EACtF,OAAOpB;EAEN;CACA,CAAA;CAGT,OACI,kBAAC,QAAD;EAAM,KAAKH;EAAa,WAAWd,EAAO;EAA1C,UAAA,CACKkC,GACAxB,MAAWU,IAAS,kBAACkB,GAAD,EAAA,UAASH,EAAc,CAAA,IAAIA,EAC9C;;AAEd"}

package/dist/components/Popover/Popover.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.module.cjs","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n.portalled {\n    --tempest-popover-tx: 0;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Popover.module.cjs","names":["root","popover","tempestPopoverIn","portalled","top","bottom","left","right","Popover_module_default"],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n.portalled {\n    --tempest-popover-tx: 0;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Popover/Popover.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.module.js","names":[],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n.portalled {\n    --tempest-popover-tx: 0;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Popover.module.js","names":["root","popover","tempestPopoverIn","portalled","top","bottom","left","right","Popover_module_default"],"sources":["../../../src/components/Popover/Popover.module.css"],"sourcesContent":[".root {\n    position: relative;\n    display: inline-flex;\n}\n\n.popover {\n    position: absolute;\n    z-index: var(--tempest-z-popover);\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    min-width: 200px;\n    max-width: 320px;\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-snug);\n    animation: tempest-popover-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.popover:focus {\n    outline: none;\n}\n\n.portalled {\n    --tempest-popover-tx: 0;\n}\n\n/* Placements (center-aligned across the trigger). */\n.top {\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.bottom {\n    top: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n}\n.left {\n    right: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n.right {\n    left: calc(100% + 8px);\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n@keyframes tempest-popover-in {\n    from {\n        opacity: 0;\n        transform: translate(var(--tempest-popover-tx, -50%), 4px);\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .popover {\n        animation: none;\n    }\n}\n"],"mappings":";"}

package/dist/components/Portal/Portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.cjs","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalHost } from \"./portal-host\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /**\n     * Target DOM node to render into.\n     *\n     * Defaults to the fullscreen element while one is presented, and to\n     * `document.body` otherwise.\n     */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts.\n *\n * Without `container` the target is the element currently presented fullscreen,\n * and `document.body` the rest of the time. `body` alone would be wrong during\n * fullscreen: the browser paints only the fullscreen element's subtree, so an\n * overlay mounted outside it is invisible and unclickable while looking perfectly\n * healthy in the DOM. Passing `container` opts out of that and pins the target.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n    const host = usePortalHost();\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    const target = container ?? host;\n    if (!mounted || !target) return null;\n\n    return createPortal(children, target);\n}\n"],"mappings":"mFAkCA,SAAgB,EAAO,CAAE,WAAU,aAAqC,CACpE,GAAM,CAAC,EAAS,IAAA,EAAc,EAAA,SAAA,CAAS,EAAK,EACtC,EAAO,EAAA,cAAc,GAE3B,EAAA,EAAA,UAAA,MACI,EAAW,EAAI,MACF,EAAW,EAAK,GAC9B,CAAC,CAAC,EAEL,IAAM,EAAS,GAAa,EAG5B,MAFI,CAAC,GAAW,CAAC,EAAe,MAEhC,EAAO,EAAA,aAAA,CAAa,EAAU,CAAM,CACxC"}
+{"version":3,"file":"Portal.cjs","names":["useState","usePortalHost","createPortal","require_portal_host","react","react_dom","Portal","mounted","setMounted","host","target","container","children"],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalHost } from \"./portal-host\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /**\n     * Target DOM node to render into.\n     *\n     * Defaults to the fullscreen element while one is presented, and to\n     * `document.body` otherwise.\n     */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts.\n *\n * Without `container` the target is the element currently presented fullscreen,\n * and `document.body` the rest of the time. `body` alone would be wrong during\n * fullscreen: the browser paints only the fullscreen element's subtree, so an\n * overlay mounted outside it is invisible and unclickable while looking perfectly\n * healthy in the DOM. Passing `container` opts out of that and pins the target.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n    const host = usePortalHost();\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    const target = container ?? host;\n    if (!mounted || !target) return null;\n\n    return createPortal(children, target);\n}\n"],"mappings":"A,mFAkCA,SAAgBM,EAAO,CAAE,WAAU,aAAqC,CACpE,GAAM,CAACC,EAASC,IAAA,EAAcR,EAAAA,SAAAA,CAAS,EAAK,EACtCS,EAAOR,EAAAA,cAAc,GAE3B,EAAAG,EAAA,UAAA,MACII,EAAW,EAAI,MACFA,EAAW,EAAK,GAC9B,CAAC,CAAC,EAEL,IAAME,EAASC,GAAaF,EAG5B,MAFI,CAACF,GAAW,CAACG,EAAe,MAEhC,EAAOR,EAAAA,aAAAA,CAAaU,EAAUF,CAAM,CACxC,C"}

package/dist/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","names":[],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalHost } from \"./portal-host\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /**\n     * Target DOM node to render into.\n     *\n     * Defaults to the fullscreen element while one is presented, and to\n     * `document.body` otherwise.\n     */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts.\n *\n * Without `container` the target is the element currently presented fullscreen,\n * and `document.body` the rest of the time. `body` alone would be wrong during\n * fullscreen: the browser paints only the fullscreen element's subtree, so an\n * overlay mounted outside it is invisible and unclickable while looking perfectly\n * healthy in the DOM. Passing `container` opts out of that and pins the target.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n    const host = usePortalHost();\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    const target = container ?? host;\n    if (!mounted || !target) return null;\n\n    return createPortal(children, target);\n}\n"],"mappings":";;;;AAkCA,SAAgB,EAAO,EAAE,aAAU,gBAAqC;CACpE,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAO,EAAc;CAE3B,SACI,EAAW,EAAI,SACF,EAAW,EAAK,IAC9B,CAAC,CAAC;CAEL,IAAM,IAAS,KAAa;CAG5B,OAFI,CAAC,KAAW,CAAC,IAAe,OAEzB,EAAa,GAAU,CAAM;AACxC"}
+{"version":3,"file":"Portal.js","names":["Portal","mounted","setMounted","useState","host","usePortalHost","target","container","createPortal","children"],"sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { usePortalHost } from \"./portal-host\";\n\nexport interface PortalProps {\n    /** Content rendered through the portal. */\n    children: ReactNode;\n    /**\n     * Target DOM node to render into.\n     *\n     * Defaults to the fullscreen element while one is presented, and to\n     * `document.body` otherwise.\n     */\n    container?: Element | null;\n}\n\n/**\n * Renders its children into a different part of the DOM tree via a React portal.\n *\n * Useful for overlays (modals, tooltips, dropdowns) that must escape parent\n * overflow/stacking contexts.\n *\n * Without `container` the target is the element currently presented fullscreen,\n * and `document.body` the rest of the time. `body` alone would be wrong during\n * fullscreen: the browser paints only the fullscreen element's subtree, so an\n * overlay mounted outside it is invisible and unclickable while looking perfectly\n * healthy in the DOM. Passing `container` opts out of that and pins the target.\n *\n * SSR-safe: renders `null` on the server and on the first client render, then\n * mounts the portal after hydration (when `document` is available).\n *\n * @param props - The portal props.\n * @returns The portal node once mounted, otherwise `null`.\n */\nexport function Portal({ children, container }: PortalProps): ReactNode {\n    const [mounted, setMounted] = useState(false);\n    const host = usePortalHost();\n\n    useEffect(() => {\n        setMounted(true);\n        return () => setMounted(false);\n    }, []);\n\n    const target = container ?? host;\n    if (!mounted || !target) return null;\n\n    return createPortal(children, target);\n}\n"],"mappings":";;;;AAkCA,SAAgBA,EAAO,EAAE,aAAU,gBAAqC;CACpE,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAK,GACtCC,IAAOC,EAAc;CAE3B,SACIH,EAAW,EAAI,SACFA,EAAW,EAAK,IAC9B,CAAC,CAAC;CAEL,IAAMI,IAASC,KAAaH;CAG5B,OAFI,CAACH,KAAW,CAACK,IAAe,OAEzBE,EAAaC,GAAUH,CAAM;AACxC"}

package/dist/components/Portal/anchor-position.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-position.cjs","names":[],"sources":["../../../src/components/Portal/anchor-position.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\n\n/** Side of the anchor a floating layer is placed on. */\nexport type AnchorSide = \"top\" | \"bottom\" | \"left\" | \"right\";\n\n/** Alignment of the floating layer along the anchor's edge. */\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\n/** The viewport-relative box a placement is computed from. */\nexport interface AnchorRect {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n}\n\n/** Everything {@link computeAnchorPosition} needs, all in CSS pixels. */\nexport interface AnchorGeometry {\n    anchor: AnchorRect;\n    width: number;\n    height: number;\n    viewportWidth: number;\n    viewportHeight: number;\n    side: AnchorSide;\n    align: AnchorAlign;\n    offset: number;\n    margin: number;\n}\n\n/** A resolved placement: viewport coordinates plus the side actually used. */\nexport interface AnchorPlacement {\n    top: number;\n    left: number;\n    side: AnchorSide;\n}\n\n/** What {@link useAnchorPosition} keeps between measurements. */\ninterface MeasuredPlacement extends AnchorPlacement {\n    /** The anchor's width, when the layer matches it. */\n    width: number | undefined;\n}\n\nconst OPPOSITE: Record<AnchorSide, AnchorSide> = {\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n};\n\n/** Distance kept between a floating layer and the viewport edge, in px. */\nexport const ANCHOR_VIEWPORT_MARGIN = 8;\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(value, Math.max(min, max)));\n}\n\nfunction mainAxis(geometry: AnchorGeometry, side: AnchorSide): number {\n    const { anchor, width, height, offset } = geometry;\n    switch (side) {\n        case \"top\":\n            return anchor.top - offset - height;\n        case \"bottom\":\n            return anchor.top + anchor.height + offset;\n        case \"left\":\n            return anchor.left - offset - width;\n        case \"right\":\n        default:\n            return anchor.left + anchor.width + offset;\n    }\n}\n\nfunction fits(geometry: AnchorGeometry, side: AnchorSide): boolean {\n    const { width, height, viewportWidth, viewportHeight, margin } = geometry;\n    const start = mainAxis(geometry, side);\n    const size = side === \"top\" || side === \"bottom\" ? height : width;\n    const limit = side === \"top\" || side === \"bottom\" ? viewportHeight : viewportWidth;\n    return start >= margin && start + size <= limit - margin;\n}\n\nfunction crossAxis(start: number, length: number, size: number, align: AnchorAlign): number {\n    if (align === \"start\") return start;\n    if (align === \"end\") return start + length - size;\n    return start + (length - size) / 2;\n}\n\n/**\n * Place a floating layer next to its anchor, inside the viewport.\n *\n * The requested side wins when the layer fits there. When it does not and the\n * opposite side does, the layer flips — the case that matters is the action menu\n * of the last row of a table near the bottom of the screen, which would otherwise\n * open below the fold. When neither side fits, the requested one is kept and the\n * layer is clamped, because a partially visible menu the user can scroll to beats\n * one that jumps sides depending on a pixel.\n *\n * Both axes are then clamped to the viewport minus `margin`.\n *\n * @param geometry - The anchor box, the floating layer's size, the viewport, and\n * the requested placement.\n * @returns The viewport coordinates for a `position: fixed` layer, and the side\n * that was used after flipping.\n */\nexport function computeAnchorPosition(geometry: AnchorGeometry): AnchorPlacement {\n    const { anchor, width, height, viewportWidth, viewportHeight, align, margin } = geometry;\n    const requested = geometry.side;\n    const flipped = OPPOSITE[requested];\n    const side = !fits(geometry, requested) && fits(geometry, flipped) ? flipped : requested;\n    const vertical = side === \"top\" || side === \"bottom\";\n    const main = mainAxis(geometry, side);\n    const top = vertical ? main : crossAxis(anchor.top, anchor.height, height, align);\n    const left = vertical ? crossAxis(anchor.left, anchor.width, width, align) : main;\n    return {\n        top: clamp(top, margin, viewportHeight - height - margin),\n        left: clamp(left, margin, viewportWidth - width - margin),\n        side,\n    };\n}\n\n/** Options of {@link useAnchorPosition}. */\nexport interface AnchorPositionOptions {\n    /** Element the layer is anchored to. */\n    anchor: HTMLElement | null;\n    /** The floating layer itself, once mounted. */\n    floating: HTMLElement | null;\n    side: AnchorSide;\n    align: AnchorAlign;\n    /** Gap between anchor and layer, in px. */\n    offset: number;\n    /** When false the hook does nothing and returns `undefined`. */\n    enabled: boolean;\n    /**\n     * Give the layer the anchor's width — a listbox under its input. Default\n     * `false`.\n     */\n    matchWidth?: boolean;\n}\n\n/**\n * Keep a portalled layer glued to its anchor.\n *\n * Takes the floating element as a value rather than a ref, because `Portal`\n * renders `null` on its first pass and mounts in an effect: a layout effect keyed\n * off `open` would run while the layer does not exist and measure nothing. With\n * the node held in state (a callback ref), the effect runs on the render that has\n * it, and `useLayoutEffect` settles the position before the first paint.\n *\n * The size comes from `offsetWidth`/`offsetHeight`, not from\n * `getBoundingClientRect`, which reports the transformed box — the layers enter\n * with a `translate`/`scale` animation, and the transformed rect would place them\n * a few pixels off. The anchor's rect is the right one to read: it is where the\n * trigger is painted.\n *\n * Scroll (captured, so a scrolling table wrapper counts) and resize reposition the\n * layer on the next animation frame, so a menu open inside a table that scrolls\n * follows its row instead of floating where the row used to be. So does a change\n * in the size of either box, through a `ResizeObserver`: a combobox list flipped\n * above its input shrinks as the user types, and a multi-select field grows a\n * line as chips are added — without the observer the list would keep its old\n * top and float away from the field, or cover it.\n *\n * With `matchWidth` the anchor's width is written to the layer **before** its\n * height is read, so the height is measured at the width it will be painted at —\n * a list whose options wrap at the narrower width is taller.\n *\n * The unmeasured first pass is **not** hidden with `visibility: hidden`: an\n * element under it cannot take focus, and the menu's focus effect runs before\n * the measured re-render, so the first entry silently kept no focus (measured in\n * Chrome; jsdom does not enforce it). Nothing is painted at the unmeasured\n * position anyway — the layout effect re-renders before the browser paints.\n *\n * @param options - Anchor, floating node, placement, and whether it is active.\n * @returns A `position: fixed` style for the layer, or `undefined` when disabled.\n */\nexport function useAnchorPosition({\n    anchor,\n    floating,\n    side,\n    align,\n    offset,\n    enabled,\n    matchWidth = false,\n}: AnchorPositionOptions): CSSProperties | undefined {\n    const [placement, setPlacement] = useState<MeasuredPlacement | null>(null);\n\n    useLayoutEffect(() => {\n        if (!enabled || !anchor || !floating) {\n            setPlacement(null);\n            return;\n        }\n        const update = (): void => {\n            const rect = anchor.getBoundingClientRect();\n            const width = matchWidth ? rect.width : undefined;\n            if (width !== undefined) floating.style.setProperty(\"width\", `${width}px`);\n            const position = computeAnchorPosition({\n                anchor: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n                width: floating.offsetWidth,\n                height: floating.offsetHeight,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n                side,\n                align,\n                offset,\n                margin: ANCHOR_VIEWPORT_MARGIN,\n            });\n            const next: MeasuredPlacement = { ...position, width };\n            setPlacement((current) =>\n                current &&\n                current.top === next.top &&\n                current.left === next.left &&\n                current.side === next.side &&\n                current.width === next.width\n                    ? current\n                    : next,\n            );\n        };\n        update();\n        let frame = 0;\n        const schedule = (): void => {\n            if (frame !== 0) return;\n            frame = requestAnimationFrame(() => {\n                frame = 0;\n                update();\n            });\n        };\n        window.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n        window.addEventListener(\"resize\", schedule);\n        const observer =\n            typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(schedule);\n        observer?.observe(floating);\n        observer?.observe(anchor);\n        return () => {\n            observer?.disconnect();\n            if (frame !== 0) cancelAnimationFrame(frame);\n            window.removeEventListener(\"scroll\", schedule, { capture: true });\n            window.removeEventListener(\"resize\", schedule);\n        };\n    }, [enabled, anchor, floating, side, align, offset, matchWidth]);\n\n    if (!enabled) return undefined;\n    return {\n        position: \"fixed\",\n        top: placement?.top ?? 0,\n        left: placement?.left ?? 0,\n        width: placement?.width,\n    };\n}\n"],"mappings":"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"}
+{"version":3,"file":"anchor-position.cjs","names":["useState","react","OPPOSITE","clamp","min","value","max","mainAxis","geometry","side","anchor","offset","height","width","fits","start","size","limit","viewportHeight","viewportWidth","margin","crossAxis","align","length","computeAnchorPosition","requested","flipped","vertical","main","top","left","useAnchorPosition","placement","setPlacement","enabled","floating","update","rect","matchWidth","next","current","frame","schedule","observer"],"sources":["../../../src/components/Portal/anchor-position.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\n\n/** Side of the anchor a floating layer is placed on. */\nexport type AnchorSide = \"top\" | \"bottom\" | \"left\" | \"right\";\n\n/** Alignment of the floating layer along the anchor's edge. */\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\n/** The viewport-relative box a placement is computed from. */\nexport interface AnchorRect {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n}\n\n/** Everything {@link computeAnchorPosition} needs, all in CSS pixels. */\nexport interface AnchorGeometry {\n    anchor: AnchorRect;\n    width: number;\n    height: number;\n    viewportWidth: number;\n    viewportHeight: number;\n    side: AnchorSide;\n    align: AnchorAlign;\n    offset: number;\n    margin: number;\n}\n\n/** A resolved placement: viewport coordinates plus the side actually used. */\nexport interface AnchorPlacement {\n    top: number;\n    left: number;\n    side: AnchorSide;\n}\n\n/** What {@link useAnchorPosition} keeps between measurements. */\ninterface MeasuredPlacement extends AnchorPlacement {\n    /** The anchor's width, when the layer matches it. */\n    width: number | undefined;\n}\n\nconst OPPOSITE: Record<AnchorSide, AnchorSide> = {\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n};\n\n/** Distance kept between a floating layer and the viewport edge, in px. */\nexport const ANCHOR_VIEWPORT_MARGIN = 8;\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(value, Math.max(min, max)));\n}\n\nfunction mainAxis(geometry: AnchorGeometry, side: AnchorSide): number {\n    const { anchor, width, height, offset } = geometry;\n    switch (side) {\n        case \"top\":\n            return anchor.top - offset - height;\n        case \"bottom\":\n            return anchor.top + anchor.height + offset;\n        case \"left\":\n            return anchor.left - offset - width;\n        case \"right\":\n        default:\n            return anchor.left + anchor.width + offset;\n    }\n}\n\nfunction fits(geometry: AnchorGeometry, side: AnchorSide): boolean {\n    const { width, height, viewportWidth, viewportHeight, margin } = geometry;\n    const start = mainAxis(geometry, side);\n    const size = side === \"top\" || side === \"bottom\" ? height : width;\n    const limit = side === \"top\" || side === \"bottom\" ? viewportHeight : viewportWidth;\n    return start >= margin && start + size <= limit - margin;\n}\n\nfunction crossAxis(start: number, length: number, size: number, align: AnchorAlign): number {\n    if (align === \"start\") return start;\n    if (align === \"end\") return start + length - size;\n    return start + (length - size) / 2;\n}\n\n/**\n * Place a floating layer next to its anchor, inside the viewport.\n *\n * The requested side wins when the layer fits there. When it does not and the\n * opposite side does, the layer flips — the case that matters is the action menu\n * of the last row of a table near the bottom of the screen, which would otherwise\n * open below the fold. When neither side fits, the requested one is kept and the\n * layer is clamped, because a partially visible menu the user can scroll to beats\n * one that jumps sides depending on a pixel.\n *\n * Both axes are then clamped to the viewport minus `margin`.\n *\n * @param geometry - The anchor box, the floating layer's size, the viewport, and\n * the requested placement.\n * @returns The viewport coordinates for a `position: fixed` layer, and the side\n * that was used after flipping.\n */\nexport function computeAnchorPosition(geometry: AnchorGeometry): AnchorPlacement {\n    const { anchor, width, height, viewportWidth, viewportHeight, align, margin } = geometry;\n    const requested = geometry.side;\n    const flipped = OPPOSITE[requested];\n    const side = !fits(geometry, requested) && fits(geometry, flipped) ? flipped : requested;\n    const vertical = side === \"top\" || side === \"bottom\";\n    const main = mainAxis(geometry, side);\n    const top = vertical ? main : crossAxis(anchor.top, anchor.height, height, align);\n    const left = vertical ? crossAxis(anchor.left, anchor.width, width, align) : main;\n    return {\n        top: clamp(top, margin, viewportHeight - height - margin),\n        left: clamp(left, margin, viewportWidth - width - margin),\n        side,\n    };\n}\n\n/** Options of {@link useAnchorPosition}. */\nexport interface AnchorPositionOptions {\n    /** Element the layer is anchored to. */\n    anchor: HTMLElement | null;\n    /** The floating layer itself, once mounted. */\n    floating: HTMLElement | null;\n    side: AnchorSide;\n    align: AnchorAlign;\n    /** Gap between anchor and layer, in px. */\n    offset: number;\n    /** When false the hook does nothing and returns `undefined`. */\n    enabled: boolean;\n    /**\n     * Give the layer the anchor's width — a listbox under its input. Default\n     * `false`.\n     */\n    matchWidth?: boolean;\n}\n\n/**\n * Keep a portalled layer glued to its anchor.\n *\n * Takes the floating element as a value rather than a ref, because `Portal`\n * renders `null` on its first pass and mounts in an effect: a layout effect keyed\n * off `open` would run while the layer does not exist and measure nothing. With\n * the node held in state (a callback ref), the effect runs on the render that has\n * it, and `useLayoutEffect` settles the position before the first paint.\n *\n * The size comes from `offsetWidth`/`offsetHeight`, not from\n * `getBoundingClientRect`, which reports the transformed box — the layers enter\n * with a `translate`/`scale` animation, and the transformed rect would place them\n * a few pixels off. The anchor's rect is the right one to read: it is where the\n * trigger is painted.\n *\n * Scroll (captured, so a scrolling table wrapper counts) and resize reposition the\n * layer on the next animation frame, so a menu open inside a table that scrolls\n * follows its row instead of floating where the row used to be. So does a change\n * in the size of either box, through a `ResizeObserver`: a combobox list flipped\n * above its input shrinks as the user types, and a multi-select field grows a\n * line as chips are added — without the observer the list would keep its old\n * top and float away from the field, or cover it.\n *\n * With `matchWidth` the anchor's width is written to the layer **before** its\n * height is read, so the height is measured at the width it will be painted at —\n * a list whose options wrap at the narrower width is taller.\n *\n * The unmeasured first pass is **not** hidden with `visibility: hidden`: an\n * element under it cannot take focus, and the menu's focus effect runs before\n * the measured re-render, so the first entry silently kept no focus (measured in\n * Chrome; jsdom does not enforce it). Nothing is painted at the unmeasured\n * position anyway — the layout effect re-renders before the browser paints.\n *\n * @param options - Anchor, floating node, placement, and whether it is active.\n * @returns A `position: fixed` style for the layer, or `undefined` when disabled.\n */\nexport function useAnchorPosition({\n    anchor,\n    floating,\n    side,\n    align,\n    offset,\n    enabled,\n    matchWidth = false,\n}: AnchorPositionOptions): CSSProperties | undefined {\n    const [placement, setPlacement] = useState<MeasuredPlacement | null>(null);\n\n    useLayoutEffect(() => {\n        if (!enabled || !anchor || !floating) {\n            setPlacement(null);\n            return;\n        }\n        const update = (): void => {\n            const rect = anchor.getBoundingClientRect();\n            const width = matchWidth ? rect.width : undefined;\n            if (width !== undefined) floating.style.setProperty(\"width\", `${width}px`);\n            const position = computeAnchorPosition({\n                anchor: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n                width: floating.offsetWidth,\n                height: floating.offsetHeight,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n                side,\n                align,\n                offset,\n                margin: ANCHOR_VIEWPORT_MARGIN,\n            });\n            const next: MeasuredPlacement = { ...position, width };\n            setPlacement((current) =>\n                current &&\n                current.top === next.top &&\n                current.left === next.left &&\n                current.side === next.side &&\n                current.width === next.width\n                    ? current\n                    : next,\n            );\n        };\n        update();\n        let frame = 0;\n        const schedule = (): void => {\n            if (frame !== 0) return;\n            frame = requestAnimationFrame(() => {\n                frame = 0;\n                update();\n            });\n        };\n        window.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n        window.addEventListener(\"resize\", schedule);\n        const observer =\n            typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(schedule);\n        observer?.observe(floating);\n        observer?.observe(anchor);\n        return () => {\n            observer?.disconnect();\n            if (frame !== 0) cancelAnimationFrame(frame);\n            window.removeEventListener(\"scroll\", schedule, { capture: true });\n            window.removeEventListener(\"resize\", schedule);\n        };\n    }, [enabled, anchor, floating, side, align, offset, matchWidth]);\n\n    if (!enabled) return undefined;\n    return {\n        position: \"fixed\",\n        top: placement?.top ?? 0,\n        left: placement?.left ?? 0,\n        width: placement?.width,\n    };\n}\n"],"mappings":"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"}

package/dist/components/Portal/anchor-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-position.js","names":[],"sources":["../../../src/components/Portal/anchor-position.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\n\n/** Side of the anchor a floating layer is placed on. */\nexport type AnchorSide = \"top\" | \"bottom\" | \"left\" | \"right\";\n\n/** Alignment of the floating layer along the anchor's edge. */\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\n/** The viewport-relative box a placement is computed from. */\nexport interface AnchorRect {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n}\n\n/** Everything {@link computeAnchorPosition} needs, all in CSS pixels. */\nexport interface AnchorGeometry {\n    anchor: AnchorRect;\n    width: number;\n    height: number;\n    viewportWidth: number;\n    viewportHeight: number;\n    side: AnchorSide;\n    align: AnchorAlign;\n    offset: number;\n    margin: number;\n}\n\n/** A resolved placement: viewport coordinates plus the side actually used. */\nexport interface AnchorPlacement {\n    top: number;\n    left: number;\n    side: AnchorSide;\n}\n\n/** What {@link useAnchorPosition} keeps between measurements. */\ninterface MeasuredPlacement extends AnchorPlacement {\n    /** The anchor's width, when the layer matches it. */\n    width: number | undefined;\n}\n\nconst OPPOSITE: Record<AnchorSide, AnchorSide> = {\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n};\n\n/** Distance kept between a floating layer and the viewport edge, in px. */\nexport const ANCHOR_VIEWPORT_MARGIN = 8;\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(value, Math.max(min, max)));\n}\n\nfunction mainAxis(geometry: AnchorGeometry, side: AnchorSide): number {\n    const { anchor, width, height, offset } = geometry;\n    switch (side) {\n        case \"top\":\n            return anchor.top - offset - height;\n        case \"bottom\":\n            return anchor.top + anchor.height + offset;\n        case \"left\":\n            return anchor.left - offset - width;\n        case \"right\":\n        default:\n            return anchor.left + anchor.width + offset;\n    }\n}\n\nfunction fits(geometry: AnchorGeometry, side: AnchorSide): boolean {\n    const { width, height, viewportWidth, viewportHeight, margin } = geometry;\n    const start = mainAxis(geometry, side);\n    const size = side === \"top\" || side === \"bottom\" ? height : width;\n    const limit = side === \"top\" || side === \"bottom\" ? viewportHeight : viewportWidth;\n    return start >= margin && start + size <= limit - margin;\n}\n\nfunction crossAxis(start: number, length: number, size: number, align: AnchorAlign): number {\n    if (align === \"start\") return start;\n    if (align === \"end\") return start + length - size;\n    return start + (length - size) / 2;\n}\n\n/**\n * Place a floating layer next to its anchor, inside the viewport.\n *\n * The requested side wins when the layer fits there. When it does not and the\n * opposite side does, the layer flips — the case that matters is the action menu\n * of the last row of a table near the bottom of the screen, which would otherwise\n * open below the fold. When neither side fits, the requested one is kept and the\n * layer is clamped, because a partially visible menu the user can scroll to beats\n * one that jumps sides depending on a pixel.\n *\n * Both axes are then clamped to the viewport minus `margin`.\n *\n * @param geometry - The anchor box, the floating layer's size, the viewport, and\n * the requested placement.\n * @returns The viewport coordinates for a `position: fixed` layer, and the side\n * that was used after flipping.\n */\nexport function computeAnchorPosition(geometry: AnchorGeometry): AnchorPlacement {\n    const { anchor, width, height, viewportWidth, viewportHeight, align, margin } = geometry;\n    const requested = geometry.side;\n    const flipped = OPPOSITE[requested];\n    const side = !fits(geometry, requested) && fits(geometry, flipped) ? flipped : requested;\n    const vertical = side === \"top\" || side === \"bottom\";\n    const main = mainAxis(geometry, side);\n    const top = vertical ? main : crossAxis(anchor.top, anchor.height, height, align);\n    const left = vertical ? crossAxis(anchor.left, anchor.width, width, align) : main;\n    return {\n        top: clamp(top, margin, viewportHeight - height - margin),\n        left: clamp(left, margin, viewportWidth - width - margin),\n        side,\n    };\n}\n\n/** Options of {@link useAnchorPosition}. */\nexport interface AnchorPositionOptions {\n    /** Element the layer is anchored to. */\n    anchor: HTMLElement | null;\n    /** The floating layer itself, once mounted. */\n    floating: HTMLElement | null;\n    side: AnchorSide;\n    align: AnchorAlign;\n    /** Gap between anchor and layer, in px. */\n    offset: number;\n    /** When false the hook does nothing and returns `undefined`. */\n    enabled: boolean;\n    /**\n     * Give the layer the anchor's width — a listbox under its input. Default\n     * `false`.\n     */\n    matchWidth?: boolean;\n}\n\n/**\n * Keep a portalled layer glued to its anchor.\n *\n * Takes the floating element as a value rather than a ref, because `Portal`\n * renders `null` on its first pass and mounts in an effect: a layout effect keyed\n * off `open` would run while the layer does not exist and measure nothing. With\n * the node held in state (a callback ref), the effect runs on the render that has\n * it, and `useLayoutEffect` settles the position before the first paint.\n *\n * The size comes from `offsetWidth`/`offsetHeight`, not from\n * `getBoundingClientRect`, which reports the transformed box — the layers enter\n * with a `translate`/`scale` animation, and the transformed rect would place them\n * a few pixels off. The anchor's rect is the right one to read: it is where the\n * trigger is painted.\n *\n * Scroll (captured, so a scrolling table wrapper counts) and resize reposition the\n * layer on the next animation frame, so a menu open inside a table that scrolls\n * follows its row instead of floating where the row used to be. So does a change\n * in the size of either box, through a `ResizeObserver`: a combobox list flipped\n * above its input shrinks as the user types, and a multi-select field grows a\n * line as chips are added — without the observer the list would keep its old\n * top and float away from the field, or cover it.\n *\n * With `matchWidth` the anchor's width is written to the layer **before** its\n * height is read, so the height is measured at the width it will be painted at —\n * a list whose options wrap at the narrower width is taller.\n *\n * The unmeasured first pass is **not** hidden with `visibility: hidden`: an\n * element under it cannot take focus, and the menu's focus effect runs before\n * the measured re-render, so the first entry silently kept no focus (measured in\n * Chrome; jsdom does not enforce it). Nothing is painted at the unmeasured\n * position anyway — the layout effect re-renders before the browser paints.\n *\n * @param options - Anchor, floating node, placement, and whether it is active.\n * @returns A `position: fixed` style for the layer, or `undefined` when disabled.\n */\nexport function useAnchorPosition({\n    anchor,\n    floating,\n    side,\n    align,\n    offset,\n    enabled,\n    matchWidth = false,\n}: AnchorPositionOptions): CSSProperties | undefined {\n    const [placement, setPlacement] = useState<MeasuredPlacement | null>(null);\n\n    useLayoutEffect(() => {\n        if (!enabled || !anchor || !floating) {\n            setPlacement(null);\n            return;\n        }\n        const update = (): void => {\n            const rect = anchor.getBoundingClientRect();\n            const width = matchWidth ? rect.width : undefined;\n            if (width !== undefined) floating.style.setProperty(\"width\", `${width}px`);\n            const position = computeAnchorPosition({\n                anchor: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n                width: floating.offsetWidth,\n                height: floating.offsetHeight,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n                side,\n                align,\n                offset,\n                margin: ANCHOR_VIEWPORT_MARGIN,\n            });\n            const next: MeasuredPlacement = { ...position, width };\n            setPlacement((current) =>\n                current &&\n                current.top === next.top &&\n                current.left === next.left &&\n                current.side === next.side &&\n                current.width === next.width\n                    ? current\n                    : next,\n            );\n        };\n        update();\n        let frame = 0;\n        const schedule = (): void => {\n            if (frame !== 0) return;\n            frame = requestAnimationFrame(() => {\n                frame = 0;\n                update();\n            });\n        };\n        window.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n        window.addEventListener(\"resize\", schedule);\n        const observer =\n            typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(schedule);\n        observer?.observe(floating);\n        observer?.observe(anchor);\n        return () => {\n            observer?.disconnect();\n            if (frame !== 0) cancelAnimationFrame(frame);\n            window.removeEventListener(\"scroll\", schedule, { capture: true });\n            window.removeEventListener(\"resize\", schedule);\n        };\n    }, [enabled, anchor, floating, side, align, offset, matchWidth]);\n\n    if (!enabled) return undefined;\n    return {\n        position: \"fixed\",\n        top: placement?.top ?? 0,\n        left: placement?.left ?? 0,\n        width: placement?.width,\n    };\n}\n"],"mappings":"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"}
+{"version":3,"file":"anchor-position.js","names":["OPPOSITE","clamp","min","value","max","mainAxis","geometry","side","anchor","offset","height","width","fits","start","size","limit","viewportHeight","viewportWidth","margin","crossAxis","align","length","computeAnchorPosition","requested","flipped","vertical","main","top","left","useAnchorPosition","placement","setPlacement","useState","useLayoutEffect","enabled","floating","update","rect","matchWidth","next","current","frame","schedule","observer"],"sources":["../../../src/components/Portal/anchor-position.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\n\n/** Side of the anchor a floating layer is placed on. */\nexport type AnchorSide = \"top\" | \"bottom\" | \"left\" | \"right\";\n\n/** Alignment of the floating layer along the anchor's edge. */\nexport type AnchorAlign = \"start\" | \"center\" | \"end\";\n\n/** The viewport-relative box a placement is computed from. */\nexport interface AnchorRect {\n    top: number;\n    left: number;\n    width: number;\n    height: number;\n}\n\n/** Everything {@link computeAnchorPosition} needs, all in CSS pixels. */\nexport interface AnchorGeometry {\n    anchor: AnchorRect;\n    width: number;\n    height: number;\n    viewportWidth: number;\n    viewportHeight: number;\n    side: AnchorSide;\n    align: AnchorAlign;\n    offset: number;\n    margin: number;\n}\n\n/** A resolved placement: viewport coordinates plus the side actually used. */\nexport interface AnchorPlacement {\n    top: number;\n    left: number;\n    side: AnchorSide;\n}\n\n/** What {@link useAnchorPosition} keeps between measurements. */\ninterface MeasuredPlacement extends AnchorPlacement {\n    /** The anchor's width, when the layer matches it. */\n    width: number | undefined;\n}\n\nconst OPPOSITE: Record<AnchorSide, AnchorSide> = {\n    top: \"bottom\",\n    bottom: \"top\",\n    left: \"right\",\n    right: \"left\",\n};\n\n/** Distance kept between a floating layer and the viewport edge, in px. */\nexport const ANCHOR_VIEWPORT_MARGIN = 8;\n\nfunction clamp(value: number, min: number, max: number): number {\n    return Math.max(min, Math.min(value, Math.max(min, max)));\n}\n\nfunction mainAxis(geometry: AnchorGeometry, side: AnchorSide): number {\n    const { anchor, width, height, offset } = geometry;\n    switch (side) {\n        case \"top\":\n            return anchor.top - offset - height;\n        case \"bottom\":\n            return anchor.top + anchor.height + offset;\n        case \"left\":\n            return anchor.left - offset - width;\n        case \"right\":\n        default:\n            return anchor.left + anchor.width + offset;\n    }\n}\n\nfunction fits(geometry: AnchorGeometry, side: AnchorSide): boolean {\n    const { width, height, viewportWidth, viewportHeight, margin } = geometry;\n    const start = mainAxis(geometry, side);\n    const size = side === \"top\" || side === \"bottom\" ? height : width;\n    const limit = side === \"top\" || side === \"bottom\" ? viewportHeight : viewportWidth;\n    return start >= margin && start + size <= limit - margin;\n}\n\nfunction crossAxis(start: number, length: number, size: number, align: AnchorAlign): number {\n    if (align === \"start\") return start;\n    if (align === \"end\") return start + length - size;\n    return start + (length - size) / 2;\n}\n\n/**\n * Place a floating layer next to its anchor, inside the viewport.\n *\n * The requested side wins when the layer fits there. When it does not and the\n * opposite side does, the layer flips — the case that matters is the action menu\n * of the last row of a table near the bottom of the screen, which would otherwise\n * open below the fold. When neither side fits, the requested one is kept and the\n * layer is clamped, because a partially visible menu the user can scroll to beats\n * one that jumps sides depending on a pixel.\n *\n * Both axes are then clamped to the viewport minus `margin`.\n *\n * @param geometry - The anchor box, the floating layer's size, the viewport, and\n * the requested placement.\n * @returns The viewport coordinates for a `position: fixed` layer, and the side\n * that was used after flipping.\n */\nexport function computeAnchorPosition(geometry: AnchorGeometry): AnchorPlacement {\n    const { anchor, width, height, viewportWidth, viewportHeight, align, margin } = geometry;\n    const requested = geometry.side;\n    const flipped = OPPOSITE[requested];\n    const side = !fits(geometry, requested) && fits(geometry, flipped) ? flipped : requested;\n    const vertical = side === \"top\" || side === \"bottom\";\n    const main = mainAxis(geometry, side);\n    const top = vertical ? main : crossAxis(anchor.top, anchor.height, height, align);\n    const left = vertical ? crossAxis(anchor.left, anchor.width, width, align) : main;\n    return {\n        top: clamp(top, margin, viewportHeight - height - margin),\n        left: clamp(left, margin, viewportWidth - width - margin),\n        side,\n    };\n}\n\n/** Options of {@link useAnchorPosition}. */\nexport interface AnchorPositionOptions {\n    /** Element the layer is anchored to. */\n    anchor: HTMLElement | null;\n    /** The floating layer itself, once mounted. */\n    floating: HTMLElement | null;\n    side: AnchorSide;\n    align: AnchorAlign;\n    /** Gap between anchor and layer, in px. */\n    offset: number;\n    /** When false the hook does nothing and returns `undefined`. */\n    enabled: boolean;\n    /**\n     * Give the layer the anchor's width — a listbox under its input. Default\n     * `false`.\n     */\n    matchWidth?: boolean;\n}\n\n/**\n * Keep a portalled layer glued to its anchor.\n *\n * Takes the floating element as a value rather than a ref, because `Portal`\n * renders `null` on its first pass and mounts in an effect: a layout effect keyed\n * off `open` would run while the layer does not exist and measure nothing. With\n * the node held in state (a callback ref), the effect runs on the render that has\n * it, and `useLayoutEffect` settles the position before the first paint.\n *\n * The size comes from `offsetWidth`/`offsetHeight`, not from\n * `getBoundingClientRect`, which reports the transformed box — the layers enter\n * with a `translate`/`scale` animation, and the transformed rect would place them\n * a few pixels off. The anchor's rect is the right one to read: it is where the\n * trigger is painted.\n *\n * Scroll (captured, so a scrolling table wrapper counts) and resize reposition the\n * layer on the next animation frame, so a menu open inside a table that scrolls\n * follows its row instead of floating where the row used to be. So does a change\n * in the size of either box, through a `ResizeObserver`: a combobox list flipped\n * above its input shrinks as the user types, and a multi-select field grows a\n * line as chips are added — without the observer the list would keep its old\n * top and float away from the field, or cover it.\n *\n * With `matchWidth` the anchor's width is written to the layer **before** its\n * height is read, so the height is measured at the width it will be painted at —\n * a list whose options wrap at the narrower width is taller.\n *\n * The unmeasured first pass is **not** hidden with `visibility: hidden`: an\n * element under it cannot take focus, and the menu's focus effect runs before\n * the measured re-render, so the first entry silently kept no focus (measured in\n * Chrome; jsdom does not enforce it). Nothing is painted at the unmeasured\n * position anyway — the layout effect re-renders before the browser paints.\n *\n * @param options - Anchor, floating node, placement, and whether it is active.\n * @returns A `position: fixed` style for the layer, or `undefined` when disabled.\n */\nexport function useAnchorPosition({\n    anchor,\n    floating,\n    side,\n    align,\n    offset,\n    enabled,\n    matchWidth = false,\n}: AnchorPositionOptions): CSSProperties | undefined {\n    const [placement, setPlacement] = useState<MeasuredPlacement | null>(null);\n\n    useLayoutEffect(() => {\n        if (!enabled || !anchor || !floating) {\n            setPlacement(null);\n            return;\n        }\n        const update = (): void => {\n            const rect = anchor.getBoundingClientRect();\n            const width = matchWidth ? rect.width : undefined;\n            if (width !== undefined) floating.style.setProperty(\"width\", `${width}px`);\n            const position = computeAnchorPosition({\n                anchor: { top: rect.top, left: rect.left, width: rect.width, height: rect.height },\n                width: floating.offsetWidth,\n                height: floating.offsetHeight,\n                viewportWidth: window.innerWidth,\n                viewportHeight: window.innerHeight,\n                side,\n                align,\n                offset,\n                margin: ANCHOR_VIEWPORT_MARGIN,\n            });\n            const next: MeasuredPlacement = { ...position, width };\n            setPlacement((current) =>\n                current &&\n                current.top === next.top &&\n                current.left === next.left &&\n                current.side === next.side &&\n                current.width === next.width\n                    ? current\n                    : next,\n            );\n        };\n        update();\n        let frame = 0;\n        const schedule = (): void => {\n            if (frame !== 0) return;\n            frame = requestAnimationFrame(() => {\n                frame = 0;\n                update();\n            });\n        };\n        window.addEventListener(\"scroll\", schedule, { capture: true, passive: true });\n        window.addEventListener(\"resize\", schedule);\n        const observer =\n            typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(schedule);\n        observer?.observe(floating);\n        observer?.observe(anchor);\n        return () => {\n            observer?.disconnect();\n            if (frame !== 0) cancelAnimationFrame(frame);\n            window.removeEventListener(\"scroll\", schedule, { capture: true });\n            window.removeEventListener(\"resize\", schedule);\n        };\n    }, [enabled, anchor, floating, side, align, offset, matchWidth]);\n\n    if (!enabled) return undefined;\n    return {\n        position: \"fixed\",\n        top: placement?.top ?? 0,\n        left: placement?.left ?? 0,\n        width: placement?.width,\n    };\n}\n"],"mappings":";;AA2CA,IAAMA,IAA2C;CAC7C,KAAK;CACL,QAAQ;CACR,MAAM;CACN,OAAO;AACX;AAKA,SAASC,EAAM,GAAe,GAAa,GAAqB;CAC5D,OAAO,KAAK,IAAIC,GAAK,KAAK,IAAIC,GAAO,KAAK,IAAID,GAAKE,CAAG,CAAC,CAAC;AAC5D;AAEA,SAASC,EAAS,GAA0B,GAA0B;CAClE,IAAM,EAAE,WAAQ,UAAO,WAAQ,cAAWC;CAC1C,QAAQC,GAAR;EACI,KAAK,OACD,OAAOC,EAAO,MAAMC,IAASC;EACjC,KAAK,UACD,OAAOF,EAAO,MAAMA,EAAO,SAASC;EACxC,KAAK,QACD,OAAOD,EAAO,OAAOC,IAASE;EAElC,SACI,OAAOH,EAAO,OAAOA,EAAO,QAAQC;CAC5C;AACJ;AAEA,SAASG,EAAK,GAA0B,GAA2B;CAC/D,IAAM,EAAE,UAAO,WAAQ,kBAAe,mBAAgB,cAAWN,GAC3DO,IAAQR,EAASC,GAAUC,CAAI,GAC/BO,IAAOP,MAAS,SAASA,MAAS,WAAWG,IAASC,GACtDI,IAAQR,MAAS,SAASA,MAAS,WAAWS,IAAiBC;CACrE,OAAOJ,KAASK,KAAUL,IAAQC,KAAQC,IAAQG;AACtD;AAEA,SAASC,EAAU,GAAe,GAAgB,GAAc,GAA4B;CAGxF,OAFIC,MAAU,UAAgBP,IAC1BO,MAAU,QAAcP,IAAQQ,IAASP,IACtCD,KAASQ,IAASP,KAAQ;AACrC;AAmBA,SAAgBQ,EAAsB,GAA2C;CAC7E,IAAM,EAAE,WAAQ,UAAO,WAAQ,kBAAe,mBAAgB,UAAO,cAAWhB,GAC1EiB,IAAYjB,EAAS,MACrBkB,IAAUxB,EAASuB,IACnBhB,IAAO,CAACK,EAAKN,GAAUiB,CAAS,KAAKX,EAAKN,GAAUkB,CAAO,IAAIA,IAAUD,GACzEE,IAAWlB,MAAS,SAASA,MAAS,UACtCmB,IAAOrB,EAASC,GAAUC,CAAI,GAC9BoB,IAAMF,IAAWC,IAAOP,EAAUX,EAAO,KAAKA,EAAO,QAAQE,GAAQU,CAAK,GAC1EQ,IAAOH,IAAWN,EAAUX,EAAO,MAAMA,EAAO,OAAOG,GAAOS,CAAK,IAAIM;CAC7E,OAAO;EACH,KAAKzB,EAAM0B,GAAKT,GAAQF,IAAiBN,IAASQ,CAAM;EACxD,MAAMjB,EAAM2B,GAAMV,GAAQD,IAAgBN,IAAQO,CAAM;EACxD;CACJ;AACJ;AAyDA,SAAgBW,EAAkB,EAC9B,WACA,aACA,SACA,UACA,WACA,YACA,gBAAa,MACoC;CACjD,IAAM,CAACC,GAAWC,KAAgBC,EAAmC,IAAI;CAwDzE,IAtDAC,QAAsB;EAClB,IAAI,CAACC,KAAW,CAAC1B,KAAU,CAAC2B,GAAU;GAClC,EAAa,IAAI;GACjB;EACJ;EACA,IAAMC,UAAqB;GACvB,IAAMC,IAAO7B,EAAO,sBAAsB,GACpCG,IAAQ2B,IAAaD,EAAK,QAAQ,KAAA;GACxC,AAAI1B,MAAU,KAAA,KAAWwB,EAAS,MAAM,YAAY,SAAS,GAAGxB,EAAM,GAAG;GAYzE,IAAM4B,IAA0B;IAAE,GAXjBjB,EAAsB;KACnC,QAAQ;MAAE,KAAKe,EAAK;MAAK,MAAMA,EAAK;MAAM,OAAOA,EAAK;MAAO,QAAQA,EAAK;KAAO;KACjF,OAAOF,EAAS;KAChB,QAAQA,EAAS;KACjB,eAAe,OAAO;KACtB,gBAAgB,OAAO;KACvB;KACA;KACA;KACA,QAAA;IACJ,CACqC;IAAU;GAAM;GACrD,GAAc,MACVK,KACAA,EAAQ,QAAQD,EAAK,OACrBC,EAAQ,SAASD,EAAK,QACtBC,EAAQ,SAASD,EAAK,QACtBC,EAAQ,UAAUD,EAAK,QACjBC,IACAD,CACV;EACJ;EACA,EAAO;EACP,IAAIE,IAAQ,GACNC,UAAuB;GACzB,AAAID,MAAU,MACd,IAAQ,4BAA4B;IAEhC,AADA,IAAQ,GACRL,EAAO;GACX,CAAC;EACL;EAEA,AADA,OAAO,iBAAiB,UAAUM,GAAU;GAAE,SAAS;GAAM,SAAS;EAAK,CAAC,GAC5E,OAAO,iBAAiB,UAAUA,CAAQ;EAC1C,IAAMC,IACF,OAAO,iBAAmB,MAAc,OAAO,IAAI,eAAeD,CAAQ;EAG9E,OAFAC,GAAU,QAAQR,CAAQ,GAC1BQ,GAAU,QAAQnC,CAAM,SACX;GAIT,AAHAmC,GAAU,WAAW,GACjBF,MAAU,KAAG,qBAAqBA,CAAK,GAC3C,OAAO,oBAAoB,UAAUC,GAAU,EAAE,SAAS,GAAK,CAAC,GAChE,OAAO,oBAAoB,UAAUA,CAAQ;EACjD;CACJ,GAAG;EAACR;EAAS1B;EAAQ2B;EAAU5B;EAAMa;EAAOX;EAAQ6B;CAAU,CAAC,GAE1DJ,GACL,OAAO;EACH,UAAU;EACV,KAAKJ,GAAW,OAAO;EACvB,MAAMA,GAAW,QAAQ;EACzB,OAAOA,GAAW;CACtB;AACJ"}

package/dist/components/Portal/escape-layer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"escape-layer.cjs","names":[],"sources":["../../../src/components/Portal/escape-layer.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\n/** One open layer that `Escape` can dismiss. */\ninterface EscapeLayer {\n    /** Latest dismiss callback; `null` makes the layer swallow the key without closing. */\n    current: (() => void) | null;\n    /** Position in the stack: higher is more recently opened, or deeper in the tree. */\n    order: number;\n}\n\nconst stack: EscapeLayer[] = [];\n\nlet sequence = 0;\n\n/**\n * The single `keydown` listener behind every layer.\n *\n * Dismisses only the top of the stack. Every overlay used to listen on `window`\n * and close on any `Escape`, so one key press closed everything open at once —\n * measured in Chrome, a `Modal` holding a `DropdownMenu`, `Combobox`,\n * `MultiSelect`, `Popover`, `ContextMenu`, editable `DataTable` cell or a second\n * `Modal` closed together with the inner layer in all seven cases, and a\n * `Drawer` closed with the `Popover` inside it.\n *\n * Two kinds of inner layer exist, and this covers both:\n *\n * - Layers that listen on `window` themselves can never see each other's\n *   events, so they register here and only the most recently opened one reacts.\n * - Layers that handle the key on their own element (a menu, a combobox input,\n *   an inline cell editor) run first — React's delegated listener sits below\n *   `window` — and call `preventDefault()`. A consumed key is left alone.\n *\n * A key pressed while an IME is composing belongs to the composition (it cancels\n * the candidate), so it is ignored too.\n *\n * @param event - The native keyboard event.\n * @returns Nothing.\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n    if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    const top = stack.at(-1);\n    if (!top) return;\n    event.preventDefault();\n    top.current?.();\n}\n\n/**\n * Register an overlay as an `Escape`-dismissable layer while it is open.\n *\n * Layers stack in the order they open, so the one opened last is dismissed\n * first, and a second `Escape` reaches the next one down. The callback is read\n * through a ref, so a new closure on every render does not move the layer in\n * the stack.\n *\n * Pass `null` as `onEscape` for a modal layer whose dismissal is turned off\n * (`closeOnEsc={false}`): it stays on the stack and swallows the key, instead of\n * letting it fall through and close the modal underneath.\n *\n * The position is taken when the layer **renders** open, not when its effect\n * runs. Effects run child-first, so a `Modal` that mounts already holding an open\n * inner `Modal` would register the inner one first and put the outer one on top —\n * `Escape` would close the wrong layer, or a locked inner modal would let the key\n * through to the outer one. Parents render before their children, so render\n * order is tree order within a commit and opening order across commits. A\n * discarded or doubled render (Strict Mode, concurrent rendering) only skips\n * numbers; the relative order stays.\n *\n * @param active - Whether the layer is currently open.\n * @param onEscape - What `Escape` does to this layer, or `null` to block only.\n * @returns Nothing.\n */\nexport function useEscapeLayer(active: boolean, onEscape: (() => void) | null): void {\n    const order = useMemo(() => (active ? ++sequence : 0), [active]);\n    const layer = useRef<EscapeLayer>({ current: onEscape, order });\n\n    useEffect(() => {\n        layer.current.current = onEscape;\n    }, [onEscape]);\n\n    useEffect(() => {\n        if (!active) return;\n        const entry = layer.current;\n        entry.order = order;\n        if (stack.length === 0) window.addEventListener(\"keydown\", handleKeyDown);\n        const index = stack.findIndex((other) => other.order > order);\n        stack.splice(index === -1 ? stack.length : index, 0, entry);\n        return () => {\n            const index = stack.lastIndexOf(entry);\n            if (index !== -1) stack.splice(index, 1);\n            if (stack.length === 0) window.removeEventListener(\"keydown\", handleKeyDown);\n        };\n    }, [active, order]);\n}\n"],"mappings":"uBAUA,IAAM,EAAuB,CAAC,EAE1B,EAAW,EA0Bf,SAAS,EAAc,EAA4B,CAC/C,GAAI,EAAM,MAAQ,UAAY,EAAM,kBAAoB,EAAM,YAAa,OAC3E,IAAM,EAAM,EAAM,GAAG,EAAE,EAClB,IACL,EAAM,eAAe,EACrB,EAAI,UAAU,EAClB,CA2BA,SAAgB,EAAe,EAAiB,EAAqC,CACjF,IAAM,GAAA,EAAQ,EAAA,QAAA,KAAe,EAAS,EAAE,EAAW,EAAI,CAAC,CAAM,CAAC,EACzD,GAAA,EAAQ,EAAA,OAAA,CAAoB,CAAE,QAAS,EAAU,OAAM,CAAC,GAE9D,EAAA,EAAA,UAAA,KAAgB,CACZ,EAAM,QAAQ,QAAU,CAC5B,EAAG,CAAC,CAAQ,CAAC,GAEb,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,EAAQ,OACb,IAAM,EAAQ,EAAM,QACpB,EAAM,MAAQ,EACV,EAAM,SAAW,GAAG,OAAO,iBAAiB,UAAW,CAAa,EACxE,IAAM,EAAQ,EAAM,UAAW,GAAU,EAAM,MAAQ,CAAK,EAE5D,OADA,EAAM,OAAO,IAAU,GAAK,EAAM,OAAS,EAAO,EAAG,CAAK,MAC7C,CACT,IAAM,EAAQ,EAAM,YAAY,CAAK,EACjC,IAAU,IAAI,EAAM,OAAO,EAAO,CAAC,EACnC,EAAM,SAAW,GAAG,OAAO,oBAAoB,UAAW,CAAa,CAC/E,CACJ,EAAG,CAAC,EAAQ,CAAK,CAAC,CACtB"}
+{"version":3,"file":"escape-layer.cjs","names":["useMemo","useRef","react","stack","sequence","handleKeyDown","event","top","useEscapeLayer","order","active","layer","onEscape","entry","index","other"],"sources":["../../../src/components/Portal/escape-layer.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\n/** One open layer that `Escape` can dismiss. */\ninterface EscapeLayer {\n    /** Latest dismiss callback; `null` makes the layer swallow the key without closing. */\n    current: (() => void) | null;\n    /** Position in the stack: higher is more recently opened, or deeper in the tree. */\n    order: number;\n}\n\nconst stack: EscapeLayer[] = [];\n\nlet sequence = 0;\n\n/**\n * The single `keydown` listener behind every layer.\n *\n * Dismisses only the top of the stack. Every overlay used to listen on `window`\n * and close on any `Escape`, so one key press closed everything open at once —\n * measured in Chrome, a `Modal` holding a `DropdownMenu`, `Combobox`,\n * `MultiSelect`, `Popover`, `ContextMenu`, editable `DataTable` cell or a second\n * `Modal` closed together with the inner layer in all seven cases, and a\n * `Drawer` closed with the `Popover` inside it.\n *\n * Two kinds of inner layer exist, and this covers both:\n *\n * - Layers that listen on `window` themselves can never see each other's\n *   events, so they register here and only the most recently opened one reacts.\n * - Layers that handle the key on their own element (a menu, a combobox input,\n *   an inline cell editor) run first — React's delegated listener sits below\n *   `window` — and call `preventDefault()`. A consumed key is left alone.\n *\n * A key pressed while an IME is composing belongs to the composition (it cancels\n * the candidate), so it is ignored too.\n *\n * @param event - The native keyboard event.\n * @returns Nothing.\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n    if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    const top = stack.at(-1);\n    if (!top) return;\n    event.preventDefault();\n    top.current?.();\n}\n\n/**\n * Register an overlay as an `Escape`-dismissable layer while it is open.\n *\n * Layers stack in the order they open, so the one opened last is dismissed\n * first, and a second `Escape` reaches the next one down. The callback is read\n * through a ref, so a new closure on every render does not move the layer in\n * the stack.\n *\n * Pass `null` as `onEscape` for a modal layer whose dismissal is turned off\n * (`closeOnEsc={false}`): it stays on the stack and swallows the key, instead of\n * letting it fall through and close the modal underneath.\n *\n * The position is taken when the layer **renders** open, not when its effect\n * runs. Effects run child-first, so a `Modal` that mounts already holding an open\n * inner `Modal` would register the inner one first and put the outer one on top —\n * `Escape` would close the wrong layer, or a locked inner modal would let the key\n * through to the outer one. Parents render before their children, so render\n * order is tree order within a commit and opening order across commits. A\n * discarded or doubled render (Strict Mode, concurrent rendering) only skips\n * numbers; the relative order stays.\n *\n * @param active - Whether the layer is currently open.\n * @param onEscape - What `Escape` does to this layer, or `null` to block only.\n * @returns Nothing.\n */\nexport function useEscapeLayer(active: boolean, onEscape: (() => void) | null): void {\n    const order = useMemo(() => (active ? ++sequence : 0), [active]);\n    const layer = useRef<EscapeLayer>({ current: onEscape, order });\n\n    useEffect(() => {\n        layer.current.current = onEscape;\n    }, [onEscape]);\n\n    useEffect(() => {\n        if (!active) return;\n        const entry = layer.current;\n        entry.order = order;\n        if (stack.length === 0) window.addEventListener(\"keydown\", handleKeyDown);\n        const index = stack.findIndex((other) => other.order > order);\n        stack.splice(index === -1 ? stack.length : index, 0, entry);\n        return () => {\n            const index = stack.lastIndexOf(entry);\n            if (index !== -1) stack.splice(index, 1);\n            if (stack.length === 0) window.removeEventListener(\"keydown\", handleKeyDown);\n        };\n    }, [active, order]);\n}\n"],"mappings":"A,uBAUA,IAAMG,EAAuB,CAAC,EAE1BC,EAAW,EA0Bf,SAASC,EAAc,EAA4B,CAC/C,GAAIC,EAAM,MAAQ,UAAYA,EAAM,kBAAoBA,EAAM,YAAa,OAC3E,IAAMC,EAAMJ,EAAM,GAAG,EAAE,EAClBI,IACLD,EAAM,eAAe,EACrBC,EAAI,UAAU,EAClB,CA2BA,SAAgBC,EAAe,EAAiB,EAAqC,CACjF,IAAMC,GAAA,EAAQT,EAAAA,QAAAA,KAAeU,EAAS,EAAEN,EAAW,EAAI,CAACM,CAAM,CAAC,EACzDC,GAAA,EAAQV,EAAAA,OAAAA,CAAoB,CAAE,QAASW,EAAU,OAAM,CAAC,GAE9D,EAAAV,EAAA,UAAA,KAAgB,CACZ,EAAM,QAAQ,QAAUU,CAC5B,EAAG,CAACA,CAAQ,CAAC,GAEb,EAAAV,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACQ,EAAQ,OACb,IAAMG,EAAQF,EAAM,QACpB,EAAM,MAAQF,EACVN,EAAM,SAAW,GAAG,OAAO,iBAAiB,UAAWE,CAAa,EACxE,IAAMS,EAAQX,EAAM,UAAW,GAAUY,EAAM,MAAQN,CAAK,EAE5D,OADAN,EAAM,OAAOW,IAAU,GAAKX,EAAM,OAASW,EAAO,EAAGD,CAAK,MAC7C,CACT,IAAMC,EAAQX,EAAM,YAAYU,CAAK,EACjCC,IAAU,IAAIX,EAAM,OAAOW,EAAO,CAAC,EACnCX,EAAM,SAAW,GAAG,OAAO,oBAAoB,UAAWE,CAAa,CAC/E,CACJ,EAAG,CAACK,EAAQD,CAAK,CAAC,CACtB,C"}

package/dist/components/Portal/escape-layer.js.map

@@ -1 +1 @@
-{"version":3,"file":"escape-layer.js","names":[],"sources":["../../../src/components/Portal/escape-layer.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\n/** One open layer that `Escape` can dismiss. */\ninterface EscapeLayer {\n    /** Latest dismiss callback; `null` makes the layer swallow the key without closing. */\n    current: (() => void) | null;\n    /** Position in the stack: higher is more recently opened, or deeper in the tree. */\n    order: number;\n}\n\nconst stack: EscapeLayer[] = [];\n\nlet sequence = 0;\n\n/**\n * The single `keydown` listener behind every layer.\n *\n * Dismisses only the top of the stack. Every overlay used to listen on `window`\n * and close on any `Escape`, so one key press closed everything open at once —\n * measured in Chrome, a `Modal` holding a `DropdownMenu`, `Combobox`,\n * `MultiSelect`, `Popover`, `ContextMenu`, editable `DataTable` cell or a second\n * `Modal` closed together with the inner layer in all seven cases, and a\n * `Drawer` closed with the `Popover` inside it.\n *\n * Two kinds of inner layer exist, and this covers both:\n *\n * - Layers that listen on `window` themselves can never see each other's\n *   events, so they register here and only the most recently opened one reacts.\n * - Layers that handle the key on their own element (a menu, a combobox input,\n *   an inline cell editor) run first — React's delegated listener sits below\n *   `window` — and call `preventDefault()`. A consumed key is left alone.\n *\n * A key pressed while an IME is composing belongs to the composition (it cancels\n * the candidate), so it is ignored too.\n *\n * @param event - The native keyboard event.\n * @returns Nothing.\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n    if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    const top = stack.at(-1);\n    if (!top) return;\n    event.preventDefault();\n    top.current?.();\n}\n\n/**\n * Register an overlay as an `Escape`-dismissable layer while it is open.\n *\n * Layers stack in the order they open, so the one opened last is dismissed\n * first, and a second `Escape` reaches the next one down. The callback is read\n * through a ref, so a new closure on every render does not move the layer in\n * the stack.\n *\n * Pass `null` as `onEscape` for a modal layer whose dismissal is turned off\n * (`closeOnEsc={false}`): it stays on the stack and swallows the key, instead of\n * letting it fall through and close the modal underneath.\n *\n * The position is taken when the layer **renders** open, not when its effect\n * runs. Effects run child-first, so a `Modal` that mounts already holding an open\n * inner `Modal` would register the inner one first and put the outer one on top —\n * `Escape` would close the wrong layer, or a locked inner modal would let the key\n * through to the outer one. Parents render before their children, so render\n * order is tree order within a commit and opening order across commits. A\n * discarded or doubled render (Strict Mode, concurrent rendering) only skips\n * numbers; the relative order stays.\n *\n * @param active - Whether the layer is currently open.\n * @param onEscape - What `Escape` does to this layer, or `null` to block only.\n * @returns Nothing.\n */\nexport function useEscapeLayer(active: boolean, onEscape: (() => void) | null): void {\n    const order = useMemo(() => (active ? ++sequence : 0), [active]);\n    const layer = useRef<EscapeLayer>({ current: onEscape, order });\n\n    useEffect(() => {\n        layer.current.current = onEscape;\n    }, [onEscape]);\n\n    useEffect(() => {\n        if (!active) return;\n        const entry = layer.current;\n        entry.order = order;\n        if (stack.length === 0) window.addEventListener(\"keydown\", handleKeyDown);\n        const index = stack.findIndex((other) => other.order > order);\n        stack.splice(index === -1 ? stack.length : index, 0, entry);\n        return () => {\n            const index = stack.lastIndexOf(entry);\n            if (index !== -1) stack.splice(index, 1);\n            if (stack.length === 0) window.removeEventListener(\"keydown\", handleKeyDown);\n        };\n    }, [active, order]);\n}\n"],"mappings":";;AAUA,IAAM,IAAuB,CAAC,GAE1B,IAAW;AA0Bf,SAAS,EAAc,GAA4B;CAC/C,IAAI,EAAM,QAAQ,YAAY,EAAM,oBAAoB,EAAM,aAAa;CAC3E,IAAM,IAAM,EAAM,GAAG,EAAE;CAClB,MACL,EAAM,eAAe,GACrB,EAAI,UAAU;AAClB;AA2BA,SAAgB,EAAe,GAAiB,GAAqC;CACjF,IAAM,IAAQ,QAAe,IAAS,EAAE,IAAW,GAAI,CAAC,CAAM,CAAC,GACzD,IAAQ,EAAoB;EAAE,SAAS;EAAU;CAAM,CAAC;CAM9D,AAJA,QAAgB;EACZ,EAAM,QAAQ,UAAU;CAC5B,GAAG,CAAC,CAAQ,CAAC,GAEb,QAAgB;EACZ,IAAI,CAAC,GAAQ;EACb,IAAM,IAAQ,EAAM;EAEpB,AADA,EAAM,QAAQ,GACV,EAAM,WAAW,KAAG,OAAO,iBAAiB,WAAW,CAAa;EACxE,IAAM,IAAQ,EAAM,WAAW,MAAU,EAAM,QAAQ,CAAK;EAE5D,OADA,EAAM,OAAO,MAAU,KAAK,EAAM,SAAS,GAAO,GAAG,CAAK,SAC7C;GACT,IAAM,IAAQ,EAAM,YAAY,CAAK;GAErC,AADI,MAAU,MAAI,EAAM,OAAO,GAAO,CAAC,GACnC,EAAM,WAAW,KAAG,OAAO,oBAAoB,WAAW,CAAa;EAC/E;CACJ,GAAG,CAAC,GAAQ,CAAK,CAAC;AACtB"}
+{"version":3,"file":"escape-layer.js","names":["stack","sequence","handleKeyDown","event","top","useEscapeLayer","order","useMemo","active","layer","useRef","onEscape","useEffect","entry","index","other"],"sources":["../../../src/components/Portal/escape-layer.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from \"react\";\n\n/** One open layer that `Escape` can dismiss. */\ninterface EscapeLayer {\n    /** Latest dismiss callback; `null` makes the layer swallow the key without closing. */\n    current: (() => void) | null;\n    /** Position in the stack: higher is more recently opened, or deeper in the tree. */\n    order: number;\n}\n\nconst stack: EscapeLayer[] = [];\n\nlet sequence = 0;\n\n/**\n * The single `keydown` listener behind every layer.\n *\n * Dismisses only the top of the stack. Every overlay used to listen on `window`\n * and close on any `Escape`, so one key press closed everything open at once —\n * measured in Chrome, a `Modal` holding a `DropdownMenu`, `Combobox`,\n * `MultiSelect`, `Popover`, `ContextMenu`, editable `DataTable` cell or a second\n * `Modal` closed together with the inner layer in all seven cases, and a\n * `Drawer` closed with the `Popover` inside it.\n *\n * Two kinds of inner layer exist, and this covers both:\n *\n * - Layers that listen on `window` themselves can never see each other's\n *   events, so they register here and only the most recently opened one reacts.\n * - Layers that handle the key on their own element (a menu, a combobox input,\n *   an inline cell editor) run first — React's delegated listener sits below\n *   `window` — and call `preventDefault()`. A consumed key is left alone.\n *\n * A key pressed while an IME is composing belongs to the composition (it cancels\n * the candidate), so it is ignored too.\n *\n * @param event - The native keyboard event.\n * @returns Nothing.\n */\nfunction handleKeyDown(event: KeyboardEvent): void {\n    if (event.key !== \"Escape\" || event.defaultPrevented || event.isComposing) return;\n    const top = stack.at(-1);\n    if (!top) return;\n    event.preventDefault();\n    top.current?.();\n}\n\n/**\n * Register an overlay as an `Escape`-dismissable layer while it is open.\n *\n * Layers stack in the order they open, so the one opened last is dismissed\n * first, and a second `Escape` reaches the next one down. The callback is read\n * through a ref, so a new closure on every render does not move the layer in\n * the stack.\n *\n * Pass `null` as `onEscape` for a modal layer whose dismissal is turned off\n * (`closeOnEsc={false}`): it stays on the stack and swallows the key, instead of\n * letting it fall through and close the modal underneath.\n *\n * The position is taken when the layer **renders** open, not when its effect\n * runs. Effects run child-first, so a `Modal` that mounts already holding an open\n * inner `Modal` would register the inner one first and put the outer one on top —\n * `Escape` would close the wrong layer, or a locked inner modal would let the key\n * through to the outer one. Parents render before their children, so render\n * order is tree order within a commit and opening order across commits. A\n * discarded or doubled render (Strict Mode, concurrent rendering) only skips\n * numbers; the relative order stays.\n *\n * @param active - Whether the layer is currently open.\n * @param onEscape - What `Escape` does to this layer, or `null` to block only.\n * @returns Nothing.\n */\nexport function useEscapeLayer(active: boolean, onEscape: (() => void) | null): void {\n    const order = useMemo(() => (active ? ++sequence : 0), [active]);\n    const layer = useRef<EscapeLayer>({ current: onEscape, order });\n\n    useEffect(() => {\n        layer.current.current = onEscape;\n    }, [onEscape]);\n\n    useEffect(() => {\n        if (!active) return;\n        const entry = layer.current;\n        entry.order = order;\n        if (stack.length === 0) window.addEventListener(\"keydown\", handleKeyDown);\n        const index = stack.findIndex((other) => other.order > order);\n        stack.splice(index === -1 ? stack.length : index, 0, entry);\n        return () => {\n            const index = stack.lastIndexOf(entry);\n            if (index !== -1) stack.splice(index, 1);\n            if (stack.length === 0) window.removeEventListener(\"keydown\", handleKeyDown);\n        };\n    }, [active, order]);\n}\n"],"mappings":";;AAUA,IAAMA,IAAuB,CAAC,GAE1BC,IAAW;AA0Bf,SAASC,EAAc,GAA4B;CAC/C,IAAIC,EAAM,QAAQ,YAAYA,EAAM,oBAAoBA,EAAM,aAAa;CAC3E,IAAMC,IAAMJ,EAAM,GAAG,EAAE;CACvB,AAAKI,MACLD,EAAM,eAAe,GACrBC,EAAI,UAAU;AAClB;AA2BA,SAAgBC,EAAe,GAAiB,GAAqC;CACjF,IAAMC,IAAQC,QAAeC,IAAS,EAAEP,IAAW,GAAI,CAACO,CAAM,CAAC,GACzDC,IAAQC,EAAoB;EAAE,SAASC;EAAU;CAAM,CAAC;CAM9D,AAJAC,QAAgB;EACZ,EAAM,QAAQ,UAAUD;CAC5B,GAAG,CAACA,CAAQ,CAAC,GAEbC,QAAgB;EACZ,IAAI,CAACJ,GAAQ;EACb,IAAMK,IAAQJ,EAAM;EAEpB,AADA,EAAM,QAAQH,GACVN,EAAM,WAAW,KAAG,OAAO,iBAAiB,WAAWE,CAAa;EACxE,IAAMY,IAAQd,EAAM,WAAW,MAAUe,EAAM,QAAQT,CAAK;EAE5D,OADAN,EAAM,OAAOc,MAAU,KAAKd,EAAM,SAASc,GAAO,GAAGD,CAAK,SAC7C;GACT,IAAMC,IAAQd,EAAM,YAAYa,CAAK;GAErC,AADIC,MAAU,MAAId,EAAM,OAAOc,GAAO,CAAC,GACnCd,EAAM,WAAW,KAAG,OAAO,oBAAoB,WAAWE,CAAa;EAC/E;CACJ,GAAG,CAACM,GAAQF,CAAK,CAAC;AACtB"}

package/dist/components/Portal/portal-host.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"portal-host.cjs","names":[],"sources":["../../../src/components/Portal/portal-host.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useFullscreenElement } from \"@/hooks/use-fullscreen-element\";\n\n/**\n * The element a portal should render into.\n *\n * `document.body` is the obvious answer and the wrong one while the page is in\n * fullscreen: the browser paints only the subtree of the fullscreen element, and\n * `body` is outside it. An overlay portalled there exists in the DOM, has a\n * measured box, and is neither visible nor clickable — `elementFromPoint` at its\n * centre returns whatever sits behind it. Nothing throws and nothing logs, so the\n * app is left holding a dialog nobody can see.\n *\n * The fullscreen element can appear and disappear while a portal is mounted, so\n * the host is state rather than a one-time read. That subscription — the two\n * events, standard and WebKit-prefixed — lives in `useFullscreenElement`, because\n * `useFullscreen` needs the identical fact to answer a different question; this\n * module only asks it where to mount.\n */\n\n/**\n * Resolve where a portal should mount, following fullscreen changes.\n *\n * The first value is resolved during render rather than in an effect, so an\n * overlay that opens still mounts in the same commit it used to — the\n * subscription only follows changes from there.\n *\n * @returns The fullscreen element while one is presented, otherwise\n * `document.body`; `null` in any environment without a `document`.\n */\nexport function usePortalHost(): Element | null {\n    const fullscreen = useFullscreenElement();\n    const [body] = useState<HTMLElement | null>(() =>\n        typeof document === \"undefined\" ? null : document.body,\n    );\n\n    return fullscreen ?? body;\n}\n"],"mappings":"iFA8BA,SAAgB,GAAgC,CAC5C,IAAM,EAAa,EAAA,qBAAqB,EAClC,CAAC,IAAA,EAAQ,EAAA,SAAA,KACX,OAAO,SAAa,IAAc,KAAO,SAAS,IACtD,EAEA,OAAO,GAAc,CACzB"}
+{"version":3,"file":"portal-host.cjs","names":["useFullscreenElement","useState","require_use_fullscreen_element","react","usePortalHost","fullscreen","body"],"sources":["../../../src/components/Portal/portal-host.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useFullscreenElement } from \"@/hooks/use-fullscreen-element\";\n\n/**\n * The element a portal should render into.\n *\n * `document.body` is the obvious answer and the wrong one while the page is in\n * fullscreen: the browser paints only the subtree of the fullscreen element, and\n * `body` is outside it. An overlay portalled there exists in the DOM, has a\n * measured box, and is neither visible nor clickable — `elementFromPoint` at its\n * centre returns whatever sits behind it. Nothing throws and nothing logs, so the\n * app is left holding a dialog nobody can see.\n *\n * The fullscreen element can appear and disappear while a portal is mounted, so\n * the host is state rather than a one-time read. That subscription — the two\n * events, standard and WebKit-prefixed — lives in `useFullscreenElement`, because\n * `useFullscreen` needs the identical fact to answer a different question; this\n * module only asks it where to mount.\n */\n\n/**\n * Resolve where a portal should mount, following fullscreen changes.\n *\n * The first value is resolved during render rather than in an effect, so an\n * overlay that opens still mounts in the same commit it used to — the\n * subscription only follows changes from there.\n *\n * @returns The fullscreen element while one is presented, otherwise\n * `document.body`; `null` in any environment without a `document`.\n */\nexport function usePortalHost(): Element | null {\n    const fullscreen = useFullscreenElement();\n    const [body] = useState<HTMLElement | null>(() =>\n        typeof document === \"undefined\" ? null : document.body,\n    );\n\n    return fullscreen ?? body;\n}\n"],"mappings":"A,iFA8BA,SAAgBI,GAAgC,CAC5C,IAAMC,EAAaL,EAAAA,qBAAqB,EAClC,CAACM,IAAA,EAAQL,EAAAA,SAAAA,KACX,OAAO,SAAa,IAAc,KAAO,SAAS,IACtD,EAEA,OAAOI,GAAcC,CACzB,C"}

package/dist/components/Portal/portal-host.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal-host.js","names":[],"sources":["../../../src/components/Portal/portal-host.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useFullscreenElement } from \"@/hooks/use-fullscreen-element\";\n\n/**\n * The element a portal should render into.\n *\n * `document.body` is the obvious answer and the wrong one while the page is in\n * fullscreen: the browser paints only the subtree of the fullscreen element, and\n * `body` is outside it. An overlay portalled there exists in the DOM, has a\n * measured box, and is neither visible nor clickable — `elementFromPoint` at its\n * centre returns whatever sits behind it. Nothing throws and nothing logs, so the\n * app is left holding a dialog nobody can see.\n *\n * The fullscreen element can appear and disappear while a portal is mounted, so\n * the host is state rather than a one-time read. That subscription — the two\n * events, standard and WebKit-prefixed — lives in `useFullscreenElement`, because\n * `useFullscreen` needs the identical fact to answer a different question; this\n * module only asks it where to mount.\n */\n\n/**\n * Resolve where a portal should mount, following fullscreen changes.\n *\n * The first value is resolved during render rather than in an effect, so an\n * overlay that opens still mounts in the same commit it used to — the\n * subscription only follows changes from there.\n *\n * @returns The fullscreen element while one is presented, otherwise\n * `document.body`; `null` in any environment without a `document`.\n */\nexport function usePortalHost(): Element | null {\n    const fullscreen = useFullscreenElement();\n    const [body] = useState<HTMLElement | null>(() =>\n        typeof document === \"undefined\" ? null : document.body,\n    );\n\n    return fullscreen ?? body;\n}\n"],"mappings":";;;AA8BA,SAAgB,IAAgC;CAC5C,IAAM,IAAa,EAAqB,GAClC,CAAC,KAAQ,QACX,OAAO,WAAa,MAAc,OAAO,SAAS,IACtD;CAEA,OAAO,KAAc;AACzB"}
+{"version":3,"file":"portal-host.js","names":["usePortalHost","fullscreen","useFullscreenElement","body","useState"],"sources":["../../../src/components/Portal/portal-host.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { useFullscreenElement } from \"@/hooks/use-fullscreen-element\";\n\n/**\n * The element a portal should render into.\n *\n * `document.body` is the obvious answer and the wrong one while the page is in\n * fullscreen: the browser paints only the subtree of the fullscreen element, and\n * `body` is outside it. An overlay portalled there exists in the DOM, has a\n * measured box, and is neither visible nor clickable — `elementFromPoint` at its\n * centre returns whatever sits behind it. Nothing throws and nothing logs, so the\n * app is left holding a dialog nobody can see.\n *\n * The fullscreen element can appear and disappear while a portal is mounted, so\n * the host is state rather than a one-time read. That subscription — the two\n * events, standard and WebKit-prefixed — lives in `useFullscreenElement`, because\n * `useFullscreen` needs the identical fact to answer a different question; this\n * module only asks it where to mount.\n */\n\n/**\n * Resolve where a portal should mount, following fullscreen changes.\n *\n * The first value is resolved during render rather than in an effect, so an\n * overlay that opens still mounts in the same commit it used to — the\n * subscription only follows changes from there.\n *\n * @returns The fullscreen element while one is presented, otherwise\n * `document.body`; `null` in any environment without a `document`.\n */\nexport function usePortalHost(): Element | null {\n    const fullscreen = useFullscreenElement();\n    const [body] = useState<HTMLElement | null>(() =>\n        typeof document === \"undefined\" ? null : document.body,\n    );\n\n    return fullscreen ?? body;\n}\n"],"mappings":";;;AA8BA,SAAgBA,IAAgC;CAC5C,IAAMC,IAAaC,EAAqB,GAClC,CAACC,KAAQC,QACX,OAAO,WAAa,MAAc,OAAO,SAAS,IACtD;CAEA,OAAOH,KAAcE;AACzB"}

package/dist/components/Portal/tab-bridge.cjs

@@ -1,2 +1,2 @@
-const e=require("../../hooks/tab-sequence.cjs");let t=require("react");function n({enabled:n,anchor:r,panel:i}){(0,t.useEffect)(()=>{if(!n||!r||!i)return;let t=(e,t)=>{t&&(e.preventDefault(),t.focus())},a=n=>{if(n.key!==`Tab`||n.defaultPrevented)return;let a=e.tabbables(i);if(a.length===0)return;let o=document.activeElement;if(!o)return;let s=e.tabbables(document).filter(e=>!i.contains(e)),c=s.filter(e=>r.contains(e)).at(-1),l=c?s[s.indexOf(c)+1]:void 0;if(i.contains(o)){!n.shiftKey&&o===a.at(-1)&&t(n,l),n.shiftKey&&o===a[0]&&t(n,c);return}!n.shiftKey&&o===c&&t(n,a[0]),n.shiftKey&&l&&o===l&&t(n,a.at(-1))},o=e.registerPortalLayer({anchor:r,panel:i});return document.addEventListener(`keydown`,a,!0),()=>{o(),document.removeEventListener(`keydown`,a,!0)}},[n,r,i])}exports.usePortalTabOrder=n;
+const e=require("../../hooks/tab-sequence.cjs");let t=require("react");function n({enabled:n,anchor:r,panel:i}){(0,t.useEffect)(()=>{if(!n||!r||!i)return;let t=(e,t)=>{t&&(e.preventDefault(),t.focus())},a=n=>{if(n.key!==`Tab`||n.defaultPrevented)return;let a=e.tabbables(i);if(a.length===0)return;let o=document.activeElement;if(!o)return;let s=e.tabbables(document).filter(e=>!i.contains(e)),c=s.filter(e=>r.contains(e)).at(-1),l=c?s[s.indexOf(c)+1]:void 0;i.contains(o)?(!n.shiftKey&&o===a.at(-1)&&t(n,l),n.shiftKey&&o===a[0]&&t(n,c)):(!n.shiftKey&&o===c&&t(n,a[0]),n.shiftKey&&l&&o===l&&t(n,a.at(-1)))},o=e.registerPortalLayer({anchor:r,panel:i});return document.addEventListener(`keydown`,a,!0),()=>{o(),document.removeEventListener(`keydown`,a,!0)}},[n,r,i])}exports.usePortalTabOrder=n;
 //# sourceMappingURL=tab-bridge.cjs.map

package/dist/components/Portal/tab-bridge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bridge.cjs","names":[],"sources":["../../../src/components/Portal/tab-bridge.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerPortalLayer, tabbables } from \"@/hooks/tab-sequence\";\n\n/** Options of {@link usePortalTabOrder}. */\nexport interface PortalTabOrderOptions {\n    /** Whether the panel is open and portalled. */\n    enabled: boolean;\n    /** Wrapper of the trigger — the spot in the page the panel belongs to. */\n    anchor: HTMLElement | null;\n    /** The portalled panel. */\n    panel: HTMLElement | null;\n}\n\n/**\n * Put a portalled panel back in the tab order, right after its trigger.\n *\n * A portal moves the panel to the end of `body`, so the browser's own order goes\n * from the trigger straight to whatever follows it in the page and reaches the\n * panel last, if ever. Measured in Chrome on a `Popover` holding two inputs:\n * in flow, `Tab` from the open trigger landed on the first input; in a portal it\n * skipped the panel and went to the next button of the page.\n *\n * While the panel is open, this restores the in-flow order:\n *\n * - `Tab` on the last stop of the anchor enters the panel's first stop.\n * - `Tab` on the panel's last stop leaves to the first stop after the anchor.\n * - `Shift+Tab` on the panel's first stop returns to the anchor.\n * - `Shift+Tab` on the first stop after the anchor enters the panel's last stop.\n *\n * Listened on `document` in the capture phase and marked consumed, so it runs\n * before an enclosing `Modal`'s focus trap, which skips a consumed `Tab`. The\n * panel is also registered as a layer of its anchor, which is how that trap\n * knows the panel belongs inside it although the portal put it outside.\n *\n * @param options - Whether it is active, the anchor and the panel.\n * @returns Nothing.\n */\nexport function usePortalTabOrder({ enabled, anchor, panel }: PortalTabOrderOptions): void {\n    useEffect(() => {\n        if (!enabled || !anchor || !panel) return;\n\n        const move = (event: KeyboardEvent, target: HTMLElement | undefined): void => {\n            if (!target) return;\n            event.preventDefault();\n            target.focus();\n        };\n\n        const onKeyDown = (event: KeyboardEvent): void => {\n            if (event.key !== \"Tab\" || event.defaultPrevented) return;\n            const inPanel = tabbables(panel);\n            if (inPanel.length === 0) return;\n            const active = document.activeElement as HTMLElement | null;\n            if (!active) return;\n            const page = tabbables(document).filter((el) => !panel.contains(el));\n            const inAnchor = page.filter((el) => anchor.contains(el));\n            const lastOfAnchor = inAnchor.at(-1);\n            const afterAnchor = lastOfAnchor ? page[page.indexOf(lastOfAnchor) + 1] : undefined;\n\n            if (panel.contains(active)) {\n                if (!event.shiftKey && active === inPanel.at(-1)) move(event, afterAnchor);\n                if (event.shiftKey && active === inPanel[0]) move(event, lastOfAnchor);\n                return;\n            }\n            if (!event.shiftKey && active === lastOfAnchor) move(event, inPanel[0]);\n            if (event.shiftKey && afterAnchor && active === afterAnchor) {\n                move(event, inPanel.at(-1));\n            }\n        };\n\n        const unregister = registerPortalLayer({ anchor, panel });\n        document.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            unregister();\n            document.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [enabled, anchor, panel]);\n}\n"],"mappings":"uEAqCA,SAAgB,EAAkB,CAAE,UAAS,SAAQ,SAAsC,EACvF,EAAA,EAAA,UAAA,KAAgB,CACZ,GAAI,CAAC,GAAW,CAAC,GAAU,CAAC,EAAO,OAEnC,IAAM,GAAQ,EAAsB,IAA0C,CACrE,IACL,EAAM,eAAe,EACrB,EAAO,MAAM,EACjB,EAEM,EAAa,GAA+B,CAC9C,GAAI,EAAM,MAAQ,OAAS,EAAM,iBAAkB,OACnD,IAAM,EAAU,EAAA,UAAU,CAAK,EAC/B,GAAI,EAAQ,SAAW,EAAG,OAC1B,IAAM,EAAS,SAAS,cACxB,GAAI,CAAC,EAAQ,OACb,IAAM,EAAO,EAAA,UAAU,QAAQ,CAAC,CAAC,OAAQ,GAAO,CAAC,EAAM,SAAS,CAAE,CAAC,EAE7D,EADW,EAAK,OAAQ,GAAO,EAAO,SAAS,CAAE,CAClC,CAAA,CAAS,GAAG,EAAE,EAC7B,EAAc,EAAe,EAAK,EAAK,QAAQ,CAAY,EAAI,GAAK,IAAA,GAE1E,GAAI,EAAM,SAAS,CAAM,EAAG,CACpB,CAAC,EAAM,UAAY,IAAW,EAAQ,GAAG,EAAE,GAAG,EAAK,EAAO,CAAW,EACrE,EAAM,UAAY,IAAW,EAAQ,IAAI,EAAK,EAAO,CAAY,EACrE,MACJ,CACI,CAAC,EAAM,UAAY,IAAW,GAAc,EAAK,EAAO,EAAQ,EAAE,EAClE,EAAM,UAAY,GAAe,IAAW,GAC5C,EAAK,EAAO,EAAQ,GAAG,EAAE,CAAC,CAElC,EAEM,EAAa,EAAA,oBAAoB,CAAE,SAAQ,OAAM,CAAC,EAExD,OADA,SAAS,iBAAiB,UAAW,EAAW,EAAI,MACvC,CACT,EAAW,EACX,SAAS,oBAAoB,UAAW,EAAW,EAAI,CAC3D,CACJ,EAAG,CAAC,EAAS,EAAQ,CAAK,CAAC,CAC/B"}
+{"version":3,"file":"tab-bridge.cjs","names":["tabbables","registerPortalLayer","require_tab_sequence","react","usePortalTabOrder","enabled","anchor","panel","move","target","event","onKeyDown","inPanel","active","page","el","lastOfAnchor","afterAnchor","unregister"],"sources":["../../../src/components/Portal/tab-bridge.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerPortalLayer, tabbables } from \"@/hooks/tab-sequence\";\n\n/** Options of {@link usePortalTabOrder}. */\nexport interface PortalTabOrderOptions {\n    /** Whether the panel is open and portalled. */\n    enabled: boolean;\n    /** Wrapper of the trigger — the spot in the page the panel belongs to. */\n    anchor: HTMLElement | null;\n    /** The portalled panel. */\n    panel: HTMLElement | null;\n}\n\n/**\n * Put a portalled panel back in the tab order, right after its trigger.\n *\n * A portal moves the panel to the end of `body`, so the browser's own order goes\n * from the trigger straight to whatever follows it in the page and reaches the\n * panel last, if ever. Measured in Chrome on a `Popover` holding two inputs:\n * in flow, `Tab` from the open trigger landed on the first input; in a portal it\n * skipped the panel and went to the next button of the page.\n *\n * While the panel is open, this restores the in-flow order:\n *\n * - `Tab` on the last stop of the anchor enters the panel's first stop.\n * - `Tab` on the panel's last stop leaves to the first stop after the anchor.\n * - `Shift+Tab` on the panel's first stop returns to the anchor.\n * - `Shift+Tab` on the first stop after the anchor enters the panel's last stop.\n *\n * Listened on `document` in the capture phase and marked consumed, so it runs\n * before an enclosing `Modal`'s focus trap, which skips a consumed `Tab`. The\n * panel is also registered as a layer of its anchor, which is how that trap\n * knows the panel belongs inside it although the portal put it outside.\n *\n * @param options - Whether it is active, the anchor and the panel.\n * @returns Nothing.\n */\nexport function usePortalTabOrder({ enabled, anchor, panel }: PortalTabOrderOptions): void {\n    useEffect(() => {\n        if (!enabled || !anchor || !panel) return;\n\n        const move = (event: KeyboardEvent, target: HTMLElement | undefined): void => {\n            if (!target) return;\n            event.preventDefault();\n            target.focus();\n        };\n\n        const onKeyDown = (event: KeyboardEvent): void => {\n            if (event.key !== \"Tab\" || event.defaultPrevented) return;\n            const inPanel = tabbables(panel);\n            if (inPanel.length === 0) return;\n            const active = document.activeElement as HTMLElement | null;\n            if (!active) return;\n            const page = tabbables(document).filter((el) => !panel.contains(el));\n            const inAnchor = page.filter((el) => anchor.contains(el));\n            const lastOfAnchor = inAnchor.at(-1);\n            const afterAnchor = lastOfAnchor ? page[page.indexOf(lastOfAnchor) + 1] : undefined;\n\n            if (panel.contains(active)) {\n                if (!event.shiftKey && active === inPanel.at(-1)) move(event, afterAnchor);\n                if (event.shiftKey && active === inPanel[0]) move(event, lastOfAnchor);\n                return;\n            }\n            if (!event.shiftKey && active === lastOfAnchor) move(event, inPanel[0]);\n            if (event.shiftKey && afterAnchor && active === afterAnchor) {\n                move(event, inPanel.at(-1));\n            }\n        };\n\n        const unregister = registerPortalLayer({ anchor, panel });\n        document.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            unregister();\n            document.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [enabled, anchor, panel]);\n}\n"],"mappings":"A,uEAqCA,SAAgBI,EAAkB,CAAE,UAAS,SAAQ,SAAsC,EACvF,EAAAD,EAAA,UAAA,KAAgB,CACZ,GAAI,CAACE,GAAW,CAACC,GAAU,CAACC,EAAO,OAEnC,IAAMC,GAAQ,EAAsB,IAA0C,CACrEC,IACLC,EAAM,eAAe,EACrBD,EAAO,MAAM,EACjB,EAEME,EAAa,GAA+B,CAC9C,GAAID,EAAM,MAAQ,OAASA,EAAM,iBAAkB,OACnD,IAAME,EAAUZ,EAAAA,UAAUO,CAAK,EAC/B,GAAIK,EAAQ,SAAW,EAAG,OAC1B,IAAMC,EAAS,SAAS,cACxB,GAAI,CAACA,EAAQ,OACb,IAAMC,EAAOd,EAAAA,UAAU,QAAQ,CAAC,CAAC,OAAQ,GAAO,CAACO,EAAM,SAASQ,CAAE,CAAC,EAE7DC,EADWF,EAAK,OAAQ,GAAOR,EAAO,SAASS,CAAE,CAClC,CAAA,CAAS,GAAG,EAAE,EAC7BE,EAAcD,EAAeF,EAAKA,EAAK,QAAQE,CAAY,EAAI,GAAK,IAAA,GAEtET,EAAM,SAASM,CAAM,GACjB,CAACH,EAAM,UAAYG,IAAWD,EAAQ,GAAG,EAAE,GAAGJ,EAAKE,EAAOO,CAAW,EACrEP,EAAM,UAAYG,IAAWD,EAAQ,IAAIJ,EAAKE,EAAOM,CAAY,IAGrE,CAACN,EAAM,UAAYG,IAAWG,GAAcR,EAAKE,EAAOE,EAAQ,EAAE,EAClEF,EAAM,UAAYO,GAAeJ,IAAWI,GAC5CT,EAAKE,EAAOE,EAAQ,GAAG,EAAE,CAAC,EAElC,EAEMM,EAAajB,EAAAA,oBAAoB,CAAE,SAAQ,OAAM,CAAC,EAExD,OADA,SAAS,iBAAiB,UAAWU,EAAW,EAAI,MACvC,CACTO,EAAW,EACX,SAAS,oBAAoB,UAAWP,EAAW,EAAI,CAC3D,CACJ,EAAG,CAACN,EAASC,EAAQC,CAAK,CAAC,CAC/B,C"}

package/dist/components/Portal/tab-bridge.js

@@ -13,11 +13,7 @@ function r({ enabled: r, anchor: i, panel: a }) {
 			let o = document.activeElement;
 			if (!o) return;
 			let s = t(document).filter((e) => !a.contains(e)), c = s.filter((e) => i.contains(e)).at(-1), l = c ? s[s.indexOf(c) + 1] : void 0;
-			if (a.contains(o)) {
-				!e.shiftKey && o === r.at(-1) && n(e, l), e.shiftKey && o === r[0] && n(e, c);
-				return;
-			}
-			!e.shiftKey && o === c && n(e, r[0]), e.shiftKey && l && o === l && n(e, r.at(-1));
+			a.contains(o) ? (!e.shiftKey && o === r.at(-1) && n(e, l), e.shiftKey && o === r[0] && n(e, c)) : (!e.shiftKey && o === c && n(e, r[0]), e.shiftKey && l && o === l && n(e, r.at(-1)));
 		}, s = e({
 			anchor: i,
 			panel: a

package/dist/components/Portal/tab-bridge.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bridge.js","names":[],"sources":["../../../src/components/Portal/tab-bridge.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerPortalLayer, tabbables } from \"@/hooks/tab-sequence\";\n\n/** Options of {@link usePortalTabOrder}. */\nexport interface PortalTabOrderOptions {\n    /** Whether the panel is open and portalled. */\n    enabled: boolean;\n    /** Wrapper of the trigger — the spot in the page the panel belongs to. */\n    anchor: HTMLElement | null;\n    /** The portalled panel. */\n    panel: HTMLElement | null;\n}\n\n/**\n * Put a portalled panel back in the tab order, right after its trigger.\n *\n * A portal moves the panel to the end of `body`, so the browser's own order goes\n * from the trigger straight to whatever follows it in the page and reaches the\n * panel last, if ever. Measured in Chrome on a `Popover` holding two inputs:\n * in flow, `Tab` from the open trigger landed on the first input; in a portal it\n * skipped the panel and went to the next button of the page.\n *\n * While the panel is open, this restores the in-flow order:\n *\n * - `Tab` on the last stop of the anchor enters the panel's first stop.\n * - `Tab` on the panel's last stop leaves to the first stop after the anchor.\n * - `Shift+Tab` on the panel's first stop returns to the anchor.\n * - `Shift+Tab` on the first stop after the anchor enters the panel's last stop.\n *\n * Listened on `document` in the capture phase and marked consumed, so it runs\n * before an enclosing `Modal`'s focus trap, which skips a consumed `Tab`. The\n * panel is also registered as a layer of its anchor, which is how that trap\n * knows the panel belongs inside it although the portal put it outside.\n *\n * @param options - Whether it is active, the anchor and the panel.\n * @returns Nothing.\n */\nexport function usePortalTabOrder({ enabled, anchor, panel }: PortalTabOrderOptions): void {\n    useEffect(() => {\n        if (!enabled || !anchor || !panel) return;\n\n        const move = (event: KeyboardEvent, target: HTMLElement | undefined): void => {\n            if (!target) return;\n            event.preventDefault();\n            target.focus();\n        };\n\n        const onKeyDown = (event: KeyboardEvent): void => {\n            if (event.key !== \"Tab\" || event.defaultPrevented) return;\n            const inPanel = tabbables(panel);\n            if (inPanel.length === 0) return;\n            const active = document.activeElement as HTMLElement | null;\n            if (!active) return;\n            const page = tabbables(document).filter((el) => !panel.contains(el));\n            const inAnchor = page.filter((el) => anchor.contains(el));\n            const lastOfAnchor = inAnchor.at(-1);\n            const afterAnchor = lastOfAnchor ? page[page.indexOf(lastOfAnchor) + 1] : undefined;\n\n            if (panel.contains(active)) {\n                if (!event.shiftKey && active === inPanel.at(-1)) move(event, afterAnchor);\n                if (event.shiftKey && active === inPanel[0]) move(event, lastOfAnchor);\n                return;\n            }\n            if (!event.shiftKey && active === lastOfAnchor) move(event, inPanel[0]);\n            if (event.shiftKey && afterAnchor && active === afterAnchor) {\n                move(event, inPanel.at(-1));\n            }\n        };\n\n        const unregister = registerPortalLayer({ anchor, panel });\n        document.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            unregister();\n            document.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [enabled, anchor, panel]);\n}\n"],"mappings":";;;AAqCA,SAAgB,EAAkB,EAAE,YAAS,WAAQ,YAAsC;CACvF,QAAgB;EACZ,IAAI,CAAC,KAAW,CAAC,KAAU,CAAC,GAAO;EAEnC,IAAM,KAAQ,GAAsB,MAA0C;GACrE,MACL,EAAM,eAAe,GACrB,EAAO,MAAM;EACjB,GAEM,KAAa,MAA+B;GAC9C,IAAI,EAAM,QAAQ,SAAS,EAAM,kBAAkB;GACnD,IAAM,IAAU,EAAU,CAAK;GAC/B,IAAI,EAAQ,WAAW,GAAG;GAC1B,IAAM,IAAS,SAAS;GACxB,IAAI,CAAC,GAAQ;GACb,IAAM,IAAO,EAAU,QAAQ,CAAC,CAAC,QAAQ,MAAO,CAAC,EAAM,SAAS,CAAE,CAAC,GAE7D,IADW,EAAK,QAAQ,MAAO,EAAO,SAAS,CAAE,CAClC,CAAA,CAAS,GAAG,EAAE,GAC7B,IAAc,IAAe,EAAK,EAAK,QAAQ,CAAY,IAAI,KAAK,KAAA;GAE1E,IAAI,EAAM,SAAS,CAAM,GAAG;IAExB,AADI,CAAC,EAAM,YAAY,MAAW,EAAQ,GAAG,EAAE,KAAG,EAAK,GAAO,CAAW,GACrE,EAAM,YAAY,MAAW,EAAQ,MAAI,EAAK,GAAO,CAAY;IACrE;GACJ;GAEA,AADI,CAAC,EAAM,YAAY,MAAW,KAAc,EAAK,GAAO,EAAQ,EAAE,GAClE,EAAM,YAAY,KAAe,MAAW,KAC5C,EAAK,GAAO,EAAQ,GAAG,EAAE,CAAC;EAElC,GAEM,IAAa,EAAoB;GAAE;GAAQ;EAAM,CAAC;EAExD,OADA,SAAS,iBAAiB,WAAW,GAAW,EAAI,SACvC;GAET,AADA,EAAW,GACX,SAAS,oBAAoB,WAAW,GAAW,EAAI;EAC3D;CACJ,GAAG;EAAC;EAAS;EAAQ;CAAK,CAAC;AAC/B"}
+{"version":3,"file":"tab-bridge.js","names":["usePortalTabOrder","enabled","anchor","panel","move","target","event","onKeyDown","inPanel","tabbables","active","page","el","lastOfAnchor","afterAnchor","unregister","registerPortalLayer"],"sources":["../../../src/components/Portal/tab-bridge.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { registerPortalLayer, tabbables } from \"@/hooks/tab-sequence\";\n\n/** Options of {@link usePortalTabOrder}. */\nexport interface PortalTabOrderOptions {\n    /** Whether the panel is open and portalled. */\n    enabled: boolean;\n    /** Wrapper of the trigger — the spot in the page the panel belongs to. */\n    anchor: HTMLElement | null;\n    /** The portalled panel. */\n    panel: HTMLElement | null;\n}\n\n/**\n * Put a portalled panel back in the tab order, right after its trigger.\n *\n * A portal moves the panel to the end of `body`, so the browser's own order goes\n * from the trigger straight to whatever follows it in the page and reaches the\n * panel last, if ever. Measured in Chrome on a `Popover` holding two inputs:\n * in flow, `Tab` from the open trigger landed on the first input; in a portal it\n * skipped the panel and went to the next button of the page.\n *\n * While the panel is open, this restores the in-flow order:\n *\n * - `Tab` on the last stop of the anchor enters the panel's first stop.\n * - `Tab` on the panel's last stop leaves to the first stop after the anchor.\n * - `Shift+Tab` on the panel's first stop returns to the anchor.\n * - `Shift+Tab` on the first stop after the anchor enters the panel's last stop.\n *\n * Listened on `document` in the capture phase and marked consumed, so it runs\n * before an enclosing `Modal`'s focus trap, which skips a consumed `Tab`. The\n * panel is also registered as a layer of its anchor, which is how that trap\n * knows the panel belongs inside it although the portal put it outside.\n *\n * @param options - Whether it is active, the anchor and the panel.\n * @returns Nothing.\n */\nexport function usePortalTabOrder({ enabled, anchor, panel }: PortalTabOrderOptions): void {\n    useEffect(() => {\n        if (!enabled || !anchor || !panel) return;\n\n        const move = (event: KeyboardEvent, target: HTMLElement | undefined): void => {\n            if (!target) return;\n            event.preventDefault();\n            target.focus();\n        };\n\n        const onKeyDown = (event: KeyboardEvent): void => {\n            if (event.key !== \"Tab\" || event.defaultPrevented) return;\n            const inPanel = tabbables(panel);\n            if (inPanel.length === 0) return;\n            const active = document.activeElement as HTMLElement | null;\n            if (!active) return;\n            const page = tabbables(document).filter((el) => !panel.contains(el));\n            const inAnchor = page.filter((el) => anchor.contains(el));\n            const lastOfAnchor = inAnchor.at(-1);\n            const afterAnchor = lastOfAnchor ? page[page.indexOf(lastOfAnchor) + 1] : undefined;\n\n            if (panel.contains(active)) {\n                if (!event.shiftKey && active === inPanel.at(-1)) move(event, afterAnchor);\n                if (event.shiftKey && active === inPanel[0]) move(event, lastOfAnchor);\n                return;\n            }\n            if (!event.shiftKey && active === lastOfAnchor) move(event, inPanel[0]);\n            if (event.shiftKey && afterAnchor && active === afterAnchor) {\n                move(event, inPanel.at(-1));\n            }\n        };\n\n        const unregister = registerPortalLayer({ anchor, panel });\n        document.addEventListener(\"keydown\", onKeyDown, true);\n        return () => {\n            unregister();\n            document.removeEventListener(\"keydown\", onKeyDown, true);\n        };\n    }, [enabled, anchor, panel]);\n}\n"],"mappings":";;;AAqCA,SAAgBA,EAAkB,EAAE,YAAS,WAAQ,YAAsC;CACvF,QAAgB;EACZ,IAAI,CAACC,KAAW,CAACC,KAAU,CAACC,GAAO;EAEnC,IAAMC,KAAQ,GAAsB,MAA0C;GAC1E,AAAKC,MACLC,EAAM,eAAe,GACrBD,EAAO,MAAM;EACjB,GAEME,KAAa,MAA+B;GAC9C,IAAID,EAAM,QAAQ,SAASA,EAAM,kBAAkB;GACnD,IAAME,IAAUC,EAAUN,CAAK;GAC/B,IAAIK,EAAQ,WAAW,GAAG;GAC1B,IAAME,IAAS,SAAS;GACxB,IAAI,CAACA,GAAQ;GACb,IAAMC,IAAOF,EAAU,QAAQ,CAAC,CAAC,QAAQ,MAAO,CAACN,EAAM,SAASS,CAAE,CAAC,GAE7DC,IADWF,EAAK,QAAQ,MAAOT,EAAO,SAASU,CAAE,CAClC,CAAA,CAAS,GAAG,EAAE,GAC7BE,IAAcD,IAAeF,EAAKA,EAAK,QAAQE,CAAY,IAAI,KAAK,KAAA;GAE1E,AAAIV,EAAM,SAASO,CAAM,KACjB,CAACJ,EAAM,YAAYI,MAAWF,EAAQ,GAAG,EAAE,KAAGJ,EAAKE,GAAOQ,CAAW,GACrER,EAAM,YAAYI,MAAWF,EAAQ,MAAIJ,EAAKE,GAAOO,CAAY,MAGrE,CAACP,EAAM,YAAYI,MAAWG,KAAcT,EAAKE,GAAOE,EAAQ,EAAE,GAClEF,EAAM,YAAYQ,KAAeJ,MAAWI,KAC5CV,EAAKE,GAAOE,EAAQ,GAAG,EAAE,CAAC;EAElC,GAEMO,IAAaC,EAAoB;GAAE;GAAQ;EAAM,CAAC;EAExD,OADA,SAAS,iBAAiB,WAAWT,GAAW,EAAI,SACvC;GAET,AADAQ,EAAW,GACX,SAAS,oBAAoB,WAAWR,GAAW,EAAI;EAC3D;CACJ,GAAG;EAACN;EAASC;EAAQC;CAAK,CAAC;AAC/B"}

package/dist/components/Progress/Progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.cjs","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, indeterminate, size, tone, label,\n * showValue and className: a progress bar is one element with eight independent\n * presentation choices, and the destructuring counts them all because none has a\n * sensible sub-object.\n */\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"4GAuCA,SAAgB,EAAS,CACrB,QAAQ,EACR,MAAM,IACN,UAAU,UACV,gBAAgB,GAChB,YAAY,GACZ,QACA,aAAc,EACd,kBAAmB,EACnB,aACc,CACd,IAAM,EAAM,EAAgB,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAM,EAAQ,EAAO,GAAG,CAAC,EAE9E,OACI,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EAA5C,SAAA,EACM,GAAa,KACX,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAW,EAAA,QAAO,MAAvB,SAAA,CACK,IAAS,EAAA,EAAA,IAAA,CAAC,OAAD,CAAA,SAAO,CAAY,CAAA,EAC5B,GAAa,CAAC,IAAiB,EAAA,EAAA,KAAA,CAAC,OAAD,CAAA,SAAA,CAAO,KAAK,MAAM,CAAG,EAAE,GAAO,CAAA,CAAA,CAC7D,CAET,CAAA,GAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,cACL,aAAY,EAAiB,IAAA,GAAa,GAAa,EACvD,kBAAiB,EACjB,gBAAe,EACf,gBAAe,EACf,gBAAe,EAAgB,IAAA,GAAY,EAC3C,UAAW,EAAA,GAAG,EAAA,QAAO,IAAK,GAAiB,EAAA,QAAO,aAAa,EAE/D,UAAA,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,IAAY,WAAa,EAAA,QAAO,EAAQ,EACnE,MAAO,CAAE,MAAO,EAAgB,IAAA,GAAY,GAAG,EAAI,EAAG,CACzD,CAAA,CACA,CAAA,CACJ,GAEb"}
+{"version":3,"file":"Progress.cjs","names":["cn","styles","require_cn","require_Progress_module","react_jsx_runtime","Progress","ariaLabel","ariaLabelledBy","pct","indeterminate","value","max","className","showLabel","label","variant"],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, indeterminate, size, tone, label,\n * showValue and className: a progress bar is one element with eight independent\n * presentation choices, and the destructuring counts them all because none has a\n * sensible sub-object.\n */\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":"A,4GAuCA,SAAgBK,EAAS,CACrB,QAAQ,EACR,MAAM,IACN,UAAU,UACV,gBAAgB,GAChB,YAAY,GACZ,QACA,aAAcC,EACd,kBAAmBC,EACnB,aACc,CACd,IAAMC,EAAMC,EAAgB,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAMC,EAAQC,EAAO,GAAG,CAAC,EAE9E,OACI,EAAAP,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,QAASW,CAAS,EAA5C,SAAA,EACMC,GAAaC,KACX,EAAAV,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWH,EAAAA,QAAO,MAAvB,SAAA,CACKa,IAAS,EAAAV,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOU,CAAY,CAAA,EAC5BD,GAAa,CAACJ,IAAiB,EAAAL,EAAA,KAAA,CAAC,OAAD,CAAA,SAAA,CAAO,KAAK,MAAMI,CAAG,EAAE,GAAO,CAAA,CAAA,CAC7D,CAET,CAAA,GAAA,EAAAJ,EAAA,IAAA,CAAC,MAAD,CACI,KAAK,cACL,aAAYG,EAAiB,IAAA,GAAaD,GAAaQ,EACvD,kBAAiBP,EACjB,gBAAe,EACf,gBAAeI,EACf,gBAAeF,EAAgB,IAAA,GAAYC,EAC3C,UAAWV,EAAAA,GAAGC,EAAAA,QAAO,IAAKQ,GAAiBR,EAAAA,QAAO,aAAa,EAE/D,UAAA,EAAAG,EAAA,IAAA,CAAC,MAAD,CACI,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,KAAMc,IAAY,WAAad,EAAAA,QAAOc,EAAQ,EACnE,MAAO,CAAE,MAAON,EAAgB,IAAA,GAAY,GAAGD,EAAI,EAAG,CACzD,CAAA,CACA,CAAA,CACJ,C,EAEb,C"}

package/dist/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","names":[],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, indeterminate, size, tone, label,\n * showValue and className: a progress bar is one element with eight independent\n * presentation choices, and the destructuring counts them all because none has a\n * sensible sub-object.\n */\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;AAuCA,SAAgB,EAAS,EACrB,WAAQ,GACR,SAAM,KACN,aAAU,WACV,mBAAgB,IAChB,eAAY,IACZ,UACA,cAAc,GACd,mBAAmB,GACnB,gBACc;CACd,IAAM,IAAM,IAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAM,IAAQ,IAAO,GAAG,CAAC;CAE9E,OACI,kBAAC,OAAD;EAAK,WAAW,EAAG,EAAO,SAAS,CAAS;EAA5C,UAAA,EACM,KAAa,MACX,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA,CACK,KAAS,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GAC5B,KAAa,CAAC,KAAiB,kBAAC,QAAD,EAAA,UAAA,CAAO,KAAK,MAAM,CAAG,GAAE,GAAO,EAAA,CAAA,CAC7D;EAET,CAAA,GAAA,kBAAC,OAAD;GACI,MAAK;GACL,cAAY,IAAiB,KAAA,IAAa,KAAa;GACvD,mBAAiB;GACjB,iBAAe;GACf,iBAAe;GACf,iBAAe,IAAgB,KAAA,IAAY;GAC3C,WAAW,EAAG,EAAO,KAAK,KAAiB,EAAO,aAAa;GAE/D,UAAA,kBAAC,OAAD;IACI,WAAW,EAAG,EAAO,MAAM,MAAY,aAAa,EAAO,EAAQ;IACnE,OAAO,EAAE,OAAO,IAAgB,KAAA,IAAY,GAAG,EAAI,GAAG;GACzD,CAAA;EACA,CAAA,CACJ;;AAEb"}
+{"version":3,"file":"Progress.js","names":["styles","Progress_module_default","Progress","ariaLabel","ariaLabelledBy","pct","indeterminate","value","max","cn","className","showLabel","label","variant"],"sources":["../../../src/components/Progress/Progress.tsx"],"sourcesContent":["/**\n * @tempest-limits props-count — value, max, indeterminate, size, tone, label,\n * showValue and className: a progress bar is one element with eight independent\n * presentation choices, and the destructuring counts them all because none has a\n * sensible sub-object.\n */\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Progress.module.css\";\n\nexport type ProgressVariant = \"primary\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface ProgressProps {\n    /** Value between 0 and `max` (or 0-100 by default). Ignored when `indeterminate`. */\n    value?: number;\n    max?: number;\n    variant?: ProgressVariant;\n    /** Show an animated indeterminate bar. Default: false. */\n    indeterminate?: boolean;\n    /** Render a numeric label \"x% / max\" above the bar. Default: false. */\n    showLabel?: boolean;\n    /** Optional left-aligned descriptor (e.g. \"Enviando arquivo…\"). */\n    label?: string;\n    /**\n     * Accessible name for the bar. Defaults to `label` when that is set —\n     * provide it explicitly whenever the bar renders without a visible label,\n     * otherwise screen readers announce an unnamed progressbar.\n     */\n    \"aria-label\"?: string;\n    /** Id of an existing element that names the bar (alternative to `aria-label`). */\n    \"aria-labelledby\"?: string;\n    className?: string;\n}\n\n/**\n * Linear progress bar with determinate / indeterminate modes.\n *\n * The `progressbar` role requires an accessible name: it comes from\n * `aria-labelledby`, then explicit `aria-label`, then the visible `label`.\n */\nexport function Progress({\n    value = 0,\n    max = 100,\n    variant = \"primary\",\n    indeterminate = false,\n    showLabel = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    className,\n}: ProgressProps) {\n    const pct = indeterminate ? 0 : Math.max(0, Math.min(100, (value / max) * 100));\n\n    return (\n        <div className={cn(styles.wrapper, className)}>\n            {(showLabel || label) && (\n                <div className={styles.label}>\n                    {label && <span>{label}</span>}\n                    {showLabel && !indeterminate && <span>{Math.round(pct)}%</span>}\n                </div>\n            )}\n            <div\n                role=\"progressbar\"\n                aria-label={ariaLabelledBy ? undefined : (ariaLabel ?? label)}\n                aria-labelledby={ariaLabelledBy}\n                aria-valuemin={0}\n                aria-valuemax={max}\n                aria-valuenow={indeterminate ? undefined : value}\n                className={cn(styles.bar, indeterminate && styles.indeterminate)}\n            >\n                <div\n                    className={cn(styles.fill, variant !== \"primary\" && styles[variant])}\n                    style={{ width: indeterminate ? undefined : `${pct}%` }}\n                />\n            </div>\n        </div>\n    );\n}\n"],"mappings":";;;;AAuCA,SAAgBE,EAAS,EACrB,WAAQ,GACR,SAAM,KACN,aAAU,WACV,mBAAgB,IAChB,eAAY,IACZ,UACA,cAAcC,GACd,mBAAmBC,GACnB,gBACc;CACd,IAAMC,IAAMC,IAAgB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,KAAMC,IAAQC,IAAO,GAAG,CAAC;CAE9E,OACI,kBAAC,OAAD;EAAK,WAAWC,EAAGT,EAAO,SAASU,CAAS;EAA5C,UAAA,EACMC,KAAaC,MACX,kBAAC,OAAD;GAAK,WAAWZ,EAAO;GAAvB,UAAA,CACKY,KAAS,kBAAC,QAAD,EAAA,UAAOA,EAAY,CAAA,GAC5BD,KAAa,CAACL,KAAiB,kBAAC,QAAD,EAAA,UAAA,CAAO,KAAK,MAAMD,CAAG,GAAE,GAAO,EAAA,CAAA,CAC7D;EAET,CAAA,GAAA,kBAAC,OAAD;GACI,MAAK;GACL,cAAYD,IAAiB,KAAA,IAAaD,KAAaS;GACvD,mBAAiBR;GACjB,iBAAe;GACf,iBAAeI;GACf,iBAAeF,IAAgB,KAAA,IAAYC;GAC3C,WAAWE,EAAGT,EAAO,KAAKM,KAAiBN,EAAO,aAAa;GAE/D,UAAA,kBAAC,OAAD;IACI,WAAWS,EAAGT,EAAO,MAAMa,MAAY,aAAab,EAAOa,EAAQ;IACnE,OAAO,EAAE,OAAOP,IAAgB,KAAA,IAAY,GAAGD,EAAI,GAAG;GACzD,CAAA;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/Progress/Progress.module.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.module.cjs","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Progress.module.cjs","names":["wrapper","bar","fill","success","warning","danger","indeterminate","tempestProgressLoop","label","Progress_module_default"],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":";"}

package/dist/components/Progress/Progress.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.module.js","names":[],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":";"}
+{"version":3,"file":"Progress.module.js","names":["wrapper","bar","fill","success","warning","danger","indeterminate","tempestProgressLoop","label","Progress_module_default"],"sources":["../../../src/components/Progress/Progress.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-1);\n    width: 100%;\n    font-family: var(--tempest-font-sans);\n}\n\n.bar {\n    width: 100%;\n    height: 8px;\n    background-color: var(--tempest-surface-2);\n    border-radius: var(--tempest-radius-full);\n    overflow: hidden;\n    box-shadow: var(--tempest-shadow-inner);\n}\n\n.fill {\n    height: 100%;\n    background-color: var(--tempest-primary);\n    border-radius: inherit;\n    transition: width var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.fill.success {\n    background-color: var(--tempest-success-solid);\n}\n.fill.warning {\n    background-color: var(--tempest-warning-solid);\n}\n.fill.danger {\n    background-color: var(--tempest-danger-solid);\n}\n\n.indeterminate .fill {\n    width: 30% !important;\n    animation: tempest-progress-loop 1.4s var(--tempest-ease-in-out) infinite;\n}\n\n.label {\n    font-size: var(--tempest-text-xs);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    display: flex;\n    justify-content: space-between;\n}\n\n@keyframes tempest-progress-loop {\n    0% {\n        transform: translateX(-100%);\n    }\n    100% {\n        transform: translateX(360%);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .indeterminate .fill {\n        animation: none;\n        width: 100% !important;\n        opacity: 0.5;\n    }\n}\n"],"mappings":";"}

package/dist/components/QRCode/QRCode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"QRCode.cjs","names":[],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":"0JA2DA,SAAgB,EAAO,CACnB,QACA,OAAO,IACP,QAAQ,IACR,SAAS,EACT,QAAQ,UACR,aAAa,UACb,QACA,YACA,QACA,GAAG,GACS,CACZ,GAAM,CAAE,OAAM,SAAA,EAAS,EAAA,QAAA,KAAc,CACjC,IAAM,EAAS,EAAA,SAAS,EAAO,CAAE,OAAM,CAAC,EACxC,MAAO,CACH,KAAM,EAAA,aAAa,EAAQ,CAAM,EACjC,KAAM,EAAO,KAAO,EAAS,CACjC,CACJ,EAAG,CAAC,EAAO,EAAO,CAAM,CAAC,EAEzB,OACI,EAAA,EAAA,IAAA,CAAC,MAAD,CACI,UAAW,EAAA,GAAG,EAAA,QAAO,QAAS,CAAS,EACvC,MAAO,CAAE,MAAO,EAAM,OAAQ,EAAM,GAAG,CAAM,EAC7C,GAAI,EAEJ,UAAA,EAAA,EAAA,KAAA,CAAC,MAAD,CACI,UAAW,EAAA,QAAO,IAClB,QAAS,OAAO,EAAK,GAAG,IACxB,MAAO,EACP,OAAQ,EACR,KAAK,MACL,aAAY,GAAS,YAAY,IACjC,eAAe,aAPnB,SAAA,EASI,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,MAAO,EAAM,OAAQ,EAAM,KAAM,CAAa,CAAA,GACpD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,EAAG,EAAM,KAAM,CAAQ,CAAA,CAC5B,GACJ,CAAA,CAEb"}
+{"version":3,"file":"QRCode.cjs","names":["useMemo","encodeQR","matrixToPath","cn","styles","require_cn","require_qr_encode","require_QRCode_module","react","react_jsx_runtime","QRCode","rest","matrix","value","margin","level","className","size","style","side","label","background","path","color"],"sources":["../../../src/components/QRCode/QRCode.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { HTMLAttributes } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nimport { encodeQR, matrixToPath } from \"./qr-encode\";\nimport type { QRErrorCorrection } from \"./qr-encode\";\nimport styles from \"./QRCode.module.css\";\n\nexport interface QRCodeProps extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n    /** The payload. Encoded as UTF-8 when it is not plain digits or upper-case text. */\n    value: string;\n    /** Rendered side in px, quiet zone included. Default `160`. */\n    size?: number;\n    /** Error correction level. Default `\"M\"`. */\n    level?: QRErrorCorrection;\n    /** Quiet zone in modules. The standard asks for 4; below that, scanners start to miss. */\n    margin?: number;\n    /** Module colour. Defaults to black — see the note on dark mode below. */\n    color?: string;\n    /** Background colour. Defaults to white. */\n    background?: string;\n    /**\n     * Accessible name. Defaults to naming the payload, because a screen reader\n     * user cannot scan the symbol: the content has to reach them as text.\n     */\n    label?: string;\n}\n\n/**\n * A QR symbol, encoded in the browser and drawn as SVG.\n *\n * No dependency and no network round trip: an image service would leak the\n * payload — a payment link, a session token, an invite — to a third party, and\n * the encoder is a few kilobytes.\n *\n * SVG rather than canvas so the symbol stays sharp at any size and prints at\n * the printer's resolution instead of the screen's. Everything is one path\n * (horizontal runs merged), because a version-10 symbol is 3 481 modules and\n * that many elements costs real paint time.\n *\n * The colours are **black on white in both themes, on purpose** — they are the\n * one part of the SDK that ignores the theme tokens. Scanners expect\n * dark-on-light, and the ones that cope with an inverted symbol do it slowly and\n * unreliably; a QR that looks integrated with a dark page and scans on the third\n * try is worse than one that looks pasted on. Wiring the modules to\n * `--tempest-text` would flip them light in dark mode and leave a light symbol\n * on the white background, which scans as nothing at all. Override\n * `color`/`background` only with a scanner in hand.\n *\n * @throws {QRCapacityError} When the payload is too long for a version-40\n * symbol at the chosen level. That is a programming error rather than a state\n * to render, so it surfaces instead of silently drawing nothing — wrap it in\n * `ErrorBoundary` if the payload comes from user input.\n *\n * @example\n * <QRCode value=\"https://tempest.dev\" />\n * <QRCode value={pixPayload} level=\"H\" size={220} label=\"QR do Pix\" />\n */\nexport function QRCode({\n    value,\n    size = 160,\n    level = \"M\",\n    margin = 4,\n    color = \"#000000\",\n    background = \"#ffffff\",\n    label,\n    className,\n    style,\n    ...rest\n}: QRCodeProps) {\n    const { path, side } = useMemo(() => {\n        const matrix = encodeQR(value, { level });\n        return {\n            path: matrixToPath(matrix, margin),\n            side: matrix.size + margin * 2,\n        };\n    }, [value, level, margin]);\n\n    return (\n        <div\n            className={cn(styles.wrapper, className)}\n            style={{ width: size, height: size, ...style }}\n            {...rest}\n        >\n            <svg\n                className={styles.svg}\n                viewBox={`0 0 ${side} ${side}`}\n                width={size}\n                height={size}\n                role=\"img\"\n                aria-label={label ?? `QR code: ${value}`}\n                shapeRendering=\"crispEdges\"\n            >\n                <rect width={side} height={side} fill={background} />\n                <path d={path} fill={color} />\n            </svg>\n        </div>\n    );\n}\n"],"mappings":"A,0JA2DA,SAAgBU,EAAO,CACnB,QACA,OAAO,IACP,QAAQ,IACR,SAAS,EACT,QAAQ,UACR,aAAa,UACb,QACA,YACA,QACA,GAAGC,GACS,CACZ,GAAM,CAAE,OAAM,SAAA,EAASX,EAAAA,QAAAA,KAAc,CACjC,IAAMY,EAASX,EAAAA,SAASY,EAAO,CAAE,OAAM,CAAC,EACxC,MAAO,CACH,KAAMX,EAAAA,aAAaU,EAAQE,CAAM,EACjC,KAAMF,EAAO,KAAOE,EAAS,CACjC,CACJ,EAAG,CAACD,EAAOE,EAAOD,CAAM,CAAC,EAEzB,OACI,EAAAL,EAAA,IAAA,CAAC,MAAD,CACI,UAAWN,EAAAA,GAAGC,EAAAA,QAAO,QAASY,CAAS,EACvC,MAAO,CAAE,MAAOC,EAAM,OAAQA,EAAM,GAAGC,CAAM,EAC7C,GAAIP,EAEJ,UAAA,EAAAF,EAAA,KAAA,CAAC,MAAD,CACI,UAAWL,EAAAA,QAAO,IAClB,QAAS,OAAOe,EAAK,GAAGA,IACxB,MAAOF,EACP,OAAQA,EACR,KAAK,MACL,aAAYG,GAAS,YAAYP,IACjC,eAAe,aAPnB,SAAA,EASI,EAAAJ,EAAA,IAAA,CAAC,OAAD,CAAM,MAAOU,EAAM,OAAQA,EAAM,KAAME,CAAa,CAAA,GACpD,EAAAZ,EAAA,IAAA,CAAC,OAAD,CAAM,EAAGa,EAAM,KAAMC,CAAQ,CAAA,CAC5B,C,EACJ,CAAA,CAEb,C"}