@amboss/design-system 4.0.4-canary.1 → 4.0.5

package/build/esm/components/Internal/Drawer/useDrawerAnimation.js

@@ -1 +1 @@
-import{useCallback,useLayoutEffect,useRef,useState}from"react";import{keyframes,useTheme}from"@emotion/react";import{useWindow}from"../../../shared/useWindow";function restingTranslate(edge){return edge?"0%":"-50%"}export function useDrawerAnimation({isVisible,onUnmount,positionX,positionY}){let theme=useTheme(),window=useWindow(),[isClosing,setIsClosing]=useState(!1),wasVisible=useRef(isVisible),isLeaving=isClosing&&!isVisible;useLayoutEffect(()=>{if(isVisible)setIsClosing(!1);else wasVisible.current&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches?onUnmount?.():setIsClosing(!0));wasVisible.current=isVisible},[isVisible,onUnmount,window]);let onAnimationEnd=useCallback(event=>{event.target===event.currentTarget&&isLeaving&&(setIsClosing(!1),onUnmount?.())},[isLeaving,onUnmount]),restX=restingTranslate(positionX),restY=restingTranslate(positionY),{x:fromX,y:fromY}="left"===positionX?{x:"-100%",y:restY}:"right"===positionX?{x:"100%",y:restY}:"top"===positionY?{x:restX,y:"-100%"}:"bottom"===positionY?{x:restX,y:"100%"}:{x:restX,y:restY},contentTransform=`translate(${restX}, ${restY})`,offscreen=`translate(${fromX}, ${fromY})`,slideIn=keyframes("from{transform:",offscreen,";}to{transform:",contentTransform,";}","slideIn","/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB0eXBlIEFuaW1hdGlvbkV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBrZXlmcmFtZXMsIHVzZVRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VXaW5kb3cgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZVdpbmRvd1wiO1xuXG5leHBvcnQgdHlwZSBFZGdlWCA9IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgRWRnZVkgPSBcInRvcFwiIHwgXCJib3R0b21cIjtcblxuZnVuY3Rpb24gcHJlZmVyc1JlZHVjZWRNb3Rpb24od2luZG93OiBXaW5kb3cpOiBib29sZWFuIHtcbiAgcmV0dXJuICEhd2luZG93Lm1hdGNoTWVkaWE/LihcIihwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpXCIpPy5tYXRjaGVzO1xufVxuXG4vLyAwJSB3aGVuIHBpbm5lZCB0byBhbiBlZGdlIChhbHJlYWR5IHBvc2l0aW9uZWQgdmlhIGxlZnQvcmlnaHQvdG9wL2JvdHRvbSksXG4vLyAtNTAlIHdoZW4gY2VudGVyZWQgKG5lZWRzIHRoZSB0cmFuc2xhdGUgdG8gcmVjZW50ZXIgaXQpLlxuZnVuY3Rpb24gcmVzdGluZ1RyYW5zbGF0ZShlZGdlPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIGVkZ2UgPyBcIjAlXCIgOiBcIi01MCVcIjtcbn1cblxuLy8gVGhlIGRyYXdlciBzbGlkZXMgaW4gZnJvbSB3aGljaGV2ZXIgZWRnZSBpdCdzIHBpbm5lZCB0bzsgWCB3aW5zIG92ZXIgWSB3aGVuXG4vLyBib3RoIGFyZSBzZXQgKGNvcm5lciBwaW4pLiBBIGNlbnRlcmVkIGRyYXdlciAobmVpdGhlciBzZXQpIGRvZXNuJ3Qgc2xpZGUg4oCUXG4vLyBpdCBvbmx5IGZhZGVzLlxuZnVuY3Rpb24gc2xpZGVPZmZzZXQoXG4gIHBvc2l0aW9uWDogRWRnZVggfCB1bmRlZmluZWQsXG4gIHBvc2l0aW9uWTogRWRnZVkgfCB1bmRlZmluZWQsXG4gIHJlc3RYOiBzdHJpbmcsXG4gIHJlc3RZOiBzdHJpbmdcbik6IHsgeDogc3RyaW5nOyB5OiBzdHJpbmcgfSB7XG4gIGlmIChwb3NpdGlvblggPT09IFwibGVmdFwiKSByZXR1cm4geyB4OiBcIi0xMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblggPT09IFwicmlnaHRcIikgcmV0dXJuIHsgeDogXCIxMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblkgPT09IFwidG9wXCIpIHJldHVybiB7IHg6IHJlc3RYLCB5OiBcIi0xMDAlXCIgfTtcbiAgaWYgKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIikgcmV0dXJuIHsgeDogcmVzdFgsIHk6IFwiMTAwJVwiIH07XG4gIHJldHVybiB7IHg6IHJlc3RYLCB5OiByZXN0WSB9O1xufVxuXG5leHBvcnQgdHlwZSBEcmF3ZXJBbmltYXRpb24gPSB7XG4gIC8qKiBXaGV0aGVyIHRoZSBub2RlIHNob3VsZCByZW5kZXIgYXQgYWxsIChlbnRlcmluZywgcHJlc2VudCwgb3IgbWlkLWV4aXQpLiAqL1xuICBpc01vdW50ZWQ6IGJvb2xlYW47XG4gIC8qKiBBdHRhY2ggdG8gdGhlIGFuaW1hdGVkIGNvbnRlbnQgbm9kZTsgdGVhcnMgaXQgZG93biBvbmNlIGl0cyBleGl0IGFuaW1hdGlvbiBlbmRzLiAqL1xuICBvbkFuaW1hdGlvbkVuZDogQW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PjtcbiAgLyoqIENTUyBgYW5pbWF0aW9uYCBzaG9ydGhhbmQgZm9yIHRoZSBiYWNrZHJvcCdzIGZhZGUuICovXG4gIGJhY2tkcm9wQW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBDU1MgYGFuaW1hdGlvbmAgc2hvcnRoYW5kIGZvciB0aGUgY29udGVudCdzIHNsaWRlLiAqL1xuICBjb250ZW50QW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBSZXN0aW5nIGB0cmFuc2Zvcm1gIGZvciB0aGUgY29udGVudCwgYXBwbGllZCBvdXRzaWRlIHRoZSBhbmltYXRpb24gdG9vIHNvIGl0IGhvbGRzIGFmdGVyIHRoZSBhbmltYXRpb24gZW5kcy4gKi9cbiAgY29udGVudFRyYW5zZm9ybTogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBNYW5hZ2VzIGV2ZXJ5dGhpbmcgYW5pbWF0aW9uLXJlbGF0ZWQgZm9yIHRoZSBkcmF3ZXI6IHByZXNlbmNlIGFjcm9zcyB0aGVcbiAqIGVudGVyL2V4aXQgbGlmZWN5Y2xlLCBhbmQgdGhlIGtleWZyYW1lcy90aW1pbmcgZm9yIGJvdGggdGhlIGJhY2tkcm9wIGZhZGVcbiAqIGFuZCB0aGUgY29udGVudCBzbGlkZS5cbiAqXG4gKiBUaGUgZW50ZXIgYW5pbWF0aW9uIGlzIHB1cmUgQ1NTIHRoYXQgcGxheXMgb24gbW91bnQsIHNvIGl0IG5lZWRzIG5vIHN0YXRlLlxuICogVGhlIGV4aXQgZG9lczogdGhlIGNvbnN1bWVyIGRyaXZlcyBgaXNWaXNpYmxlYCwgYW5kIHdoZW4gaXQgZmxpcHMgdG8gYGZhbHNlYFxuICogdGhlIG5vZGUgc3RheXMgbW91bnRlZCAoYGlzTGVhdmluZyA9PT0gdHJ1ZWAsIHRyYWNrZWQgaW50ZXJuYWxseSkgdW50aWwgdGhlXG4gKiBleGl0IGFuaW1hdGlvbiBlbmRzLCB0aGVuIGBvblVubW91bnRgIGZpcmVzLiBBIGB1c2VMYXlvdXRFZmZlY3RgIGZsaXBzIGludG9cbiAqIHRoZSBjbG9zaW5nIHN0YXRlIGJlZm9yZSBwYWludCBzbyB0aGUgbm9kZSBpc24ndCBkcm9wcGVkIGZvciBhIGZyYW1lLlxuICogUmVkdWNlZCBtb3Rpb24gdGVhcnMgZG93biBpbW1lZGlhdGVseSwgc2luY2Ugd2l0aCBubyBhbmltYXRpb24gdGhlcmUgaXMgbm9cbiAqIGBhbmltYXRpb25lbmRgIHRvIHdhaXQgZm9yLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRHJhd2VyQW5pbWF0aW9uKHtcbiAgaXNWaXNpYmxlLFxuICBvblVubW91bnQsXG4gIHBvc2l0aW9uWCxcbiAgcG9zaXRpb25ZLFxufToge1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIHBvc2l0aW9uWD86IEVkZ2VYO1xuICBwb3NpdGlvblk/OiBFZGdlWTtcbn0pOiBEcmF3ZXJBbmltYXRpb24ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHdpbmRvdyA9IHVzZVdpbmRvdygpO1xuICBjb25zdCBbaXNDbG9zaW5nLCBzZXRJc0Nsb3NpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB3YXNWaXNpYmxlID0gdXNlUmVmKGlzVmlzaWJsZSk7XG4gIGNvbnN0IGlzTGVhdmluZyA9IGlzQ2xvc2luZyAmJiAhaXNWaXNpYmxlO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKHdhc1Zpc2libGUuY3VycmVudCkge1xuICAgICAgaWYgKHByZWZlcnNSZWR1Y2VkTW90aW9uKHdpbmRvdykpIHtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldElzQ2xvc2luZyh0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gICAgd2FzVmlzaWJsZS5jdXJyZW50ID0gaXNWaXNpYmxlO1xuICB9LCBbaXNWaXNpYmxlLCBvblVubW91bnQsIHdpbmRvd10pO1xuXG4gIGNvbnN0IG9uQW5pbWF0aW9uRW5kID0gdXNlQ2FsbGJhY2s8QW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBJZ25vcmUgYW5pbWF0aW9ucyBidWJibGluZyB1cCBmcm9tIGNoaWxkcmVuOiBvbmx5IHRoZSBub2RlJ3Mgb3duIGV4aXRcbiAgICAgIC8vIGFuaW1hdGlvbiBzaG91bGQgdHJpZ2dlciB0ZWFyZG93bi5cbiAgICAgIGlmIChldmVudC50YXJnZXQgIT09IGV2ZW50LmN1cnJlbnRUYXJnZXQpIHJldHVybjtcbiAgICAgIGlmIChpc0xlYXZpbmcpIHtcbiAgICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0xlYXZpbmcsIG9uVW5tb3VudF1cbiAgKTtcblxuICBjb25zdCByZXN0WCA9IHJlc3RpbmdUcmFuc2xhdGUocG9zaXRpb25YKTtcbiAgY29uc3QgcmVzdFkgPSByZXN0aW5nVHJhbnNsYXRlKHBvc2l0aW9uWSk7XG4gIGNvbnN0IHsgeDogZnJvbVgsIHk6IGZyb21ZIH0gPSBzbGlkZU9mZnNldChcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIHJlc3RYLFxuICAgIHJlc3RZXG4gICk7XG4gIGNvbnN0IGNvbnRlbnRUcmFuc2Zvcm0gPSBgdHJhbnNsYXRlKCR7cmVzdFh9LCAke3Jlc3RZfSlgO1xuICBjb25zdCBvZmZzY3JlZW4gPSBgdHJhbnNsYXRlKCR7ZnJvbVh9LCAke2Zyb21ZfSlgO1xuICBjb25zdCBzbGlkZUluID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7b2Zmc2NyZWVufTsgfVxuICAgIHRvIHsgdHJhbnNmb3JtOiAke2NvbnRlbnRUcmFuc2Zvcm19OyB9XG4gIGA7XG4gIGNvbnN0IHNsaWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7Y29udGVudFRyYW5zZm9ybX07IH1cbiAgICB0byB7IHRyYW5zZm9ybTogJHtvZmZzY3JlZW59OyB9XG4gIGA7XG4gIGNvbnN0IHsgZHVyYXRpb246IHNsaWRlRHVyYXRpb24sIHRpbWluZ0Z1bmN0aW9uOiBzbGlkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW47XG5cbiAgY29uc3QgeyBoaWRkZW4sIHZpc2libGUgfSA9IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5O1xuICBjb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7IG9wYWNpdHk6ICR7aGlkZGVufTsgfVxuICAgIHRvIHsgb3BhY2l0eTogJHt2aXNpYmxlfTsgfVxuICBgO1xuICBjb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyBvcGFjaXR5OiAke3Zpc2libGV9OyB9XG4gICAgdG8geyBvcGFjaXR5OiAke2hpZGRlbn07IH1cbiAgYDtcbiAgY29uc3QgeyBkdXJhdGlvbjogZmFkZUR1cmF0aW9uLCB0aW1pbmdGdW5jdGlvbjogZmFkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3BlbjtcblxuICByZXR1cm4ge1xuICAgIGlzTW91bnRlZDogaXNWaXNpYmxlIHx8IGlzQ2xvc2luZyxcbiAgICBvbkFuaW1hdGlvbkVuZCxcbiAgICBjb250ZW50VHJhbnNmb3JtLFxuICAgIGNvbnRlbnRBbmltYXRpb246IGAke1xuICAgICAgaXNMZWF2aW5nID8gc2xpZGVPdXQgOiBzbGlkZUluXG4gICAgfSAke3NsaWRlRHVyYXRpb259ICR7c2xpZGVFYXNpbmd9IGJvdGhgLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uOiBgJHtcbiAgICAgIGlzTGVhdmluZyA/IGZhZGVPdXQgOiBmYWRlSW5cbiAgICB9ICR7ZmFkZUR1cmF0aW9ufSAke2ZhZGVFYXNpbmd9IGJvdGhgLFxuICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNIa0IifQ== */"),slideOut=keyframes("from{transform:",contentTransform,";}to{transform:",offscreen,";}","slideOut","/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB0eXBlIEFuaW1hdGlvbkV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBrZXlmcmFtZXMsIHVzZVRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VXaW5kb3cgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZVdpbmRvd1wiO1xuXG5leHBvcnQgdHlwZSBFZGdlWCA9IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgRWRnZVkgPSBcInRvcFwiIHwgXCJib3R0b21cIjtcblxuZnVuY3Rpb24gcHJlZmVyc1JlZHVjZWRNb3Rpb24od2luZG93OiBXaW5kb3cpOiBib29sZWFuIHtcbiAgcmV0dXJuICEhd2luZG93Lm1hdGNoTWVkaWE/LihcIihwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpXCIpPy5tYXRjaGVzO1xufVxuXG4vLyAwJSB3aGVuIHBpbm5lZCB0byBhbiBlZGdlIChhbHJlYWR5IHBvc2l0aW9uZWQgdmlhIGxlZnQvcmlnaHQvdG9wL2JvdHRvbSksXG4vLyAtNTAlIHdoZW4gY2VudGVyZWQgKG5lZWRzIHRoZSB0cmFuc2xhdGUgdG8gcmVjZW50ZXIgaXQpLlxuZnVuY3Rpb24gcmVzdGluZ1RyYW5zbGF0ZShlZGdlPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIGVkZ2UgPyBcIjAlXCIgOiBcIi01MCVcIjtcbn1cblxuLy8gVGhlIGRyYXdlciBzbGlkZXMgaW4gZnJvbSB3aGljaGV2ZXIgZWRnZSBpdCdzIHBpbm5lZCB0bzsgWCB3aW5zIG92ZXIgWSB3aGVuXG4vLyBib3RoIGFyZSBzZXQgKGNvcm5lciBwaW4pLiBBIGNlbnRlcmVkIGRyYXdlciAobmVpdGhlciBzZXQpIGRvZXNuJ3Qgc2xpZGUg4oCUXG4vLyBpdCBvbmx5IGZhZGVzLlxuZnVuY3Rpb24gc2xpZGVPZmZzZXQoXG4gIHBvc2l0aW9uWDogRWRnZVggfCB1bmRlZmluZWQsXG4gIHBvc2l0aW9uWTogRWRnZVkgfCB1bmRlZmluZWQsXG4gIHJlc3RYOiBzdHJpbmcsXG4gIHJlc3RZOiBzdHJpbmdcbik6IHsgeDogc3RyaW5nOyB5OiBzdHJpbmcgfSB7XG4gIGlmIChwb3NpdGlvblggPT09IFwibGVmdFwiKSByZXR1cm4geyB4OiBcIi0xMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblggPT09IFwicmlnaHRcIikgcmV0dXJuIHsgeDogXCIxMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblkgPT09IFwidG9wXCIpIHJldHVybiB7IHg6IHJlc3RYLCB5OiBcIi0xMDAlXCIgfTtcbiAgaWYgKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIikgcmV0dXJuIHsgeDogcmVzdFgsIHk6IFwiMTAwJVwiIH07XG4gIHJldHVybiB7IHg6IHJlc3RYLCB5OiByZXN0WSB9O1xufVxuXG5leHBvcnQgdHlwZSBEcmF3ZXJBbmltYXRpb24gPSB7XG4gIC8qKiBXaGV0aGVyIHRoZSBub2RlIHNob3VsZCByZW5kZXIgYXQgYWxsIChlbnRlcmluZywgcHJlc2VudCwgb3IgbWlkLWV4aXQpLiAqL1xuICBpc01vdW50ZWQ6IGJvb2xlYW47XG4gIC8qKiBBdHRhY2ggdG8gdGhlIGFuaW1hdGVkIGNvbnRlbnQgbm9kZTsgdGVhcnMgaXQgZG93biBvbmNlIGl0cyBleGl0IGFuaW1hdGlvbiBlbmRzLiAqL1xuICBvbkFuaW1hdGlvbkVuZDogQW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PjtcbiAgLyoqIENTUyBgYW5pbWF0aW9uYCBzaG9ydGhhbmQgZm9yIHRoZSBiYWNrZHJvcCdzIGZhZGUuICovXG4gIGJhY2tkcm9wQW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBDU1MgYGFuaW1hdGlvbmAgc2hvcnRoYW5kIGZvciB0aGUgY29udGVudCdzIHNsaWRlLiAqL1xuICBjb250ZW50QW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBSZXN0aW5nIGB0cmFuc2Zvcm1gIGZvciB0aGUgY29udGVudCwgYXBwbGllZCBvdXRzaWRlIHRoZSBhbmltYXRpb24gdG9vIHNvIGl0IGhvbGRzIGFmdGVyIHRoZSBhbmltYXRpb24gZW5kcy4gKi9cbiAgY29udGVudFRyYW5zZm9ybTogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBNYW5hZ2VzIGV2ZXJ5dGhpbmcgYW5pbWF0aW9uLXJlbGF0ZWQgZm9yIHRoZSBkcmF3ZXI6IHByZXNlbmNlIGFjcm9zcyB0aGVcbiAqIGVudGVyL2V4aXQgbGlmZWN5Y2xlLCBhbmQgdGhlIGtleWZyYW1lcy90aW1pbmcgZm9yIGJvdGggdGhlIGJhY2tkcm9wIGZhZGVcbiAqIGFuZCB0aGUgY29udGVudCBzbGlkZS5cbiAqXG4gKiBUaGUgZW50ZXIgYW5pbWF0aW9uIGlzIHB1cmUgQ1NTIHRoYXQgcGxheXMgb24gbW91bnQsIHNvIGl0IG5lZWRzIG5vIHN0YXRlLlxuICogVGhlIGV4aXQgZG9lczogdGhlIGNvbnN1bWVyIGRyaXZlcyBgaXNWaXNpYmxlYCwgYW5kIHdoZW4gaXQgZmxpcHMgdG8gYGZhbHNlYFxuICogdGhlIG5vZGUgc3RheXMgbW91bnRlZCAoYGlzTGVhdmluZyA9PT0gdHJ1ZWAsIHRyYWNrZWQgaW50ZXJuYWxseSkgdW50aWwgdGhlXG4gKiBleGl0IGFuaW1hdGlvbiBlbmRzLCB0aGVuIGBvblVubW91bnRgIGZpcmVzLiBBIGB1c2VMYXlvdXRFZmZlY3RgIGZsaXBzIGludG9cbiAqIHRoZSBjbG9zaW5nIHN0YXRlIGJlZm9yZSBwYWludCBzbyB0aGUgbm9kZSBpc24ndCBkcm9wcGVkIGZvciBhIGZyYW1lLlxuICogUmVkdWNlZCBtb3Rpb24gdGVhcnMgZG93biBpbW1lZGlhdGVseSwgc2luY2Ugd2l0aCBubyBhbmltYXRpb24gdGhlcmUgaXMgbm9cbiAqIGBhbmltYXRpb25lbmRgIHRvIHdhaXQgZm9yLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRHJhd2VyQW5pbWF0aW9uKHtcbiAgaXNWaXNpYmxlLFxuICBvblVubW91bnQsXG4gIHBvc2l0aW9uWCxcbiAgcG9zaXRpb25ZLFxufToge1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIHBvc2l0aW9uWD86IEVkZ2VYO1xuICBwb3NpdGlvblk/OiBFZGdlWTtcbn0pOiBEcmF3ZXJBbmltYXRpb24ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHdpbmRvdyA9IHVzZVdpbmRvdygpO1xuICBjb25zdCBbaXNDbG9zaW5nLCBzZXRJc0Nsb3NpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB3YXNWaXNpYmxlID0gdXNlUmVmKGlzVmlzaWJsZSk7XG4gIGNvbnN0IGlzTGVhdmluZyA9IGlzQ2xvc2luZyAmJiAhaXNWaXNpYmxlO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKHdhc1Zpc2libGUuY3VycmVudCkge1xuICAgICAgaWYgKHByZWZlcnNSZWR1Y2VkTW90aW9uKHdpbmRvdykpIHtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldElzQ2xvc2luZyh0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gICAgd2FzVmlzaWJsZS5jdXJyZW50ID0gaXNWaXNpYmxlO1xuICB9LCBbaXNWaXNpYmxlLCBvblVubW91bnQsIHdpbmRvd10pO1xuXG4gIGNvbnN0IG9uQW5pbWF0aW9uRW5kID0gdXNlQ2FsbGJhY2s8QW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBJZ25vcmUgYW5pbWF0aW9ucyBidWJibGluZyB1cCBmcm9tIGNoaWxkcmVuOiBvbmx5IHRoZSBub2RlJ3Mgb3duIGV4aXRcbiAgICAgIC8vIGFuaW1hdGlvbiBzaG91bGQgdHJpZ2dlciB0ZWFyZG93bi5cbiAgICAgIGlmIChldmVudC50YXJnZXQgIT09IGV2ZW50LmN1cnJlbnRUYXJnZXQpIHJldHVybjtcbiAgICAgIGlmIChpc0xlYXZpbmcpIHtcbiAgICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0xlYXZpbmcsIG9uVW5tb3VudF1cbiAgKTtcblxuICBjb25zdCByZXN0WCA9IHJlc3RpbmdUcmFuc2xhdGUocG9zaXRpb25YKTtcbiAgY29uc3QgcmVzdFkgPSByZXN0aW5nVHJhbnNsYXRlKHBvc2l0aW9uWSk7XG4gIGNvbnN0IHsgeDogZnJvbVgsIHk6IGZyb21ZIH0gPSBzbGlkZU9mZnNldChcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIHJlc3RYLFxuICAgIHJlc3RZXG4gICk7XG4gIGNvbnN0IGNvbnRlbnRUcmFuc2Zvcm0gPSBgdHJhbnNsYXRlKCR7cmVzdFh9LCAke3Jlc3RZfSlgO1xuICBjb25zdCBvZmZzY3JlZW4gPSBgdHJhbnNsYXRlKCR7ZnJvbVh9LCAke2Zyb21ZfSlgO1xuICBjb25zdCBzbGlkZUluID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7b2Zmc2NyZWVufTsgfVxuICAgIHRvIHsgdHJhbnNmb3JtOiAke2NvbnRlbnRUcmFuc2Zvcm19OyB9XG4gIGA7XG4gIGNvbnN0IHNsaWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7Y29udGVudFRyYW5zZm9ybX07IH1cbiAgICB0byB7IHRyYW5zZm9ybTogJHtvZmZzY3JlZW59OyB9XG4gIGA7XG4gIGNvbnN0IHsgZHVyYXRpb246IHNsaWRlRHVyYXRpb24sIHRpbWluZ0Z1bmN0aW9uOiBzbGlkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW47XG5cbiAgY29uc3QgeyBoaWRkZW4sIHZpc2libGUgfSA9IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5O1xuICBjb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7IG9wYWNpdHk6ICR7aGlkZGVufTsgfVxuICAgIHRvIHsgb3BhY2l0eTogJHt2aXNpYmxlfTsgfVxuICBgO1xuICBjb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyBvcGFjaXR5OiAke3Zpc2libGV9OyB9XG4gICAgdG8geyBvcGFjaXR5OiAke2hpZGRlbn07IH1cbiAgYDtcbiAgY29uc3QgeyBkdXJhdGlvbjogZmFkZUR1cmF0aW9uLCB0aW1pbmdGdW5jdGlvbjogZmFkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3BlbjtcblxuICByZXR1cm4ge1xuICAgIGlzTW91bnRlZDogaXNWaXNpYmxlIHx8IGlzQ2xvc2luZyxcbiAgICBvbkFuaW1hdGlvbkVuZCxcbiAgICBjb250ZW50VHJhbnNmb3JtLFxuICAgIGNvbnRlbnRBbmltYXRpb246IGAke1xuICAgICAgaXNMZWF2aW5nID8gc2xpZGVPdXQgOiBzbGlkZUluXG4gICAgfSAke3NsaWRlRHVyYXRpb259ICR7c2xpZGVFYXNpbmd9IGJvdGhgLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uOiBgJHtcbiAgICAgIGlzTGVhdmluZyA/IGZhZGVPdXQgOiBmYWRlSW5cbiAgICB9ICR7ZmFkZUR1cmF0aW9ufSAke2ZhZGVFYXNpbmd9IGJvdGhgLFxuICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBIbUIifQ== */"),{duration:slideDuration,timingFunction:slideEasing}=theme.variables.animation.navSlide.open,{hidden,visible}=theme.variables.opacity,fadeIn=keyframes("from{opacity:",hidden,";}to{opacity:",visible,";}","fadeIn","/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB0eXBlIEFuaW1hdGlvbkV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBrZXlmcmFtZXMsIHVzZVRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VXaW5kb3cgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZVdpbmRvd1wiO1xuXG5leHBvcnQgdHlwZSBFZGdlWCA9IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgRWRnZVkgPSBcInRvcFwiIHwgXCJib3R0b21cIjtcblxuZnVuY3Rpb24gcHJlZmVyc1JlZHVjZWRNb3Rpb24od2luZG93OiBXaW5kb3cpOiBib29sZWFuIHtcbiAgcmV0dXJuICEhd2luZG93Lm1hdGNoTWVkaWE/LihcIihwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpXCIpPy5tYXRjaGVzO1xufVxuXG4vLyAwJSB3aGVuIHBpbm5lZCB0byBhbiBlZGdlIChhbHJlYWR5IHBvc2l0aW9uZWQgdmlhIGxlZnQvcmlnaHQvdG9wL2JvdHRvbSksXG4vLyAtNTAlIHdoZW4gY2VudGVyZWQgKG5lZWRzIHRoZSB0cmFuc2xhdGUgdG8gcmVjZW50ZXIgaXQpLlxuZnVuY3Rpb24gcmVzdGluZ1RyYW5zbGF0ZShlZGdlPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIGVkZ2UgPyBcIjAlXCIgOiBcIi01MCVcIjtcbn1cblxuLy8gVGhlIGRyYXdlciBzbGlkZXMgaW4gZnJvbSB3aGljaGV2ZXIgZWRnZSBpdCdzIHBpbm5lZCB0bzsgWCB3aW5zIG92ZXIgWSB3aGVuXG4vLyBib3RoIGFyZSBzZXQgKGNvcm5lciBwaW4pLiBBIGNlbnRlcmVkIGRyYXdlciAobmVpdGhlciBzZXQpIGRvZXNuJ3Qgc2xpZGUg4oCUXG4vLyBpdCBvbmx5IGZhZGVzLlxuZnVuY3Rpb24gc2xpZGVPZmZzZXQoXG4gIHBvc2l0aW9uWDogRWRnZVggfCB1bmRlZmluZWQsXG4gIHBvc2l0aW9uWTogRWRnZVkgfCB1bmRlZmluZWQsXG4gIHJlc3RYOiBzdHJpbmcsXG4gIHJlc3RZOiBzdHJpbmdcbik6IHsgeDogc3RyaW5nOyB5OiBzdHJpbmcgfSB7XG4gIGlmIChwb3NpdGlvblggPT09IFwibGVmdFwiKSByZXR1cm4geyB4OiBcIi0xMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblggPT09IFwicmlnaHRcIikgcmV0dXJuIHsgeDogXCIxMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblkgPT09IFwidG9wXCIpIHJldHVybiB7IHg6IHJlc3RYLCB5OiBcIi0xMDAlXCIgfTtcbiAgaWYgKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIikgcmV0dXJuIHsgeDogcmVzdFgsIHk6IFwiMTAwJVwiIH07XG4gIHJldHVybiB7IHg6IHJlc3RYLCB5OiByZXN0WSB9O1xufVxuXG5leHBvcnQgdHlwZSBEcmF3ZXJBbmltYXRpb24gPSB7XG4gIC8qKiBXaGV0aGVyIHRoZSBub2RlIHNob3VsZCByZW5kZXIgYXQgYWxsIChlbnRlcmluZywgcHJlc2VudCwgb3IgbWlkLWV4aXQpLiAqL1xuICBpc01vdW50ZWQ6IGJvb2xlYW47XG4gIC8qKiBBdHRhY2ggdG8gdGhlIGFuaW1hdGVkIGNvbnRlbnQgbm9kZTsgdGVhcnMgaXQgZG93biBvbmNlIGl0cyBleGl0IGFuaW1hdGlvbiBlbmRzLiAqL1xuICBvbkFuaW1hdGlvbkVuZDogQW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PjtcbiAgLyoqIENTUyBgYW5pbWF0aW9uYCBzaG9ydGhhbmQgZm9yIHRoZSBiYWNrZHJvcCdzIGZhZGUuICovXG4gIGJhY2tkcm9wQW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBDU1MgYGFuaW1hdGlvbmAgc2hvcnRoYW5kIGZvciB0aGUgY29udGVudCdzIHNsaWRlLiAqL1xuICBjb250ZW50QW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBSZXN0aW5nIGB0cmFuc2Zvcm1gIGZvciB0aGUgY29udGVudCwgYXBwbGllZCBvdXRzaWRlIHRoZSBhbmltYXRpb24gdG9vIHNvIGl0IGhvbGRzIGFmdGVyIHRoZSBhbmltYXRpb24gZW5kcy4gKi9cbiAgY29udGVudFRyYW5zZm9ybTogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBNYW5hZ2VzIGV2ZXJ5dGhpbmcgYW5pbWF0aW9uLXJlbGF0ZWQgZm9yIHRoZSBkcmF3ZXI6IHByZXNlbmNlIGFjcm9zcyB0aGVcbiAqIGVudGVyL2V4aXQgbGlmZWN5Y2xlLCBhbmQgdGhlIGtleWZyYW1lcy90aW1pbmcgZm9yIGJvdGggdGhlIGJhY2tkcm9wIGZhZGVcbiAqIGFuZCB0aGUgY29udGVudCBzbGlkZS5cbiAqXG4gKiBUaGUgZW50ZXIgYW5pbWF0aW9uIGlzIHB1cmUgQ1NTIHRoYXQgcGxheXMgb24gbW91bnQsIHNvIGl0IG5lZWRzIG5vIHN0YXRlLlxuICogVGhlIGV4aXQgZG9lczogdGhlIGNvbnN1bWVyIGRyaXZlcyBgaXNWaXNpYmxlYCwgYW5kIHdoZW4gaXQgZmxpcHMgdG8gYGZhbHNlYFxuICogdGhlIG5vZGUgc3RheXMgbW91bnRlZCAoYGlzTGVhdmluZyA9PT0gdHJ1ZWAsIHRyYWNrZWQgaW50ZXJuYWxseSkgdW50aWwgdGhlXG4gKiBleGl0IGFuaW1hdGlvbiBlbmRzLCB0aGVuIGBvblVubW91bnRgIGZpcmVzLiBBIGB1c2VMYXlvdXRFZmZlY3RgIGZsaXBzIGludG9cbiAqIHRoZSBjbG9zaW5nIHN0YXRlIGJlZm9yZSBwYWludCBzbyB0aGUgbm9kZSBpc24ndCBkcm9wcGVkIGZvciBhIGZyYW1lLlxuICogUmVkdWNlZCBtb3Rpb24gdGVhcnMgZG93biBpbW1lZGlhdGVseSwgc2luY2Ugd2l0aCBubyBhbmltYXRpb24gdGhlcmUgaXMgbm9cbiAqIGBhbmltYXRpb25lbmRgIHRvIHdhaXQgZm9yLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRHJhd2VyQW5pbWF0aW9uKHtcbiAgaXNWaXNpYmxlLFxuICBvblVubW91bnQsXG4gIHBvc2l0aW9uWCxcbiAgcG9zaXRpb25ZLFxufToge1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIHBvc2l0aW9uWD86IEVkZ2VYO1xuICBwb3NpdGlvblk/OiBFZGdlWTtcbn0pOiBEcmF3ZXJBbmltYXRpb24ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHdpbmRvdyA9IHVzZVdpbmRvdygpO1xuICBjb25zdCBbaXNDbG9zaW5nLCBzZXRJc0Nsb3NpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB3YXNWaXNpYmxlID0gdXNlUmVmKGlzVmlzaWJsZSk7XG4gIGNvbnN0IGlzTGVhdmluZyA9IGlzQ2xvc2luZyAmJiAhaXNWaXNpYmxlO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKHdhc1Zpc2libGUuY3VycmVudCkge1xuICAgICAgaWYgKHByZWZlcnNSZWR1Y2VkTW90aW9uKHdpbmRvdykpIHtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldElzQ2xvc2luZyh0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gICAgd2FzVmlzaWJsZS5jdXJyZW50ID0gaXNWaXNpYmxlO1xuICB9LCBbaXNWaXNpYmxlLCBvblVubW91bnQsIHdpbmRvd10pO1xuXG4gIGNvbnN0IG9uQW5pbWF0aW9uRW5kID0gdXNlQ2FsbGJhY2s8QW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBJZ25vcmUgYW5pbWF0aW9ucyBidWJibGluZyB1cCBmcm9tIGNoaWxkcmVuOiBvbmx5IHRoZSBub2RlJ3Mgb3duIGV4aXRcbiAgICAgIC8vIGFuaW1hdGlvbiBzaG91bGQgdHJpZ2dlciB0ZWFyZG93bi5cbiAgICAgIGlmIChldmVudC50YXJnZXQgIT09IGV2ZW50LmN1cnJlbnRUYXJnZXQpIHJldHVybjtcbiAgICAgIGlmIChpc0xlYXZpbmcpIHtcbiAgICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0xlYXZpbmcsIG9uVW5tb3VudF1cbiAgKTtcblxuICBjb25zdCByZXN0WCA9IHJlc3RpbmdUcmFuc2xhdGUocG9zaXRpb25YKTtcbiAgY29uc3QgcmVzdFkgPSByZXN0aW5nVHJhbnNsYXRlKHBvc2l0aW9uWSk7XG4gIGNvbnN0IHsgeDogZnJvbVgsIHk6IGZyb21ZIH0gPSBzbGlkZU9mZnNldChcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIHJlc3RYLFxuICAgIHJlc3RZXG4gICk7XG4gIGNvbnN0IGNvbnRlbnRUcmFuc2Zvcm0gPSBgdHJhbnNsYXRlKCR7cmVzdFh9LCAke3Jlc3RZfSlgO1xuICBjb25zdCBvZmZzY3JlZW4gPSBgdHJhbnNsYXRlKCR7ZnJvbVh9LCAke2Zyb21ZfSlgO1xuICBjb25zdCBzbGlkZUluID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7b2Zmc2NyZWVufTsgfVxuICAgIHRvIHsgdHJhbnNmb3JtOiAke2NvbnRlbnRUcmFuc2Zvcm19OyB9XG4gIGA7XG4gIGNvbnN0IHNsaWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7Y29udGVudFRyYW5zZm9ybX07IH1cbiAgICB0byB7IHRyYW5zZm9ybTogJHtvZmZzY3JlZW59OyB9XG4gIGA7XG4gIGNvbnN0IHsgZHVyYXRpb246IHNsaWRlRHVyYXRpb24sIHRpbWluZ0Z1bmN0aW9uOiBzbGlkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW47XG5cbiAgY29uc3QgeyBoaWRkZW4sIHZpc2libGUgfSA9IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5O1xuICBjb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7IG9wYWNpdHk6ICR7aGlkZGVufTsgfVxuICAgIHRvIHsgb3BhY2l0eTogJHt2aXNpYmxlfTsgfVxuICBgO1xuICBjb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyBvcGFjaXR5OiAke3Zpc2libGV9OyB9XG4gICAgdG8geyBvcGFjaXR5OiAke2hpZGRlbn07IH1cbiAgYDtcbiAgY29uc3QgeyBkdXJhdGlvbjogZmFkZUR1cmF0aW9uLCB0aW1pbmdGdW5jdGlvbjogZmFkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3BlbjtcblxuICByZXR1cm4ge1xuICAgIGlzTW91bnRlZDogaXNWaXNpYmxlIHx8IGlzQ2xvc2luZyxcbiAgICBvbkFuaW1hdGlvbkVuZCxcbiAgICBjb250ZW50VHJhbnNmb3JtLFxuICAgIGNvbnRlbnRBbmltYXRpb246IGAke1xuICAgICAgaXNMZWF2aW5nID8gc2xpZGVPdXQgOiBzbGlkZUluXG4gICAgfSAke3NsaWRlRHVyYXRpb259ICR7c2xpZGVFYXNpbmd9IGJvdGhgLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uOiBgJHtcbiAgICAgIGlzTGVhdmluZyA/IGZhZGVPdXQgOiBmYWRlSW5cbiAgICB9ICR7ZmFkZUR1cmF0aW9ufSAke2ZhZGVFYXNpbmd9IGJvdGhgLFxuICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtJaUIifQ== */"),fadeOut=keyframes("from{opacity:",visible,";}to{opacity:",hidden,";}","fadeOut","/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvRHJhd2VyL3VzZURyYXdlckFuaW1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB1c2VDYWxsYmFjayxcbiAgdXNlTGF5b3V0RWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB0eXBlIEFuaW1hdGlvbkV2ZW50SGFuZGxlcixcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBrZXlmcmFtZXMsIHVzZVRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VXaW5kb3cgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZVdpbmRvd1wiO1xuXG5leHBvcnQgdHlwZSBFZGdlWCA9IFwibGVmdFwiIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgRWRnZVkgPSBcInRvcFwiIHwgXCJib3R0b21cIjtcblxuZnVuY3Rpb24gcHJlZmVyc1JlZHVjZWRNb3Rpb24od2luZG93OiBXaW5kb3cpOiBib29sZWFuIHtcbiAgcmV0dXJuICEhd2luZG93Lm1hdGNoTWVkaWE/LihcIihwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpXCIpPy5tYXRjaGVzO1xufVxuXG4vLyAwJSB3aGVuIHBpbm5lZCB0byBhbiBlZGdlIChhbHJlYWR5IHBvc2l0aW9uZWQgdmlhIGxlZnQvcmlnaHQvdG9wL2JvdHRvbSksXG4vLyAtNTAlIHdoZW4gY2VudGVyZWQgKG5lZWRzIHRoZSB0cmFuc2xhdGUgdG8gcmVjZW50ZXIgaXQpLlxuZnVuY3Rpb24gcmVzdGluZ1RyYW5zbGF0ZShlZGdlPzogc3RyaW5nKTogc3RyaW5nIHtcbiAgcmV0dXJuIGVkZ2UgPyBcIjAlXCIgOiBcIi01MCVcIjtcbn1cblxuLy8gVGhlIGRyYXdlciBzbGlkZXMgaW4gZnJvbSB3aGljaGV2ZXIgZWRnZSBpdCdzIHBpbm5lZCB0bzsgWCB3aW5zIG92ZXIgWSB3aGVuXG4vLyBib3RoIGFyZSBzZXQgKGNvcm5lciBwaW4pLiBBIGNlbnRlcmVkIGRyYXdlciAobmVpdGhlciBzZXQpIGRvZXNuJ3Qgc2xpZGUg4oCUXG4vLyBpdCBvbmx5IGZhZGVzLlxuZnVuY3Rpb24gc2xpZGVPZmZzZXQoXG4gIHBvc2l0aW9uWDogRWRnZVggfCB1bmRlZmluZWQsXG4gIHBvc2l0aW9uWTogRWRnZVkgfCB1bmRlZmluZWQsXG4gIHJlc3RYOiBzdHJpbmcsXG4gIHJlc3RZOiBzdHJpbmdcbik6IHsgeDogc3RyaW5nOyB5OiBzdHJpbmcgfSB7XG4gIGlmIChwb3NpdGlvblggPT09IFwibGVmdFwiKSByZXR1cm4geyB4OiBcIi0xMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblggPT09IFwicmlnaHRcIikgcmV0dXJuIHsgeDogXCIxMDAlXCIsIHk6IHJlc3RZIH07XG4gIGlmIChwb3NpdGlvblkgPT09IFwidG9wXCIpIHJldHVybiB7IHg6IHJlc3RYLCB5OiBcIi0xMDAlXCIgfTtcbiAgaWYgKHBvc2l0aW9uWSA9PT0gXCJib3R0b21cIikgcmV0dXJuIHsgeDogcmVzdFgsIHk6IFwiMTAwJVwiIH07XG4gIHJldHVybiB7IHg6IHJlc3RYLCB5OiByZXN0WSB9O1xufVxuXG5leHBvcnQgdHlwZSBEcmF3ZXJBbmltYXRpb24gPSB7XG4gIC8qKiBXaGV0aGVyIHRoZSBub2RlIHNob3VsZCByZW5kZXIgYXQgYWxsIChlbnRlcmluZywgcHJlc2VudCwgb3IgbWlkLWV4aXQpLiAqL1xuICBpc01vdW50ZWQ6IGJvb2xlYW47XG4gIC8qKiBBdHRhY2ggdG8gdGhlIGFuaW1hdGVkIGNvbnRlbnQgbm9kZTsgdGVhcnMgaXQgZG93biBvbmNlIGl0cyBleGl0IGFuaW1hdGlvbiBlbmRzLiAqL1xuICBvbkFuaW1hdGlvbkVuZDogQW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50PjtcbiAgLyoqIENTUyBgYW5pbWF0aW9uYCBzaG9ydGhhbmQgZm9yIHRoZSBiYWNrZHJvcCdzIGZhZGUuICovXG4gIGJhY2tkcm9wQW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBDU1MgYGFuaW1hdGlvbmAgc2hvcnRoYW5kIGZvciB0aGUgY29udGVudCdzIHNsaWRlLiAqL1xuICBjb250ZW50QW5pbWF0aW9uOiBzdHJpbmc7XG4gIC8qKiBSZXN0aW5nIGB0cmFuc2Zvcm1gIGZvciB0aGUgY29udGVudCwgYXBwbGllZCBvdXRzaWRlIHRoZSBhbmltYXRpb24gdG9vIHNvIGl0IGhvbGRzIGFmdGVyIHRoZSBhbmltYXRpb24gZW5kcy4gKi9cbiAgY29udGVudFRyYW5zZm9ybTogc3RyaW5nO1xufTtcblxuLyoqXG4gKiBNYW5hZ2VzIGV2ZXJ5dGhpbmcgYW5pbWF0aW9uLXJlbGF0ZWQgZm9yIHRoZSBkcmF3ZXI6IHByZXNlbmNlIGFjcm9zcyB0aGVcbiAqIGVudGVyL2V4aXQgbGlmZWN5Y2xlLCBhbmQgdGhlIGtleWZyYW1lcy90aW1pbmcgZm9yIGJvdGggdGhlIGJhY2tkcm9wIGZhZGVcbiAqIGFuZCB0aGUgY29udGVudCBzbGlkZS5cbiAqXG4gKiBUaGUgZW50ZXIgYW5pbWF0aW9uIGlzIHB1cmUgQ1NTIHRoYXQgcGxheXMgb24gbW91bnQsIHNvIGl0IG5lZWRzIG5vIHN0YXRlLlxuICogVGhlIGV4aXQgZG9lczogdGhlIGNvbnN1bWVyIGRyaXZlcyBgaXNWaXNpYmxlYCwgYW5kIHdoZW4gaXQgZmxpcHMgdG8gYGZhbHNlYFxuICogdGhlIG5vZGUgc3RheXMgbW91bnRlZCAoYGlzTGVhdmluZyA9PT0gdHJ1ZWAsIHRyYWNrZWQgaW50ZXJuYWxseSkgdW50aWwgdGhlXG4gKiBleGl0IGFuaW1hdGlvbiBlbmRzLCB0aGVuIGBvblVubW91bnRgIGZpcmVzLiBBIGB1c2VMYXlvdXRFZmZlY3RgIGZsaXBzIGludG9cbiAqIHRoZSBjbG9zaW5nIHN0YXRlIGJlZm9yZSBwYWludCBzbyB0aGUgbm9kZSBpc24ndCBkcm9wcGVkIGZvciBhIGZyYW1lLlxuICogUmVkdWNlZCBtb3Rpb24gdGVhcnMgZG93biBpbW1lZGlhdGVseSwgc2luY2Ugd2l0aCBubyBhbmltYXRpb24gdGhlcmUgaXMgbm9cbiAqIGBhbmltYXRpb25lbmRgIHRvIHdhaXQgZm9yLlxuICovXG5leHBvcnQgZnVuY3Rpb24gdXNlRHJhd2VyQW5pbWF0aW9uKHtcbiAgaXNWaXNpYmxlLFxuICBvblVubW91bnQsXG4gIHBvc2l0aW9uWCxcbiAgcG9zaXRpb25ZLFxufToge1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIG9uVW5tb3VudD86ICgpID0+IHZvaWQ7XG4gIHBvc2l0aW9uWD86IEVkZ2VYO1xuICBwb3NpdGlvblk/OiBFZGdlWTtcbn0pOiBEcmF3ZXJBbmltYXRpb24ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHdpbmRvdyA9IHVzZVdpbmRvdygpO1xuICBjb25zdCBbaXNDbG9zaW5nLCBzZXRJc0Nsb3NpbmddID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCB3YXNWaXNpYmxlID0gdXNlUmVmKGlzVmlzaWJsZSk7XG4gIGNvbnN0IGlzTGVhdmluZyA9IGlzQ2xvc2luZyAmJiAhaXNWaXNpYmxlO1xuXG4gIHVzZUxheW91dEVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzVmlzaWJsZSkge1xuICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICB9IGVsc2UgaWYgKHdhc1Zpc2libGUuY3VycmVudCkge1xuICAgICAgaWYgKHByZWZlcnNSZWR1Y2VkTW90aW9uKHdpbmRvdykpIHtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldElzQ2xvc2luZyh0cnVlKTtcbiAgICAgIH1cbiAgICB9XG4gICAgd2FzVmlzaWJsZS5jdXJyZW50ID0gaXNWaXNpYmxlO1xuICB9LCBbaXNWaXNpYmxlLCBvblVubW91bnQsIHdpbmRvd10pO1xuXG4gIGNvbnN0IG9uQW5pbWF0aW9uRW5kID0gdXNlQ2FsbGJhY2s8QW5pbWF0aW9uRXZlbnRIYW5kbGVyPEhUTUxFbGVtZW50Pj4oXG4gICAgKGV2ZW50KSA9PiB7XG4gICAgICAvLyBJZ25vcmUgYW5pbWF0aW9ucyBidWJibGluZyB1cCBmcm9tIGNoaWxkcmVuOiBvbmx5IHRoZSBub2RlJ3Mgb3duIGV4aXRcbiAgICAgIC8vIGFuaW1hdGlvbiBzaG91bGQgdHJpZ2dlciB0ZWFyZG93bi5cbiAgICAgIGlmIChldmVudC50YXJnZXQgIT09IGV2ZW50LmN1cnJlbnRUYXJnZXQpIHJldHVybjtcbiAgICAgIGlmIChpc0xlYXZpbmcpIHtcbiAgICAgICAgc2V0SXNDbG9zaW5nKGZhbHNlKTtcbiAgICAgICAgb25Vbm1vdW50Py4oKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc0xlYXZpbmcsIG9uVW5tb3VudF1cbiAgKTtcblxuICBjb25zdCByZXN0WCA9IHJlc3RpbmdUcmFuc2xhdGUocG9zaXRpb25YKTtcbiAgY29uc3QgcmVzdFkgPSByZXN0aW5nVHJhbnNsYXRlKHBvc2l0aW9uWSk7XG4gIGNvbnN0IHsgeDogZnJvbVgsIHk6IGZyb21ZIH0gPSBzbGlkZU9mZnNldChcbiAgICBwb3NpdGlvblgsXG4gICAgcG9zaXRpb25ZLFxuICAgIHJlc3RYLFxuICAgIHJlc3RZXG4gICk7XG4gIGNvbnN0IGNvbnRlbnRUcmFuc2Zvcm0gPSBgdHJhbnNsYXRlKCR7cmVzdFh9LCAke3Jlc3RZfSlgO1xuICBjb25zdCBvZmZzY3JlZW4gPSBgdHJhbnNsYXRlKCR7ZnJvbVh9LCAke2Zyb21ZfSlgO1xuICBjb25zdCBzbGlkZUluID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7b2Zmc2NyZWVufTsgfVxuICAgIHRvIHsgdHJhbnNmb3JtOiAke2NvbnRlbnRUcmFuc2Zvcm19OyB9XG4gIGA7XG4gIGNvbnN0IHNsaWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyB0cmFuc2Zvcm06ICR7Y29udGVudFRyYW5zZm9ybX07IH1cbiAgICB0byB7IHRyYW5zZm9ybTogJHtvZmZzY3JlZW59OyB9XG4gIGA7XG4gIGNvbnN0IHsgZHVyYXRpb246IHNsaWRlRHVyYXRpb24sIHRpbWluZ0Z1bmN0aW9uOiBzbGlkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW47XG5cbiAgY29uc3QgeyBoaWRkZW4sIHZpc2libGUgfSA9IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5O1xuICBjb25zdCBmYWRlSW4gPSBrZXlmcmFtZXNgXG4gICAgZnJvbSB7IG9wYWNpdHk6ICR7aGlkZGVufTsgfVxuICAgIHRvIHsgb3BhY2l0eTogJHt2aXNpYmxlfTsgfVxuICBgO1xuICBjb25zdCBmYWRlT3V0ID0ga2V5ZnJhbWVzYFxuICAgIGZyb20geyBvcGFjaXR5OiAke3Zpc2libGV9OyB9XG4gICAgdG8geyBvcGFjaXR5OiAke2hpZGRlbn07IH1cbiAgYDtcbiAgY29uc3QgeyBkdXJhdGlvbjogZmFkZUR1cmF0aW9uLCB0aW1pbmdGdW5jdGlvbjogZmFkZUVhc2luZyB9ID1cbiAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3BlbjtcblxuICByZXR1cm4ge1xuICAgIGlzTW91bnRlZDogaXNWaXNpYmxlIHx8IGlzQ2xvc2luZyxcbiAgICBvbkFuaW1hdGlvbkVuZCxcbiAgICBjb250ZW50VHJhbnNmb3JtLFxuICAgIGNvbnRlbnRBbmltYXRpb246IGAke1xuICAgICAgaXNMZWF2aW5nID8gc2xpZGVPdXQgOiBzbGlkZUluXG4gICAgfSAke3NsaWRlRHVyYXRpb259ICR7c2xpZGVFYXNpbmd9IGJvdGhgLFxuICAgIGJhY2tkcm9wQW5pbWF0aW9uOiBgJHtcbiAgICAgIGlzTGVhdmluZyA/IGZhZGVPdXQgOiBmYWRlSW5cbiAgICB9ICR7ZmFkZUR1cmF0aW9ufSAke2ZhZGVFYXNpbmd9IGJvdGhgLFxuICB9O1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNJa0IifQ== */"),{duration:fadeDuration,timingFunction:fadeEasing}=theme.variables.animation.modalBackdrop.open;return{isMounted:isVisible||isClosing,onAnimationEnd,contentTransform,contentAnimation:`${isLeaving?slideOut:slideIn} ${slideDuration} ${slideEasing} both`,backdropAnimation:`${isLeaving?fadeOut:fadeIn} ${fadeDuration} ${fadeEasing} both`}}
+import{useCallback,useLayoutEffect,useRef,useState}from"react";import{useWindow}from"../../../shared/useWindow";export function useDrawerAnimation({isVisible,onUnmount}){let window=useWindow(),[isClosing,setIsClosing]=useState(!1),wasVisible=useRef(isVisible),isLeaving=isClosing&&!isVisible;useLayoutEffect(()=>{if(isVisible)setIsClosing(!1);else wasVisible.current&&(window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches?onUnmount?.():setIsClosing(!0));wasVisible.current=isVisible},[isVisible,onUnmount,window]);let onAnimationEnd=useCallback(event=>{event.target===event.currentTarget&&isLeaving&&(setIsClosing(!1),onUnmount?.())},[isLeaving,onUnmount]);return{isMounted:isVisible||isClosing,isLeaving,onAnimationEnd}}

