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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/build/cjs/components/Internal/Drawer/Drawer.d.ts +30 -0
  2. package/build/cjs/components/Internal/Drawer/Drawer.js +1 -0
  3. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
  4. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js +1 -0
  5. package/build/cjs/components/Layout/-types.d.ts +5 -0
  6. package/build/cjs/components/Layout/LeftPanel.d.ts +6 -6
  7. package/build/cjs/components/Layout/LeftPanel.js +1 -1
  8. package/build/cjs/components/Layout/LeftPanelDocked.d.ts +9 -0
  9. package/build/cjs/components/Layout/LeftPanelDocked.js +1 -0
  10. package/build/cjs/components/Layout/LeftPanelDrawer.d.ts +10 -0
  11. package/build/cjs/components/Layout/LeftPanelDrawer.js +1 -0
  12. package/build/cjs/components/Lightbox/Lightbox.js +2 -2
  13. package/build/cjs/shared/focusableSelector.d.ts +1 -0
  14. package/build/cjs/shared/focusableSelector.js +1 -0
  15. package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
  16. package/build/cjs/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
  17. package/build/cjs/web-tokens/_sizes.json +51 -51
  18. package/build/cjs/web-tokens/assets/icons.json +1 -0
  19. package/build/cjs/web-tokens/assets/icons16.json +1 -0
  20. package/build/esm/components/Internal/Drawer/Drawer.d.ts +30 -0
  21. package/build/esm/components/Internal/Drawer/Drawer.js +1 -0
  22. package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts +34 -0
  23. package/build/esm/components/Internal/Drawer/useDrawerAnimation.js +1 -0
  24. package/build/esm/components/Layout/-types.d.ts +5 -0
  25. package/build/esm/components/Layout/LeftPanel.d.ts +6 -6
  26. package/build/esm/components/Layout/LeftPanel.js +1 -1
  27. package/build/esm/components/Layout/LeftPanelDocked.d.ts +9 -0
  28. package/build/esm/components/Layout/LeftPanelDocked.js +1 -0
  29. package/build/esm/components/Layout/LeftPanelDrawer.d.ts +10 -0
  30. package/build/esm/components/Layout/LeftPanelDrawer.js +1 -0
  31. package/build/esm/components/Lightbox/Lightbox.js +2 -2
  32. package/build/esm/shared/focusableSelector.d.ts +1 -0
  33. package/build/esm/shared/focusableSelector.js +1 -0
  34. package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.d.ts +13 -0
  35. package/build/esm/shared/useOutsideClickDeactivatesWithinPortal.js +1 -0
  36. package/build/esm/web-tokens/_sizes.json +51 -51
  37. package/build/esm/web-tokens/assets/icons.json +1 -0
  38. package/build/esm/web-tokens/assets/icons16.json +1 -0
  39. package/package.json +1 -1
