no-frills-ui 0.0.14-alpha.1 → 0.0.14-alpha.10

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

@@ -3,6 +3,7 @@ export * from './Badge';
 export * from './Button';
 export * from './Card';
 export * from './Chip';
+export * from './ChipInput';
 export * from './Dialog';
 export * from './DragAndDrop';
 export * from './Drawer';

package/lib-esm/components/index.js

@@ -1,20 +1,43 @@
-export * from './Accordion';
-export * from './Badge';
-export * from './Button';
-export * from './Card';
-export * from './Chip';
-export * from './Dialog';
-export * from './DragAndDrop';
-export * from './Drawer';
-export * from './Groups';
-export * from './Input';
-export * from './Menu';
-export * from './Modal';
-export * from './Notification';
-export * from './Popover';
-export * from './Spinner';
-export * from './Stepper';
-export * from './Tabs';
-export * from './Toast';
-export * from './Tooltip';
-//# sourceMappingURL=index.js.map
+export { default as Accordion } from './Accordion/Accordion.js';
+export { default as AccordionStep, AccordionStepBody, AccordionStepFooter } from './Accordion/AccordionStep.js';
+export { BADGE_TYPE, default as Badge } from './Badge/Badge.js';
+export { default as Button } from './Button/Button.js';
+export { default as LinkButton } from './Button/LinkButton.js';
+export { default as RaisedButton } from './Button/RaisedButton.js';
+export { default as ActionButton } from './Button/ActionButton.js';
+export { default as IconButton } from './Button/IconButton.js';
+export { default as Card } from './Card/Card.js';
+export { default as Chip } from './Chip/Chip.js';
+export { default as ChipInput } from './ChipInput/ChipInput.js';
+export { default as Dialog } from './Dialog/Dialog.js';
+export { default as DragAndDrop } from './DragAndDrop/DragAndDrop.js';
+export { default as Group } from './Groups/Group.js';
+export { default as Input } from './Input/Input.js';
+export { default as TextArea } from './Input/TextArea.js';
+export { default as Select } from './Input/Select.js';
+export { default as Checkbox } from './Input/Checkbox.js';
+export { default as Toggle } from './Input/Toggle.js';
+export { default as Radio } from './Input/Radio.js';
+export { default as RadioButton, RadioGroup } from './Input/RadioButton.js';
+export { default as Dropdown } from './Input/Dropdown.js';
+export { default as Menu } from './Menu/Menu.js';
+export { default as MenuItem } from './Menu/MenuItem.js';
+export { POPOVER_POSITION, default as Popover } from './Popover/Popover.js';
+export { default as Spinner } from './Spinner/Spinner.js';
+export { default as Stepper } from './Stepper/Stepper.js';
+export { default as Step } from './Stepper/Step.js';
+export { default as Tabs } from './Tabs/Tabs.js';
+export { default as Tab } from './Tabs/Tab.js';
+export { TOOLTIP_POSITION, default as Tooltip } from './Tooltip/Tooltip.js';
+export { Body as CardBody, Footer as CardFooter, Header as CardHeader, Body as DialogBody, Footer as DialogFooter, Header as DialogHeader, Body as DrawerBody, Footer as DrawerFooter, Header as DrawerHeader, Body as ModalBody, Footer as ModalFooter, Header as ModalHeader, Body as StepBody, Footer as StepFooter } from '../shared/styles.js';
+export { default as AlertDialog } from './Dialog/AlertDialog.js';
+export { default as ConfirmDialog } from './Dialog/ConfirmDialog.js';
+export { default as PromptDialog } from './Dialog/PromptDialog.js';
+export { ORIENTATION } from './DragAndDrop/types.js';
+export { DRAWER_POSITION, default as Drawer } from './Drawer/Drawer.js';
+export { default as GroupLabel } from './Groups/GroupLabel.js';
+export { default as Modal } from './Modal/Modal.js';
+export { default as Notification } from './Notification/Notification.js';
+export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './Notification/types.js';
+export { TOAST_TYPE, default as Toast } from './Toast/Toast.js';
+//# sourceMappingURL=index.js.map

