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

package/lib-esm/components/Drawer/Drawer.js

@@ -1,38 +1,27 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';
-export { Header as DrawerHeader, Body as DrawerBody, Footer as DrawerFooter, } from '../../shared/styles';
-export var DRAWER_POSITION;
-(function (DRAWER_POSITION) {
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
+import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager.js';
+
+var DRAWER_POSITION = /*#__PURE__*/ function(DRAWER_POSITION) {
     DRAWER_POSITION["LEFT"] = "LEFT";
     DRAWER_POSITION["RIGHT"] = "RIGHT";
     DRAWER_POSITION["BOTTOM"] = "BOTTOM";
-})(DRAWER_POSITION || (DRAWER_POSITION = {}));
-const positionStyle = (size) => ({
-    [DRAWER_POSITION.LEFT]: {
-        before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(-100%);`,
-        after: 'transform: translateX(0%);',
-    },
-    [DRAWER_POSITION.RIGHT]: {
-        before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(100%);`,
-        after: 'transform: translateX(0%);',
-    },
-    [DRAWER_POSITION.BOTTOM]: {
-        before: `
+    return DRAWER_POSITION;
+}({});
+const positionStyle = (size)=>({
+        ["LEFT"]: {
+            before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(-100%);`,
+            after: 'transform: translateX(0%);'
+        },
+        ["RIGHT"]: {
+            before: `height: 100vh; min-width: ${size || '300px'}; transform: translateX(100%);`,
+            after: 'transform: translateX(0%);'
+        },
+        ["BOTTOM"]: {
+            before: `
             position: absolute;
             bottom: 0;
             width: 100%;
@@ -40,58 +29,68 @@ const positionStyle = (size) => ({
             transform: translateY(100%);
             border-radius: 15px 15px 0 0; 
         `,
-        after: 'transform: translateX(0%);',
-    },
-});
-const DrawerDiv = styled.div `
-    display: flex;
-    flex-direction: column;
-    background-color: #fff;
-    transition: transform 0.3s ease;
-    box-shadow: var(--modal-shadow, ${constants.MODAL_SHADOW});
-    ${(props) => positionStyle(props.size)[props.position].before}
-
-    .nf-layer-enter & {
-        transform: translateX(0%);
-        ${(props) => positionStyle(props.size)[props.position].after}
-    }
-`;
+            after: 'transform: translateX(0%);'
+        }
+    });
+const DrawerDiv = /*#__PURE__*/ styled("div", {
+    target: "ehe19t90",
+    label: "DrawerDiv"
+})("display:flex;flex-direction:column;background-color:", getThemeValue(THEME_NAME.BACKGROUND), ";transition:transform 0.3s ease;box-shadow:", getThemeValue(THEME_NAME.MODAL_SHADOW), ";", (props)=>positionStyle(props.size)[props.position].before, "    .nf-layer-enter &{transform:translateX(0%);", (props)=>positionStyle(props.size)[props.position].after, "}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcbmltcG9ydCBMYXllck1hbmFnZXIsIHsgTEFZRVJfUE9TSVRJT04gfSBmcm9tICcuLi8uLi9zaGFyZWQvTGF5ZXJNYW5hZ2VyJztcblxuZXhwb3J0IHtcbiAgICBIZWFkZXIgYXMgRHJhd2VySGVhZGVyLFxuICAgIEJvZHkgYXMgRHJhd2VyQm9keSxcbiAgICBGb290ZXIgYXMgRHJhd2VyRm9vdGVyLFxufSBmcm9tICcuLi8uLi9zaGFyZWQvc3R5bGVzJztcblxuZXhwb3J0IGVudW0gRFJBV0VSX1BPU0lUSU9OIHtcbiAgICBMRUZUID0gJ0xFRlQnLFxuICAgIFJJR0hUID0gJ1JJR0hUJyxcbiAgICBCT1RUT00gPSAnQk9UVE9NJyxcbn1cblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IChzaXplOiBzdHJpbmcpID0+ICh7XG4gICAgW0RSQVdFUl9QT1NJVElPTi5MRUZUXToge1xuICAgICAgICBiZWZvcmU6IGBoZWlnaHQ6IDEwMHZoOyBtaW4td2lkdGg6ICR7c2l6ZSB8fCAnMzAwcHgnfTsgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0xMDAlKTtgLFxuICAgICAgICBhZnRlcjogJ3RyYW5zZm9ybTogdHJhbnNsYXRlWCgwJSk7JyxcbiAgICB9LFxuICAgIFtEUkFXRVJfUE9TSVRJT04uUklHSFRdOiB7XG4gICAgICAgIGJlZm9yZTogYGhlaWdodDogMTAwdmg7IG1pbi13aWR0aDogJHtzaXplIHx8ICczMDBweCd9OyB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7YCxcbiAgICAgICAgYWZ0ZXI6ICd0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpOycsXG4gICAgfSxcbiAgICBbRFJBV0VSX1BPU0lUSU9OLkJPVFRPTV06IHtcbiAgICAgICAgYmVmb3JlOiBgXG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIGhlaWdodDogJHtzaXplIHx8ICc5MHZoJ307XG4gICAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwJSk7XG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxNXB4IDE1cHggMCAwOyBcbiAgICAgICAgYCxcbiAgICAgICAgYWZ0ZXI6ICd0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpOycsXG4gICAgfSxcbn0pO1xuXG5jb25zdCBEcmF3ZXJEaXYgPSBzdHlsZWQuZGl2PHsgcG9zaXRpb246IERSQVdFUl9QT1NJVElPTjsgc2l6ZTogc3RyaW5nIH0+YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5CQUNLR1JPVU5EKX07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuM3MgZWFzZTtcbiAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5NT0RBTF9TSEFET1cpfTtcbiAgICAkeyhwcm9wcykgPT4gcG9zaXRpb25TdHlsZShwcm9wcy5zaXplKVtwcm9wcy5wb3NpdGlvbl0uYmVmb3JlfVxuXG4gICAgLm5mLWxheWVyLWVudGVyICYge1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCUpO1xuICAgICAgICAkeyhwcm9wcykgPT4gcG9zaXRpb25TdHlsZShwcm9wcy5zaXplKVtwcm9wcy5wb3NpdGlvbl0uYWZ0ZXJ9XG4gICAgfVxuYDtcblxuY29uc3QgZHJhd2VyUHJvcFR5cGVzID0ge1xuICAgIC8qKiBPcGVucyB0aGUgZHJhd2VyICovXG4gICAgb3BlbjogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZCxcbiAgICAvKiogcG9zaXRpb24gb2YgdGhlIGRyYXdlciAqL1xuICAgIHBvc2l0aW9uOiBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgICBEUkFXRVJfUE9TSVRJT04uTEVGVCxcbiAgICAgICAgRFJBV0VSX1BPU0lUSU9OLlJJR0hULFxuICAgICAgICBEUkFXRVJfUE9TSVRJT04uQk9UVE9NLFxuICAgIF0pLFxuICAgIC8qKiBzaXplIG9mIHRoZSBkcmF3ZXIgKi9cbiAgICBzaXplOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIC8qKiBTaG93cyBhbiBvdmVybGF5IGJlaGluZCB0aGUgZHJhd2VyLiAqL1xuICAgIG92ZXJsYXk6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBDbG9zZXMgdGhlIGRyYXdlciBvbiBlc2MgKi9cbiAgICBjbG9zZU9uRXNjOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAvKiogQ2xvc2VzIHRoZSBkcmF3ZXIgb24gb3ZlcmxheSBjbGljayAqL1xuICAgIGNsb3NlT25PdmVybGF5Q2xpY2s6IFByb3BUeXBlcy5ib29sLFxuICAgIC8qKiBDYWxsIGJhY2sgZnVuY3Rpb24gY2FsbGVkIHdoZW4gdGhlIGRyYXdlciBjbG9zZXMuICovXG4gICAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG59O1xuXG50eXBlIERyYXdlclByb3BzID0gUHJvcFR5cGVzLkluZmVyUHJvcHM8dHlwZW9mIGRyYXdlclByb3BUeXBlcz47XG5cbmludGVyZmFjZSBEcmF3ZXJTdGF0ZSB7XG4gICAgb3BlbjogYm9vbGVhbjtcbn1cblxuY29uc3QgcG9zaXRpb25NYXAgPSB7XG4gICAgW0RSQVdFUl9QT1NJVElPTi5MRUZUXTogTEFZRVJfUE9TSVRJT04uVE9QX0xFRlQsXG4gICAgW0RSQVdFUl9QT1NJVElPTi5SSUdIVF06IExBWUVSX1BPU0lUSU9OLlRPUF9SSUdIVCxcbiAgICBbRFJBV0VSX1BPU0lUSU9OLkJPVFRPTV06IExBWUVSX1BPU0lUSU9OLkJPVFRPTV9MRUZULFxufTtcblxuLyoqXG4gKiBEcmF3ZXIgY29tcG9uZW50XG4gKlxuICogQSBwYW5lbCB0aGF0IHNsaWRlcyBpbiBmcm9tIHRoZSBlZGdlIG9mIHRoZSBzY3JlZW4uXG4gKiBJdCBzaXRzIG9uIHRvcCBvZiB0aGUgYXBwbGljYXRpb24gY29udGVudCBhbmQgaXMgb2Z0ZW4gdXNlZCBmb3IgbmF2aWdhdGlvbiBvciBkZXRhaWxzLlxuICpcbiAqIEFjY2Vzc2liaWxpdHk6XG4gKiAtIEltcGxlbWVudHMgQVJJQSBgcm9sZT1cImRpYWxvZ1wiYCBhbmQgYGFyaWEtbW9kYWw9XCJ0cnVlXCJgLlxuICogLSBUcmFwcyBmb2N1cyBlZmZlY3RpdmVseSB3aXRoaW4gdGhlIGRyYXdlciB3aGlsZSBvcGVuLlxuICogLSBSZXN0b3JlcyBmb2N1cyB0byB0aGUgdHJpZ2dlcmluZyBlbGVtZW50IHVwb24gY2xvc3VyZS5cbiAqIC0gU3VwcG9ydHMgY2xvc2luZyB2aWEgRVNDIGtleSBhbmQgb3ZlcmxheSBjbGljay5cbiAqL1xuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRHJhd2VyIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PFxuICAgIFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPERyYXdlclByb3BzPixcbiAgICBEcmF3ZXJTdGF0ZVxuPiB7XG4gICAgc3RhdGUgPSB7XG4gICAgICAgIG9wZW46IGZhbHNlLFxuICAgIH07XG5cbiAgICBzdGF0aWMgcHJvcFR5cGVzID0gZHJhd2VyUHJvcFR5cGVzO1xuXG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgICAgb3ZlcmxheTogdHJ1ZSxcbiAgICAgICAgcG9zaXRpb246IERSQVdFUl9QT1NJVElPTi5MRUZULFxuICAgICAgICBjbG9zZU9uRXNjOiB0cnVlLFxuICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrOiB0cnVlLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBTeW5jcyBzdGF0ZSB3aXRoIHByb3BzLlxuICAgICAqL1xuICAgIHN0YXRpYyBnZXREZXJpdmVkU3RhdGVGcm9tUHJvcHMocHJvcHM6IERyYXdlclByb3BzKSB7XG4gICAgICAgIGlmIChwcm9wcy5vcGVuKSB7XG4gICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgIG9wZW46IHRydWUsXG4gICAgICAgICAgICB9O1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiBudWxsO1xuICAgIH1cblxuICAgIHByaXZhdGUgbGF5ZXI6IFJldHVyblR5cGU8dHlwZW9mIExheWVyTWFuYWdlci5yZW5kZXJMYXllcj47XG5cbiAgICBwcml2YXRlIGNsb3NlQ2FsbGJhY2s6IChyZXNwPzogdW5rbm93bikgPT4gdm9pZDtcblxuICAgIC8qKlxuICAgICAqIEludGVybmFsIGNsb3NlIGhhbmRsZXIuXG4gICAgICogUmVzdG9yZXMgZm9jdXMgYW5kIGNhbGxzIHRoZSBleHRlcm5hbCBvbkNsb3NlIGNhbGxiYWNrLlxuICAgICAqL1xuICAgIHByaXZhdGUgb25DbG9zZSA9ICgpID0+IHtcbiAgICAgICAgdGhpcy5yZXN0b3JlRm9jdXMoKTtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICBvcGVuOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMucHJvcHMub25DbG9zZT8uKCk7XG4gICAgICAgIHRoaXMuY2xvc2VDYWxsYmFjayA9IG51bGw7XG4gICAgICAgIHRoaXMubGF5ZXIgPSBudWxsO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGxhc3RGb2N1c2VkRWxlbWVudDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgICBwcml2YXRlIGRyYXdlclJlZiA9IFJlYWN0LmNyZWF0ZVJlZjxIVE1MRGl2RWxlbWVudD4oKTtcblxuICAgIC8qKlxuICAgICAqIFJldHJpZXZlcyBhbGwgZm9jdXNhYmxlIGVsZW1lbnRzIHdpdGhpbiB0aGUgZHJhd2VyLlxuICAgICAqL1xuICAgIHByaXZhdGUgZ2V0Rm9jdXNhYmxlRWxlbWVudHMgPSAoKTogSFRNTEVsZW1lbnRbXSA9PiB7XG4gICAgICAgIGlmICghdGhpcy5kcmF3ZXJSZWYuY3VycmVudCkgcmV0dXJuIFtdO1xuICAgICAgICByZXR1cm4gQXJyYXkuZnJvbShcbiAgICAgICAgICAgIHRoaXMuZHJhd2VyUmVmLmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgICAgICAgICAnYnV0dG9uLCBbaHJlZl0sIGlucHV0LCBzZWxlY3QsIHRleHRhcmVhLCBbdGFiaW5kZXhdOm5vdChbdGFiaW5kZXg9XCItMVwiXSknLFxuICAgICAgICAgICAgKSxcbiAgICAgICAgKSBhcyBIVE1MRWxlbWVudFtdO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBIYW5kbGVzIGtleWRvd24gZXZlbnRzIHRvIGltcGxlbWVudCB0aGUgZm9jdXMgdHJhcC5cbiAgICAgKiBUcmFwcyBUYWIgYW5kIFNoaWZ0K1RhYiB3aXRoaW4gdGhlIGRyYXdlci5cbiAgICAgKi9cbiAgICBwcml2YXRlIGhhbmRsZUtleURvd24gPSAoZTogUmVhY3QuS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBpZiAoZS5rZXkgPT09ICdUYWInKSB7XG4gICAgICAgICAgICBjb25zdCBmb2N1c2FibGVFbGVtZW50cyA9IHRoaXMuZ2V0Rm9jdXNhYmxlRWxlbWVudHMoKTtcbiAgICAgICAgICAgIGlmIChmb2N1c2FibGVFbGVtZW50cy5sZW5ndGggPT09IDApIHJldHVybjtcblxuICAgICAgICAgICAgY29uc3QgZmlyc3RFbGVtZW50ID0gZm9jdXNhYmxlRWxlbWVudHNbMF07XG4gICAgICAgICAgICBjb25zdCBsYXN0RWxlbWVudCA9IGZvY3VzYWJsZUVsZW1lbnRzW2ZvY3VzYWJsZUVsZW1lbnRzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgICAgICBpZiAoZS5zaGlmdEtleSkge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBmaXJzdEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgbGFzdEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgPT09IGxhc3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIGZpcnN0RWxlbWVudC5mb2N1cygpO1xuICAgICAgICAgICAgICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIExpZmVjeWNsZSBtZXRob2QgdG8gc2F2ZSB0aGUgY3VycmVudGx5IGZvY3VzZWQgZWxlbWVudCB3aGVuIHRoZSBkcmF3ZXIgbW91bnRzIHdoaWxlIG9wZW4uXG4gICAgICovXG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50ID0gZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIExpZmVjeWNsZSBtZXRob2QgdG8gcmVzdG9yZSBmb2N1cyB3aGVuIHRoZSBkcmF3ZXIgdW5tb3VudHMuXG4gICAgICovXG4gICAgY29tcG9uZW50V2lsbFVubW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLm9wZW4pIHtcbiAgICAgICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBSZXN0b3JlcyBmb2N1cyB0byB0aGUgZWxlbWVudCB0aGF0IHdhcyBmb2N1c2VkIGJlZm9yZSB0aGUgZHJhd2VyIG9wZW5lZC5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlc3RvcmVGb2N1cyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMubGFzdEZvY3VzZWRFbGVtZW50KSB7XG4gICAgICAgICAgICAvLyBDaGVjayBpZiB0aGUgZWxlbWVudCBpcyBzdGlsbCBpbiB0aGUgZG9jdW1lbnRcbiAgICAgICAgICAgIGNvbnN0IGVsZW1lbnRUb0JlRm9jdXNlZCA9IHRoaXMubGFzdEZvY3VzZWRFbGVtZW50O1xuICAgICAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBudWxsO1xuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKGRvY3VtZW50LmJvZHkuY29udGFpbnMoZWxlbWVudFRvQmVGb2N1c2VkKSkge1xuICAgICAgICAgICAgICAgICAgICBlbGVtZW50VG9CZUZvY3VzZWQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LCAxMDApO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbGxiYWNrIHJlZiB0byBjYXB0dXJlIHRoZSBEcmF3ZXIgRE9NIGVsZW1lbnQuXG4gICAgICogVHJpZ2dlcnMgaW5pdGlhbCBmb2N1cyBzZXR0aW5nIHdoZW4gdGhlIGVsZW1lbnQgbW91bnRzLlxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0RHJhd2VyUmVmID0gKG5vZGU6IEhUTUxEaXZFbGVtZW50IHwgbnVsbCkgPT4ge1xuICAgICAgICAvLyBVcGRhdGUgcmVmXG4gICAgICAgICh0aGlzLmRyYXdlclJlZiBhcyBSZWFjdC5NdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50IHwgbnVsbD4pLmN1cnJlbnQgPSBub2RlO1xuXG4gICAgICAgIGlmIChub2RlKSB7XG4gICAgICAgICAgICAvLyBTZXQgaW5pdGlhbCBmb2N1cyB3aGVuIHRoZSBub2RlIGlzIG1vdW50ZWRcbiAgICAgICAgICAgIHRoaXMuc2V0SW5pdGlhbEZvY3VzKG5vZGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFNldHMgaW5pdGlhbCBmb2N1cyB3aXRoaW4gdGhlIGRyYXdlci5cbiAgICAgKiBUcmllcyB0byBmb2N1cyB0aGUgaGVhZGVyIGZpcnN0LCB0aGVuIHRoZSBmaXJzdCBpbnRlcmFjdGl2ZSBlbGVtZW50LCBvciBmYWxscyBiYWNrIHRvIHRoZSBjb250YWluZXIuXG4gICAgICovXG4gICAgcHJpdmF0ZSBzZXRJbml0aWFsRm9jdXMgPSAocm9vdDogSFRNTEVsZW1lbnQpID0+IHtcbiAgICAgICAgLy8gVHJ5IHRvIGZpbmQgdGhlIGhlYWRlciAoYXNzdW1lZCB0byBiZSB0aGUgZmlyc3QgY2hpbGQpXG4gICAgICAgIGNvbnN0IGZpcnN0Q2hpbGQgPSByb290LmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxFbGVtZW50O1xuICAgICAgICBpZiAoZmlyc3RDaGlsZCkge1xuICAgICAgICAgICAgLy8gRW5zdXJlIGl0J3MgZm9jdXNhYmxlXG4gICAgICAgICAgICBpZiAoZmlyc3RDaGlsZC5nZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JykgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBmaXJzdENoaWxkLnNldEF0dHJpYnV0ZSgndGFiaW5kZXgnLCAnLTEnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGZpcnN0Q2hpbGQuZm9jdXMoKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEZhbGxiYWNrIHRvIGZvY3VzYWJsZSBlbGVtZW50c1xuICAgICAgICBjb25zdCBmb2N1c2FibGVFbGVtZW50cyA9IHRoaXMuZ2V0Rm9jdXNhYmxlRWxlbWVudHMoKTtcbiAgICAgICAgaWYgKGZvY3VzYWJsZUVsZW1lbnRzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGZvY3VzYWJsZUVsZW1lbnRzWzBdLmZvY3VzKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAvLyBGYWxsYmFjayB0byBjb250YWluZXJcbiAgICAgICAgICAgIHJvb3QuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBMaWZlY3ljbGUgbWV0aG9kIHRvIGhhbmRsZSBEcmF3ZXIgdXBkYXRlcy5cbiAgICAgKiBNYW5hZ2VzIG9wZW5pbmcvY2xvc2luZyBsb2dpYyB2aWEgTGF5ZXJNYW5hZ2VyIGFuZCBmb2N1cyBwcmVzZXJ2YXRpb24uXG4gICAgICovXG4gICAgZ2V0U25hcHNob3RCZWZvcmVVcGRhdGUocHJldlByb3BzOiBEcmF3ZXJQcm9wcykge1xuICAgICAgICBjb25zdCB7XG4gICAgICAgICAgICBvcGVuLFxuICAgICAgICAgICAgY2xvc2VPbkVzYyxcbiAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2ssXG4gICAgICAgICAgICBvdmVybGF5LFxuICAgICAgICAgICAgcG9zaXRpb24sXG4gICAgICAgICAgICBjaGlsZHJlbixcbiAgICAgICAgICAgIHNpemUsXG4gICAgICAgICAgICAuLi5yZXN0XG4gICAgICAgIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIGlmIChwcmV2UHJvcHMub3BlbiAmJiAhb3Blbikge1xuICAgICAgICAgICAgdGhpcy5jbG9zZUNhbGxiYWNrPy4oKTtcbiAgICAgICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoIXByZXZQcm9wcy5vcGVuICYmIG9wZW4pIHtcbiAgICAgICAgICAgIC8vIFNhdmUgY3VycmVudCBmb2N1c1xuICAgICAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgICAgICAgICB0aGlzLmxheWVyID0gTGF5ZXJNYW5hZ2VyLnJlbmRlckxheWVyKHtcbiAgICAgICAgICAgICAgICBvdmVybGF5LFxuICAgICAgICAgICAgICAgIGV4aXREZWxheTogMzAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBwb3NpdGlvbk1hcFtwb3NpdGlvbl0sXG4gICAgICAgICAgICAgICAgY2xvc2VDYWxsYmFjazogdGhpcy5vbkNsb3NlLFxuICAgICAgICAgICAgICAgIGNsb3NlT25Fc2MsXG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljayxcbiAgICAgICAgICAgICAgICBjb21wb25lbnQ6IChcbiAgICAgICAgICAgICAgICAgICAgPERyYXdlckRpdlxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgICAgICByZWY9e3RoaXMuc2V0RHJhd2VyUmVmfVxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbktleURvd249e3RoaXMuaGFuZGxlS2V5RG93bn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uPXtwb3NpdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoZSkgPT4gZS5zdG9wUHJvcGFnYXRpb24oKX1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgICAgICA8L0RyYXdlckRpdj5cbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB0aGlzLmNsb3NlQ2FsbGJhY2sgPSB0aGlzLmxheWVyWzFdO1xuICAgICAgICAgICAgdGhpcy5mb3JjZVVwZGF0ZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogUmVuZGVycyB0aGUgRHJhd2VyIGNvbXBvbmVudCB2aWEgdGhlIExheWVyTWFuYWdlciBwb3J0YWwuXG4gICAgICovXG4gICAgcmVuZGVyKCkge1xuICAgICAgICBpZiAodGhpcy5zdGF0ZS5vcGVuICYmIHRoaXMubGF5ZXIpIHtcbiAgICAgICAgICAgIGNvbnN0IFtDb21wb25lbnRdID0gdGhpcy5sYXllcjtcbiAgICAgICAgICAgIHJldHVybiA8Q29tcG9uZW50IC8+O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDa0IifQ== */");
+const drawerPropTypes = {
+    /** Opens the drawer */ open: PropTypes.bool.isRequired,
+    /** position of the drawer */ position: PropTypes.oneOf([
+        "LEFT",
+        "RIGHT",
+        "BOTTOM"
+    ]),
+    /** size of the drawer */ size: PropTypes.string,
+    /** Shows an overlay behind the drawer. */ overlay: PropTypes.bool,
+    /** Closes the drawer on esc */ closeOnEsc: PropTypes.bool,
+    /** Closes the drawer on overlay click */ closeOnOverlayClick: PropTypes.bool,
+    /** Call back function called when the drawer closes. */ onClose: PropTypes.func
+};
 const positionMap = {
-    [DRAWER_POSITION.LEFT]: LAYER_POSITION.TOP_LEFT,
-    [DRAWER_POSITION.RIGHT]: LAYER_POSITION.TOP_RIGHT,
-    [DRAWER_POSITION.BOTTOM]: LAYER_POSITION.BOTTOM_LEFT,
+    ["LEFT"]: LAYER_POSITION.TOP_LEFT,
+    ["RIGHT"]: LAYER_POSITION.TOP_RIGHT,
+    ["BOTTOM"]: LAYER_POSITION.BOTTOM_LEFT
 };
 class Drawer extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            open: false,