package/build/esm/components/Internal/PanelHeader/PanelHeader.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+import type { IconProps } from "../../Icon/Icon";
+/**
+ * Title shown in the header, after `leftSlot`. Visual only — the owning
+ * panel's accessible name comes from its `aria-label`.
+ */
+export type PanelHeaderTitle = {
+    /** Visible title label. */
+    label: string;
+    /** Optional leading icon. Decorative — the visible label names it. */
+    icon?: Omit<IconProps, "size" | "aria-label" | "aria-labelledby" | "role">;
+    /** Show the title block. Default `true`. */
+    isVisible?: boolean;
+};
+export type PanelHeaderProps = {
+    /** Rendered at the header start, vertically centered. */
+    leftSlot?: React.ReactNode;
+    /** Title block (icon + heading), rendered after `leftSlot`. */
+    title?: PanelHeaderTitle;
+    /** Rendered at the header end, vertically centered. */
+    rightSlot?: React.ReactNode;
+    "data-e2e-test-id"?: string;
+};
+/**
+ * Internal primitive: padded panel-header row with a left and a right slot,
+ * spread apart, and an optional title block. Purely presentational — no role
+ * or ARIA of its own; the owning panel names its region and the slot content
+ * carries the semantics (heading, buttons). Place it inside `Sandwich.Header`
+ * to get the sticky positioning and scroll separator.
+ */
+export declare function PanelHeader({ leftSlot, title, rightSlot, "data-e2e-test-id": dataE2eTestId, }: PanelHeaderProps): React.ReactElement;