@@ -0,0 +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`}}
@@ -148,6 +148,11 @@ export type SidePanelProps = {
148
148
  /** Called whenever the panel's visibility changes, with the new value. */
149
149
  onVisibleChange?: (visible: boolean) => void;
150
150
  };
151
+ export type LeftPanelProps = SidePanelProps & {
152
+ /** Accessible name for the panel. Used to label the modal drawer it renders
153
+ * as on mobile (`role="dialog"`). Ignored by the docked desktop panel. */
154
+ "aria-label": string;
155
+ };
151
156
  export type ContentProps = {
152
157
  children: React.ReactNode;
153
158
  /** Number = pixels, unitless string = percent (e.g. `"30%"`). */
@@ -1,8 +1,8 @@
1
- import type React from "react";
2
- import type { SidePanelProps } from "./-types";
1
+ import React from "react";
2
+ import type { LeftPanelProps } from "./-types";
3
3
  /**
4
- * Left side panel. Declares the `leftPanel` slot and portals its content into
5
- * the Group's host while visible. Renders in-flow (a resizable column) - the
6
- * offcanvas overlay / mobile sheet is deferred.
4
+ * Picks between {@link LeftPanelDocked} and {@link LeftPanelDrawer} by breakpoint.
5
+ * Split into two components because only the docked variant may call `useDeclarePanel`,
6
+ * and hooks can't be called conditionally within one.
7
7
  */
8
- export declare const LeftPanel: React.FC<SidePanelProps>;
8
+ export declare const LeftPanel: React.FC<LeftPanelProps>;
@@ -1 +1 @@
1
- import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";export const LeftPanel=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=useLayout()[Slot.leftPanel];return useDeclarePanel(Slot.leftPanel,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.leftPanel,isVisible?children:null)};
1
+ import React from"react";import{useBreakpoints}from"../../shared/useBreakpoints";import{LeftPanelDocked}from"./LeftPanelDocked";import{LeftPanelDrawer}from"./LeftPanelDrawer";export const LeftPanel=props=>{let{isMobile}=useBreakpoints();return isMobile?React.createElement(LeftPanelDrawer,props):React.createElement(LeftPanelDocked,props)};
@@ -0,0 +1,9 @@
1
+ import type React from "react";
2
+ import type { LeftPanelProps } from "./-types";
3
+ /**
4
+ * Docked (desktop) left panel. Declares the `leftPanel` slot and portals its
5
+ * content into the Group's host while visible - an in-flow, resizable column.
6
+ * The mobile presentation lives in {@link LeftPanelDrawer}; `LeftPanel` picks
7
+ * between the two by breakpoint.
8
+ */
9
+ export declare const LeftPanelDocked: React.FC<LeftPanelProps>;
@@ -0,0 +1 @@
1
+ import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";export const LeftPanelDocked=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=useLayout()[Slot.leftPanel];return useDeclarePanel(Slot.leftPanel,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.leftPanel,isVisible?children:null)};
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import type { LeftPanelProps } from "./-types";
3
+ /**
4
+ * Mobile left panel. Renders its content as a modal {@link Drawer} pinned to the
5
+ * left edge instead of an in-flow column - so it does NOT declare a resizable
6
+ * slot. Visibility is the shared `leftPanel` layout state, so `useLayout()`
7
+ * drives it identically to the docked desktop panel; outside-click / Escape
8
+ * routes back through `hide`.
9
+ */
10
+ export declare const LeftPanelDrawer: React.FC<LeftPanelProps>;
@@ -0,0 +1 @@
1
+ import React from"react";import styled from"@emotion/styled";import{Drawer}from"../Internal/Drawer/Drawer";import{Slot}from"./-constants";import{useVisibleChange}from"./registry";import{useLayout}from"./useLayout";let StyledLeftPanelSheet=styled("div",{target:"eql3say0",label:"StyledLeftPanelSheet"})(({theme})=>({width:"80vw",height:"100dvh",background:theme.values.color.background.primary.default,overflow:"auto"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xlZnRQYW5lbERyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9MZWZ0UGFuZWxEcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSBcIi4uL0ludGVybmFsL0RyYXdlci9EcmF3ZXJcIjtcbmltcG9ydCB7IFNsb3QgfSBmcm9tIFwiLi8tY29uc3RhbnRzXCI7XG5pbXBvcnQgeyB1c2VWaXNpYmxlQ2hhbmdlIH0gZnJvbSBcIi4vcmVnaXN0cnlcIjtcbmltcG9ydCB7IHVzZUxheW91dCB9IGZyb20gXCIuL3VzZUxheW91dFwiO1xuaW1wb3J0IHR5cGUgeyBMZWZ0UGFuZWxQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuXG4vLyBGaXhlZCBtb2JpbGUgd2lkdGggLSB0aGUgbW9iaWxlIHNoZWV0IGlzIGludGVudGlvbmFsbHkgbm90IHJlc2l6YWJsZSwgc28gdGhpc1xuLy8gaXMgYSBjb25zdGFudCByYXRoZXIgdGhhbiBkcml2ZW4gYnkgdGhlIHBhbmVsJ3MgYGRlZmF1bHRTaXplYC9gbWluU2l6ZWAgcHJvcHMuXG4vLyBTaXplZCBpbiBgdndgLCBub3QgYCVgOiB0aGUgRHJhd2VyIHBpbnMgdGhlIHNoZWV0IHdpdGggYHBvc2l0aW9uOiBmaXhlZGAgYW5kXG4vLyBubyB3aWR0aCBvZiBpdHMgb3duLCBzbyBhIHBlcmNlbnRhZ2Ugd291bGQgcmVzb2x2ZSBhZ2FpbnN0IGEgc2hyaW5rLXRvLWZpdFxuLy8gYm94IGFuZCBjb2xsYXBzZSAtIHZpZXdwb3J0IHVuaXRzIGdpdmUgYSB0cnVlIDgwJSBvZiB0aGUgc2NyZWVuIHdpZHRoLlxuY29uc3QgRFJBV0VSX1dJRFRIID0gXCI4MHZ3XCI7XG5cbmNvbnN0IFN0eWxlZExlZnRQYW5lbFNoZWV0ID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICB3aWR0aDogRFJBV0VSX1dJRFRILFxuICBoZWlnaHQ6IFwiMTAwZHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSkpO1xuXG4vKipcbiAqIE1vYmlsZSBsZWZ0IHBhbmVsLiBSZW5kZXJzIGl0cyBjb250ZW50IGFzIGEgbW9kYWwge0BsaW5rIERyYXdlcn0gcGlubmVkIHRvIHRoZVxuICogbGVmdCBlZGdlIGluc3RlYWQgb2YgYW4gaW4tZmxvdyBjb2x1bW4gLSBzbyBpdCBkb2VzIE5PVCBkZWNsYXJlIGEgcmVzaXphYmxlXG4gKiBzbG90LiBWaXNpYmlsaXR5IGlzIHRoZSBzaGFyZWQgYGxlZnRQYW5lbGAgbGF5b3V0IHN0YXRlLCBzbyBgdXNlTGF5b3V0KClgXG4gKiBkcml2ZXMgaXQgaWRlbnRpY2FsbHkgdG8gdGhlIGRvY2tlZCBkZXNrdG9wIHBhbmVsOyBvdXRzaWRlLWNsaWNrIC8gRXNjYXBlXG4gKiByb3V0ZXMgYmFjayB0aHJvdWdoIGBoaWRlYC5cbiAqL1xuZXhwb3J0IGNvbnN0IExlZnRQYW5lbERyYXdlcjogUmVhY3QuRkM8TGVmdFBhbmVsUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uVmlzaWJsZUNoYW5nZSxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbn0pID0+IHtcbiAgY29uc3QgeyBpc1Zpc2libGUsIGhpZGUgfSA9IHVzZUxheW91dCgpW1Nsb3QubGVmdFBhbmVsXTtcbiAgdXNlVmlzaWJsZUNoYW5nZShpc1Zpc2libGUsIG9uVmlzaWJsZUNoYW5nZSk7XG4gIHJldHVybiAoXG4gICAgPERyYXdlclxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICBwb3NpdGlvblg9XCJsZWZ0XCJcbiAgICAgIGhhbmRsZUNsb3NlPXtoaWRlfVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRMZWZ0UGFuZWxTaGVldD57Y2hpbGRyZW59PC9TdHlsZWRMZWZ0UGFuZWxTaGVldD5cbiAgICA8L0RyYXdlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTZCIn0= */");export const LeftPanelDrawer=({children,onVisibleChange,"aria-label":ariaLabel})=>{let{isVisible,hide}=useLayout()[Slot.leftPanel];return useVisibleChange(isVisible,onVisibleChange),React.createElement(Drawer,{isVisible:isVisible,positionX:"left",handleClose:hide,"aria-label":ariaLabel},React.createElement(StyledLeftPanelSheet,null,children))};
@@ -1,8 +1,8 @@
1
- import React,{useCallback,useRef}from"react";import styled from"@emotion/styled";import{keyframes}from"@emotion/react";import{Portal,usePortalContainerElement}from"../Portal/Portal";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import{useResponsiveStyles}from"../../shared/mediaQueries";import{DialogContext}from"../Patterns/Dialog/DialogContext";export const StyledBackdrop=styled("div",{target:"ew3tr1y0",label:"StyledBackdrop"})(({theme,justifyContent})=>{let fadeInBackdrop=keyframes`
1
+ import React,{useRef}from"react";import styled from"@emotion/styled";import{keyframes}from"@emotion/react";import{useOutsideClickDeactivatesWithinPortal}from"../../shared/useOutsideClickDeactivatesWithinPortal";import{FOCUSABLE_SELECTOR}from"../../shared/focusableSelector";import{Portal,usePortalContainerElement}from"../Portal/Portal";import{FocusTrapWrapper}from"../../shared/FocusTrapWrapper";import{useResponsiveStyles}from"../../shared/mediaQueries";import{DialogContext}from"../Patterns/Dialog/DialogContext";export const StyledBackdrop=styled("div",{target:"e1vcr7130",label:"StyledBackdrop"})(({theme,justifyContent})=>{let fadeInBackdrop=keyframes`
2
2
  from {
3
3
  opacity: ${theme.variables.opacity.hidden};
4
4
  }
5
5
  to {
6
6
  opacity: ${theme.variables.opacity.visible};
7
7
  }
8
- `;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...useResponsiveStyles({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PntjaGlsZHJlbn08L1N0eWxlZENoaWxkcmVuV3JhcHBlcj5cbiAgICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgICA8L1N0eWxlZEJhY2tkcm9wPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIGFuZCBNb2RhbCBzdG9yeSB3ZSBkb24ndCB3YW50IHRvIHJlbmRlciB0aGUgY29udGVudCBpbnNpZGUgYSBwb3J0YWxcbiAgaWYgKHNraXBQb3J0YWwpIHtcbiAgICByZXR1cm4gY29udGVudDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+XG4gICAgICA8UG9ydGFsIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfT57Y29udGVudH08L1BvcnRhbD5cbiAgICA8L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM4QiJ9 */");export const StyledChildrenWrapper=styled("div",{target:"ew3tr1y1",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7XG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHR5cGUgUmVmT2JqZWN0LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcInNyYy90eXBlc1wiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB1c2VQb3J0YWxDb250YWluZXJFbGVtZW50LFxuICB0eXBlIFBvcnRhbFByb3BzLFxufSBmcm9tIFwiLi4vUG9ydGFsL1BvcnRhbFwiO1xuaW1wb3J0IHsgRm9jdXNUcmFwV3JhcHBlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvRm9jdXNUcmFwV3JhcHBlclwiO1xuaW1wb3J0IHsgdXNlUmVzcG9uc2l2ZVN0eWxlcyB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0IH0gZnJvbSBcIi4uL1BhdHRlcm5zL0RpYWxvZy9EaWFsb2dDb250ZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExpZ2h0Ym94UHJvcHMgPSBSZWFjdC5IVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdE5vZGU7XG4gIGJhY2tkcm9wUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgaGFuZGxlQ2xvc2U/OiAoKSA9PiB2b2lkO1xuICBpc0Rpc21pc3NpYmxlPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIEEgcmVmIHRvIHRoZSBlbGVtZW50IHRoYXQgc2hvdWxkIHJlY2VpdmUgZm9jdXMgd2hlbiB0aGUgbGlnaHRib3ggb3BlbnMuXG4gICAqIFdoZW4gbm90IHByb3ZpZGVkLCB0aGUgZmlyc3QgZm9jdXNhYmxlIGVsZW1lbnQgaW5zaWRlIHRoZSBsaWdodGJveCBpcyB1c2VkLlxuICAgKi9cbiAgaW5pdGlhbEZvY3VzPzogUmVmT2JqZWN0PEhUTUxFbGVtZW50IHwgU1ZHRWxlbWVudD4gfCBzdHJpbmc7XG4gIGp1c3RpZnlDb250ZW50PzogTVE8TGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudD4gfCBMaWdodGJveFZlcnRpY2FsQWxpZ25tZW50O1xuICBwcml2YXRlUHJvcHM/OiB7XG4gICAgc2tpcFBvcnRhbD86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogQGludGVybmFsXG4gICAgICogT3B0aW9ucyBwYXNzZWQgdG8gZm9jdXMtdHJhcCdzIHRhYmJhYmxlIGRldGVjdGlvbi5cbiAgICAgKiBVc2UgYHsgZGlzcGxheUNoZWNrOiBcIm5vbmVcIiB9YCBmb3IgdGVzdGluZyB0byBhdm9pZCBKU0RPTSB2aXNpYmlsaXR5IGlzc3Vlcy5cbiAgICAgKi9cbiAgICB0YWJiYWJsZU9wdGlvbnM/OiB7XG4gICAgICBkaXNwbGF5Q2hlY2s/OiBcImZ1bGxcIiB8IFwibGVnYWN5LWZ1bGxcIiB8IFwibm9uLXplcm8tYXJlYVwiIHwgXCJub25lXCI7XG4gICAgfTtcbiAgfTtcbn0gJiBQaWNrPFBvcnRhbFByb3BzLCBcInBvcnRhbENvbnRhaW5lclwiPjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhY2tkcm9wID0gc3R5bGVkLmRpdjxQaWNrPExpZ2h0Ym94UHJvcHMsIFwianVzdGlmeUNvbnRlbnRcIj4+KFxuICAoeyB0aGVtZSwganVzdGlmeUNvbnRlbnQgfSkgPT4ge1xuICAgIGNvbnN0IGZhZGVJbkJhY2tkcm9wID0ga2V5ZnJhbWVzYFxuICAgIGZyb20ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS5oaWRkZW59O1xuICAgIH1cbiAgICB0byB7XG4gICAgICBvcGFjaXR5OiAke3RoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LnZpc2libGV9O1xuICAgIH1cbiAgYDtcblxuICAgIHJldHVybiB7XG4gICAgICBwb3NpdGlvbjogXCJmaXhlZFwiLFxuICAgICAgdG9wOiAwLFxuICAgICAgbGVmdDogMCxcbiAgICAgIHpJbmRleDogdGhlbWUudmFyaWFibGVzLnpJbmRleC5tb2RhbCxcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGhlaWdodDogXCIxMDBkdmhcIixcbiAgICAgIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmJhY2tkcm9wLmRlZmF1bHQsXG4gICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgICAuLi51c2VSZXNwb25zaXZlU3R5bGVzKHtcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6IFtcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICB0b3A6IFwiZmxleC1zdGFydFwiLFxuICAgICAgICAgICAgY2VudGVyOiBcImNlbnRlclwiLFxuICAgICAgICAgIH0sXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgICBmbGV4OiBcIjEgMCBhdXRvXCIsXG4gICAgICBhbmltYXRpb246IGAke2ZhZGVJbkJhY2tkcm9wfSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubW9kYWxCYWNrZHJvcC5vcGVuLnRpbWluZ0Z1bmN0aW9ufSBib3RoYCxcbiAgICB9O1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6IFwiY29udGVudHNcIixcbn0pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGlnaHRib3goe1xuICBiYWNrZHJvcFJlZixcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBpbml0aWFsRm9jdXMsXG4gIGlzRGlzbWlzc2libGUgPSB0cnVlLFxuICBjaGlsZHJlbixcbiAgaGFuZGxlQ2xvc2UsXG4gIGp1c3RpZnlDb250ZW50ID0gXCJjZW50ZXJcIixcbiAgcHJpdmF0ZVByb3BzOiB7IHNraXBQb3J0YWwsIHRhYmJhYmxlT3B0aW9ucyB9ID0ge1xuICAgIHNraXBQb3J0YWw6IGZhbHNlLFxuICB9LFxufTogUHJvcHNXaXRoQ2hpbGRyZW48TGlnaHRib3hQcm9wcz4pOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwb3J0YWxDb250YWluZXJFbGVtZW50ID0gdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudChwb3J0YWxDb250YWluZXIpO1xuICBjb25zdCBtb2RhbFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBoYW5kbGVDbGlja091dHNpZGVEZWFjdGl2YXRlcyA9IHVzZUNhbGxiYWNrKFxuICAgIChldnQ6IE1vdXNlRXZlbnQgfCBUb3VjaEV2ZW50KSA9PiB7XG4gICAgICAvLyBEbyBub3QgY2xvc2Ugb24gY2xpY2sgdGhhdCBvY2N1cnMgb24gZWxlbWVudHMgd2l0aGluIHRoZSBzYW1lIHBvcnRhbCwgZm9yIGVnLCBkcm9wZG93biBhbmQgc2VsZWN0IG1lbnVzXG4gICAgICBpZiAoXG4gICAgICAgIHBvcnRhbENvbnRhaW5lckVsZW1lbnQuY29udGFpbnMoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgJiZcbiAgICAgICAgZXZ0LnRhcmdldCAhPT0gYmFja2Ryb3BSZWY/LmN1cnJlbnRcbiAgICAgICkge1xuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBpc0Rpc21pc3NpYmxlO1xuICAgIH0sXG4gICAgW2JhY2tkcm9wUmVmLCBwb3J0YWxDb250YWluZXJFbGVtZW50LCBpc0Rpc21pc3NpYmxlXVxuICApO1xuXG4gIGNvbnN0IGdldEZvY3VzVGFyZ2V0ID0gKCkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IG1vZGFsUmVmPy5jdXJyZW50XG4gICAgICA/LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50IHwgbnVsbDtcblxuICAgIGNvbnN0IGZvY3VzYWJsZVNlbGVjdG9yID1cbiAgICAgICdhW2hyZWZdLCBidXR0b246bm90KFtkaXNhYmxlZF0pLCBpbnB1dDpub3QoW2Rpc2FibGVkXSksIHNlbGVjdDpub3QoW2Rpc2FibGVkXSksIHRleHRhcmVhOm5vdChbZGlzYWJsZWRdKSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJztcbiAgICBjb25zdCBmaXJzdEZvY3VzYWJsZSA9XG4gICAgICBjb250YWluZXI/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KGZvY3VzYWJsZVNlbGVjdG9yKTtcbiAgICBpZiAoZmlyc3RGb2N1c2FibGUpIHtcbiAgICAgIHJldHVybiBmaXJzdEZvY3VzYWJsZTtcbiAgICB9XG5cbiAgICByZXR1cm4gY29udGFpbmVyIHx8IGRvY3VtZW50LmJvZHk7XG4gIH07XG5cbiAgY29uc3QgZ2V0SW5pdGlhbEZvY3VzID0gKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgaW5pdGlhbEZvY3VzID09PSBcInN0cmluZ1wiKSB7XG4gICAgICByZXR1cm4gaW5pdGlhbEZvY3VzO1xuICAgIH1cbiAgICByZXR1cm4gaW5pdGlhbEZvY3VzPy5jdXJyZW50ID8/IGdldEZvY3VzVGFyZ2V0KCk7XG4gIH07XG5cbiAgY29uc3QgY29udGVudCA9IChcbiAgICA8U3R5bGVkQmFja2Ryb3BcbiAgICAgIHJlZj17YmFja2Ryb3BSZWZ9XG4gICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlnaHRib3hcIlxuICAgID5cbiAgICAgIDxGb2N1c1RyYXBXcmFwcGVyXG4gICAgICAgIGFjdGl2ZVxuICAgICAgICBmb2N1c1RyYXBPcHRpb25zPXt7XG4gICAgICAgICAgYWxsb3dPdXRzaWRlQ2xpY2s6IHRydWUsIC8vIGFsbG93IGNsaWNrIG9uIG1vYmlsZSBpbiBhbnkgZHJvcGRvd25zXG4gICAgICAgICAgY2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXM6IGhhbmRsZUNsaWNrT3V0c2lkZURlYWN0aXZhdGVzLFxuICAgICAgICAgIGVzY2FwZURlYWN0aXZhdGVzOiBpc0Rpc21pc3NpYmxlLCAvLyBkZS1hY3RpdmF0ZSBmb2N1cyB0cmFwIG9uIGVzY2FwZSBrZXlcbiAgICAgICAgICBwcmV2ZW50U2Nyb2xsOiB0cnVlLFxuICAgICAgICAgIGluaXRpYWxGb2N1czogKCkgPT4gZ2V0SW5pdGlhbEZvY3VzKCksXG4gICAgICAgICAgZmFsbGJhY2tGb2N1czogKCkgPT4gZ2V0Rm9jdXNUYXJnZXQoKSxcbiAgICAgICAgICAuLi4odGFiYmFibGVPcHRpb25zICYmIHsgdGFiYmFibGVPcHRpb25zIH0pLFxuICAgICAgICAgIC4uLihoYW5kbGVDbG9zZSAmJiB7IG9uUG9zdERlYWN0aXZhdGU6IGhhbmRsZUNsb3NlIH0pLFxuICAgICAgICB9fVxuICAgICAgPlxuICAgICAgICA8U3R5bGVkQ2hpbGRyZW5XcmFwcGVyIHJlZj17bW9kYWxSZWZ9PntjaGlsZHJlbn08L1N0eWxlZENoaWxkcmVuV3JhcHBlcj5cbiAgICAgIDwvRm9jdXNUcmFwV3JhcHBlcj5cbiAgICA8L1N0eWxlZEJhY2tkcm9wPlxuICApO1xuXG4gIC8vIEZvciB0ZXN0aW5nIGFuZCBNb2RhbCBzdG9yeSB3ZSBkb24ndCB3YW50IHRvIHJlbmRlciB0aGUgY29udGVudCBpbnNpZGUgYSBwb3J0YWxcbiAgaWYgKHNraXBQb3J0YWwpIHtcbiAgICByZXR1cm4gY29udGVudDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU+XG4gICAgICA8UG9ydGFsIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfT57Y29udGVudH08L1BvcnRhbD5cbiAgICA8L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZxQyJ9 */");export function Lightbox({backdropRef,portalContainer,initialFocus,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=usePortalContainerElement(portalContainer),modalRef=useRef(null),handleClickOutsideDeactivates=useCallback(evt=>(!portalContainerElement.contains(evt.target)||evt.target===backdropRef?.current)&&isDismissible,[backdropRef,portalContainerElement,isDismissible]),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector('a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');return firstFocusable||container||document.body},getInitialFocus=()=>"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(),content=React.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},React.createElement(FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getInitialFocus(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},React.createElement(StyledChildrenWrapper,{ref:modalRef},children)));return skipPortal?content:React.createElement(DialogContext.Provider,{value:!0},React.createElement(Portal,{portalContainer:portalContainer},content))}
8
+ `;return{position:"fixed",top:0,left:0,zIndex:theme.variables.zIndex.modal,width:"100%",height:"100dvh",background:theme.values.color.background.backdrop.default,display:"flex",flexDirection:"column",...useResponsiveStyles({justifyContent:[justifyContent,{top:"flex-start",center:"center"}]}),alignItems:"center",flex:"1 0 auto",animation:`${fadeInBackdrop} ${theme.variables.animation.modalBackdrop.open.duration} ${theme.variables.animation.modalBackdrop.open.timingFunction} both`}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbiwgdHlwZSBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWxcIjtcbmltcG9ydCB7IEZPQ1VTQUJMRV9TRUxFQ1RPUiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZm9jdXNhYmxlU2VsZWN0b3JcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCB9IGZyb20gXCIuLi9QYXR0ZXJucy9EaWFsb2cvRGlhbG9nQ29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBMaWdodGJveFByb3BzID0gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuICBiYWNrZHJvcFJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIGhhbmRsZUNsb3NlPzogKCkgPT4gdm9pZDtcbiAgaXNEaXNtaXNzaWJsZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGxpZ2h0Ym94IG9wZW5zLlxuICAgKiBXaGVuIG5vdCBwcm92aWRlZCwgdGhlIGZpcnN0IGZvY3VzYWJsZSBlbGVtZW50IGluc2lkZSB0aGUgbGlnaHRib3ggaXMgdXNlZC5cbiAgICovXG4gIGluaXRpYWxGb2N1cz86IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQ+IHwgc3RyaW5nO1xuICBqdXN0aWZ5Q29udGVudD86IE1RPExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ+IHwgTGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudDtcbiAgcHJpdmF0ZVByb3BzPzoge1xuICAgIHNraXBQb3J0YWw/OiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqIE9wdGlvbnMgcGFzc2VkIHRvIGZvY3VzLXRyYXAncyB0YWJiYWJsZSBkZXRlY3Rpb24uXG4gICAgICogVXNlIGB7IGRpc3BsYXlDaGVjazogXCJub25lXCIgfWAgZm9yIHRlc3RpbmcgdG8gYXZvaWQgSlNET00gdmlzaWJpbGl0eSBpc3N1ZXMuXG4gICAgICovXG4gICAgdGFiYmFibGVPcHRpb25zPzoge1xuICAgICAgZGlzcGxheUNoZWNrPzogXCJmdWxsXCIgfCBcImxlZ2FjeS1mdWxsXCIgfCBcIm5vbi16ZXJvLWFyZWFcIiB8IFwibm9uZVwiO1xuICAgIH07XG4gIH07XG59ICYgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXY8UGljazxMaWdodGJveFByb3BzLCBcImp1c3RpZnlDb250ZW50XCI+PihcbiAgKHsgdGhlbWUsIGp1c3RpZnlDb250ZW50IH0pID0+IHtcbiAgICBjb25zdCBmYWRlSW5CYWNrZHJvcCA9IGtleWZyYW1lc2BcbiAgICBmcm9tIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuaGlkZGVufTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICB9XG4gIGA7XG5cbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB6SW5kZXg6IHRoZW1lLnZhcmlhYmxlcy56SW5kZXgubW9kYWwsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwZHZoXCIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgLi4udXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgICAge1xuICAgICAgICAgICAgdG9wOiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgfSksXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleDogXCIxIDAgYXV0b1wiLFxuICAgICAgYW5pbWF0aW9uOiBgJHtmYWRlSW5CYWNrZHJvcH0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3Blbi50aW1pbmdGdW5jdGlvbn0gYm90aGAsXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImNvbnRlbnRzXCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIExpZ2h0Ym94KHtcbiAgYmFja2Ryb3BSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgaW5pdGlhbEZvY3VzLFxuICBpc0Rpc21pc3NpYmxlID0gdHJ1ZSxcbiAgY2hpbGRyZW4sXG4gIGhhbmRsZUNsb3NlLFxuICBqdXN0aWZ5Q29udGVudCA9IFwiY2VudGVyXCIsXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsLCB0YWJiYWJsZU9wdGlvbnMgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbn06IFByb3BzV2l0aENoaWxkcmVuPExpZ2h0Ym94UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcG9ydGFsQ29udGFpbmVyRWxlbWVudCA9IHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQocG9ydGFsQ29udGFpbmVyKTtcbiAgY29uc3QgbW9kYWxSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbCh7XG4gICAgcG9ydGFsQ29udGFpbmVyRWxlbWVudCxcbiAgICBvdXRlclJlZjogYmFja2Ryb3BSZWYsXG4gICAgaXNEaXNtaXNzaWJsZSxcbiAgfSk7XG5cbiAgY29uc3QgZ2V0Rm9jdXNUYXJnZXQgPSAoKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyID0gbW9kYWxSZWY/LmN1cnJlbnRcbiAgICAgID8uZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuXG4gICAgY29uc3QgZmlyc3RGb2N1c2FibGUgPVxuICAgICAgY29udGFpbmVyPy5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihGT0NVU0FCTEVfU0VMRUNUT1IpO1xuICAgIGlmIChmaXJzdEZvY3VzYWJsZSkge1xuICAgICAgcmV0dXJuIGZpcnN0Rm9jdXNhYmxlO1xuICAgIH1cblxuICAgIHJldHVybiBjb250YWluZXIgfHwgZG9jdW1lbnQuYm9keTtcbiAgfTtcblxuICBjb25zdCBnZXRJbml0aWFsRm9jdXMgPSAoKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHtcbiAgICAgIHJldHVybiBpbml0aWFsRm9jdXM7XG4gICAgfVxuICAgIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoKTtcbiAgfTtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgcmVmPXtiYWNrZHJvcFJlZn1cbiAgICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJMaWdodGJveFwiXG4gICAgPlxuICAgICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgICAgYWN0aXZlXG4gICAgICAgIGZvY3VzVHJhcE9wdGlvbnM9e3tcbiAgICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSwgLy8gYWxsb3cgY2xpY2sgb24gbW9iaWxlIGluIGFueSBkcm9wZG93bnNcbiAgICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczogaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsXG4gICAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IGlzRGlzbWlzc2libGUsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gZXNjYXBlIGtleVxuICAgICAgICAgIHByZXZlbnRTY3JvbGw6IHRydWUsXG4gICAgICAgICAgaW5pdGlhbEZvY3VzOiAoKSA9PiBnZXRJbml0aWFsRm9jdXMoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+e2NoaWxkcmVufTwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QzhCIn0= */");export const StyledChildrenWrapper=styled("div",{target:"e1vcr7131",label:"StyledChildrenWrapper"})({display:"contents"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlnaHRib3gvTGlnaHRib3gudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MaWdodGJveC9MaWdodGJveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbiwgdHlwZSBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlT3V0c2lkZUNsaWNrRGVhY3RpdmF0ZXNXaXRoaW5Qb3J0YWxcIjtcbmltcG9ydCB7IEZPQ1VTQUJMRV9TRUxFQ1RPUiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZm9jdXNhYmxlU2VsZWN0b3JcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdXNlUG9ydGFsQ29udGFpbmVyRWxlbWVudCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IEZvY3VzVHJhcFdyYXBwZXIgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL0ZvY3VzVHJhcFdyYXBwZXJcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVTdHlsZXMgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCB9IGZyb20gXCIuLi9QYXR0ZXJucy9EaWFsb2cvRGlhbG9nQ29udGV4dFwiO1xuXG5leHBvcnQgdHlwZSBMaWdodGJveFByb3BzID0gUmVhY3QuSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3ROb2RlO1xuICBiYWNrZHJvcFJlZj86IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD47XG4gIGhhbmRsZUNsb3NlPzogKCkgPT4gdm9pZDtcbiAgaXNEaXNtaXNzaWJsZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBBIHJlZiB0byB0aGUgZWxlbWVudCB0aGF0IHNob3VsZCByZWNlaXZlIGZvY3VzIHdoZW4gdGhlIGxpZ2h0Ym94IG9wZW5zLlxuICAgKiBXaGVuIG5vdCBwcm92aWRlZCwgdGhlIGZpcnN0IGZvY3VzYWJsZSBlbGVtZW50IGluc2lkZSB0aGUgbGlnaHRib3ggaXMgdXNlZC5cbiAgICovXG4gIGluaXRpYWxGb2N1cz86IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IFNWR0VsZW1lbnQ+IHwgc3RyaW5nO1xuICBqdXN0aWZ5Q29udGVudD86IE1RPExpZ2h0Ym94VmVydGljYWxBbGlnbm1lbnQ+IHwgTGlnaHRib3hWZXJ0aWNhbEFsaWdubWVudDtcbiAgcHJpdmF0ZVByb3BzPzoge1xuICAgIHNraXBQb3J0YWw/OiBib29sZWFuO1xuICAgIC8qKlxuICAgICAqIEBpbnRlcm5hbFxuICAgICAqIE9wdGlvbnMgcGFzc2VkIHRvIGZvY3VzLXRyYXAncyB0YWJiYWJsZSBkZXRlY3Rpb24uXG4gICAgICogVXNlIGB7IGRpc3BsYXlDaGVjazogXCJub25lXCIgfWAgZm9yIHRlc3RpbmcgdG8gYXZvaWQgSlNET00gdmlzaWJpbGl0eSBpc3N1ZXMuXG4gICAgICovXG4gICAgdGFiYmFibGVPcHRpb25zPzoge1xuICAgICAgZGlzcGxheUNoZWNrPzogXCJmdWxsXCIgfCBcImxlZ2FjeS1mdWxsXCIgfCBcIm5vbi16ZXJvLWFyZWFcIiB8IFwibm9uZVwiO1xuICAgIH07XG4gIH07XG59ICYgUGljazxQb3J0YWxQcm9wcywgXCJwb3J0YWxDb250YWluZXJcIj47XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZHJvcCA9IHN0eWxlZC5kaXY8UGljazxMaWdodGJveFByb3BzLCBcImp1c3RpZnlDb250ZW50XCI+PihcbiAgKHsgdGhlbWUsIGp1c3RpZnlDb250ZW50IH0pID0+IHtcbiAgICBjb25zdCBmYWRlSW5CYWNrZHJvcCA9IGtleWZyYW1lc2BcbiAgICBmcm9tIHtcbiAgICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuaGlkZGVufTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgb3BhY2l0eTogJHt0aGVtZS52YXJpYWJsZXMub3BhY2l0eS52aXNpYmxlfTtcbiAgICB9XG4gIGA7XG5cbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246IFwiZml4ZWRcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB6SW5kZXg6IHRoZW1lLnZhcmlhYmxlcy56SW5kZXgubW9kYWwsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwZHZoXCIsXG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5iYWNrZHJvcC5kZWZhdWx0LFxuICAgICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgICAgLi4udXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgIGp1c3RpZnlDb250ZW50OiBbXG4gICAgICAgICAganVzdGlmeUNvbnRlbnQsXG4gICAgICAgICAge1xuICAgICAgICAgICAgdG9wOiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICAgIGNlbnRlcjogXCJjZW50ZXJcIixcbiAgICAgICAgICB9LFxuICAgICAgICBdLFxuICAgICAgfSksXG4gICAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgICAgZmxleDogXCIxIDAgYXV0b1wiLFxuICAgICAgYW5pbWF0aW9uOiBgJHtmYWRlSW5CYWNrZHJvcH0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3Blbi5kdXJhdGlvbn0gJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm1vZGFsQmFja2Ryb3Aub3Blbi50aW1pbmdGdW5jdGlvbn0gYm90aGAsXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiBcImNvbnRlbnRzXCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIExpZ2h0Ym94KHtcbiAgYmFja2Ryb3BSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgaW5pdGlhbEZvY3VzLFxuICBpc0Rpc21pc3NpYmxlID0gdHJ1ZSxcbiAgY2hpbGRyZW4sXG4gIGhhbmRsZUNsb3NlLFxuICBqdXN0aWZ5Q29udGVudCA9IFwiY2VudGVyXCIsXG4gIHByaXZhdGVQcm9wczogeyBza2lwUG9ydGFsLCB0YWJiYWJsZU9wdGlvbnMgfSA9IHtcbiAgICBza2lwUG9ydGFsOiBmYWxzZSxcbiAgfSxcbn06IFByb3BzV2l0aENoaWxkcmVuPExpZ2h0Ym94UHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcG9ydGFsQ29udGFpbmVyRWxlbWVudCA9IHVzZVBvcnRhbENvbnRhaW5lckVsZW1lbnQocG9ydGFsQ29udGFpbmVyKTtcbiAgY29uc3QgbW9kYWxSZWYgPSB1c2VSZWYobnVsbCk7XG5cbiAgY29uc3QgaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMgPSB1c2VPdXRzaWRlQ2xpY2tEZWFjdGl2YXRlc1dpdGhpblBvcnRhbCh7XG4gICAgcG9ydGFsQ29udGFpbmVyRWxlbWVudCxcbiAgICBvdXRlclJlZjogYmFja2Ryb3BSZWYsXG4gICAgaXNEaXNtaXNzaWJsZSxcbiAgfSk7XG5cbiAgY29uc3QgZ2V0Rm9jdXNUYXJnZXQgPSAoKSA9PiB7XG4gICAgY29uc3QgY29udGFpbmVyID0gbW9kYWxSZWY/LmN1cnJlbnRcbiAgICAgID8uZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQgfCBudWxsO1xuXG4gICAgY29uc3QgZmlyc3RGb2N1c2FibGUgPVxuICAgICAgY29udGFpbmVyPy5xdWVyeVNlbGVjdG9yPEhUTUxFbGVtZW50PihGT0NVU0FCTEVfU0VMRUNUT1IpO1xuICAgIGlmIChmaXJzdEZvY3VzYWJsZSkge1xuICAgICAgcmV0dXJuIGZpcnN0Rm9jdXNhYmxlO1xuICAgIH1cblxuICAgIHJldHVybiBjb250YWluZXIgfHwgZG9jdW1lbnQuYm9keTtcbiAgfTtcblxuICBjb25zdCBnZXRJbml0aWFsRm9jdXMgPSAoKSA9PiB7XG4gICAgaWYgKHR5cGVvZiBpbml0aWFsRm9jdXMgPT09IFwic3RyaW5nXCIpIHtcbiAgICAgIHJldHVybiBpbml0aWFsRm9jdXM7XG4gICAgfVxuICAgIHJldHVybiBpbml0aWFsRm9jdXM/LmN1cnJlbnQgPz8gZ2V0Rm9jdXNUYXJnZXQoKTtcbiAgfTtcblxuICBjb25zdCBjb250ZW50ID0gKFxuICAgIDxTdHlsZWRCYWNrZHJvcFxuICAgICAgcmVmPXtiYWNrZHJvcFJlZn1cbiAgICAgIGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJMaWdodGJveFwiXG4gICAgPlxuICAgICAgPEZvY3VzVHJhcFdyYXBwZXJcbiAgICAgICAgYWN0aXZlXG4gICAgICAgIGZvY3VzVHJhcE9wdGlvbnM9e3tcbiAgICAgICAgICBhbGxvd091dHNpZGVDbGljazogdHJ1ZSwgLy8gYWxsb3cgY2xpY2sgb24gbW9iaWxlIGluIGFueSBkcm9wZG93bnNcbiAgICAgICAgICBjbGlja091dHNpZGVEZWFjdGl2YXRlczogaGFuZGxlQ2xpY2tPdXRzaWRlRGVhY3RpdmF0ZXMsXG4gICAgICAgICAgZXNjYXBlRGVhY3RpdmF0ZXM6IGlzRGlzbWlzc2libGUsIC8vIGRlLWFjdGl2YXRlIGZvY3VzIHRyYXAgb24gZXNjYXBlIGtleVxuICAgICAgICAgIHByZXZlbnRTY3JvbGw6IHRydWUsXG4gICAgICAgICAgaW5pdGlhbEZvY3VzOiAoKSA9PiBnZXRJbml0aWFsRm9jdXMoKSxcbiAgICAgICAgICBmYWxsYmFja0ZvY3VzOiAoKSA9PiBnZXRGb2N1c1RhcmdldCgpLFxuICAgICAgICAgIC4uLih0YWJiYWJsZU9wdGlvbnMgJiYgeyB0YWJiYWJsZU9wdGlvbnMgfSksXG4gICAgICAgICAgLi4uKGhhbmRsZUNsb3NlICYmIHsgb25Qb3N0RGVhY3RpdmF0ZTogaGFuZGxlQ2xvc2UgfSksXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRDaGlsZHJlbldyYXBwZXIgcmVmPXttb2RhbFJlZn0+e2NoaWxkcmVufTwvU3R5bGVkQ2hpbGRyZW5XcmFwcGVyPlxuICAgICAgPC9Gb2N1c1RyYXBXcmFwcGVyPlxuICAgIDwvU3R5bGVkQmFja2Ryb3A+XG4gICk7XG5cbiAgLy8gRm9yIHRlc3RpbmcgYW5kIE1vZGFsIHN0b3J5IHdlIGRvbid0IHdhbnQgdG8gcmVuZGVyIHRoZSBjb250ZW50IGluc2lkZSBhIHBvcnRhbFxuICBpZiAoc2tpcFBvcnRhbCkge1xuICAgIHJldHVybiBjb250ZW50O1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT5cbiAgICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9Pntjb250ZW50fTwvUG9ydGFsPlxuICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RXFDIn0= */");export function Lightbox({backdropRef,portalContainer,initialFocus,isDismissible=!0,children,handleClose,justifyContent="center",privateProps:{skipPortal,tabbableOptions}={skipPortal:!1}}){let portalContainerElement=usePortalContainerElement(portalContainer),modalRef=useRef(null),handleClickOutsideDeactivates=useOutsideClickDeactivatesWithinPortal({portalContainerElement,outerRef:backdropRef,isDismissible}),getFocusTarget=()=>{let container=modalRef?.current?.firstElementChild,firstFocusable=container?.querySelector(FOCUSABLE_SELECTOR);return firstFocusable||container||document.body},getInitialFocus=()=>"string"==typeof initialFocus?initialFocus:initialFocus?.current??getFocusTarget(),content=React.createElement(StyledBackdrop,{ref:backdropRef,justifyContent:justifyContent,"data-ds-id":"Lightbox"},React.createElement(FocusTrapWrapper,{active:!0,focusTrapOptions:{allowOutsideClick:!0,clickOutsideDeactivates:handleClickOutsideDeactivates,escapeDeactivates:isDismissible,preventScroll:!0,initialFocus:()=>getInitialFocus(),fallbackFocus:()=>getFocusTarget(),...tabbableOptions&&{tabbableOptions},...handleClose&&{onPostDeactivate:handleClose}}},React.createElement(StyledChildrenWrapper,{ref:modalRef},children)));return skipPortal?content:React.createElement(DialogContext.Provider,{value:!0},React.createElement(Portal,{portalContainer:portalContainer},content))}
@@ -0,0 +1 @@
1
+ export declare const FOCUSABLE_SELECTOR = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
@@ -0,0 +1 @@
1
+ export const FOCUSABLE_SELECTOR='a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
@@ -0,0 +1,13 @@
1
+ export type OutsideClickDeactivatesWithinPortalOptions = {
2
+ portalContainerElement: Element;
3
+ outerRef: {
4
+ current: HTMLElement | null;
5
+ } | undefined;
6
+ isDismissible: boolean;
7
+ };
8
+ /**
9
+ * `clickOutsideDeactivates` for focus-trap: keeps the trap active for clicks
10
+ * inside the same portal (eg. a dropdown or select menu rendered alongside
11
+ * the trapped content), so those don't dismiss it.
12
+ */
13
+ export declare const useOutsideClickDeactivatesWithinPortal: ({ portalContainerElement, outerRef, isDismissible, }: OutsideClickDeactivatesWithinPortalOptions) => ((evt: MouseEvent | TouchEvent) => boolean);
@@ -0,0 +1 @@
1
+ import{useCallback}from"react";export const useOutsideClickDeactivatesWithinPortal=({portalContainerElement,outerRef,isDismissible})=>useCallback(evt=>(!portalContainerElement.contains(evt.target)||evt.target===outerRef?.current)&&isDismissible,[portalContainerElement,outerRef,isDismissible]);