package/lib-esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib-esm/icons/CheckCircle.d.ts

@@ -1 +1 @@
-export default function CheckCircle(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function CheckCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/CheckCircle.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function CheckCircle(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0V0zm0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function CheckCircle$4(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0V0zm0 0h24v24H0V0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=CheckCircle.js.map
+
+export { CheckCircle$4 as default };
+//# sourceMappingURL=CheckCircle.js.map

package/lib-esm/icons/CheckCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckCircle.js","sourceRoot":"","sources":["../../src/icons/CheckCircle.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAU;IAC1C,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,gCAAgC,EAAC,IAAI,EAAC,MAAM,GAAE,EACtD,eAAM,CAAC,EAAC,2KAA2K,GAAE,KACnL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"CheckCircle.js","sources":["../../src/icons/CheckCircle.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0V0zm0 0h24v24H0V0z\" fill=\"none\" />\n            <path d=\"M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" />\n        </svg>\n    );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,cAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,gCAAA;gBAAiCH,IAAAA,EAAK;;0BAC9CC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

package/lib-esm/icons/Close.d.ts

@@ -1 +1 @@
-export default function Close(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function Close(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/Close.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function Close(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function Close(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=Close.js.map
+
+export { Close as default };
+//# sourceMappingURL=Close.js.map

package/lib-esm/icons/Close.js.map

@@ -1 +1 @@
-{"version":3,"file":"Close.js","sourceRoot":"","sources":["../../src/icons/Close.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,KAAU;IACpC,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAE,EACvC,eAAM,CAAC,EAAC,+GAA+G,GAAE,KACvH,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"Close.js","sources":["../../src/icons/Close.tsx"],"sourcesContent":["export default function Close(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n            <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\" />\n        </svg>\n    );\n}\n"],"names":["Close","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,MAAMC,KAAoC,EAAA;AAC9D,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

package/lib-esm/icons/DragIndicator.d.ts

@@ -1 +1 @@
-export default function CheckCircle(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function CheckCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/DragIndicator.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function CheckCircle(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function CheckCircle(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=DragIndicator.js.map
+
+export { CheckCircle as default };
+//# sourceMappingURL=DragIndicator.js.map

package/lib-esm/icons/DragIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragIndicator.js","sourceRoot":"","sources":["../../src/icons/DragIndicator.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAU;IAC1C,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAE,EACvC,eAAM,CAAC,EAAC,qSAAqS,GAAE,KAC7S,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DragIndicator.js","sources":["../../src/icons/DragIndicator.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n            <path d=\"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" />\n        </svg>\n    );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,YAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

package/lib-esm/icons/ErrorOutline.d.ts

@@ -1 +1 @@
-export default function CheckCircle(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function CheckCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/ErrorOutline.js

@@ -1,5 +1,17 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-export default function CheckCircle(props) {
-    return (_jsx("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: _jsx("path", { d: "M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }) })));
+import { jsx } from '@emotion/react/jsx-runtime';
+
+function CheckCircle$1(props) {
+    return /*#__PURE__*/ jsx("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+        })
+    });
 }
-//# sourceMappingURL=ErrorOutline.js.map
+
+export { CheckCircle$1 as default };
+//# sourceMappingURL=ErrorOutline.js.map

package/lib-esm/icons/ErrorOutline.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorOutline.js","sourceRoot":"","sources":["../../src/icons/ErrorOutline.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAU;IAC1C,OAAO,CACH,4BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,cACzE,eAAM,CAAC,EAAC,8KAA8K,GAAE,IACtL,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ErrorOutline.js","sources":["../../src/icons/ErrorOutline.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" />\n        </svg>\n    );\n}\n"],"names":["CheckCircle","props","_jsx","svg","height","viewBox","width","fill","path","d"],"mappings":";;AAAe,SAASA,cAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;AACzE,QAAA,QAAA,gBAAAC,GAAA,CAACM,MAAAA,EAAAA;YAAKC,CAAAA,EAAE;;;AAGpB;;;;"}

package/lib-esm/icons/ExpandMore.d.ts

@@ -1 +1 @@
-export default function ExpandMore(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function ExpandMore(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/ExpandMore.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function ExpandMore(props) {
-    return (_jsxs("svg", Object.assign({ viewBox: "0 0 24 24", width: "18px", height: "18px", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function ExpandMore(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        viewBox: "0 0 24 24",
+        width: "18px",
+        height: "18px",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=ExpandMore.js.map
+
+export { ExpandMore as default };
+//# sourceMappingURL=ExpandMore.js.map

package/lib-esm/icons/ExpandMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandMore.js","sourceRoot":"","sources":["../../src/icons/ExpandMore.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAU;IACzC,OAAO,CACH,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eAC7E,eAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EACrC,eAAM,CAAC,EAAC,8CAA8C,GAAE,KACtD,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ExpandMore.js","sources":["../../src/icons/ExpandMore.tsx"],"sourcesContent":["export default function ExpandMore(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg viewBox=\"0 0 24 24\" width=\"18px\" height=\"18px\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n            <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n        </svg>\n    );\n}\n"],"names":["ExpandMore","props","_jsxs","svg","viewBox","width","height","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,WAAWC,KAAoC,EAAA;AACnE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,MAAA;QAAOC,MAAAA,EAAO,MAAA;QAAOC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BAC7EO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,eAAA;gBAAgBH,IAAAA,EAAK;;0BAC7BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

package/lib-esm/icons/FiberManualRecord.d.ts

@@ -1 +1 @@
-export default function FiberManualRecord(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function FiberManualRecord(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/FiberManualRecord.js

@@ -1,5 +1,25 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function FiberManualRecord(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M24 24H0V0h24v24z", fill: "none" }), _jsx("circle", { cx: "12", cy: "12", r: "8" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function FiberManualRecord(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M24 24H0V0h24v24z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("circle", {
+                cx: "12",
+                cy: "12",
+                r: "8"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=FiberManualRecord.js.map
+
+export { FiberManualRecord as default };
+//# sourceMappingURL=FiberManualRecord.js.map

package/lib-esm/icons/FiberManualRecord.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiberManualRecord.js","sourceRoot":"","sources":["../../src/icons/FiberManualRecord.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAU;IAChD,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,mBAAmB,EAAC,IAAI,EAAC,MAAM,GAAE,EACzC,iBAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,GAAE,KAC7B,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"FiberManualRecord.js","sources":["../../src/icons/FiberManualRecord.tsx"],"sourcesContent":["export default function FiberManualRecord(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M24 24H0V0h24v24z\" fill=\"none\" />\n            <circle cx=\"12\" cy=\"12\" r=\"8\" />\n        </svg>\n    );\n}\n"],"names":["FiberManualRecord","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d","circle","cx","cy","r"],"mappings":";;AAAe,SAASA,kBAAkBC,KAAoC,EAAA;AAC1E,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,mBAAA;gBAAoBH,IAAAA,EAAK;;0BACjCC,GAAA,CAACG,QAAAA,EAAAA;gBAAOC,EAAAA,EAAG,IAAA;gBAAKC,EAAAA,EAAG,IAAA;gBAAKC,CAAAA,EAAE;;;;AAGtC;;;;"}

package/lib-esm/icons/Info.d.ts

@@ -1 +1 @@
-export default function CheckCircle(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function CheckCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/Info.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function CheckCircle(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function CheckCircle$3(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=Info.js.map
+
+export { CheckCircle$3 as default };
+//# sourceMappingURL=Info.js.map

package/lib-esm/icons/Info.js.map

@@ -1 +1 @@
-{"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/icons/Info.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAU;IAC1C,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAE,EACvC,eAAM,CAAC,EAAC,sJAAsJ,GAAE,KAC9J,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"Info.js","sources":["../../src/icons/Info.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n            <path d=\"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\" />\n        </svg>\n    );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,cAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

package/lib-esm/icons/ReportProblem.d.ts

@@ -1 +1 @@
-export default function CheckCircle(props: any): import("@emotion/react/jsx-runtime").JSX.Element;
+export default function CheckCircle(props: React.SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib-esm/icons/ReportProblem.js

@@ -1,5 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export default function CheckCircle(props) {
-    return (_jsxs("svg", Object.assign({ height: "24", viewBox: "0 0 24 24", width: "24", fill: 'currentColor' }, props, { children: [_jsx("path", { d: "M0 0h24v24H0V0z", fill: "none" }), _jsx("path", { d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" })] })));
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+
+function CheckCircle$2(props) {
+    return /*#__PURE__*/ jsxs("svg", {
+        height: "24",
+        viewBox: "0 0 24 24",
+        width: "24",
+        fill: "currentColor",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M0 0h24v24H0V0z",
+                fill: "none"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            })
+        ]
+    });
 }
-//# sourceMappingURL=ReportProblem.js.map
+
+export { CheckCircle$2 as default };
+//# sourceMappingURL=ReportProblem.js.map

package/lib-esm/icons/ReportProblem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportProblem.js","sourceRoot":"","sources":["../../src/icons/ReportProblem.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAU;IAC1C,OAAO,CACH,6BAAK,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,IAAK,KAAK,eACzE,eAAM,CAAC,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,GAAE,EACvC,eAAM,CAAC,EAAC,kFAAkF,GAAE,KAC1F,CACT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ReportProblem.js","sources":["../../src/icons/ReportProblem.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n    return (\n        <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n            <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n            <path d=\"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z\" />\n        </svg>\n    );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,cAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /** Enums for layer position on screen. */
 export declare enum LAYER_POSITION {
     TOP_LEFT = 0,
@@ -13,7 +13,7 @@ interface LayerConfig {
     /** Show an overlay */
     overlay?: boolean;
     /** Element to render inside the layer. */
-    component: JSX.Element;
+    component: JSX.Element | null;
     /** Position of the layer */
     position?: LAYER_POSITION;
     /** Delay for exit */
@@ -23,7 +23,7 @@ interface LayerConfig {
     /** Close layer overlay is clicked. */
     closeOnOverlayClick?: boolean;
     /** Callback called when modal closes */
-    closeCallback?: <T extends unknown>(resp: T) => void;
+    closeCallback?: (resp?: unknown) => void;
     /** Layer is created with max z-index */
     alwaysOnTop?: boolean;
 }
@@ -36,17 +36,46 @@ interface LayerConfig {
  * This way we need not worry about the z-index and can freely keep on creating
  * new layers. The staring layer z-index is 10000. Leaving enough z-index for the
  * user if they desires so.
+ *
+ * @important Usage Pattern
+ * To avoid creating duplicate layers (especially in React Strict Mode or Next.js),
+ * always call `renderLayer` only once - either in a lifecycle method (like `componentDidUpdate`)
+ * or in an imperative method (like `open()`).
+ *
+ * @example
+ * // ❌ Don't call renderLayer in render() method
+ * render() {
+ *   if (this.state.show) {
+ *     const [Component, closeFn] = LayerManager.renderLayer({ ... }); // Creates new layer on every render
+ *     return <Component />;
+ *   }
+ * }
+ *
+ * @example
+ * // ✅ Do call renderLayer once in a method and store the component
+ * open() {
+ *   const [Component, closeFn] = LayerManager.renderLayer({ ... });
+ *   this.setState({ LayerComponent: Component });
+ * }
+ *
+ * render() {
+ *   const { LayerComponent } = this.state;
+ *   return LayerComponent ? <LayerComponent /> : null;
+ * }
  */
 declare class LayerManager {
     /** Layer stack */
     private layers;
     /** z-index of the next layer */
     private nextIndex;
+    private keyupHandler;
+    private timeoutIds;
     /**
      * Constructor simply registers a event listener on body to
      * react to esc key press.
      */
     constructor();
+    destroy: () => void;
     /**
      * Un-mounts a layer.
      *
@@ -57,11 +86,12 @@ declare class LayerManager {
      * @param layer
      */
     private unmount;
+    private Empty;
     /**
      * Renders a layer.
      * @param config
      */
-    renderLayer: (config: LayerConfig) => [() => React.ReactPortal, (resp?: any) => void];
+    renderLayer: (config: LayerConfig) => [ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>, (resp?: unknown) => void];
 }
 declare const _default: LayerManager;
 export default _default;