package/build/esm/components/Internal/PanelHeader/PanelHeader.js

@@ -0,0 +1 @@
+import React from"react";import{Box}from"../../Box/Box";import{Inline}from"../../Inline/Inline";import{Icon}from"../../Icon/Icon";import{H5}from"../../Typography/Header/Header";export function PanelHeader({leftSlot,title,rightSlot,"data-e2e-test-id":dataE2eTestId}){let colorTitleItems="primary";return React.createElement(Box,{space:"s",vSpace:"xs","data-e2e-test-id":dataE2eTestId},React.createElement(Inline,{alignItems:"spaceBetween",vAlignItems:"center",noWrap:!0,fullWidth:!0},React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},React.createElement(React.Fragment,null,leftSlot,title&&!1!==title.isVisible&&React.createElement(Inline,{space:"xs",vAlignItems:"center",noWrap:!0},title.icon&&React.createElement(Icon,{...title.icon,color:colorTitleItems,size:"s"}),React.createElement(H5,{color:colorTitleItems},title.label)))),React.createElement(Inline,{space:"xxs",vAlignItems:"center",noWrap:!0},React.createElement(React.Fragment,null,rightSlot))))}

package/build/esm/components/Internal/Sandwich/-types.d.ts

@@ -1,10 +1,13 @@
 import type React from "react";
 export type SandwichProps = {
+    /** Content in source order; `Sandwich.Header` / `Sandwich.Footer` children
+     *  stick to the edges, everything else scrolls. */
     children: React.ReactNode;
-    "data-e2e-test-id"?: string;
-    /** Override the root's `data-ds-id` (e.g. when a wrapper component owns the node). */
-    "data-ds-id"?: string;
-} & React.HTMLAttributes<HTMLDivElement>;
+    /** Forwarded scroll handler; fires after the internal edge measurement. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    /** Forwarded to the scroll container element (e.g. for scroll restoration). */
+    scrollRef?: React.Ref<HTMLDivElement>;
+};
 /**
  * Separator visibility:
  * - `auto`: show only while the content is scrolled away from the edge (default).
@@ -15,19 +18,14 @@ export type SandwichSeparator = "auto" | "always" | "never";
 export type SandwichHeaderProps = {
     children: React.ReactNode;
     showSeparator?: SandwichSeparator;
+    "data-e2e-test-id"?: string;
 };
 export type SandwichFooterProps = {
     children: React.ReactNode;
     showSeparator?: SandwichSeparator;
+    "data-e2e-test-id"?: string;
 };
-export type SandwichBodyProps = {
-    children: React.ReactNode;
-    /** Forwarded scroll handler; fires after the internal edge measurement. */
-    onScroll?: React.UIEventHandler<HTMLDivElement>;
-    /** Forwarded to the scroll container element (e.g. for scroll restoration). */
-    scrollRef?: React.Ref<HTMLDivElement>;
-};
-/** Scroll-edge visibility published by `Body`, consumed by `Header` / `Footer`. */
+/** Scroll-edge visibility published by the root, consumed by `Header` / `Footer`. */
 export type SandwichEdges = {
     /** Start of the scroll content is visible (not scrolled down). */
     atTop: boolean;

package/build/esm/components/Internal/Sandwich/Sandwich.d.ts

@@ -1,23 +1,23 @@
 import React from "react";
 import type { SandwichProps } from "./-types";
-import { SandwichBody } from "./SandwichBody";
 import { SandwichHeader } from "./SandwichHeader";
 import { SandwichFooter } from "./SandwichFooter";
 /**
- * Internal compound component: a scrollable middle region (`Sandwich.Body`)
- * flanked by a sticky `Sandwich.Header` / `Sandwich.Footer` that reveal a border
- * only while content is scrolled under them. Edge state is shared through
- * context (see `useSandwichContext.tsx`).
+ * Internal compound component: ONE scrollable region that hosts
+ * `Sandwich.Header` / `Sandwich.Footer` in the flow of its children —
+ * `position: sticky` pins them to the edges — so consumers author
+ * `<Header />{body}<Footer />` in source order, with no slot extraction.
+ * Header/footer reveal a border only while content is scrolled under them;
+ * edge state is shared through context (see `useSandwichContext.tsx`).
  */
-declare function SandwichRoot({ children, ...rest }: SandwichProps): React.ReactElement;
+declare function SandwichRoot({ children, scrollRef, onScroll, }: SandwichProps): React.ReactElement;
 /**
- * Compound export: `Sandwich` with `.Header`, `.Body`, `.Footer` attached.
+ * Compound export: `Sandwich` with `.Header` / `.Footer` attached.
  * Object.assign keeps the static sub-components typed on the root
  * (function-declaration statics don't type-check).
  */
 export declare const Sandwich: typeof SandwichRoot & {
     Header: typeof SandwichHeader;
-    Body: typeof SandwichBody;
     Footer: typeof SandwichFooter;
 };
 export {};

package/build/esm/components/Internal/Sandwich/Sandwich.js

@@ -1 +1 @@
-import React,{useCallback,useMemo,useState}from"react";import styled from"@emotion/styled";import{SandwichProvider}from"./useSandwichContext";import{SandwichBody}from"./SandwichBody";import{SandwichHeader}from"./SandwichHeader";import{SandwichFooter}from"./SandwichFooter";let StyledRoot=styled("div",{target:"e164s6zy0",label:"StyledRoot"})({display:"flex",flexDirection:"column",minHeight:0,height:"100%",width:"100%"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoRWRnZXMsIFNhbmR3aWNoUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IFNhbmR3aWNoUHJvdmlkZXIgfSBmcm9tIFwiLi91c2VTYW5kd2ljaENvbnRleHRcIjtcbmltcG9ydCB7IFNhbmR3aWNoQm9keSB9IGZyb20gXCIuL1NhbmR3aWNoQm9keVwiO1xuaW1wb3J0IHsgU2FuZHdpY2hIZWFkZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEhlYWRlclwiO1xuaW1wb3J0IHsgU2FuZHdpY2hGb290ZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEZvb3RlclwiO1xuXG4vLyBDb2x1bW4gbGF5b3V0OiBoZWFkZXIvZm9vdGVyIHNpdCBhYm92ZS9iZWxvdyBhIHNpbmdsZSBzY3JvbGwgcmVnaW9uLiBUaGVcbi8vIHJvb3QgaXRzZWxmIGRvZXMgbm90IHNjcm9sbCDigJQgYEJvZHlgIG93bnMgdGhlIG92ZXJmbG93LlxuY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgbWluSGVpZ2h0OiAwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG59KTtcblxuLyoqXG4gKiBJbnRlcm5hbCBjb21wb3VuZCBjb21wb25lbnQ6IGEgc2Nyb2xsYWJsZSBtaWRkbGUgcmVnaW9uIChgU2FuZHdpY2guQm9keWApXG4gKiBmbGFua2VkIGJ5IGEgc3RpY2t5IGBTYW5kd2ljaC5IZWFkZXJgIC8gYFNhbmR3aWNoLkZvb3RlcmAgdGhhdCByZXZlYWwgYSBib3JkZXJcbiAqIG9ubHkgd2hpbGUgY29udGVudCBpcyBzY3JvbGxlZCB1bmRlciB0aGVtLiBFZGdlIHN0YXRlIGlzIHNoYXJlZCB0aHJvdWdoXG4gKiBjb250ZXh0IChzZWUgYHVzZVNhbmR3aWNoQ29udGV4dC50c3hgKS5cbiAqL1xuZnVuY3Rpb24gU2FuZHdpY2hSb290KHtcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IFNhbmR3aWNoUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBEZWZhdWx0OiBldmVyeXRoaW5nIHZpc2libGUgKG5vIHNjcm9sbGluZyBuZWVkZWQpIOKGkiBubyBib3JkZXJzLlxuICBjb25zdCBbZWRnZXMsIHNldEVkZ2VzU3RhdGVdID0gdXNlU3RhdGU8U2FuZHdpY2hFZGdlcz4oe1xuICAgIGF0VG9wOiB0cnVlLFxuICAgIGF0Qm90dG9tOiB0cnVlLFxuICB9KTtcblxuICBjb25zdCBzZXRFZGdlcyA9IHVzZUNhbGxiYWNrKChuZXh0OiBQYXJ0aWFsPFNhbmR3aWNoRWRnZXM+KSA9PiB7XG4gICAgc2V0RWRnZXNTdGF0ZSgocHJldikgPT4ge1xuICAgICAgY29uc3QgbWVyZ2VkID0geyAuLi5wcmV2LCAuLi5uZXh0IH07XG4gICAgICBpZiAobWVyZ2VkLmF0VG9wID09PSBwcmV2LmF0VG9wICYmIG1lcmdlZC5hdEJvdHRvbSA9PT0gcHJldi5hdEJvdHRvbSkge1xuICAgICAgICByZXR1cm4gcHJldjtcbiAgICAgIH1cbiAgICAgIHJldHVybiBtZXJnZWQ7XG4gICAgfSk7XG4gIH0sIFtdKTtcblxuICBjb25zdCB2YWx1ZSA9IHVzZU1lbW8oKCkgPT4gKHsgLi4uZWRnZXMsIHNldEVkZ2VzIH0pLCBbZWRnZXMsIHNldEVkZ2VzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U2FuZHdpY2hQcm92aWRlciB2YWx1ZT17dmFsdWV9PlxuICAgICAgPFN0eWxlZFJvb3QgZGF0YS1kcy1pZD1cIlNhbmR3aWNoXCIgey4uLnJlc3R9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZFJvb3Q+XG4gICAgPC9TYW5kd2ljaFByb3ZpZGVyPlxuICApO1xufVxuXG4vKipcbiAqIENvbXBvdW5kIGV4cG9ydDogYFNhbmR3aWNoYCB3aXRoIGAuSGVhZGVyYCwgYC5Cb2R5YCwgYC5Gb290ZXJgIGF0dGFjaGVkLlxuICogT2JqZWN0LmFzc2lnbiBrZWVwcyB0aGUgc3RhdGljIHN1Yi1jb21wb25lbnRzIHR5cGVkIG9uIHRoZSByb290XG4gKiAoZnVuY3Rpb24tZGVjbGFyYXRpb24gc3RhdGljcyBkb24ndCB0eXBlLWNoZWNrKS5cbiAqL1xuZXhwb3J0IGNvbnN0IFNhbmR3aWNoID0gT2JqZWN0LmFzc2lnbihTYW5kd2ljaFJvb3QsIHtcbiAgSGVhZGVyOiBTYW5kd2ljaEhlYWRlcixcbiAgQm9keTogU2FuZHdpY2hCb2R5LFxuICBGb290ZXI6IFNhbmR3aWNoRm9vdGVyLFxufSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW1CIn0= */");export const Sandwich=Object.assign(function({children,...rest}){let[edges,setEdgesState]=useState({atTop:!0,atBottom:!0}),setEdges=useCallback(next=>{setEdgesState(prev=>{let merged={...prev,...next};return merged.atTop===prev.atTop&&merged.atBottom===prev.atBottom?prev:merged})},[]),value=useMemo(()=>({...edges,setEdges}),[edges,setEdges]);return React.createElement(SandwichProvider,{value:value},React.createElement(StyledRoot,{"data-ds-id":"Sandwich",...rest},children))},{Header:SandwichHeader,Body:SandwichBody,Footer:SandwichFooter});
+import React,{useCallback,useEffect,useLayoutEffect,useMemo,useRef,useState}from"react";import styled from"@emotion/styled";import{SandwichProvider}from"./useSandwichContext";import{SandwichHeader}from"./SandwichHeader";import{SandwichFooter}from"./SandwichFooter";let useScrollEdgeTracking=({scrollRef,onScroll,setEdges})=>{let containerRef=useRef(null),contentRef=useRef(null),setContainerRef=useCallback(node=>{containerRef.current=node,"function"==typeof scrollRef?scrollRef(node):scrollRef&&(scrollRef.current=node)},[scrollRef]),recalculateEdges=useCallback(()=>{let el=containerRef.current;if(!el)return;let{scrollTop,scrollHeight,clientHeight}=el;setEdges({atTop:scrollTop<=1,atBottom:scrollTop+clientHeight>=scrollHeight-1})},[setEdges]),onContainerScroll=useCallback(event=>{recalculateEdges(),onScroll?.(event)},[recalculateEdges,onScroll]);return useLayoutEffect(recalculateEdges,[recalculateEdges]),useEffect(()=>{if("undefined"==typeof ResizeObserver)return;let observer=new ResizeObserver(()=>recalculateEdges());return containerRef.current&&observer.observe(containerRef.current),contentRef.current&&observer.observe(contentRef.current),()=>observer.disconnect()},[recalculateEdges]),{setContainerRef,contentRef,onContainerScroll}},useSandwichEdgesState=()=>{let[edges,setEdgesState]=useState({atTop:!0,atBottom:!0}),setEdges=useCallback(next=>{setEdgesState(prev=>{let merged={...prev,...next};return merged.atTop===prev.atTop&&merged.atBottom===prev.atBottom?prev:merged})},[]);return useMemo(()=>({...edges,setEdges}),[edges,setEdges])},StyledScrollRoot=styled("div",{target:"e1milkm30",label:"StyledScrollRoot"})({height:"100%",overflowY:"auto",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VFZmZlY3QsXG4gIHVzZUxheW91dEVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgU2FuZHdpY2hFZGdlcywgU2FuZHdpY2hQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgU2FuZHdpY2hQcm92aWRlciB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBTYW5kd2ljaENvbnRleHRWYWx1ZSB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuaW1wb3J0IHsgU2FuZHdpY2hIZWFkZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEhlYWRlclwiO1xuaW1wb3J0IHsgU2FuZHdpY2hGb290ZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEZvb3RlclwiO1xuXG4vLyBweCB0b2xlcmFuY2Ug4oCUIHN1Yi1waXhlbCByb3VuZGluZyBzaG91bGRuJ3QgbGVhdmUgYSBkaXZpZGVyIHN0dWNrIG9uLlxuY29uc3QgRURHRV9USFJFU0hPTEQgPSAxO1xuXG50eXBlIFNjcm9sbEVkZ2VUcmFja2luZ1BhcmFtcyA9IHtcbiAgLyoqIENvbnN1bWVyIHJlZiBmb3J3YXJkZWQgdG8gdGhlIHNjcm9sbCBjb250YWluZXIgKHNjcm9sbCByZXN0b3JhdGlvbiBldGMuKS4gKi9cbiAgc2Nyb2xsUmVmPzogUmVhY3QuUmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgLyoqIENvbnN1bWVyIHNjcm9sbCBoYW5kbGVyOyBmaXJlcyBhZnRlciB0aGUgaW50ZXJuYWwgZWRnZSBtZWFzdXJlbWVudC4gKi9cbiAgb25TY3JvbGw/OiBSZWFjdC5VSUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIC8qKiBFZGdlIHNpbmsg4oCUIHRoZSByb290J3MgYHNldEVkZ2VzYC4gKi9cbiAgc2V0RWRnZXM6IChlZGdlczogUGFydGlhbDxTYW5kd2ljaEVkZ2VzPikgPT4gdm9pZDtcbn07XG5cbnR5cGUgU2Nyb2xsRWRnZVRyYWNraW5nID0ge1xuICAvKiogQ2FsbGJhY2sgcmVmIGZvciB0aGUgc2Nyb2xsIGNvbnRhaW5lciBlbGVtZW50LiAqL1xuICBzZXRDb250YWluZXJSZWY6IChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZWYgZm9yIHRoZSBjb250ZW50IGVsZW1lbnQgaW5zaWRlIHRoZSBjb250YWluZXIgKGdyb3d0aCB0cmFja2luZykuICovXG4gIGNvbnRlbnRSZWY6IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgLyoqIFNjcm9sbCBoYW5kbGVyIGZvciB0aGUgY29udGFpbmVyOyBtZWFzdXJlcywgdGhlbiBjYWxscyBgb25TY3JvbGxgLiAqL1xuICBvbkNvbnRhaW5lclNjcm9sbDogUmVhY3QuVUlFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuLyoqXG4gKiBQdWJsaXNoZXMgdGhlIHNjcm9sbCBjb250YWluZXIncyBlZGdlIHZpc2liaWxpdHkgKGBhdFRvcGAgLyBgYXRCb3R0b21gKSB0b1xuICogYHNldEVkZ2VzYCDigJQgb24gbW91bnQsIG9uIHNjcm9sbCwgYW5kIG9uIHNpemUgY2hhbmdlcyBvZiB0aGUgY29udGFpbmVyIG9yXG4gKiBpdHMgY29udGVudCAodmlhIFJlc2l6ZU9ic2VydmVyKS5cbiAqL1xuY29uc3QgdXNlU2Nyb2xsRWRnZVRyYWNraW5nID0gKHtcbiAgc2Nyb2xsUmVmLFxuICBvblNjcm9sbCxcbiAgc2V0RWRnZXMsXG59OiBTY3JvbGxFZGdlVHJhY2tpbmdQYXJhbXMpOiBTY3JvbGxFZGdlVHJhY2tpbmcgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgY29udGVudFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gIC8vIEtlZXAgdGhlIGludGVybmFsIHJlZiAodXNlZCBmb3IgbWVhc3VyaW5nKSB3aGlsZSBhbHNvIGZvcndhcmRpbmcgdGhlIG5vZGUgdG9cbiAgLy8gdGhlIGNvbnN1bWVyJ3MgYHNjcm9sbFJlZmAg4oCUIGEgY2FsbGJhY2sgcmVmIGhhbmRsZXMgYm90aCBmb3Jtcy5cbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgaWYgKHR5cGVvZiBzY3JvbGxSZWYgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICBzY3JvbGxSZWYobm9kZSk7XG4gICAgICB9IGVsc2UgaWYgKHNjcm9sbFJlZikge1xuICAgICAgICBjb25zdCBtdXRhYmxlUmVmID1cbiAgICAgICAgICBzY3JvbGxSZWYgYXMgUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+O1xuICAgICAgICBtdXRhYmxlUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3Njcm9sbFJlZl1cbiAgKTtcblxuICBjb25zdCByZWNhbGN1bGF0ZUVkZ2VzID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIGNvbnN0IHsgc2Nyb2xsVG9wLCBzY3JvbGxIZWlnaHQsIGNsaWVudEhlaWdodCB9ID0gZWw7XG4gICAgc2V0RWRnZXMoe1xuICAgICAgYXRUb3A6IHNjcm9sbFRvcCA8PSBFREdFX1RIUkVTSE9MRCxcbiAgICAgIGF0Qm90dG9tOiBzY3JvbGxUb3AgKyBjbGllbnRIZWlnaHQgPj0gc2Nyb2xsSGVpZ2h0IC0gRURHRV9USFJFU0hPTEQsXG4gICAgfSk7XG4gIH0sIFtzZXRFZGdlc10pO1xuXG4gIGNvbnN0IG9uQ29udGFpbmVyU2Nyb2xsID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5VSUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgcmVjYWxjdWxhdGVFZGdlcygpO1xuICAgICAgb25TY3JvbGw/LihldmVudCk7XG4gICAgfSxcbiAgICBbcmVjYWxjdWxhdGVFZGdlcywgb25TY3JvbGxdXG4gICk7XG5cbiAgLy8gTWVhc3VyZSBvbiBtb3VudCBvbmx5IOKAlCB0aGUgUmVzaXplT2JzZXJ2ZXIgKyBzY3JvbGwgaGFuZGxlciBiZWxvdyBjb3ZlciB0aGVcbiAgLy8gcmVzdC4gRG8gTk9UIGRyb3AgdGhlIGRlcHM6IGEgZGVwLWxlc3MgZWZmZWN0IHJlLW1lYXN1cmVzIGV2ZXJ5IHJlbmRlciBhbmQgY2FuXG4gIC8vIGluZmluaXRlLWxvb3Agd2hlbiB0aGUgaGVpZ2h0IGlzIGJyaWVmbHkgdW5zdGFibGUgKHNldEVkZ2VzIOKGkiByZWZsb3cg4oaSIHJlcGVhdCkuXG4gIHVzZUxheW91dEVmZmVjdChyZWNhbGN1bGF0ZUVkZ2VzLCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIC8vIFJlLW1lYXN1cmUgb24gc2l6ZSBjaGFuZ2VzIHRoYXQgRE9OJ1QgdHJpZ2dlciBhIFJlYWN0IHJlbmRlcjogdGhlIGNvbnRlbnRcbiAgLy8gZ3Jvd2luZy9zaHJpbmtpbmcgKGltYWdlIGxvYWQsIGFjY29yZGlvbiBleHBhbmQsIHRleHQgcmVmbG93KSBhbmQgdGhlXG4gIC8vIHZpZXdwb3J0IGl0c2VsZiByZXNpemluZy4gT2JzZXJ2ZSBib3RoIG5vZGVzLlxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09IFwidW5kZWZpbmVkXCIpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gcmVjYWxjdWxhdGVFZGdlcygpKTtcbiAgICBpZiAoY29udGFpbmVyUmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyUmVmLmN1cnJlbnQpO1xuICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGVudFJlZi5jdXJyZW50KTtcbiAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9LCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIHJldHVybiB7IHNldENvbnRhaW5lclJlZiwgY29udGVudFJlZiwgb25Db250YWluZXJTY3JvbGwgfTtcbn07XG5cbi8qKlxuICogT3ducyB0aGUgc2Nyb2xsLWVkZ2Ugc3RhdGUgdGhlIHJvb3QgcHJvdmlkZXMgdGhyb3VnaCBjb250ZXh0OiBldmVyeXRoaW5nXG4gKiB2aXNpYmxlIGJ5IGRlZmF1bHQgKG5vIHNjcm9sbGluZyBuZWVkZWQg4oaSIG5vIGJvcmRlcnMpLCBgc2V0RWRnZXNgIG1lcmdlc1xuICogcGFydGlhbCB1cGRhdGVzIGFuZCBiYWlscyBvdXQgd2hlbiBub3RoaW5nIGNoYW5nZWQgc28gc2Nyb2xsIGhhbmRsZXJzIGNhbid0XG4gKiByZS1yZW5kZXItbG9vcC5cbiAqL1xuY29uc3QgdXNlU2FuZHdpY2hFZGdlc1N0YXRlID0gKCk6IFNhbmR3aWNoQ29udGV4dFZhbHVlID0+IHtcbiAgY29uc3QgW2VkZ2VzLCBzZXRFZGdlc1N0YXRlXSA9IHVzZVN0YXRlPFNhbmR3aWNoRWRnZXM+KHtcbiAgICBhdFRvcDogdHJ1ZSxcbiAgICBhdEJvdHRvbTogdHJ1ZSxcbiAgfSk7XG5cbiAgY29uc3Qgc2V0RWRnZXMgPSB1c2VDYWxsYmFjaygobmV4dDogUGFydGlhbDxTYW5kd2ljaEVkZ2VzPikgPT4ge1xuICAgIHNldEVkZ2VzU3RhdGUoKHByZXYpID0+IHtcbiAgICAgIGNvbnN0IG1lcmdlZCA9IHsgLi4ucHJldiwgLi4ubmV4dCB9O1xuICAgICAgaWYgKG1lcmdlZC5hdFRvcCA9PT0gcHJldi5hdFRvcCAmJiBtZXJnZWQuYXRCb3R0b20gPT09IHByZXYuYXRCb3R0b20pIHtcbiAgICAgICAgcmV0dXJuIHByZXY7XG4gICAgICB9XG4gICAgICByZXR1cm4gbWVyZ2VkO1xuICAgIH0pO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHVzZU1lbW8oKCkgPT4gKHsgLi4uZWRnZXMsIHNldEVkZ2VzIH0pLCBbZWRnZXMsIHNldEVkZ2VzXSk7XG59O1xuXG5jb25zdCBTdHlsZWRTY3JvbGxSb290ID0gc3R5bGVkLmRpdih7XG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuLy8gYG1pbi1oZWlnaHRgIGxldHMgc2hvcnQgY29udGVudCBmaWxsIHRoZSBhcmVhIHdpdGhvdXQgY2xpcHBpbmcgdGFsbGVyXG4vLyBjb250ZW50LiBGbGV4IGNvbHVtbiBzbyBhIGBTYW5kd2ljaC5Gb290ZXJgIGNoaWxkIGNhbiBwaW4gaXRzZWxmIHRvIHRoZVxuLy8gYm90dG9tIHZpYSBgbWFyZ2luLXRvcDogYXV0b2AuXG5jb25zdCBTdHlsZWRTY3JvbGxDb250ZW50ID0gc3R5bGVkLmRpdih7XG4gIG1pbkhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSk7XG5cbi8qKlxuICogSW50ZXJuYWwgY29tcG91bmQgY29tcG9uZW50OiBPTkUgc2Nyb2xsYWJsZSByZWdpb24gdGhhdCBob3N0c1xuICogYFNhbmR3aWNoLkhlYWRlcmAgLyBgU2FuZHdpY2guRm9vdGVyYCBpbiB0aGUgZmxvdyBvZiBpdHMgY2hpbGRyZW4g4oCUXG4gKiBgcG9zaXRpb246IHN0aWNreWAgcGlucyB0aGVtIHRvIHRoZSBlZGdlcyDigJQgc28gY29uc3VtZXJzIGF1dGhvclxuICogYDxIZWFkZXIgLz57Ym9keX08Rm9vdGVyIC8+YCBpbiBzb3VyY2Ugb3JkZXIsIHdpdGggbm8gc2xvdCBleHRyYWN0aW9uLlxuICogSGVhZGVyL2Zvb3RlciByZXZlYWwgYSBib3JkZXIgb25seSB3aGlsZSBjb250ZW50IGlzIHNjcm9sbGVkIHVuZGVyIHRoZW07XG4gKiBlZGdlIHN0YXRlIGlzIHNoYXJlZCB0aHJvdWdoIGNvbnRleHQgKHNlZSBgdXNlU2FuZHdpY2hDb250ZXh0LnRzeGApLlxuICovXG5mdW5jdGlvbiBTYW5kd2ljaFJvb3Qoe1xuICBjaGlsZHJlbixcbiAgc2Nyb2xsUmVmLFxuICBvblNjcm9sbCxcbn06IFNhbmR3aWNoUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBlZGdlc1ZhbHVlID0gdXNlU2FuZHdpY2hFZGdlc1N0YXRlKCk7XG4gIGNvbnN0IHsgc2V0Q29udGFpbmVyUmVmLCBjb250ZW50UmVmLCBvbkNvbnRhaW5lclNjcm9sbCB9ID1cbiAgICB1c2VTY3JvbGxFZGdlVHJhY2tpbmcoe1xuICAgICAgc2Nyb2xsUmVmLFxuICAgICAgb25TY3JvbGwsXG4gICAgICBzZXRFZGdlczogZWRnZXNWYWx1ZS5zZXRFZGdlcyxcbiAgICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxTYW5kd2ljaFByb3ZpZGVyIHZhbHVlPXtlZGdlc1ZhbHVlfT5cbiAgICAgIHsvKiB0YWJJbmRleCBtYWtlcyB0aGUgc2Nyb2xsIHJlZ2lvbiBrZXlib2FyZC1hY2Nlc3NpYmxlIChhMTF5OiBzY3JvbGxhYmxlXG4gICAgICAgICAgcmVnaW9ucyBtdXN0IGJlIGZvY3VzYWJsZSBzbyBrZXlib2FyZCB1c2VycyBjYW4gc2Nyb2xsIHRoZW0pLiAqL31cbiAgICAgIDxTdHlsZWRTY3JvbGxSb290XG4gICAgICAgIHJlZj17c2V0Q29udGFpbmVyUmVmfVxuICAgICAgICBvblNjcm9sbD17b25Db250YWluZXJTY3JvbGx9XG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICBkYXRhLWRzLWlkPVwiU2FuZHdpY2hcIlxuICAgICAgPlxuICAgICAgICA8U3R5bGVkU2Nyb2xsQ29udGVudCByZWY9e2NvbnRlbnRSZWZ9PntjaGlsZHJlbn08L1N0eWxlZFNjcm9sbENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZFNjcm9sbFJvb3Q+XG4gICAgPC9TYW5kd2ljaFByb3ZpZGVyPlxuICApO1xufVxuXG4vKipcbiAqIENvbXBvdW5kIGV4cG9ydDogYFNhbmR3aWNoYCB3aXRoIGAuSGVhZGVyYCAvIGAuRm9vdGVyYCBhdHRhY2hlZC5cbiAqIE9iamVjdC5hc3NpZ24ga2VlcHMgdGhlIHN0YXRpYyBzdWItY29tcG9uZW50cyB0eXBlZCBvbiB0aGUgcm9vdFxuICogKGZ1bmN0aW9uLWRlY2xhcmF0aW9uIHN0YXRpY3MgZG9uJ3QgdHlwZS1jaGVjaykuXG4gKi9cbmV4cG9ydCBjb25zdCBTYW5kd2ljaCA9IE9iamVjdC5hc3NpZ24oU2FuZHdpY2hSb290LCB7XG4gIEhlYWRlcjogU2FuZHdpY2hIZWFkZXIsXG4gIEZvb3RlcjogU2FuZHdpY2hGb290ZXIsXG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErSHlCIn0= */"),StyledScrollContent=styled("div",{target:"e1milkm31",label:"StyledScrollContent"})({minHeight:"100%",display:"flex",flexDirection:"column"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VFZmZlY3QsXG4gIHVzZUxheW91dEVmZmVjdCxcbiAgdXNlTWVtbyxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgU2FuZHdpY2hFZGdlcywgU2FuZHdpY2hQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgU2FuZHdpY2hQcm92aWRlciB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBTYW5kd2ljaENvbnRleHRWYWx1ZSB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuaW1wb3J0IHsgU2FuZHdpY2hIZWFkZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEhlYWRlclwiO1xuaW1wb3J0IHsgU2FuZHdpY2hGb290ZXIgfSBmcm9tIFwiLi9TYW5kd2ljaEZvb3RlclwiO1xuXG4vLyBweCB0b2xlcmFuY2Ug4oCUIHN1Yi1waXhlbCByb3VuZGluZyBzaG91bGRuJ3QgbGVhdmUgYSBkaXZpZGVyIHN0dWNrIG9uLlxuY29uc3QgRURHRV9USFJFU0hPTEQgPSAxO1xuXG50eXBlIFNjcm9sbEVkZ2VUcmFja2luZ1BhcmFtcyA9IHtcbiAgLyoqIENvbnN1bWVyIHJlZiBmb3J3YXJkZWQgdG8gdGhlIHNjcm9sbCBjb250YWluZXIgKHNjcm9sbCByZXN0b3JhdGlvbiBldGMuKS4gKi9cbiAgc2Nyb2xsUmVmPzogUmVhY3QuUmVmPEhUTUxEaXZFbGVtZW50PjtcbiAgLyoqIENvbnN1bWVyIHNjcm9sbCBoYW5kbGVyOyBmaXJlcyBhZnRlciB0aGUgaW50ZXJuYWwgZWRnZSBtZWFzdXJlbWVudC4gKi9cbiAgb25TY3JvbGw/OiBSZWFjdC5VSUV2ZW50SGFuZGxlcjxIVE1MRGl2RWxlbWVudD47XG4gIC8qKiBFZGdlIHNpbmsg4oCUIHRoZSByb290J3MgYHNldEVkZ2VzYC4gKi9cbiAgc2V0RWRnZXM6IChlZGdlczogUGFydGlhbDxTYW5kd2ljaEVkZ2VzPikgPT4gdm9pZDtcbn07XG5cbnR5cGUgU2Nyb2xsRWRnZVRyYWNraW5nID0ge1xuICAvKiogQ2FsbGJhY2sgcmVmIGZvciB0aGUgc2Nyb2xsIGNvbnRhaW5lciBlbGVtZW50LiAqL1xuICBzZXRDb250YWluZXJSZWY6IChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHZvaWQ7XG4gIC8qKiBSZWYgZm9yIHRoZSBjb250ZW50IGVsZW1lbnQgaW5zaWRlIHRoZSBjb250YWluZXIgKGdyb3d0aCB0cmFja2luZykuICovXG4gIGNvbnRlbnRSZWY6IFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgLyoqIFNjcm9sbCBoYW5kbGVyIGZvciB0aGUgY29udGFpbmVyOyBtZWFzdXJlcywgdGhlbiBjYWxscyBgb25TY3JvbGxgLiAqL1xuICBvbkNvbnRhaW5lclNjcm9sbDogUmVhY3QuVUlFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuLyoqXG4gKiBQdWJsaXNoZXMgdGhlIHNjcm9sbCBjb250YWluZXIncyBlZGdlIHZpc2liaWxpdHkgKGBhdFRvcGAgLyBgYXRCb3R0b21gKSB0b1xuICogYHNldEVkZ2VzYCDigJQgb24gbW91bnQsIG9uIHNjcm9sbCwgYW5kIG9uIHNpemUgY2hhbmdlcyBvZiB0aGUgY29udGFpbmVyIG9yXG4gKiBpdHMgY29udGVudCAodmlhIFJlc2l6ZU9ic2VydmVyKS5cbiAqL1xuY29uc3QgdXNlU2Nyb2xsRWRnZVRyYWNraW5nID0gKHtcbiAgc2Nyb2xsUmVmLFxuICBvblNjcm9sbCxcbiAgc2V0RWRnZXMsXG59OiBTY3JvbGxFZGdlVHJhY2tpbmdQYXJhbXMpOiBTY3JvbGxFZGdlVHJhY2tpbmcgPT4ge1xuICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcbiAgY29uc3QgY29udGVudFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gIC8vIEtlZXAgdGhlIGludGVybmFsIHJlZiAodXNlZCBmb3IgbWVhc3VyaW5nKSB3aGlsZSBhbHNvIGZvcndhcmRpbmcgdGhlIG5vZGUgdG9cbiAgLy8gdGhlIGNvbnN1bWVyJ3MgYHNjcm9sbFJlZmAg4oCUIGEgY2FsbGJhY2sgcmVmIGhhbmRsZXMgYm90aCBmb3Jtcy5cbiAgY29uc3Qgc2V0Q29udGFpbmVyUmVmID0gdXNlQ2FsbGJhY2soXG4gICAgKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgY29udGFpbmVyUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgaWYgKHR5cGVvZiBzY3JvbGxSZWYgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICBzY3JvbGxSZWYobm9kZSk7XG4gICAgICB9IGVsc2UgaWYgKHNjcm9sbFJlZikge1xuICAgICAgICBjb25zdCBtdXRhYmxlUmVmID1cbiAgICAgICAgICBzY3JvbGxSZWYgYXMgUmVhY3QuTXV0YWJsZVJlZk9iamVjdDxIVE1MRGl2RWxlbWVudCB8IG51bGw+O1xuICAgICAgICBtdXRhYmxlUmVmLmN1cnJlbnQgPSBub2RlO1xuICAgICAgfVxuICAgIH0sXG4gICAgW3Njcm9sbFJlZl1cbiAgKTtcblxuICBjb25zdCByZWNhbGN1bGF0ZUVkZ2VzID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGNvbnN0IGVsID0gY29udGFpbmVyUmVmLmN1cnJlbnQ7XG4gICAgaWYgKCFlbCkgcmV0dXJuO1xuICAgIGNvbnN0IHsgc2Nyb2xsVG9wLCBzY3JvbGxIZWlnaHQsIGNsaWVudEhlaWdodCB9ID0gZWw7XG4gICAgc2V0RWRnZXMoe1xuICAgICAgYXRUb3A6IHNjcm9sbFRvcCA8PSBFREdFX1RIUkVTSE9MRCxcbiAgICAgIGF0Qm90dG9tOiBzY3JvbGxUb3AgKyBjbGllbnRIZWlnaHQgPj0gc2Nyb2xsSGVpZ2h0IC0gRURHRV9USFJFU0hPTEQsXG4gICAgfSk7XG4gIH0sIFtzZXRFZGdlc10pO1xuXG4gIGNvbnN0IG9uQ29udGFpbmVyU2Nyb2xsID0gdXNlQ2FsbGJhY2soXG4gICAgKGV2ZW50OiBSZWFjdC5VSUV2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgcmVjYWxjdWxhdGVFZGdlcygpO1xuICAgICAgb25TY3JvbGw/LihldmVudCk7XG4gICAgfSxcbiAgICBbcmVjYWxjdWxhdGVFZGdlcywgb25TY3JvbGxdXG4gICk7XG5cbiAgLy8gTWVhc3VyZSBvbiBtb3VudCBvbmx5IOKAlCB0aGUgUmVzaXplT2JzZXJ2ZXIgKyBzY3JvbGwgaGFuZGxlciBiZWxvdyBjb3ZlciB0aGVcbiAgLy8gcmVzdC4gRG8gTk9UIGRyb3AgdGhlIGRlcHM6IGEgZGVwLWxlc3MgZWZmZWN0IHJlLW1lYXN1cmVzIGV2ZXJ5IHJlbmRlciBhbmQgY2FuXG4gIC8vIGluZmluaXRlLWxvb3Agd2hlbiB0aGUgaGVpZ2h0IGlzIGJyaWVmbHkgdW5zdGFibGUgKHNldEVkZ2VzIOKGkiByZWZsb3cg4oaSIHJlcGVhdCkuXG4gIHVzZUxheW91dEVmZmVjdChyZWNhbGN1bGF0ZUVkZ2VzLCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIC8vIFJlLW1lYXN1cmUgb24gc2l6ZSBjaGFuZ2VzIHRoYXQgRE9OJ1QgdHJpZ2dlciBhIFJlYWN0IHJlbmRlcjogdGhlIGNvbnRlbnRcbiAgLy8gZ3Jvd2luZy9zaHJpbmtpbmcgKGltYWdlIGxvYWQsIGFjY29yZGlvbiBleHBhbmQsIHRleHQgcmVmbG93KSBhbmQgdGhlXG4gIC8vIHZpZXdwb3J0IGl0c2VsZiByZXNpemluZy4gT2JzZXJ2ZSBib3RoIG5vZGVzLlxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09IFwidW5kZWZpbmVkXCIpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gcmVjYWxjdWxhdGVFZGdlcygpKTtcbiAgICBpZiAoY29udGFpbmVyUmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyUmVmLmN1cnJlbnQpO1xuICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGVudFJlZi5jdXJyZW50KTtcbiAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9LCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIHJldHVybiB7IHNldENvbnRhaW5lclJlZiwgY29udGVudFJlZiwgb25Db250YWluZXJTY3JvbGwgfTtcbn07XG5cbi8qKlxuICogT3ducyB0aGUgc2Nyb2xsLWVkZ2Ugc3RhdGUgdGhlIHJvb3QgcHJvdmlkZXMgdGhyb3VnaCBjb250ZXh0OiBldmVyeXRoaW5nXG4gKiB2aXNpYmxlIGJ5IGRlZmF1bHQgKG5vIHNjcm9sbGluZyBuZWVkZWQg4oaSIG5vIGJvcmRlcnMpLCBgc2V0RWRnZXNgIG1lcmdlc1xuICogcGFydGlhbCB1cGRhdGVzIGFuZCBiYWlscyBvdXQgd2hlbiBub3RoaW5nIGNoYW5nZWQgc28gc2Nyb2xsIGhhbmRsZXJzIGNhbid0XG4gKiByZS1yZW5kZXItbG9vcC5cbiAqL1xuY29uc3QgdXNlU2FuZHdpY2hFZGdlc1N0YXRlID0gKCk6IFNhbmR3aWNoQ29udGV4dFZhbHVlID0+IHtcbiAgY29uc3QgW2VkZ2VzLCBzZXRFZGdlc1N0YXRlXSA9IHVzZVN0YXRlPFNhbmR3aWNoRWRnZXM+KHtcbiAgICBhdFRvcDogdHJ1ZSxcbiAgICBhdEJvdHRvbTogdHJ1ZSxcbiAgfSk7XG5cbiAgY29uc3Qgc2V0RWRnZXMgPSB1c2VDYWxsYmFjaygobmV4dDogUGFydGlhbDxTYW5kd2ljaEVkZ2VzPikgPT4ge1xuICAgIHNldEVkZ2VzU3RhdGUoKHByZXYpID0+IHtcbiAgICAgIGNvbnN0IG1lcmdlZCA9IHsgLi4ucHJldiwgLi4ubmV4dCB9O1xuICAgICAgaWYgKG1lcmdlZC5hdFRvcCA9PT0gcHJldi5hdFRvcCAmJiBtZXJnZWQuYXRCb3R0b20gPT09IHByZXYuYXRCb3R0b20pIHtcbiAgICAgICAgcmV0dXJuIHByZXY7XG4gICAgICB9XG4gICAgICByZXR1cm4gbWVyZ2VkO1xuICAgIH0pO1xuICB9LCBbXSk7XG5cbiAgcmV0dXJuIHVzZU1lbW8oKCkgPT4gKHsgLi4uZWRnZXMsIHNldEVkZ2VzIH0pLCBbZWRnZXMsIHNldEVkZ2VzXSk7XG59O1xuXG5jb25zdCBTdHlsZWRTY3JvbGxSb290ID0gc3R5bGVkLmRpdih7XG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuLy8gYG1pbi1oZWlnaHRgIGxldHMgc2hvcnQgY29udGVudCBmaWxsIHRoZSBhcmVhIHdpdGhvdXQgY2xpcHBpbmcgdGFsbGVyXG4vLyBjb250ZW50LiBGbGV4IGNvbHVtbiBzbyBhIGBTYW5kd2ljaC5Gb290ZXJgIGNoaWxkIGNhbiBwaW4gaXRzZWxmIHRvIHRoZVxuLy8gYm90dG9tIHZpYSBgbWFyZ2luLXRvcDogYXV0b2AuXG5jb25zdCBTdHlsZWRTY3JvbGxDb250ZW50ID0gc3R5bGVkLmRpdih7XG4gIG1pbkhlaWdodDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxufSk7XG5cbi8qKlxuICogSW50ZXJuYWwgY29tcG91bmQgY29tcG9uZW50OiBPTkUgc2Nyb2xsYWJsZSByZWdpb24gdGhhdCBob3N0c1xuICogYFNhbmR3aWNoLkhlYWRlcmAgLyBgU2FuZHdpY2guRm9vdGVyYCBpbiB0aGUgZmxvdyBvZiBpdHMgY2hpbGRyZW4g4oCUXG4gKiBgcG9zaXRpb246IHN0aWNreWAgcGlucyB0aGVtIHRvIHRoZSBlZGdlcyDigJQgc28gY29uc3VtZXJzIGF1dGhvclxuICogYDxIZWFkZXIgLz57Ym9keX08Rm9vdGVyIC8+YCBpbiBzb3VyY2Ugb3JkZXIsIHdpdGggbm8gc2xvdCBleHRyYWN0aW9uLlxuICogSGVhZGVyL2Zvb3RlciByZXZlYWwgYSBib3JkZXIgb25seSB3aGlsZSBjb250ZW50IGlzIHNjcm9sbGVkIHVuZGVyIHRoZW07XG4gKiBlZGdlIHN0YXRlIGlzIHNoYXJlZCB0aHJvdWdoIGNvbnRleHQgKHNlZSBgdXNlU2FuZHdpY2hDb250ZXh0LnRzeGApLlxuICovXG5mdW5jdGlvbiBTYW5kd2ljaFJvb3Qoe1xuICBjaGlsZHJlbixcbiAgc2Nyb2xsUmVmLFxuICBvblNjcm9sbCxcbn06IFNhbmR3aWNoUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBlZGdlc1ZhbHVlID0gdXNlU2FuZHdpY2hFZGdlc1N0YXRlKCk7XG4gIGNvbnN0IHsgc2V0Q29udGFpbmVyUmVmLCBjb250ZW50UmVmLCBvbkNvbnRhaW5lclNjcm9sbCB9ID1cbiAgICB1c2VTY3JvbGxFZGdlVHJhY2tpbmcoe1xuICAgICAgc2Nyb2xsUmVmLFxuICAgICAgb25TY3JvbGwsXG4gICAgICBzZXRFZGdlczogZWRnZXNWYWx1ZS5zZXRFZGdlcyxcbiAgICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxTYW5kd2ljaFByb3ZpZGVyIHZhbHVlPXtlZGdlc1ZhbHVlfT5cbiAgICAgIHsvKiB0YWJJbmRleCBtYWtlcyB0aGUgc2Nyb2xsIHJlZ2lvbiBrZXlib2FyZC1hY2Nlc3NpYmxlIChhMTF5OiBzY3JvbGxhYmxlXG4gICAgICAgICAgcmVnaW9ucyBtdXN0IGJlIGZvY3VzYWJsZSBzbyBrZXlib2FyZCB1c2VycyBjYW4gc2Nyb2xsIHRoZW0pLiAqL31cbiAgICAgIDxTdHlsZWRTY3JvbGxSb290XG4gICAgICAgIHJlZj17c2V0Q29udGFpbmVyUmVmfVxuICAgICAgICBvblNjcm9sbD17b25Db250YWluZXJTY3JvbGx9XG4gICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICBkYXRhLWRzLWlkPVwiU2FuZHdpY2hcIlxuICAgICAgPlxuICAgICAgICA8U3R5bGVkU2Nyb2xsQ29udGVudCByZWY9e2NvbnRlbnRSZWZ9PntjaGlsZHJlbn08L1N0eWxlZFNjcm9sbENvbnRlbnQ+XG4gICAgICA8L1N0eWxlZFNjcm9sbFJvb3Q+XG4gICAgPC9TYW5kd2ljaFByb3ZpZGVyPlxuICApO1xufVxuXG4vKipcbiAqIENvbXBvdW5kIGV4cG9ydDogYFNhbmR3aWNoYCB3aXRoIGAuSGVhZGVyYCAvIGAuRm9vdGVyYCBhdHRhY2hlZC5cbiAqIE9iamVjdC5hc3NpZ24ga2VlcHMgdGhlIHN0YXRpYyBzdWItY29tcG9uZW50cyB0eXBlZCBvbiB0aGUgcm9vdFxuICogKGZ1bmN0aW9uLWRlY2xhcmF0aW9uIHN0YXRpY3MgZG9uJ3QgdHlwZS1jaGVjaykuXG4gKi9cbmV4cG9ydCBjb25zdCBTYW5kd2ljaCA9IE9iamVjdC5hc3NpZ24oU2FuZHdpY2hSb290LCB7XG4gIEhlYWRlcjogU2FuZHdpY2hIZWFkZXIsXG4gIEZvb3RlcjogU2FuZHdpY2hGb290ZXIsXG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3STRCIn0= */");export const Sandwich=Object.assign(function({children,scrollRef,onScroll}){let edgesValue=useSandwichEdgesState(),{setContainerRef,contentRef,onContainerScroll}=useScrollEdgeTracking({scrollRef,onScroll,setEdges:edgesValue.setEdges});return React.createElement(SandwichProvider,{value:edgesValue},React.createElement(StyledScrollRoot,{ref:setContainerRef,onScroll:onContainerScroll,tabIndex:0,"data-ds-id":"Sandwich"},React.createElement(StyledScrollContent,{ref:contentRef},children)))},{Header:SandwichHeader,Footer:SandwichFooter});

package/build/esm/components/Internal/Sandwich/SandwichFooter.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { SandwichFooterProps } from "./-types";
-export declare function SandwichFooter({ children, showSeparator, }: SandwichFooterProps): React.ReactElement;
+export declare function SandwichFooter({ children, showSeparator, "data-e2e-test-id": dataE2eTestId, }: SandwichFooterProps): React.ReactElement;

package/build/esm/components/Internal/Sandwich/SandwichFooter.js

@@ -1 +1 @@
-import React from"react";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledFooter=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"esecync0",label:"StyledFooter"})(({theme,showBorder})=>({position:"sticky",bottom:0,flex:"0 0 auto",zIndex:1,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hGb290ZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEZvb3Rlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoRm9vdGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICBib3R0b206IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJUb3BXaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJUb3BDb2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEZvb3Rlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG59OiBTYW5kd2ljaEZvb3RlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBhdEJvdHRvbSB9ID0gdXNlU2FuZHdpY2hDb250ZXh0KCk7XG4gIC8vIERpdmlkZXIgd2hpbGUgY29udGVudCByZW1haW5zIGJlbG93IHRoZSBmb2xkIChvciBwZXIgYHNob3dTZXBhcmF0b3JgKS5cbiAgY29uc3Qgc2hvd0JvcmRlciA9XG4gICAgc2hvd1NlcGFyYXRvciA9PT0gXCJhbHdheXNcIiB8fCAoc2hvd1NlcGFyYXRvciA9PT0gXCJhdXRvXCIgJiYgIWF0Qm90dG9tKTtcbiAgcmV0dXJuIDxTdHlsZWRGb290ZXIgc2hvd0JvcmRlcj17c2hvd0JvcmRlcn0+e2NoaWxkcmVufTwvU3R5bGVkRm9vdGVyPjtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUIifQ== */");export function SandwichFooter({children,showSeparator="auto"}){let{atBottom}=useSandwichContext();return React.createElement(StyledFooter,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atBottom},children)}
+import React from"react";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledFooter=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"e6qp72i0",label:"StyledFooter"})(({theme,showBorder})=>({position:"sticky",bottom:0,flex:"0 0 auto",marginTop:"auto",zIndex:1,borderTopWidth:1,borderTopStyle:"solid",borderTopColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hGb290ZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEZvb3Rlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoRm9vdGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICBib3R0b206IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgLy8gUGlucyB0aGUgZm9vdGVyIHRvIHRoZSBjb250YWluZXIgYm90dG9tIHdoZW4gY29udGVudCBpcyBzaG9ydC5cbiAgbWFyZ2luVG9wOiBcImF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJUb3BXaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJUb3BTdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJUb3BDb2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEZvb3Rlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogU2FuZHdpY2hGb290ZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgYXRCb3R0b20gfSA9IHVzZVNhbmR3aWNoQ29udGV4dCgpO1xuICAvLyBEaXZpZGVyIHdoaWxlIGNvbnRlbnQgcmVtYWlucyBiZWxvdyB0aGUgZm9sZCAob3IgcGVyIGBzaG93U2VwYXJhdG9yYCkuXG4gIGNvbnN0IHNob3dCb3JkZXIgPVxuICAgIHNob3dTZXBhcmF0b3IgPT09IFwiYWx3YXlzXCIgfHwgKHNob3dTZXBhcmF0b3IgPT09IFwiYXV0b1wiICYmICFhdEJvdHRvbSk7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEZvb3RlciBzaG93Qm9yZGVyPXtzaG93Qm9yZGVyfSBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEZvb3Rlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUIifQ== */");export function SandwichFooter({children,showSeparator="auto","data-e2e-test-id":dataE2eTestId}){let{atBottom}=useSandwichContext();return React.createElement(StyledFooter,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atBottom,"data-e2e-test-id":dataE2eTestId},children)}

package/build/esm/components/Internal/Sandwich/SandwichHeader.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { SandwichHeaderProps } from "./-types";
-export declare function SandwichHeader({ children, showSeparator, }: SandwichHeaderProps): React.ReactElement;
+export declare function SandwichHeader({ children, showSeparator, "data-e2e-test-id": dataE2eTestId, }: SandwichHeaderProps): React.ReactElement;

package/build/esm/components/Internal/Sandwich/SandwichHeader.js

@@ -1 +1 @@
-import React from"react";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledHeader=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"erdgd190",label:"StyledHeader"})(({theme,showBorder})=>({position:"sticky",top:0,flex:"0 0 auto",zIndex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoSGVhZGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICB0b3A6IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJCb3R0b21XaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJCb3R0b21TdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJCb3R0b21Db2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEhlYWRlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG59OiBTYW5kd2ljaEhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBhdFRvcCB9ID0gdXNlU2FuZHdpY2hDb250ZXh0KCk7XG4gIC8vIERpdmlkZXIgb25jZSB0aGUgc3RhcnQgb2YgdGhlIGNvbnRlbnQgaXMgc2Nyb2xsZWQgYXdheSAob3IgcGVyIGBzaG93U2VwYXJhdG9yYCkuXG4gIGNvbnN0IHNob3dCb3JkZXIgPVxuICAgIHNob3dTZXBhcmF0b3IgPT09IFwiYWx3YXlzXCIgfHwgKHNob3dTZXBhcmF0b3IgPT09IFwiYXV0b1wiICYmICFhdFRvcCk7XG4gIHJldHVybiA8U3R5bGVkSGVhZGVyIHNob3dCb3JkZXI9e3Nob3dCb3JkZXJ9PntjaGlsZHJlbn08L1N0eWxlZEhlYWRlcj47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3FCIn0= */");export function SandwichHeader({children,showSeparator="auto"}){let{atTop}=useSandwichContext();return React.createElement(StyledHeader,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atTop},children)}
+import React from"react";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledHeader=styled("div",{shouldForwardProp:prop=>"showBorder"!==prop,target:"e1k5spef0",label:"StyledHeader"})(({theme,showBorder})=>({position:"sticky",top:0,flex:"0 0 auto",zIndex:1,borderBottomWidth:1,borderBottomStyle:"solid",borderBottomColor:showBorder?theme.values.color.border.secondary.default:"transparent",transition:"border-color 0.15s ease"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hIZWFkZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaEhlYWRlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFNhbmR3aWNoSGVhZGVyUHJvcHMgfSBmcm9tIFwiLi8tdHlwZXNcIjtcbmltcG9ydCB7IHVzZVNhbmR3aWNoQ29udGV4dCB9IGZyb20gXCIuL3VzZVNhbmR3aWNoQ29udGV4dFwiO1xuXG5jb25zdCBCT1JERVJfV0lEVEggPSAxO1xuXG5jb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwic2hvd0JvcmRlclwiLFxufSk8eyBzaG93Qm9yZGVyOiBib29sZWFuIH0+KCh7IHRoZW1lLCBzaG93Qm9yZGVyIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICB0b3A6IDAsXG4gIGZsZXg6IFwiMCAwIGF1dG9cIixcbiAgekluZGV4OiAxLFxuICAvLyBSZXNlcnZlIHRoZSBib3JkZXIgYm94IGF0IGFsbCB0aW1lczsgb25seSB0aGUgY29sb3IgdG9nZ2xlcyBzbyB0aGUgZGl2aWRlclxuICAvLyBhcHBlYXJzIHdpdGhvdXQgc2hpZnRpbmcgbGF5b3V0LlxuICBib3JkZXJCb3R0b21XaWR0aDogQk9SREVSX1dJRFRILFxuICBib3JkZXJCb3R0b21TdHlsZTogXCJzb2xpZFwiLFxuICBib3JkZXJCb3R0b21Db2xvcjogc2hvd0JvcmRlclxuICAgID8gdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdFxuICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICB0cmFuc2l0aW9uOiBcImJvcmRlci1jb2xvciAwLjE1cyBlYXNlXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTYW5kd2ljaEhlYWRlcih7XG4gIGNoaWxkcmVuLFxuICBzaG93U2VwYXJhdG9yID0gXCJhdXRvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogU2FuZHdpY2hIZWFkZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHsgYXRUb3AgfSA9IHVzZVNhbmR3aWNoQ29udGV4dCgpO1xuICAvLyBEaXZpZGVyIG9uY2UgdGhlIHN0YXJ0IG9mIHRoZSBjb250ZW50IGlzIHNjcm9sbGVkIGF3YXkgKG9yIHBlciBgc2hvd1NlcGFyYXRvcmApLlxuICBjb25zdCBzaG93Qm9yZGVyID1cbiAgICBzaG93U2VwYXJhdG9yID09PSBcImFsd2F5c1wiIHx8IChzaG93U2VwYXJhdG9yID09PSBcImF1dG9cIiAmJiAhYXRUb3ApO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRIZWFkZXIgc2hvd0JvcmRlcj17c2hvd0JvcmRlcn0gZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRIZWFkZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3FCIn0= */");export function SandwichHeader({children,showSeparator="auto","data-e2e-test-id":dataE2eTestId}){let{atTop}=useSandwichContext();return React.createElement(StyledHeader,{showBorder:"always"===showSeparator||"auto"===showSeparator&&!atTop,"data-e2e-test-id":dataE2eTestId},children)}

package/build/esm/components/Internal/Sandwich/useSandwichContext.d.ts

@@ -1,8 +1,8 @@
 import type { SandwichEdges } from "./-types";
 /**
- * Context decouples the parts: `Body` reports edge visibility via `setEdges`,
- * `Header` / `Footer` read `atTop` / `atBottom`. The link is the context, not
- * child order, so the parts may be authored in any order.
+ * Context decouples the parts: the scrollable root reports edge visibility via
+ * `setEdges`, `Header` / `Footer` read `atTop` / `atBottom`. The link is the
+ * context, not child order, so the parts may be authored in any order.
  */
 export type SandwichContextValue = SandwichEdges & {
     setEdges: (edges: Partial<SandwichEdges>) => void;

package/build/esm/components/Internal/Sandwich/useSandwichContext.js

@@ -1 +1 @@
-import{createContext,useContext}from"react";let SandwichContext=createContext(null);export const SandwichProvider=SandwichContext.Provider;export function useSandwichContext(){let ctx=useContext(SandwichContext);if(!ctx)throw Error("Sandwich.Header / Sandwich.Footer / Sandwich.Body must be used within <Sandwich>.");return ctx}
+import{createContext,useContext}from"react";let SandwichContext=createContext(null);export const SandwichProvider=SandwichContext.Provider;export function useSandwichContext(){let ctx=useContext(SandwichContext);if(!ctx)throw Error("Sandwich.Header / Sandwich.Footer must be used within <Sandwich>.");return ctx}

package/build/esm/components/Layout/-types.d.ts

@@ -1,6 +1,6 @@
 import type React from "react";
 import type { PanelKey, SidePanelKey, SlotKey } from "./-constants";
-import type { IconProps } from "../Icon/Icon";
+import type { PanelHeaderTitle } from "../Internal/PanelHeader/PanelHeader";
 /**
  * Surface = compound components (`Layout.LeftPanel` / `Layout.RightPanel` /
  * `Layout.Content` / `Layout.Split`) + one control hook
@@ -138,7 +138,11 @@ export type LayoutValue = {
     splitview: PanelHandle;
 };
 export type SidePanelProps = {
+    /** Panel content in source order. Header/footer components
+     *  (e.g. `<Layout.LeftPanelHeader />`) stick to the edges; the rest scrolls. */
     children: React.ReactNode;
+    /** Accessible name; when set, the panel renders as a `region` landmark. */
+    "aria-label"?: string;
     variant?: Variant;
     collapsible?: boolean;
     /** Number = pixels, unitless string = percent (e.g. `"30%"`). */
@@ -148,11 +152,6 @@ export type SidePanelProps = {
     /** Called whenever the panel's visibility changes, with the new value. */
     onVisibleChange?: (visible: boolean) => void;
 };
-export type LeftPanelProps = SidePanelProps & {
-    /** Accessible name for the panel. Used to label the modal drawer it renders
-     *  as on mobile (`role="dialog"`). Ignored by the docked desktop panel. */
-    "aria-label": string;
-};
 export type ContentProps = {
     children: React.ReactNode;
     /** Number = pixels, unitless string = percent (e.g. `"30%"`). */
@@ -160,7 +159,11 @@ export type ContentProps = {
     maxSize?: Size;
 };
 export type SplitProps = {
+    /** Panel content in source order. `<Layout.SplitHeader />` /
+     *  `<Layout.SplitFooter />` children stick to the edges; the rest scrolls. */
     children: React.ReactNode;
+    /** Accessible name; when set, the panel renders as a `region` landmark. */
+    "aria-label"?: string;
     /** Number = pixels, unitless string = percent (e.g. `"30%"`). */
     defaultSize?: Size;
     minSize?: Size;
@@ -183,44 +186,68 @@ export type LayoutProps = {
     storage?: LayoutStorage;
 };
 /**
- * Title shown in the panel header. `label` always provides the panel's
- * accessible name (even when the title block is visually hidden).
+ * Shared contract of the per-panel header components
+ * (`Layout.LeftPanelHeader` / `Layout.RightPanelHeader` / `Layout.SplitHeader`).
+ * Place among the panel's children; it sticks to the top.
  */
-export type RightPanelContainerTitle = {
-    /** Visible label and the panel's accessible name. */
-    label: string;
-    /** Optional leading icon. Decorative — the visible title label names it. */
-    icon?: Omit<IconProps, "size" | "aria-label" | "aria-labelledby" | "role">;
-    /** Show the visible label+icon block. Default `true`. When `false` the block
-     *  is hidden but `label` is still exposed as the accessible name. */
-    isVisible?: boolean;
-};
-export type RightPanelContainerSlotProps = {
-    /** Header slots around the title. */
-    header?: {
-        /** Rendered at the header start, before the title. */
-        leftSlot?: React.ReactNode;
-        /** Rendered at the header end, after the title and before the close button. */
-        rightSlot?: React.ReactNode;
-    };
-    /** Sticky footer content. Footer is omitted entirely when not provided. */
-    footer?: React.ReactNode;
-    /** Props for the always-rendered close button. */
+export type PanelSlotHeaderProps = {
+    /** Rendered at the header start. */
+    leftSlot?: React.ReactNode;
+    /** Rendered at the header end. */
+    rightSlot?: React.ReactNode;
+    "data-e2e-test-id"?: string;
+};
+/**
+ * Shared contract of the per-panel footer components
+ * (`Layout.LeftPanelFooter` / `Layout.RightPanelFooter` / `Layout.SplitFooter`).
+ * Place among the panel's children; it sticks to the bottom.
+ */
+export type PanelSlotFooterProps = {
+    children: React.ReactNode;
+    "data-e2e-test-id"?: string;
+};
+export type LeftPanelHeaderProps = PanelSlotHeaderProps;
+export type LeftPanelFooterProps = PanelSlotFooterProps;
+/**
+ * Title shown in the right panel header, after `leftSlot`. Visual only — the
+ * panel's accessible name comes from `Layout.RightPanel`'s `aria-label`.
+ */
+export type RightPanelHeaderTitle = PanelHeaderTitle;
+export type RightPanelHeaderSlotProps = {
+    /** Props for the built-in close button, rendered at the header end after
+     *  `rightSlot`. Clicking it hides the panel. */
     closeButton: {
         "aria-label": string;
     };
 };
-export type RightPanelContainerProps = {
-    title: RightPanelContainerTitle;
-    /** Scrollable body content. */
+export type RightPanelHeaderProps = PanelSlotHeaderProps & {
+    /** Title block (icon + heading), rendered after `leftSlot`. */
+    title?: RightPanelHeaderTitle;
+    /** Props forwarded to internal sub-components. */
+    slotProps: RightPanelHeaderSlotProps;
+};
+export type RightPanelFooterProps = PanelSlotFooterProps;
+export type SplitHeaderProps = PanelSlotHeaderProps;
+export type SplitFooterProps = PanelSlotFooterProps;
+export type PanelContainerProps = {
+    /** Content in source order. Per-panel header/footer components stick to the
+     *  edges; everything else scrolls. */
     children: React.ReactNode;
-    /** Called when the (always rendered) close button is clicked. */
-    onClose?: () => void;
-    slotProps: RightPanelContainerSlotProps;
+    /** Accessible name; when set, the container renders as a `region` landmark. */
+    "aria-label"?: string;
+    /** Forwarded to the scroll container element (scroll restoration etc.). */
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    /** Forwarded to the scroll container's scroll handler. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    /** Draws a separator border on the panel's left edge. */
+    showBorderLeft?: boolean;
+    "data-e2e-test-id"?: string;
+};
+export type RightPanelProps = SidePanelProps & {
+    /** Accessible name for the panel's `region` landmark. */
+    "aria-label": string;
     /** Forwarded to the scrollable body element (scroll restoration etc.). */
     scrollContainerRef?: React.Ref<HTMLDivElement>;
     /** Forwarded to the scrollable body's scroll handler. */
     onScroll?: React.UIEventHandler<HTMLDivElement>;
-    "data-e2e-test-id"?: string;
 };
-export type RightPanelProps = SidePanelProps & Omit<RightPanelContainerProps, "data-e2e-test-id">;

package/build/{cjs/components/Layout → esm/components/Layout/Content}/Content.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { ContentProps } from "./-types";
+import type { ContentProps } from "../-types";
 /**
  * Primary content panel. Always shown (never collapsible) and flexes to fill the
  * space the side panels leave. Declares the `content` slot and portals into it.

package/build/esm/components/Layout/Content/Content.js

@@ -0,0 +1 @@
+import{Slot}from"../-constants";import{useDeclarePanel,useLayoutPortal}from"../registry";export const Content=({children,minSize,maxSize})=>(useDeclarePanel(Slot.content,{minSize,maxSize,collapsible:!1}),useLayoutPortal(Slot.content,children));

package/build/esm/components/Layout/Layout.d.ts

@@ -1,17 +1,29 @@
 import React from "react";
 import { LayoutProvider } from "./LayoutProvider";
-import { Content } from "./Content";
-import { RightPanel } from "./RightPanel";
-import { LeftPanel } from "./LeftPanel";
-import { Split } from "./Split";
+import { Content } from "./Content/Content";
+import { RightPanel } from "./RightPanel/RightPanel";
+import { RightPanelHeader } from "./RightPanel/RightPanelHeader";
+import { RightPanelFooter } from "./RightPanel/RightPanelFooter";
+import { LeftPanel } from "./LeftPanel/LeftPanel";
+import { LeftPanelHeader } from "./LeftPanel/LeftPanelHeader";
+import { LeftPanelFooter } from "./LeftPanel/LeftPanelFooter";
+import { Split } from "./Split/Split";
+import { SplitHeader } from "./Split/SplitHeader";
+import { SplitFooter } from "./Split/SplitFooter";
 import type { LayoutProps } from "./-types";
 declare function LayoutBase({ children, persistenceKey, storage, }: LayoutProps): React.ReactElement;
 type LayoutComponent = typeof LayoutBase & {
     Provider: typeof LayoutProvider;
     LeftPanel: typeof LeftPanel;
+    LeftPanelHeader: typeof LeftPanelHeader;
+    LeftPanelFooter: typeof LeftPanelFooter;
     RightPanel: typeof RightPanel;
+    RightPanelHeader: typeof RightPanelHeader;
+    RightPanelFooter: typeof RightPanelFooter;
     Content: typeof Content;
     Split: typeof Split;
+    SplitHeader: typeof SplitHeader;
+    SplitFooter: typeof SplitFooter;
 };
 export declare const Layout: LayoutComponent;
 export {};