no-frills-ui 0.0.14-alpha.4 → 0.0.14-alpha.6

package/lib-esm/shared/LayerManager.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import React, { useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import styled from '@emotion/styled';
-/** Enums for layer position on screen. */
-export var LAYER_POSITION;
-(function (LAYER_POSITION) {
+import { getThemeValue, THEME_NAME } from './constants.js';
+
+/** Enums for layer position on screen. */ var LAYER_POSITION = /*#__PURE__*/ function(LAYER_POSITION) {
     LAYER_POSITION[LAYER_POSITION["TOP_LEFT"] = 0] = "TOP_LEFT";
     LAYER_POSITION[LAYER_POSITION["TOP_CENTER"] = 1] = "TOP_CENTER";
     LAYER_POSITION[LAYER_POSITION["TOP_RIGHT"] = 2] = "TOP_RIGHT";
@@ -12,55 +12,40 @@ export var LAYER_POSITION;
     LAYER_POSITION[LAYER_POSITION["BOTTOM_CENTER"] = 4] = "BOTTOM_CENTER";
     LAYER_POSITION[LAYER_POSITION["BOTTOM_RIGHT"] = 5] = "BOTTOM_RIGHT";
     LAYER_POSITION[LAYER_POSITION["DIALOG"] = 6] = "DIALOG";
-})(LAYER_POSITION || (LAYER_POSITION = {}));
-/** Default value of config */
-const defaultConfig = {
+    return LAYER_POSITION;
+}({});
+/** Default value of config */ const defaultConfig = {
     closeOnEsc: true,
     overlay: false,
-    position: LAYER_POSITION.TOP_LEFT,
+    position: 0,
     component: null,
     exitDelay: 0,
     closeOnOverlayClick: true,
-    alwaysOnTop: false,
+    alwaysOnTop: false
 };
-/** Styles for each position */
-const POSITION_STYLE = {
-    [LAYER_POSITION.TOP_LEFT]: 'top: 0; left: 0;',
-    [LAYER_POSITION.TOP_CENTER]: 'top: 0; left: 50%; justify-content: center;',
-    [LAYER_POSITION.TOP_RIGHT]: 'top: 0; right: 0; justify-content: flex-end;',
-    [LAYER_POSITION.BOTTOM_LEFT]: 'bottom: 0; left: 0;',
-    [LAYER_POSITION.BOTTOM_CENTER]: 'bottom: 0; left: 50%; justify-content: center;',
-    [LAYER_POSITION.BOTTOM_RIGHT]: 'bottom: 0; right: 0; justify-content: flex-end;',
-    [LAYER_POSITION.DIALOG]: 'top: 0; left: 0; justify-content: center; align-items: center;',
+/** Styles for each position */ const POSITION_STYLE = {
+    [0]: 'top: 0; left: 0;',
+    [1]: 'top: 0; left: 50%; justify-content: center;',
+    [2]: 'top: 0; right: 0; justify-content: flex-end;',
+    [3]: 'bottom: 0; left: 0;',
+    [4]: 'bottom: 0; left: 50%; justify-content: center;',
+    [5]: 'bottom: 0; right: 0; justify-content: flex-end;',
+    [6]: 'top: 0; left: 0; justify-content: center; align-items: center;'
 };
-/** Layer container component. */
-const Container = styled.div `
-    position: fixed;
-    display: flex;
-    opacity: 0;
-    transition: opacity 0.3s ease;
-    ${(props) => POSITION_STYLE[props.position]}
-    ${(props) => props.overlay &&
-    `
+/** Layer container component. */ const Container = /*#__PURE__*/ styled("div", {
+    target: "euaj5y50",
+    label: "Container"
+})("position:fixed;display:flex;opacity:0;transition:opacity 0.3s ease;", (props)=>POSITION_STYLE[props.position], " ", (props)=>props.overlay && `
         width: 100%;
         height: 100vh;
-        background-color: var(--backdrop-color, #2681da80);
+        background-color: ${getThemeValue(THEME_NAME.BACKDROP_COLOR)};
         backdrop-filter: blur(0px);
         pointer-events: all;
-    `}
-    z-index: ${(props) => props.zIndex};
-
-    .nf-layer-enter & {
-        opacity: 1;
-        ${(props) => props.overlay &&
-    `
+    `, "    z-index:", (props)=>props.zIndex, ";.nf-layer-enter &{opacity:1;", (props)=>props.overlay && `
             backdrop-filter: blur(3px);
-        `}
-    }
-`;
-/** Key code for different keys. */
-const KEY_CODES = {
-    ESC: 27,
+        `, "}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL0xheWVyTWFuYWdlci50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL3NoYXJlZC9MYXllck1hbmFnZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdFBvcnRhbCwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFJlYWN0RE9NIGZyb20gJ3JlYWN0LWRvbSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG4vKiogRW51bXMgZm9yIGxheWVyIHBvc2l0aW9uIG9uIHNjcmVlbi4gKi9cbmV4cG9ydCBlbnVtIExBWUVSX1BPU0lUSU9OIHtcbiAgICBUT1BfTEVGVCxcbiAgICBUT1BfQ0VOVEVSLFxuICAgIFRPUF9SSUdIVCxcbiAgICBCT1RUT01fTEVGVCxcbiAgICBCT1RUT01fQ0VOVEVSLFxuICAgIEJPVFRPTV9SSUdIVCxcbiAgICBESUFMT0csXG59XG5cbmludGVyZmFjZSBMYXllckNvbmZpZyB7XG4gICAgLyoqIFNob3cgYW4gb3ZlcmxheSAqL1xuICAgIG92ZXJsYXk/OiBib29sZWFuO1xuICAgIC8qKiBFbGVtZW50IHRvIHJlbmRlciBpbnNpZGUgdGhlIGxheWVyLiAqL1xuICAgIGNvbXBvbmVudDogSlNYLkVsZW1lbnQ7XG4gICAgLyoqIFBvc2l0aW9uIG9mIHRoZSBsYXllciAqL1xuICAgIHBvc2l0aW9uPzogTEFZRVJfUE9TSVRJT047XG4gICAgLyoqIERlbGF5IGZvciBleGl0ICovXG4gICAgZXhpdERlbGF5PzogbnVtYmVyO1xuICAgIC8qKiBDbG9zZSBsYXllciBvbiBgZXNjYCBrZXkgcHJlc3MuICovXG4gICAgY2xvc2VPbkVzYz86IGJvb2xlYW47XG4gICAgLyoqIENsb3NlIGxheWVyIG92ZXJsYXkgaXMgY2xpY2tlZC4gKi9cbiAgICBjbG9zZU9uT3ZlcmxheUNsaWNrPzogYm9vbGVhbjtcbiAgICAvKiogQ2FsbGJhY2sgY2FsbGVkIHdoZW4gbW9kYWwgY2xvc2VzICovXG4gICAgY2xvc2VDYWxsYmFjaz86IDxUPihyZXNwOiBUKSA9PiB2b2lkO1xuICAgIC8qKiBMYXllciBpcyBjcmVhdGVkIHdpdGggbWF4IHotaW5kZXggKi9cbiAgICBhbHdheXNPblRvcD86IGJvb2xlYW47XG59XG5cbi8qKiBEZWZhdWx0IHZhbHVlIG9mIGNvbmZpZyAqL1xuY29uc3QgZGVmYXVsdENvbmZpZzogTGF5ZXJDb25maWcgPSB7XG4gICAgY2xvc2VPbkVzYzogdHJ1ZSxcbiAgICBvdmVybGF5OiBmYWxzZSxcbiAgICBwb3NpdGlvbjogTEFZRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgY29tcG9uZW50OiBudWxsLFxuICAgIGV4aXREZWxheTogMCxcbiAgICBjbG9zZU9uT3ZlcmxheUNsaWNrOiB0cnVlLFxuICAgIGFsd2F5c09uVG9wOiBmYWxzZSxcbn07XG5cbi8qKiBNZXRhZGF0YSBvZiBlYWNoIGxheWVyICovXG5pbnRlcmZhY2UgTGF5ZXIge1xuICAgIGlkOiBzdHJpbmc7XG4gICAgY29uZmlnOiBMYXllckNvbmZpZztcbiAgICBlbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbn1cblxuLyoqIFN0eWxlcyBmb3IgZWFjaCBwb3NpdGlvbiAqL1xuY29uc3QgUE9TSVRJT05fU1RZTEUgPSB7XG4gICAgW0xBWUVSX1BPU0lUSU9OLlRPUF9MRUZUXTogJ3RvcDogMDsgbGVmdDogMDsnLFxuICAgIFtMQVlFUl9QT1NJVElPTi5UT1BfQ0VOVEVSXTogJ3RvcDogMDsgbGVmdDogNTAlOyBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsnLFxuICAgIFtMQVlFUl9QT1NJVElPTi5UT1BfUklHSFRdOiAndG9wOiAwOyByaWdodDogMDsganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsnLFxuICAgIFtMQVlFUl9QT1NJVElPTi5CT1RUT01fTEVGVF06ICdib3R0b206IDA7IGxlZnQ6IDA7JyxcbiAgICBbTEFZRVJfUE9TSVRJT04uQk9UVE9NX0NFTlRFUl06ICdib3R0b206IDA7IGxlZnQ6IDUwJTsganVzdGlmeS1jb250ZW50OiBjZW50ZXI7JyxcbiAgICBbTEFZRVJfUE9TSVRJT04uQk9UVE9NX1JJR0hUXTogJ2JvdHRvbTogMDsgcmlnaHQ6IDA7IGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7JyxcbiAgICBbTEFZRVJfUE9TSVRJT04uRElBTE9HXTogJ3RvcDogMDsgbGVmdDogMDsganVzdGlmeS1jb250ZW50OiBjZW50ZXI7IGFsaWduLWl0ZW1zOiBjZW50ZXI7Jyxcbn07XG5cbi8qKiBMYXllciBjb250YWluZXIgY29tcG9uZW50LiAqL1xuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxMYXllckNvbmZpZyAmIHsgekluZGV4OiBudW1iZXIgfT5gXG4gICAgcG9zaXRpb246IGZpeGVkO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuM3MgZWFzZTtcbiAgICAkeyhwcm9wcykgPT4gUE9TSVRJT05fU1RZTEVbcHJvcHMucG9zaXRpb25dfVxuICAgICR7KHByb3BzKSA9PlxuICAgICAgICBwcm9wcy5vdmVybGF5ICYmXG4gICAgICAgIGBcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJBQ0tEUk9QX0NPTE9SKX07XG4gICAgICAgIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuICAgIGB9XG4gICAgei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleH07XG5cbiAgICAubmYtbGF5ZXItZW50ZXIgJiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgICR7KHByb3BzKSA9PlxuICAgICAgICAgICAgcHJvcHMub3ZlcmxheSAmJlxuICAgICAgICAgICAgYFxuICAgICAgICAgICAgYmFja2Ryb3AtZmlsdGVyOiBibHVyKDNweCk7XG4gICAgICAgIGB9XG4gICAgfVxuYDtcblxuLyoqIEtleSBjb2RlIGZvciBkaWZmZXJlbnQga2V5cy4gKi9cbmNvbnN0IEtFWV9DT0RFUyA9IHtcbiAgICBFU0M6IDI3LFxufTtcblxuLyoqXG4gKiBUaGlzIGlzIGEgc2hhcmVkIGhlbHBlciBjbGFzcyB3aGljaCBtYW5hZ2VzIHRoZSB6LWluZGV4IG9mIGVhY2ggbGF5ZXIuXG4gKiBJZiBhIGNvbXBvbmVudCBuZWVkcyB0byBiZSByZW5kZXJlZCBpbiBhIGRpZmZlcmVudCBsYXllciB0aGVuIHRoaXMgY2xhc3NcbiAqIHNob3VsZCBiZSB1c2VkLiBJdCBpbnRlcm5hbGx5IG1haW50YWlucyB0aGUgc3RhY2sgb2Ygb3BlbmVkIGxheWVyIGFuZCBlYWNoXG4gKiBgcmVuZGVyTGF5ZXJgIGNhbGwgd2lsbCBwdXNoIGEgbmV3IGxheWVyIGluIHN0YWNrLlxuICpcbiAqIFRoaXMgd2F5IHdlIG5lZWQgbm90IHdvcnJ5IGFib3V0IHRoZSB6LWluZGV4IGFuZCBjYW4gZnJlZWx5IGtlZXAgb24gY3JlYXRpbmdcbiAqIG5ldyBsYXllcnMuIFRoZSBzdGFyaW5nIGxheWVyIHotaW5kZXggaXMgMTAwMDAuIExlYXZpbmcgZW5vdWdoIHotaW5kZXggZm9yIHRoZVxuICogdXNlciBpZiB0aGV5IGRlc2lyZXMgc28uXG4gKlxuICogQGltcG9ydGFudCBVc2FnZSBQYXR0ZXJuXG4gKiBUbyBhdm9pZCBjcmVhdGluZyBkdXBsaWNhdGUgbGF5ZXJzIChlc3BlY2lhbGx5IGluIFJlYWN0IFN0cmljdCBNb2RlIG9yIE5leHQuanMpLFxuICogYWx3YXlzIGNhbGwgYHJlbmRlckxheWVyYCBvbmx5IG9uY2UgLSBlaXRoZXIgaW4gYSBsaWZlY3ljbGUgbWV0aG9kIChsaWtlIGBjb21wb25lbnREaWRVcGRhdGVgKVxuICogb3IgaW4gYW4gaW1wZXJhdGl2ZSBtZXRob2QgKGxpa2UgYG9wZW4oKWApLlxuICpcbiAqIEBleGFtcGxlXG4gKiAvLyDinYwgRG9uJ3QgY2FsbCByZW5kZXJMYXllciBpbiByZW5kZXIoKSBtZXRob2RcbiAqIHJlbmRlcigpIHtcbiAqICAgaWYgKHRoaXMuc3RhdGUuc2hvdykge1xuICogICAgIGNvbnN0IFtDb21wb25lbnQsIGNsb3NlRm5dID0gTGF5ZXJNYW5hZ2VyLnJlbmRlckxheWVyKHsgLi4uIH0pOyAvLyBDcmVhdGVzIG5ldyBsYXllciBvbiBldmVyeSByZW5kZXJcbiAqICAgICByZXR1cm4gPENvbXBvbmVudCAvPjtcbiAqICAgfVxuICogfVxuICpcbiAqIEBleGFtcGxlXG4gKiAvLyDinIUgRG8gY2FsbCByZW5kZXJMYXllciBvbmNlIGluIGEgbWV0aG9kIGFuZCBzdG9yZSB0aGUgY29tcG9uZW50XG4gKiBvcGVuKCkge1xuICogICBjb25zdCBbQ29tcG9uZW50LCBjbG9zZUZuXSA9IExheWVyTWFuYWdlci5yZW5kZXJMYXllcih7IC4uLiB9KTtcbiAqICAgdGhpcy5zZXRTdGF0ZSh7IExheWVyQ29tcG9uZW50OiBDb21wb25lbnQgfSk7XG4gKiB9XG4gKlxuICogcmVuZGVyKCkge1xuICogICBjb25zdCB7IExheWVyQ29tcG9uZW50IH0gPSB0aGlzLnN0YXRlO1xuICogICByZXR1cm4gTGF5ZXJDb21wb25lbnQgPyA8TGF5ZXJDb21wb25lbnQgLz4gOiBudWxsO1xuICogfVxuICovXG5jbGFzcyBMYXllck1hbmFnZXIge1xuICAgIC8qKiBMYXllciBzdGFjayAqL1xuICAgIHByaXZhdGUgbGF5ZXJzOiBMYXllcltdID0gW107XG4gICAgLyoqIHotaW5kZXggb2YgdGhlIG5leHQgbGF5ZXIgKi9cbiAgICBwcml2YXRlIG5leHRJbmRleCA9IDEwMDAwO1xuICAgIHByaXZhdGUga2V5dXBIYW5kbGVyOiAoZTogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbiAgICBwcml2YXRlIHRpbWVvdXRJZHMgPSBuZXcgTWFwPHN0cmluZywgbnVtYmVyPigpOyAvLyBUcmFjayB0aW1lb3V0c1xuXG4gICAgLyoqXG4gICAgICogQ29uc3RydWN0b3Igc2ltcGx5IHJlZ2lzdGVycyBhIGV2ZW50IGxpc3RlbmVyIG9uIGJvZHkgdG9cbiAgICAgKiByZWFjdCB0byBlc2Mga2V5IHByZXNzLlxuICAgICAqL1xuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBpZiAodHlwZW9mIGRvY3VtZW50ICE9PSAndW5kZWZpbmVkJykge1xuICAgICAgICAgICAgLy8gU3RvcmUgaGFuZGxlciByZWZlcmVuY2UgZm9yIGNsZWFudXBcbiAgICAgICAgICAgIHRoaXMua2V5dXBIYW5kbGVyID0gKGUpID0+IHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5sYXllcnMubGVuZ3RoICYmIGUua2V5Q29kZSA9PT0gS0VZX0NPREVTLkVTQykge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBsYXN0TGF5ZXIgPSB0aGlzLmxheWVycy5zbGljZSgtMSlbMF07XG4gICAgICAgICAgICAgICAgICAgIGlmIChsYXN0TGF5ZXIuY29uZmlnLmNsb3NlT25Fc2MgIT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICB0aGlzLnVubW91bnQobGFzdExheWVyKTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH07XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2tleXVwJywgdGhpcy5rZXl1cEhhbmRsZXIpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLy8gQWRkIGNsZWFudXAgbWV0aG9kXG4gICAgcHVibGljIGRlc3Ryb3kgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnICYmIHRoaXMua2V5dXBIYW5kbGVyKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleXVwJywgdGhpcy5rZXl1cEhhbmRsZXIpO1xuICAgICAgICB9XG4gICAgICAgIC8vIENsZWFyIGFsbCBwZW5kaW5nIHRpbWVvdXRzXG4gICAgICAgIHRoaXMudGltZW91dElkcy5mb3JFYWNoKChpZCkgPT4gY2xlYXJUaW1lb3V0KGlkKSk7XG4gICAgICAgIHRoaXMudGltZW91dElkcy5jbGVhcigpO1xuICAgICAgICAvLyBDbGVhbiB1cCByZW1haW5pbmcgbGF5ZXJzXG4gICAgICAgIHRoaXMubGF5ZXJzLmZvckVhY2goKGxheWVyKSA9PiB7XG4gICAgICAgICAgICBpZiAoZG9jdW1lbnQuYm9keS5jb250YWlucyhsYXllci5lbGVtZW50KSkge1xuICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQobGF5ZXIuZWxlbWVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLmxheWVycyA9IFtdO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBVbi1tb3VudHMgYSBsYXllci5cbiAgICAgKlxuICAgICAqIEl0IGZpcnN0IGFkZHMgYSBjbGFzcyAnbmYtbGF5ZXItZXhpdCcgYW5kIHRoZW4gdW4tbW91bnRzIHRoZVxuICAgICAqIGxheWVyIGFmdGVyIHRoZSBgZXhpdERlbGF5YCBtZW50aW9uZWQgaW4gdGhlIGxheWVyIGNvbmZpZy5cbiAgICAgKiBUaGlzIGNsYXNzIHdpbGwgaGVscCBjb21wb25lbnQgaW4gdHJpZ2dlcmluZyB0aGUgZW50cnkgYW5pbWF0aW9uLlxuICAgICAqXG4gICAgICogQHBhcmFtIGxheWVyXG4gICAgICovXG4gICAgcHJpdmF0ZSB1bm1vdW50ID0gKGxheWVyOiBMYXllciwgcmVzcD86IHVua25vd24pID0+IHtcbiAgICAgICAgbGF5ZXIuZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2NsYXNzJywgJ25mLWxheWVyLWV4aXQnKTtcbiAgICAgICAgY29uc3QgaW5kZXggPSB0aGlzLmxheWVycy5maW5kSW5kZXgoKGl0ZW0pID0+IGl0ZW0gPT09IGxheWVyKTtcbiAgICAgICAgaWYgKGluZGV4ICE9PSAtMSkge1xuICAgICAgICAgICAgdGhpcy5sYXllcnMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHRpbWVvdXRJZCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMudGltZW91dElkcy5kZWxldGUobGF5ZXIuaWQpO1xuICAgICAgICAgICAgdHJ5IHtcbiAgICAgICAgICAgICAgICBsYXllci5jb25maWcuY2xvc2VDYWxsYmFjaz8uKHJlc3ApO1xuICAgICAgICAgICAgfSBjYXRjaCAoZSkge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUud2FybihlLm1lc3NhZ2UpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gQ2xlYXIgcmVmZXJlbmNlIHRvIGhlbHAgR0NcbiAgICAgICAgICAgIGxheWVyLmNvbmZpZy5jb21wb25lbnQgPSBudWxsO1xuICAgICAgICB9LCBsYXllci5jb25maWcuZXhpdERlbGF5KTtcblxuICAgICAgICB0aGlzLnRpbWVvdXRJZHMuc2V0KGxheWVyLmlkLCB0aW1lb3V0SWQpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZW5kZXJzIGEgbGF5ZXIuXG4gICAgICogQHBhcmFtIGNvbmZpZ1xuICAgICAqL1xuICAgIHB1YmxpYyByZW5kZXJMYXllciA9IChcbiAgICAgICAgY29uZmlnOiBMYXllckNvbmZpZyxcbiAgICApOiBbKCkgPT4gUmVhY3QuUmVhY3RQb3J0YWwgfCBudWxsLCAocmVzcD86IHVua25vd24pID0+IHZvaWRdID0+IHtcbiAgICAgICAgLy8gU1NSIGd1YXJkXG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICByZXR1cm4gWygpID0+IG51bGwsICgpID0+IHt9XTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIE1lcmdlIGRlZmF1bHQgY29uZmlnIHdpdGggdGhlIHByb3ZpZGVkIGNvbmZpZy5cbiAgICAgICAgY29uc3QgbGF5ZXJDb25maWcgPSB7XG4gICAgICAgICAgICAuLi5kZWZhdWx0Q29uZmlnLFxuICAgICAgICAgICAgLi4uY29uZmlnLFxuICAgICAgICB9O1xuXG4gICAgICAgIC8vIEdldCB0aGUgei1pbmRleCBmb3IgdGhlIG5ldyBsYXllclxuICAgICAgICBjb25zdCBjdXJyZW50SW5kZXggPSBsYXllckNvbmZpZy5hbHdheXNPblRvcCA/IDIxNDc0ODM2NDcgOiB0aGlzLm5leHRJbmRleCsrO1xuICAgICAgICBjb25zdCBjbGFzc05hbWUgPSBsYXllckNvbmZpZy5hbHdheXNPblRvcCA/ICduZi1sYXllci1tYW5hZ2VyLXRvcCcgOiAnbmYtbGF5ZXItbWFuYWdlcic7XG5cbiAgICAgICAgLy8gQ3JlYXRlIGEgdW5pcXVlIElEIGZvciB0cmFja2luZyB0aGlzIGxheWVyXG4gICAgICAgIGNvbnN0IGxheWVySWQgPSBgbmYtbGF5ZXItbWFuYWdlci0ke2N1cnJlbnRJbmRleH1gO1xuXG4gICAgICAgIGNvbnN0IG92ZXJsYXlDbGlja0hhbmRsZXIgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBsYXllciA9IHRoaXMubGF5ZXJzLmZpbmQoKGwpID0+IGwuaWQgPT09IGxheWVySWQpO1xuICAgICAgICAgICAgaWYgKGxheWVyICYmIGxheWVyLmNvbmZpZy5jbG9zZU9uT3ZlcmxheUNsaWNrICE9PSBmYWxzZSkge1xuICAgICAgICAgICAgICAgIHRoaXMudW5tb3VudChsYXllcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3QgY2xvc2VGbiA9IChyZXNwPzogdW5rbm93bikgPT4ge1xuICAgICAgICAgICAgY29uc3QgbGF5ZXIgPSB0aGlzLmxheWVycy5maW5kKChsKSA9PiBsLmlkID09PSBsYXllcklkKTtcbiAgICAgICAgICAgIGlmIChsYXllcikge1xuICAgICAgICAgICAgICAgIHRoaXMudW5tb3VudChsYXllciwgcmVzcCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH07XG5cbiAgICAgICAgLy8gUmV0dXJuIGNhbGxiYWNrIHdoaWNoIHdpbGwgdHJpZ2dlciB0aGUgdW4tbW91bnQuXG4gICAgICAgIHJldHVybiBbXG4gICAgICAgICAgICAoKTogUmVhY3RQb3J0YWwgfCBudWxsID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBbZGl2RWxlbWVudCwgc2V0RGl2RWxlbWVudF0gPSBSZWFjdC51c2VTdGF0ZTxIVE1MRGl2RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgICAgICAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gQ3JlYXRlIHRoZSBkaXYgZWxlbWVudCBvbmx5IG9uY2Ugd2hlbiBjb21wb25lbnQgbW91bnRzXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGRpdiA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICAgICAgICAgICAgICBkaXYuc2V0QXR0cmlidXRlKCdjbGFzcycsIGNsYXNzTmFtZSk7XG4gICAgICAgICAgICAgICAgICAgIGRpdi5zZXRBdHRyaWJ1dGUoJ2lkJywgbGF5ZXJJZCk7XG4gICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQoZGl2KTtcblxuICAgICAgICAgICAgICAgICAgICAvLyBBZGQgbGF5ZXIgdG8gc3RhY2tcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgY3VycmVudExheWVyID0ge1xuICAgICAgICAgICAgICAgICAgICAgICAgaWQ6IGxheWVySWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBjb25maWc6IGxheWVyQ29uZmlnLFxuICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogZGl2LFxuICAgICAgICAgICAgICAgICAgICB9O1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmxheWVycy5wdXNoKGN1cnJlbnRMYXllcik7XG5cbiAgICAgICAgICAgICAgICAgICAgc2V0RGl2RWxlbWVudChkaXYpO1xuICAgICAgICAgICAgICAgICAgICAvLyBBZGQgZW50cnkgYW5pbWF0aW9uIGNsYXNzIGFmdGVyIGEgc2hvcnQgZGVsYXlcbiAgICAgICAgICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBkaXYuc2V0QXR0cmlidXRlKCdjbGFzcycsICduZi1sYXllci1lbnRlcicpO1xuICAgICAgICAgICAgICAgICAgICB9LCAxMCk7XG5cbiAgICAgICAgICAgICAgICAgICAgLy8gVHJhY2sgZWxlbWVudHMgbW9kaWZpZWQgZm9yIGFjY2Vzc2liaWxpdHlcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgbW9kaWZpZWRFbGVtZW50czogQXJyYXk8e1xuICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudDogRWxlbWVudDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhZEFyaWFIaWRkZW46IGJvb2xlYW47XG4gICAgICAgICAgICAgICAgICAgICAgICBwcmV2aW91c1ZhbHVlOiBzdHJpbmcgfCBudWxsO1xuICAgICAgICAgICAgICAgICAgICB9PiA9IFtdO1xuICAgICAgICAgICAgICAgICAgICBsZXQgb3JpZ2luYWxCb2R5T3ZlcmZsb3c6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgICAgICAgICAgICAgICAgICBsZXQgb3JpZ2luYWxCb2R5UG9zaXRpb246IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgICAgICAgICAgICAgICAgICBsZXQgb3JpZ2luYWxCb2R5V2lkdGg6IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgICAgICAgICAgICAgICAgICBsZXQgb3JpZ2luYWxCb2R5VG9wOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICAgICAgICAgICAgICAgICAgbGV0IHNjcm9sbFkgPSAwO1xuXG4gICAgICAgICAgICAgICAgICAgIC8vIEFwcGx5IGFyaWEtaGlkZGVuIHRvIHNpYmxpbmdzIGFuZCBib2R5IHNjcm9sbCBsb2NrIGZvciBvdmVybGF5IG1vZGFsc1xuICAgICAgICAgICAgICAgICAgICBpZiAobGF5ZXJDb25maWcub3ZlcmxheSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgLy8gSGlkZSBhbGwgYm9keSBjaGlsZHJlbiBleGNlcHQgdGhpcyBsYXllciBwb3J0YWwsIHNjcmlwdHMsIGFuZCBzdHlsZXNcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGJvZHlDaGlsZHJlbiA9IEFycmF5LmZyb20oZG9jdW1lbnQuYm9keS5jaGlsZHJlbik7XG4gICAgICAgICAgICAgICAgICAgICAgICBib2R5Q2hpbGRyZW4uZm9yRWFjaCgoY2hpbGQpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkICE9PSBkaXYgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGQuY2xhc3NOYW1lICE9PSAnbmYtbGF5ZXItbWFuYWdlci10b3AnICYmXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkLnRhZ05hbWUgIT09ICdTQ1JJUFQnICYmXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNoaWxkLnRhZ05hbWUgIT09ICdTVFlMRSdcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaGFkQXJpYUhpZGRlbiA9IGNoaWxkLmhhc0F0dHJpYnV0ZSgnYXJpYS1oaWRkZW4nKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgcHJldmlvdXNWYWx1ZSA9IGNoaWxkLmdldEF0dHJpYnV0ZSgnYXJpYS1oaWRkZW4nKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyBPbmx5IHNldCBhcmlhLWhpZGRlbiBpZiBub3QgYWxyZWFkeSBoaWRkZW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKHByZXZpb3VzVmFsdWUgIT09ICd0cnVlJykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2hpbGQuc2V0QXR0cmlidXRlKCdhcmlhLWhpZGRlbicsICd0cnVlJyk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBtb2RpZmllZEVsZW1lbnRzLnB1c2goe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGVsZW1lbnQ6IGNoaWxkLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhhZEFyaWFIaWRkZW4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcHJldmlvdXNWYWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIFByZXZlbnQgYm9keSBzY3JvbGwgb24gaU9TXG4gICAgICAgICAgICAgICAgICAgICAgICBzY3JvbGxZID0gd2luZG93LnNjcm9sbFk7XG4gICAgICAgICAgICAgICAgICAgICAgICBvcmlnaW5hbEJvZHlPdmVyZmxvdyA9IGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3c7XG4gICAgICAgICAgICAgICAgICAgICAgICBvcmlnaW5hbEJvZHlQb3NpdGlvbiA9IGRvY3VtZW50LmJvZHkuc3R5bGUucG9zaXRpb247XG4gICAgICAgICAgICAgICAgICAgICAgICBvcmlnaW5hbEJvZHlXaWR0aCA9IGRvY3VtZW50LmJvZHkuc3R5bGUud2lkdGg7XG4gICAgICAgICAgICAgICAgICAgICAgICBvcmlnaW5hbEJvZHlUb3AgPSBkb2N1bWVudC5ib2R5LnN0eWxlLnRvcDtcblxuICAgICAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nO1xuICAgICAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS5wb3NpdGlvbiA9ICdmaXhlZCc7XG4gICAgICAgICAgICAgICAgICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLndpZHRoID0gJzEwMCUnO1xuICAgICAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS50b3AgPSBgLSR7c2Nyb2xsWX1weGA7XG4gICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAvLyBDbGVhbnVwIGZ1bmN0aW9uIC0gcmVtb3ZlIGRpdiB3aGVuIGNvbXBvbmVudCB1bm1vdW50c1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgLy8gUmVzdG9yZSBhcmlhLWhpZGRlbiBhdHRyaWJ1dGVzXG4gICAgICAgICAgICAgICAgICAgICAgICBtb2RpZmllZEVsZW1lbnRzLmZvckVhY2goKHsgZWxlbWVudCwgaGFkQXJpYUhpZGRlbiwgcHJldmlvdXNWYWx1ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudCkpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGhhZEFyaWFIaWRkZW4gJiYgcHJldmlvdXNWYWx1ZSAhPT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZWxlbWVudC5zZXRBdHRyaWJ1dGUoJ2FyaWEtaGlkZGVuJywgcHJldmlvdXNWYWx1ZSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbGVtZW50LnJlbW92ZUF0dHJpYnV0ZSgnYXJpYS1oaWRkZW4nKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBSZXN0b3JlIGJvZHkgc2Nyb2xsXG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAobGF5ZXJDb25maWcub3ZlcmxheSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUub3ZlcmZsb3cgPSBvcmlnaW5hbEJvZHlPdmVyZmxvdyB8fCAnJztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkb2N1bWVudC5ib2R5LnN0eWxlLnBvc2l0aW9uID0gb3JpZ2luYWxCb2R5UG9zaXRpb24gfHwgJyc7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5zdHlsZS53aWR0aCA9IG9yaWdpbmFsQm9keVdpZHRoIHx8ICcnO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc3R5bGUudG9wID0gb3JpZ2luYWxCb2R5VG9wIHx8ICcnO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpbmRvdy5zY3JvbGxUbygwLCBzY3JvbGxZKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZGl2KSkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkucmVtb3ZlQ2hpbGQoZGl2KTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIFJlbW92ZSBmcm9tIGxheWVycyBhcnJheVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaW5kZXggPSB0aGlzLmxheWVycy5maW5kSW5kZXgoKGxheWVyKSA9PiBsYXllci5pZCA9PT0gbGF5ZXJJZCk7XG4gICAgICAgICAgICAgICAgICAgICAgICBpZiAoaW5kZXggIT09IC0xKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgdGhpcy5sYXllcnMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgfTtcbiAgICAgICAgICAgICAgICB9LCBbXSk7IC8vIEVtcHR5IGRlcGVuZGVuY3kgYXJyYXkgLSBydW4gb25seSBvbmNlXG5cbiAgICAgICAgICAgICAgICBpZiAoIWRpdkVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIFJlYWN0RE9NLmNyZWF0ZVBvcnRhbChcbiAgICAgICAgICAgICAgICAgICAgPENvbnRhaW5lciBvbkNsaWNrPXtvdmVybGF5Q2xpY2tIYW5kbGVyfSB6SW5kZXg9e2N1cnJlbnRJbmRleH0gey4uLmxheWVyQ29uZmlnfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtsYXllckNvbmZpZy5jb21wb25lbnR9XG4gICAgICAgICAgICAgICAgICAgIDwvQ29udGFpbmVyPixcbiAgICAgICAgICAgICAgICAgICAgZGl2RWxlbWVudCxcbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGNsb3NlRm4sXG4gICAgICAgIF07XG4gICAgfTtcbn1cblxuLy8gUmV0dXJuIHRoZSBpbnN0YW5jZSBvZiB0aGUgY2xhc3MgdG8gY3JlYXRlIGEgU2luZ2xldG9uLlxuZXhwb3J0IGRlZmF1bHQgbmV3IExheWVyTWFuYWdlcigpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFa0IifQ== */");
+/** Key code for different keys. */ const KEY_CODES = {
+    ESC: 27
 };
 /**
  * This is a shared helper class which manages the z-index of each layer.
@@ -97,95 +82,173 @@ const KEY_CODES = {
  *   const { LayerComponent } = this.state;
  *   return LayerComponent ? <LayerComponent /> : null;
  * }
- */
-class LayerManager {
+ */ class LayerManager {
     /**
      * Constructor simply registers a event listener on body to
      * react to esc key press.
-     */
-    constructor() {
-        /** Layer stack */
-        this.layers = [];
-        /** z-index of the next layer */
-        this.nextIndex = 10000;
+     */ constructor(){
+        /** Layer stack */ this.layers = [];
+        /** z-index of the next layer */ this.nextIndex = 10000;
+        this.timeoutIds = new Map(); // Track timeouts
+        // Add cleanup method
+        this.destroy = ()=>{
+            if (typeof document !== 'undefined' && this.keyupHandler) {
+                document.body.removeEventListener('keyup', this.keyupHandler);
+            }
+            // Clear all pending timeouts
+            this.timeoutIds.forEach((id)=>clearTimeout(id));
+            this.timeoutIds.clear();
+            // Clean up remaining layers
+            this.layers.forEach((layer)=>{
+                if (document.body.contains(layer.element)) {
+                    document.body.removeChild(layer.element);
+                }
+            });
+            this.layers = [];
+        };
         /**
-         * Un-mounts a layer.
-         *
-         * It first adds a class 'nf-layer-exit' and then un-mounts the
-         * layer after the `exitDelay` mentioned in the layer config.
-         * This class will help component in triggering the entry animation.
-         *
-         * @param layer
-         */
-        this.unmount = (layer, resp) => {
+     * Un-mounts a layer.
+     *
+     * It first adds a class 'nf-layer-exit' and then un-mounts the
+     * layer after the `exitDelay` mentioned in the layer config.
+     * This class will help component in triggering the entry animation.
+     *
+     * @param layer
+     */ this.unmount = (layer, resp)=>{
             layer.element.setAttribute('class', 'nf-layer-exit');
-            this.layers.splice(this.layers.findIndex((item) => item === layer), 1);
-            setTimeout(() => {
-                var _a, _b;
+            const index = this.layers.findIndex((item)=>item === layer);
+            if (index !== -1) {
+                this.layers.splice(index, 1);
+            }
+            const timeoutId = window.setTimeout(()=>{
+                this.timeoutIds.delete(layer.id);
                 try {
-                    (_b = (_a = layer.config).closeCallback) === null || _b === void 0 ? void 0 : _b.call(_a, resp);
-                }
-                catch (e) {
-                    // Error in callback function. Ignore and proceed.
+                    layer.config.closeCallback?.(resp);
+                } catch (e) {
                     console.warn(e.message);
                 }
+                // Clear reference to help GC
+                layer.config.component = null;
             }, layer.config.exitDelay);
+            this.timeoutIds.set(layer.id, timeoutId);
         };
         /**
-         * Renders a layer.
-         * @param config
-         */
-        this.renderLayer = (config) => {
+     * Renders a layer.
+     * @param config
+     */ this.renderLayer = (config)=>{
             // SSR guard
             if (typeof document === 'undefined') {
-                return [() => null, () => { }];
+                return [
+                    ()=>null,
+                    ()=>{}
+                ];
             }
             // Merge default config with the provided config.
-            const layerConfig = Object.assign(Object.assign({}, defaultConfig), config);
+            const layerConfig = {
+                ...defaultConfig,
+                ...config
+            };
             // Get the z-index for the new layer
             const currentIndex = layerConfig.alwaysOnTop ? 2147483647 : this.nextIndex++;
+            const className = layerConfig.alwaysOnTop ? 'nf-layer-manager-top' : 'nf-layer-manager';
             // Create a unique ID for tracking this layer
             const layerId = `nf-layer-manager-${currentIndex}`;
-            const overlayClickHandler = () => {
-                const layer = this.layers.find((l) => l.id === layerId);
+            const overlayClickHandler = ()=>{
+                const layer = this.layers.find((l)=>l.id === layerId);
                 if (layer && layer.config.closeOnOverlayClick !== false) {
                     this.unmount(layer);
                 }
             };
-            const closeFn = (resp) => {
-                const layer = this.layers.find((l) => l.id === layerId);
+            const closeFn = (resp)=>{
+                const layer = this.layers.find((l)=>l.id === layerId);
                 if (layer) {
                     this.unmount(layer, resp);
                 }
             };
             // Return callback which will trigger the un-mount.
             return [
-                () => {
+                ()=>{
                     const [divElement, setDivElement] = React.useState(null);
-                    useEffect(() => {
+                    useEffect(()=>{
                         // Create the div element only once when component mounts
                         const div = document.createElement('div');
+                        div.setAttribute('class', className);
                         div.setAttribute('id', layerId);
                         document.body.appendChild(div);
                         // Add layer to stack
                         const currentLayer = {
                             id: layerId,
                             config: layerConfig,
-                            element: div,
+                            element: div
                         };
                         this.layers.push(currentLayer);
                         setDivElement(div);
                         // Add entry animation class after a short delay
-                        setTimeout(() => {
+                        setTimeout(()=>{
                             div.setAttribute('class', 'nf-layer-enter');
                         }, 10);
+                        // Track elements modified for accessibility
+                        const modifiedElements = [];
+                        let originalBodyOverflow = null;
+                        let originalBodyPosition = null;
+                        let originalBodyWidth = null;
+                        let originalBodyTop = null;
+                        let scrollY = 0;
+                        // Apply aria-hidden to siblings and body scroll lock for overlay modals
+                        if (layerConfig.overlay) {
+                            // Hide all body children except this layer portal, scripts, and styles
+                            const bodyChildren = Array.from(document.body.children);
+                            bodyChildren.forEach((child)=>{
+                                if (child !== div && child.className !== 'nf-layer-manager-top' && child.tagName !== 'SCRIPT' && child.tagName !== 'STYLE') {
+                                    const hadAriaHidden = child.hasAttribute('aria-hidden');
+                                    const previousValue = child.getAttribute('aria-hidden');
+                                    // Only set aria-hidden if not already hidden
+                                    if (previousValue !== 'true') {
+                                        child.setAttribute('aria-hidden', 'true');
+                                        modifiedElements.push({
+                                            element: child,
+                                            hadAriaHidden,
+                                            previousValue
+                                        });
+                                    }
+                                }
+                            });
+                            // Prevent body scroll on iOS
+                            scrollY = window.scrollY;
+                            originalBodyOverflow = document.body.style.overflow;
+                            originalBodyPosition = document.body.style.position;
+                            originalBodyWidth = document.body.style.width;
+                            originalBodyTop = document.body.style.top;
+                            document.body.style.overflow = 'hidden';
+                            document.body.style.position = 'fixed';
+                            document.body.style.width = '100%';
+                            document.body.style.top = `-${scrollY}px`;
+                        }
                         // Cleanup function - remove div when component unmounts
-                        return () => {
+                        return ()=>{
+                            // Restore aria-hidden attributes
+                            modifiedElements.forEach(({ element, hadAriaHidden, previousValue })=>{
+                                if (document.body.contains(element)) {
+                                    if (hadAriaHidden && previousValue !== null) {
+                                        element.setAttribute('aria-hidden', previousValue);
+                                    } else {
+                                        element.removeAttribute('aria-hidden');
+                                    }
+                                }
+                            });
+                            // Restore body scroll
+                            if (layerConfig.overlay) {
+                                document.body.style.overflow = originalBodyOverflow || '';
+                                document.body.style.position = originalBodyPosition || '';
+                                document.body.style.width = originalBodyWidth || '';
+                                document.body.style.top = originalBodyTop || '';
+                                window.scrollTo(0, scrollY);
+                            }
                             if (document.body.contains(div)) {
                                 document.body.removeChild(div);
                             }
                             // Remove from layers array
-                            const index = this.layers.findIndex((layer) => layer.id === layerId);
+                            const index = this.layers.findIndex((layer)=>layer.id === layerId);
                             if (index !== -1) {
                                 this.layers.splice(index, 1);
                             }
@@ -194,23 +257,31 @@ class LayerManager {
                     if (!divElement) {
                         return null;
                     }
-                    return ReactDOM.createPortal(_jsx(Container, Object.assign({ onClick: overlayClickHandler, zIndex: currentIndex }, layerConfig, { children: layerConfig.component })), divElement);
+                    return /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ jsx(Container, {
+                        onClick: overlayClickHandler,
+                        zIndex: currentIndex,
+                        ...layerConfig,
+                        children: layerConfig.component
+                    }), divElement);
                 },
-                closeFn,
+                closeFn
             ];
         };
         if (typeof document !== 'undefined') {
-            document.body.addEventListener('keyup', (e) => {
+            // Store handler reference for cleanup
+            this.keyupHandler = (e)=>{
                 if (this.layers.length && e.keyCode === KEY_CODES.ESC) {
                     const lastLayer = this.layers.slice(-1)[0];
                     if (lastLayer.config.closeOnEsc !== false) {
                         this.unmount(lastLayer);
                     }
                 }
-            });
+            };
+            document.body.addEventListener('keyup', this.keyupHandler);
         }
     }
 }
 // Return the instance of the class to create a Singleton.
-export default new LayerManager();
-//# sourceMappingURL=LayerManager.js.map
+var LayerManager$1 = new LayerManager();
+
+export { LAYER_POSITION, LayerManager$1 as default };

package/lib-esm/shared/constants.d.ts

@@ -1,28 +1,58 @@
-declare const _default: {
-    PRIMARY: string;
-    PRIMARY_LIGHT: string;
-    PRIMARY_LIGHTER: string;
-    BACKDROP_COLOR: string;
-    INFO: string;
-    INFO_LIGHT: string;
-    SUCCESS: string;
-    SUCCESS_LIGHT: string;
-    WARNING: string;
-    WARNING_LIGHT: string;
-    ERROR: string;
-    ERROR_LIGHT: string;
-    BORDER_COLOR: string;
-    TOAST: string;
-    TOOLTIP_COLOR: string;
-    BORDER_LIGHT_COLOR: string;
-    BACKGROUND: string;
-    DISABLED_BACKGROUND: string;
-    DISABLED_BORDER: string;
-    LIGHT_GREY: string;
-    DISABLED: string;
-    SHADOW: string;
-    HOVER_SHADOW: string;
-    MODAL_SHADOW: string;
-};
-export default _default;
-//# sourceMappingURL=constants.d.ts.map
+export declare enum THEME_CONSTANTS {
+    PRIMARY = "#1f7ac5",
+    PRIMARY_LIGHT = "#64baff",
+    PRIMARY_LIGHTER = "#cfe9ff",
+    BACKDROP_COLOR = "#2681da80",
+    INFO = "#1f7ac5ff",
+    INFO_LIGHT = "#64baffff",
+    SUCCESS = "#1a835f",
+    SUCCESS_LIGHT = "#80eac6",
+    WARNING = "#916b01",
+    WARNING_LIGHT = "#ffba00",
+    ERROR = "#bb2828",
+    ERROR_LIGHT = "#f1a5a5",
+    BORDER_COLOR = "#555555",
+    TOAST = "#5f5f5f",
+    TOOLTIP_COLOR = "rgba(0,0,0,0.6)",
+    BORDER_LIGHT_COLOR = "#eeeeee",
+    BACKGROUND = "#ffffff",
+    DISABLED_BACKGROUND = "#fafafa",
+    DISABLED_BORDER = "#aaa",
+    LIGHT_GREY = "#ccc",
+    DISABLED = "#737373",
+    TEXT_COLOR_LIGHT = "#fff",
+    TEXT_COLOR_DARK = "#000",
+    SHADOW = "0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)",
+    HOVER_SHADOW = "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    MODAL_SHADOW = "0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)"
+}
+export declare enum THEME_NAME {
+    PRIMARY = "--nfui-primary",
+    PRIMARY_LIGHT = "--nfui-primary-light",
+    PRIMARY_LIGHTER = "--nfui-primary-lighter",
+    INFO = "--nfui-info",
+    INFO_LIGHT = "--nfui-info-light",
+    SUCCESS = "--nfui-success",
+    SUCCESS_LIGHT = "--nfui-success-light",
+    WARNING = "--nfui-warning",
+    WARNING_LIGHT = "--nfui-warning-light",
+    ERROR = "--nfui-error",
+    ERROR_LIGHT = "--nfui-error-light",
+    BORDER_COLOR = "--nfui-border-color",
+    TOAST = "--nfui-toast",
+    TOOLTIP_COLOR = "--nfui-tooltip-color",
+    BORDER_LIGHT_COLOR = "--nfui-border-light-color",
+    BACKGROUND = "--nfui-background",
+    DISABLED_BACKGROUND = "--nfui-disabled-background",
+    DISABLED_BORDER = "--nfui-disabled-border",
+    LIGHT_GREY = "--nfui-light-grey",
+    DISABLED = "--nfui-disabled",
+    TEXT_COLOR_LIGHT = "--nfui-text-color-light",
+    TEXT_COLOR_DARK = "--nfui-text-color-dark",
+    SHADOW = "--nfui-shadow",
+    HOVER_SHADOW = "--nfui-hover-shadow",
+    MODAL_SHADOW = "--nfui-modal-shadow",
+    BACKDROP_COLOR = "--nfui-backdrop-color"
+}
+export declare const themeNameMap: Record<THEME_NAME, THEME_CONSTANTS>;
+export declare const getThemeValue: (key: THEME_NAME) => string;

package/lib-esm/shared/constants.js

@@ -1,27 +1,62 @@
-export default {
-    PRIMARY: '#1f7ac5',
-    PRIMARY_LIGHT: '#64baff',
-    PRIMARY_LIGHTER: '#cfe9ff',
-    BACKDROP_COLOR: '#2681da80',
-    INFO: '#1d6eaf',
-    INFO_LIGHT: '#64baff',
-    SUCCESS: '#1a835f',
-    SUCCESS_LIGHT: '#80eac6',
-    WARNING: '#916b01',
-    WARNING_LIGHT: '#ffba00',
-    ERROR: '#bb2828',
-    ERROR_LIGHT: '#f1a5a5',
-    BORDER_COLOR: '#555555',
-    TOAST: '#5f5f5f',
-    TOOLTIP_COLOR: 'rgba(0,0,0,0.6)',
-    BORDER_LIGHT_COLOR: '#eeeeee',
-    BACKGROUND: '#ffffff',
-    DISABLED_BACKGROUND: '#fafafa',
-    DISABLED_BORDER: '#aaa',
-    LIGHT_GREY: '#ccc',
-    DISABLED: '#737373',
-    SHADOW: '0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)',
-    HOVER_SHADOW: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
-    MODAL_SHADOW: '0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)',
+var THEME_NAME = /*#__PURE__*/ function(THEME_NAME) {
+    THEME_NAME["PRIMARY"] = "--nfui-primary";
+    THEME_NAME["PRIMARY_LIGHT"] = "--nfui-primary-light";
+    THEME_NAME["PRIMARY_LIGHTER"] = "--nfui-primary-lighter";
+    THEME_NAME["INFO"] = "--nfui-info";
+    THEME_NAME["INFO_LIGHT"] = "--nfui-info-light";
+    THEME_NAME["SUCCESS"] = "--nfui-success";
+    THEME_NAME["SUCCESS_LIGHT"] = "--nfui-success-light";
+    THEME_NAME["WARNING"] = "--nfui-warning";
+    THEME_NAME["WARNING_LIGHT"] = "--nfui-warning-light";
+    THEME_NAME["ERROR"] = "--nfui-error";
+    THEME_NAME["ERROR_LIGHT"] = "--nfui-error-light";
+    THEME_NAME["BORDER_COLOR"] = "--nfui-border-color";
+    THEME_NAME["TOAST"] = "--nfui-toast";
+    THEME_NAME["TOOLTIP_COLOR"] = "--nfui-tooltip-color";
+    THEME_NAME["BORDER_LIGHT_COLOR"] = "--nfui-border-light-color";
+    THEME_NAME["BACKGROUND"] = "--nfui-background";
+    THEME_NAME["DISABLED_BACKGROUND"] = "--nfui-disabled-background";
+    THEME_NAME["DISABLED_BORDER"] = "--nfui-disabled-border";
+    THEME_NAME["LIGHT_GREY"] = "--nfui-light-grey";
+    THEME_NAME["DISABLED"] = "--nfui-disabled";
+    THEME_NAME["TEXT_COLOR_LIGHT"] = "--nfui-text-color-light";
+    THEME_NAME["TEXT_COLOR_DARK"] = "--nfui-text-color-dark";
+    THEME_NAME["SHADOW"] = "--nfui-shadow";
+    THEME_NAME["HOVER_SHADOW"] = "--nfui-hover-shadow";
+    THEME_NAME["MODAL_SHADOW"] = "--nfui-modal-shadow";
+    THEME_NAME["BACKDROP_COLOR"] = "--nfui-backdrop-color";
+    return THEME_NAME;
+}({});
+const themeNameMap = {
+    ["--nfui-primary"]: "#1f7ac5",
+    ["--nfui-primary-light"]: "#64baff",
+    ["--nfui-primary-lighter"]: "#cfe9ff",
+    ["--nfui-info"]: "#1f7ac5ff",
+    ["--nfui-info-light"]: "#64baffff",
+    ["--nfui-success"]: "#1a835f",
+    ["--nfui-success-light"]: "#80eac6",
+    ["--nfui-warning"]: "#916b01",
+    ["--nfui-warning-light"]: "#ffba00",
+    ["--nfui-error"]: "#bb2828",
+    ["--nfui-error-light"]: "#f1a5a5",
+    ["--nfui-backdrop-color"]: "#2681da80",
+    ["--nfui-border-color"]: "#555555",
+    ["--nfui-toast"]: "#5f5f5f",
+    ["--nfui-tooltip-color"]: "rgba(0,0,0,0.6)",
+    ["--nfui-border-light-color"]: "#eeeeee",
+    ["--nfui-background"]: "#ffffff",
+    ["--nfui-disabled-background"]: "#fafafa",
+    ["--nfui-disabled-border"]: "#aaa",
+    ["--nfui-light-grey"]: "#ccc",
+    ["--nfui-disabled"]: "#737373",
+    ["--nfui-text-color-light"]: "#fff",
+    ["--nfui-text-color-dark"]: "#000",
+    ["--nfui-shadow"]: "0px 1px 3px 0px rgba(0,0,0,0.1), 0px 1px 2px 0px rgba(0,0,0,0.06)",
+    ["--nfui-hover-shadow"]: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    ["--nfui-modal-shadow"]: "0px 8px 17px 2px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12), 0px 5px 5px -3px rgba(0,0,0,0.2)"
 };
-//# sourceMappingURL=constants.js.map
+const getThemeValue = (key)=>{
+    return `var(${key}, ${themeNameMap[key]})`;
+};
+
+export { THEME_NAME, getThemeValue, themeNameMap };

package/lib-esm/shared/styles.d.ts

@@ -5,7 +5,7 @@ export declare const Ellipsis: import("@emotion/styled").StyledComponent<{
 export declare const Header: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const Body: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
@@ -14,4 +14,3 @@ export declare const Footer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-//# sourceMappingURL=styles.d.ts.map

package/lib-esm/shared/styles.js

@@ -1,25 +1,21 @@
 import styled from '@emotion/styled';
-export const Ellipsis = styled.span `
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-`;
-export const Header = styled.div `
-    padding: 10px 15px;
-    line-height: 26px;
-    border-bottom: 1px solid var(--border-light-color, #eeeeee);
-    font-size: 16px;
-    font-weight: bold;
-`;
-export const Body = styled.div `
-    padding: 20px 15px;
-    flex: 1;
-    overflow: auto;
-`;
-export const Footer = styled.div `
-    padding: 10px 15px;
-    border-top: 1px solid var(--border-light-color, #eeeeee);
-    display: flex;
-    justify-content: flex-end;
-`;
-//# sourceMappingURL=styles.js.map
+import { getThemeValue, THEME_NAME } from './constants.js';
+
+const Ellipsis = /*#__PURE__*/ styled("span", {
+    target: "e126ntv90",
+    label: "Ellipsis"
+})("white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuc3BhbmBcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXIgPSBzdHlsZWQuaDFgXG4gICAgcGFkZGluZzogMTBweCAxNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNnB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogMjBweCAxNXB4O1xuICAgIGZsZXg6IDE7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiAxMHB4IDE1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3dCIn0= */");
+const Header = /*#__PURE__*/ styled("h1", {
+    target: "e126ntv91",
+    label: "Header"
+})("padding:10px 15px;line-height:26px;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";font-size:16px;font-weight:bold;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuc3BhbmBcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXIgPSBzdHlsZWQuaDFgXG4gICAgcGFkZGluZzogMTBweCAxNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNnB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogMjBweCAxNXB4O1xuICAgIGZsZXg6IDE7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiAxMHB4IDE1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXNCIn0= */");
+const Body = /*#__PURE__*/ styled("div", {
+    target: "e126ntv92",
+    label: "Body"
+})("padding:20px 15px;flex:1;overflow:auto;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuc3BhbmBcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXIgPSBzdHlsZWQuaDFgXG4gICAgcGFkZGluZzogMTBweCAxNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNnB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogMjBweCAxNXB4O1xuICAgIGZsZXg6IDE7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiAxMHB4IDE1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JvQiJ9 */");
+const Footer = /*#__PURE__*/ styled("div", {
+    target: "e126ntv93",
+    label: "Footer"
+})("padding:10px 15px;border-top:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";display:flex;justify-content:flex-end;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvc2hhcmVkL3N0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRUaGVtZVZhbHVlLCBUSEVNRV9OQU1FIH0gZnJvbSAnLi9jb25zdGFudHMnO1xuXG5leHBvcnQgY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQuc3BhbmBcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgZmxleDogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBIZWFkZXIgPSBzdHlsZWQuaDFgXG4gICAgcGFkZGluZzogMTBweCAxNXB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyNnB4O1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CT1JERVJfTElHSFRfQ09MT1IpfTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG5gO1xuXG5leHBvcnQgY29uc3QgQm9keSA9IHN0eWxlZC5kaXZgXG4gICAgcGFkZGluZzogMjBweCAxNXB4O1xuICAgIGZsZXg6IDE7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgRm9vdGVyID0gc3R5bGVkLmRpdmBcbiAgICBwYWRkaW5nOiAxMHB4IDE1cHg7XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9MSUdIVF9DT0xPUil9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JzQiJ9 */");
+
+export { Body, Ellipsis, Footer, Header };