-        };
-        this.onClose = () => {
-            var _a, _b;
-            this.setState({
-                open: false,
-            });
-            (_b = (_a = this.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
-            this.closeCallback = null;
-            this.layer = null;
-        };
-    }
-    static getDerivedStateFromProps(props) {
+    /**
+     * Syncs state with props.
+     */ static getDerivedStateFromProps(props) {
         if (props.open) {
             return {
-                open: true,
+                open: true
             };
         }
         return null;
     }
-    getSnapshotBeforeUpdate(prevProps) {
-        var _a;
-        const _b = this.props, { open, closeOnEsc, closeOnOverlayClick, overlay, position, children, size } = _b, rest = __rest(_b, ["open", "closeOnEsc", "closeOnOverlayClick", "overlay", "position", "children", "size"]);
+    /**
+     * Lifecycle method to save the currently focused element when the drawer mounts while open.
+     */ componentDidMount() {
+        if (this.props.open) {
+            this.lastFocusedElement = document.activeElement;
+        }
+    }
+    /**
+     * Lifecycle method to restore focus when the drawer unmounts.
+     */ componentWillUnmount() {
+        if (this.props.open) {
+            this.restoreFocus();
+        }
+    }
+    /**
+     * Lifecycle method to handle Drawer updates.
+     * Manages opening/closing logic via LayerManager and focus preservation.
+     */ getSnapshotBeforeUpdate(prevProps) {
+        const { open, closeOnEsc, closeOnOverlayClick, overlay, position, children, size, ...rest } = this.props;
         if (prevProps.open && !open) {
-            (_a = this.closeCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+            this.closeCallback?.();
+            this.restoreFocus();
         }
         if (!prevProps.open && open) {
+            // Save current focus
+            this.lastFocusedElement = document.activeElement;
             this.layer = LayerManager.renderLayer({
                 overlay,
                 exitDelay: 300,
@@ -99,45 +98,126 @@ class Drawer extends React.Component {
                 closeCallback: this.onClose,
                 closeOnEsc,
                 closeOnOverlayClick,
-                component: (_jsx(DrawerDiv, Object.assign({}, rest, { position: position, size: size, onClick: (e) => e.stopPropagation(), children: children }))),
+                component: /*#__PURE__*/ jsx(DrawerDiv, {
+                    ...rest,
+                    ref: this.setDrawerRef,
+                    role: "dialog",
+                    "aria-modal": "true",
+                    tabIndex: -1,
+                    onKeyDown: this.handleKeyDown,
+                    position: position,
+                    size: size,
+                    onClick: (e)=>e.stopPropagation(),
+                    children: children
+                })
             });
             this.closeCallback = this.layer[1];
             this.forceUpdate();
         }
     }
-    render() {
+    /**
+     * Renders the Drawer component via the LayerManager portal.
+     */ render() {
         if (this.state.open && this.layer) {
             const [Component] = this.layer;
-            return _jsx(Component, {});
+            return /*#__PURE__*/ jsx(Component, {});
         }
         return null;
     }
+    constructor(...args){
+        super(...args), this.state = {
+            open: false
+        }, /**
+     * Internal close handler.
+     * Restores focus and calls the external onClose callback.
+     */ this.onClose = ()=>{
+            this.restoreFocus();
+            this.setState({
+                open: false
+            });
+            this.props.onClose?.();
+            this.closeCallback = null;
+            this.layer = null;
+        }, this.lastFocusedElement = null, this.drawerRef = /*#__PURE__*/ React.createRef(), /**
+     * Retrieves all focusable elements within the drawer.
+     */ this.getFocusableElements = ()=>{
+            if (!this.drawerRef.current) return [];
+            return Array.from(this.drawerRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+        }, /**
+     * Handles keydown events to implement the focus trap.
+     * Traps Tab and Shift+Tab within the drawer.
+     */ this.handleKeyDown = (e)=>{
+            if (e.key === 'Tab') {
+                const focusableElements = this.getFocusableElements();
+                if (focusableElements.length === 0) return;
+                const firstElement = focusableElements[0];
+                const lastElement = focusableElements[focusableElements.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === firstElement) {
+                        lastElement.focus();
+                        e.preventDefault();
+                    }
+                } else {
+                    if (document.activeElement === lastElement) {
+                        firstElement.focus();
+                        e.preventDefault();
+                    }
+                }
+            }
+        }, /**
+     * Restores focus to the element that was focused before the drawer opened.
+     */ this.restoreFocus = ()=>{
+            if (this.lastFocusedElement) {
+                // Check if the element is still in the document
+                const elementToBeFocused = this.lastFocusedElement;
+                this.lastFocusedElement = null;
+                setTimeout(()=>{
+                    if (document.body.contains(elementToBeFocused)) {
+                        elementToBeFocused.focus();
+                    }
+                }, 100);
+            }
+        }, /**
+     * Callback ref to capture the Drawer DOM element.
+     * Triggers initial focus setting when the element mounts.
+     */ this.setDrawerRef = (node)=>{
+            // Update ref
+            this.drawerRef.current = node;
+            if (node) {
+                // Set initial focus when the node is mounted
+                this.setInitialFocus(node);
+            }
+        }, /**
+     * Sets initial focus within the drawer.
+     * Tries to focus the header first, then the first interactive element, or falls back to the container.
+     */ this.setInitialFocus = (root)=>{
+            // Try to find the header (assumed to be the first child)
+            const firstChild = root.firstElementChild;
+            if (firstChild) {
+                // Ensure it's focusable
+                if (firstChild.getAttribute('tabindex') === null) {
+                    firstChild.setAttribute('tabindex', '-1');
+                }
+                firstChild.focus();
+                return;
+            }
+            // Fallback to focusable elements
+            const focusableElements = this.getFocusableElements();
+            if (focusableElements.length > 0) {
+                focusableElements[0].focus();
+            } else {
+                // Fallback to container
+                root.focus();
+            }
+        };
+    }
 }
-Drawer.propTypes = {
-    /** Opens the drawer */
-    open: PropTypes.bool.isRequired,
-    /** position of the drawer */
-    position: PropTypes.oneOf([
-        DRAWER_POSITION.LEFT,
-        DRAWER_POSITION.RIGHT,
-        DRAWER_POSITION.BOTTOM,
-    ]),
-    /** size of the drawer */
-    size: PropTypes.string,
-    /** Shows an overlay behind the drawer. */
-    overlay: PropTypes.bool,
-    /** Closes the drawer on esc */
-    closeOnEsc: PropTypes.bool,
-    /** Closes the drawer on overlay click */
-    closeOnOverlayClick: PropTypes.bool,
-    /** Call back function called when the drawer closes. */
-    onClose: PropTypes.func,
-};
+Drawer.propTypes = drawerPropTypes;
 Drawer.defaultProps = {
     overlay: true,
-    position: DRAWER_POSITION.LEFT,
+    position: "LEFT",
     closeOnEsc: true,
-    closeOnOverlayClick: true,
+    closeOnOverlayClick: true
 };
-export default Drawer;
-//# sourceMappingURL=Drawer.js.map
+
+export { DRAWER_POSITION, Drawer as default };

package/lib-esm/components/Drawer/index.d.ts

@@ -1,2 +1 @@
 export { default as Drawer, DrawerHeader, DrawerBody, DrawerFooter, DRAWER_POSITION, } from './Drawer';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Groups/Group.d.ts

@@ -8,4 +8,3 @@ declare namespace Group {
     };
 }
 export default Group;
-//# sourceMappingURL=Group.d.ts.map

package/lib-esm/components/Groups/Group.js

@@ -1,97 +1,41 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
+import { useId } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-const Container = styled.div `
-    display: inline-flex;
-    border: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-    border-radius: 3px;
-    margin: 5px;
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    /* overrides */
-    & button,
-    & label {
-        margin: 0;
-        border: none;
-        border-radius: 0;
-        border-left: 1px solid var(--border-color, ${constants.BORDER_COLOR});
-        box-shadow: none;
-        height: 32px;
-    }
-
-    & > div button {
-        border-left: none;
-    }
-
-    & input,
-    & select {
-        border: none;
-        height: 32px;
-    }
-
-    & input,
-    & select {
-        border-radius: 0;
-    }
-
-    & input:active,
-    & select:active {
-        box-shadow: none;
-    }
-
-    & > div > span {
-        top: 8px;
-    }
-
-    /* Handling for first and last child */
-    & > *:first-child,
-    & > label:first-child input,
-    & > label:first-child select,
-    & > *:first-child label,
-    & > *:first-child input {
-        border-left: none;
-        border-radius: 2px 0 0 2px;
-    }
-
-    & > *:last-child,
-    & > label:last-child input,
-    & > label:last-child select,
-    & > *:last-child label,
-    & > *:last-child input {
-        border-radius: 0 2px 2px 0;
-    }
-
-    /* focus */
-    & *:focus,
-    & *:focus + span {
-        z-index: 1;
-    }
-
-    &:focus-within,
-    &:hover {
-        box-shadow: var(--hover-shadow, ${constants.HOVER_SHADOW});
-    }
-
-    ${(props) => props.errorText
-    ? `
-        border-color: var(--error, ${constants.ERROR});
+const Container = /*#__PURE__*/ styled("div", {
+    target: "e10z40ez0",
+    label: "Container"
+})("display:inline-flex;border:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";border-radius:3px;margin:5px;& button,& label{margin:0;border:none;border-radius:0;border-left:1px solid ", getThemeValue(THEME_NAME.BORDER_COLOR), ";box-shadow:none;height:32px;}& > div button{border-left:none;}& input,& select{border:none;height:32px;}& input,& select{border-radius:0;}& input:active,& select:active{box-shadow:none;}& > div > span{top:8px;}& > *:first-child,& > label:first-child input,& > label:first-child select,& > *:first-child label,& > *:first-child input{border-left:none;border-radius:2px 0 0 2px;}& > *:last-child,& > label:last-child input,& > label:last-child select,& > *:last-child label,& > *:last-child input{border-radius:0 2px 2px 0;}& *:focus,& *:focus + span{z-index:1;}&:focus-within,&:hover{box-shadow:", getThemeValue(THEME_NAME.HOVER_SHADOW), ";}", (props)=>props.errorText ? `
+        border-color: ${getThemeValue(THEME_NAME.ERROR)};
 
         & > button, & > label {
-            border-color: var(--error, ${constants.ERROR});
+            border-color: ${getThemeValue(THEME_NAME.ERROR)};
         }
-    `
-    : ''}
-`;
-const ErrorContainer = styled.div `
-    color: var(--error, ${constants.ERROR});
-    margin-left: 8px;
-    font-size: 12px;
-`;
-export default function Group(props) {
-    return (_jsxs(_Fragment, { children: [_jsx(Container, Object.assign({}, props, { children: props.children })), props.errorText && _jsx(ErrorContainer, { children: props.errorText })] }));
+    ` : '', "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Hcm91cHMvR3JvdXAudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0dyb3Vwcy9Hcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgR3JvdXAucHJvcFR5cGVzPj5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIG1hcmdpbjogNXB4O1xuXG4gICAgLyogb3ZlcnJpZGVzICovXG4gICAgJiBidXR0b24sXG4gICAgJiBsYWJlbCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgfVxuXG4gICAgJiA+IGRpdiBidXR0b24ge1xuICAgICAgICBib3JkZXItbGVmdDogbm9uZTtcbiAgICB9XG5cbiAgICAmIGlucHV0LFxuICAgICYgc2VsZWN0IHtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgfVxuXG4gICAgJiBpbnB1dCxcbiAgICAmIHNlbGVjdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJiBpbnB1dDphY3RpdmUsXG4gICAgJiBzZWxlY3Q6YWN0aXZlIHtcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAmID4gZGl2ID4gc3BhbiB7XG4gICAgICAgIHRvcDogOHB4O1xuICAgIH1cblxuICAgIC8qIEhhbmRsaW5nIGZvciBmaXJzdCBhbmQgbGFzdCBjaGlsZCAqL1xuICAgICYgPiAqOmZpcnN0LWNoaWxkLFxuICAgICYgPiBsYWJlbDpmaXJzdC1jaGlsZCBpbnB1dCxcbiAgICAmID4gbGFiZWw6Zmlyc3QtY2hpbGQgc2VsZWN0LFxuICAgICYgPiAqOmZpcnN0LWNoaWxkIGxhYmVsLFxuICAgICYgPiAqOmZpcnN0LWNoaWxkIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDJweCAwIDAgMnB4O1xuICAgIH1cblxuICAgICYgPiAqOmxhc3QtY2hpbGQsXG4gICAgJiA+IGxhYmVsOmxhc3QtY2hpbGQgaW5wdXQsXG4gICAgJiA+IGxhYmVsOmxhc3QtY2hpbGQgc2VsZWN0LFxuICAgICYgPiAqOmxhc3QtY2hpbGQgbGFiZWwsXG4gICAgJiA+ICo6bGFzdC1jaGlsZCBpbnB1dCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgMnB4IDJweCAwO1xuICAgIH1cblxuICAgIC8qIGZvY3VzICovXG4gICAgJiAqOmZvY3VzLFxuICAgICYgKjpmb2N1cyArIHNwYW4ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluLFxuICAgICY6aG92ZXIge1xuICAgICAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5IT1ZFUl9TSEFET1cpfTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgICAgICYgPiBidXR0b24sICYgPiBsYWJlbCB7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gR3JvdXAoXG4gICAgcHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BUeXBlcy5JbmZlclByb3BzPHR5cGVvZiBHcm91cC5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250YWluZXIgey4uLnByb3BzfSBhcmlhLWRlc2NyaWJlZGJ5PXtwcm9wcy5lcnJvclRleHQgPyBlcnJvcklkIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgICAgIHtwcm9wcy5lcnJvclRleHQgJiYgPEVycm9yQ29udGFpbmVyIGlkPXtlcnJvcklkfT57cHJvcHMuZXJyb3JUZXh0fTwvRXJyb3JDb250YWluZXI+fVxuICAgICAgICA8Lz5cbiAgICApO1xufVxuXG5Hcm91cC5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIEVycm9yIE1lc3NhZ2UgZm9yIHRoZSBncm91cCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tCIn0= */");
+const ErrorContainer = /*#__PURE__*/ styled("div", {
+    target: "e10z40ez1",
+    label: "ErrorContainer"
+})("color:", getThemeValue(THEME_NAME.ERROR), ";margin-left:8px;font-size:12px;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Hcm91cHMvR3JvdXAudHN4Iiwic291cmNlcyI6WyIvaG9tZS9ydW5uZXIvd29yay9uby1mcmlsbHMtdWkvbm8tZnJpbGxzLXVpL3NyYy9jb21wb25lbnRzL0dyb3Vwcy9Hcm91cC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUlkIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjxQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgR3JvdXAucHJvcFR5cGVzPj5gXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIG1hcmdpbjogNXB4O1xuXG4gICAgLyogb3ZlcnJpZGVzICovXG4gICAgJiBidXR0b24sXG4gICAgJiBsYWJlbCB7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkJPUkRFUl9DT0xPUil9O1xuICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgfVxuXG4gICAgJiA+IGRpdiBidXR0b24ge1xuICAgICAgICBib3JkZXItbGVmdDogbm9uZTtcbiAgICB9XG5cbiAgICAmIGlucHV0LFxuICAgICYgc2VsZWN0IHtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBoZWlnaHQ6IDMycHg7XG4gICAgfVxuXG4gICAgJiBpbnB1dCxcbiAgICAmIHNlbGVjdCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgfVxuXG4gICAgJiBpbnB1dDphY3RpdmUsXG4gICAgJiBzZWxlY3Q6YWN0aXZlIHtcbiAgICAgICAgYm94LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAmID4gZGl2ID4gc3BhbiB7XG4gICAgICAgIHRvcDogOHB4O1xuICAgIH1cblxuICAgIC8qIEhhbmRsaW5nIGZvciBmaXJzdCBhbmQgbGFzdCBjaGlsZCAqL1xuICAgICYgPiAqOmZpcnN0LWNoaWxkLFxuICAgICYgPiBsYWJlbDpmaXJzdC1jaGlsZCBpbnB1dCxcbiAgICAmID4gbGFiZWw6Zmlyc3QtY2hpbGQgc2VsZWN0LFxuICAgICYgPiAqOmZpcnN0LWNoaWxkIGxhYmVsLFxuICAgICYgPiAqOmZpcnN0LWNoaWxkIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWxlZnQ6IG5vbmU7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDJweCAwIDAgMnB4O1xuICAgIH1cblxuICAgICYgPiAqOmxhc3QtY2hpbGQsXG4gICAgJiA+IGxhYmVsOmxhc3QtY2hpbGQgaW5wdXQsXG4gICAgJiA+IGxhYmVsOmxhc3QtY2hpbGQgc2VsZWN0LFxuICAgICYgPiAqOmxhc3QtY2hpbGQgbGFiZWwsXG4gICAgJiA+ICo6bGFzdC1jaGlsZCBpbnB1dCB7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDAgMnB4IDJweCAwO1xuICAgIH1cblxuICAgIC8qIGZvY3VzICovXG4gICAgJiAqOmZvY3VzLFxuICAgICYgKjpmb2N1cyArIHNwYW4ge1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgIH1cblxuICAgICY6Zm9jdXMtd2l0aGluLFxuICAgICY6aG92ZXIge1xuICAgICAgICBib3gtc2hhZG93OiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5IT1ZFUl9TSEFET1cpfTtcbiAgICB9XG5cbiAgICAkeyhwcm9wcykgPT5cbiAgICAgICAgcHJvcHMuZXJyb3JUZXh0XG4gICAgICAgICAgICA/IGBcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuXG4gICAgICAgICYgPiBidXR0b24sICYgPiBsYWJlbCB7XG4gICAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLkVSUk9SKX07XG4gICAgICAgIH1cbiAgICBgXG4gICAgICAgICAgICA6ICcnfVxuYDtcblxuY29uc3QgRXJyb3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5FUlJPUil9O1xuICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG4gICAgZm9udC1zaXplOiAxMnB4O1xuYDtcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gR3JvdXAoXG4gICAgcHJvcHM6IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPFByb3BUeXBlcy5JbmZlclByb3BzPHR5cGVvZiBHcm91cC5wcm9wVHlwZXM+Pixcbikge1xuICAgIGNvbnN0IGVycm9ySWQgPSB1c2VJZCgpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxDb250YWluZXIgey4uLnByb3BzfSBhcmlhLWRlc2NyaWJlZGJ5PXtwcm9wcy5lcnJvclRleHQgPyBlcnJvcklkIDogdW5kZWZpbmVkfT5cbiAgICAgICAgICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgICAgIHtwcm9wcy5lcnJvclRleHQgJiYgPEVycm9yQ29udGFpbmVyIGlkPXtlcnJvcklkfT57cHJvcHMuZXJyb3JUZXh0fTwvRXJyb3JDb250YWluZXI+fVxuICAgICAgICA8Lz5cbiAgICApO1xufVxuXG5Hcm91cC5wcm9wVHlwZXMgPSB7XG4gICAgLyoqIEVycm9yIE1lc3NhZ2UgZm9yIHRoZSBncm91cCAqL1xuICAgIGVycm9yVGV4dDogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZ1QiJ9 */");
+function Group(props) {
+    const errorId = useId();
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Container, {
+                ...props,
+                "aria-describedby": props.errorText ? errorId : undefined,
+                children: props.children
+            }),
+            props.errorText && /*#__PURE__*/ jsx(ErrorContainer, {
+                id: errorId,
+                children: props.errorText
+            })
+        ]
+    });
 }
 Group.propTypes = {
-    /** Error Message for the group */
-    errorText: PropTypes.string,
+    /** Error Message for the group */ errorText: PropTypes.string
 };
-//# sourceMappingURL=Group.js.map
+
+export { Group as default };

package/lib-esm/components/Groups/GroupLabel.d.ts

@@ -3,4 +3,3 @@ declare const _default: import("@emotion/styled").StyledComponent<{
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 export default _default;
-//# sourceMappingURL=GroupLabel.d.ts.map

package/lib-esm/components/Groups/GroupLabel.js

@@ -1,19 +1,9 @@
 import styled from '@emotion/styled';
-import constants from '../../shared/constants';
-export default styled.label `
-    height: 32px;
-    background-color: ${constants.DISABLED_BACKGROUND};
-    padding: 0 4px;
-    line-height: 32px;
-    min-width: 24px;
-    text-align: center;
-    color: ${constants.BORDER_COLOR};
+import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
 
-    & > svg {
-        height: 24px;
-        width: 24px;
-        vertical-align: middle;
-        fill: currentColor;
-    }
-`;
-//# sourceMappingURL=GroupLabel.js.map
+var GroupLabel = /*#__PURE__*/ styled("label", {
+    target: "e1kv3eb90",
+    label: ""
+})("height:32px;background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";padding:0 4px;line-height:32px;min-width:24px;text-align:center;color:", getThemeValue(THEME_NAME.BORDER_COLOR), ";& > svg{height:24px;width:24px;vertical-align:middle;fill:currentColor;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Hcm91cHMvR3JvdXBMYWJlbC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvR3JvdXBzL0dyb3VwTGFiZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldFRoZW1lVmFsdWUsIFRIRU1FX05BTUUgfSBmcm9tICcuLi8uLi9zaGFyZWQvY29uc3RhbnRzJztcblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkLmxhYmVsYFxuICAgIGhlaWdodDogMzJweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5ESVNBQkxFRF9CQUNLR1JPVU5EKX07XG4gICAgcGFkZGluZzogMCA0cHg7XG4gICAgbGluZS1oZWlnaHQ6IDMycHg7XG4gICAgbWluLXdpZHRoOiAyNHB4O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICBjb2xvcjogJHtnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuQk9SREVSX0NPTE9SKX07XG5cbiAgICAmID4gc3ZnIHtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICB3aWR0aDogMjRweDtcbiAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2UifQ== */");
+
+export { GroupLabel as default };

package/lib-esm/components/Groups/index.d.ts

@@ -1,3 +1,2 @@
 export { default as Group } from './Group';
 export { default as GroupLabel } from './GroupLabel';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/Input/Checkbox.d.ts

@@ -15,4 +15,3 @@ declare namespace Checkbox {
     };
 }
 export default Checkbox;
-//# sourceMappingURL=Checkbox.d.ts.map