react-science 0.32.2 → 0.34.0

package/lib/components/modal/Modal.js

@@ -1,85 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = __importDefault(require("@emotion/styled"));
-const react_1 = require("react");
-const index_1 = require("../index");
-const Portal_1 = require("../root-layout/Portal");
-const RootLayoutContext_1 = require("../root-layout/RootLayoutContext");
-const useDialog_1 = require("./useDialog");
-const DialogRoot = styled_1.default.dialog `
-  background-color: transparent;
-  :focus {
-    outline: none;
-  }
-  ::backdrop {
-    background-color: rgba(113, 113, 122, 0.75);
-  }
-`;
-const DialogContents = styled_1.default.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  border-width: 1px;
-  border-color: transparent;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 0 0 0,
-    0 0px 16px rgba(0, 0, 0, 0.3);
-`;
-const ModalHeaderStyled = styled_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 20px 10px 20px;
-  border-bottom: 2px solid rgb(247, 247, 247);
-`;
-const ModalBodyStyled = styled_1.default.div `
-  display: flex;
-  flex: 1 1 0%;
-  overflow-y: auto;
-`;
-const ModalFooterStyled = styled_1.default.div `
-  border-top: 2px solid rgb(247, 247, 247);
-  padding: 10px 20px 10px 20px;
-`;
-function Modal(props) {
-    const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, width, maxWidth, height, } = props;
-    const dialogRef = (0, react_1.useRef)(null);
-    const { dialogProps, isModalShown } = (0, useDialog_1.useDialog)({
-        dialogRef,
-        isOpen,
-        requestCloseOnEsc,
-        requestCloseOnBackdrop,
-        onRequestClose,
-    });
-    const [portalDomNode, setPortalDomNode] = (0, react_1.useState)(null);
-    const dialogCallbackRef = (0, react_1.useCallback)((node) => {
-        setPortalDomNode(node);
-    }, []);
-    (0, react_1.useImperativeHandle)(dialogCallbackRef, () => dialogRef.current);
-    if (!isOpen) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(Portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(DialogRoot, { ...dialogProps, ref: dialogRef, children: isModalShown && ((0, jsx_runtime_1.jsx)(RootLayoutContext_1.RootLayoutProvider, { innerRef: portalDomNode, children: (0, jsx_runtime_1.jsxs)(DialogContents, { style: {
-                        maxWidth,
-                        height: height || 'max-content',
-                        width: width || '100%',
-                    }, children: [children, hasCloseButton && ((0, jsx_runtime_1.jsx)(index_1.Button, { style: { position: 'absolute', top: 4, right: 4 }, onClick: onRequestClose, intent: "danger", minimal: true, icon: "cross" }))] }) })) }) }));
-}
-exports.Modal = Modal;
-Modal.Header = function ModalHeader(props) {
-    return (0, jsx_runtime_1.jsx)(ModalHeaderStyled, { children: props.children });
-};
-Modal.Body = function ModalBody(props) {
-    return (0, jsx_runtime_1.jsx)(ModalBodyStyled, { children: props.children });
-};
-Modal.Footer = function ModalFooter(props) {
-    return (0, jsx_runtime_1.jsx)(ModalFooterStyled, { children: props.children });
-};
-//# sourceMappingURL=Modal.js.map

package/lib/components/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAAqC;AAErC,iCAA2E;AAE3E,oCAAkC;AAClC,kDAA+C;AAC/C,wEAAsE;AAEtE,2CAAwC;AAcxC,MAAM,UAAU,GAAG,gBAAM,CAAC,MAAM,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,cAAc,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,gBAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAA,qBAAS,EAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,IAAA,gBAAQ,EAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,eAAM,cACL,uBAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACxC,YAAY,IAAI,CACf,uBAAC,sCAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,wBAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,CACjB,uBAAC,cAAM,IACL,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjD,OAAO,EAAE,cAAc,EACvB,MAAM,EAAC,QAAQ,EACf,OAAO,QACP,IAAI,EAAC,OAAO,GACZ,CACH,IACc,GACE,CACtB,GACU,GACN,CACV,CAAC;AACJ,CAAC;AAhED,sBAgEC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,uBAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,uBAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}

package/lib/components/modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './ConfirmModal';
-export * from './Modal';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/modal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/lib/components/modal/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ConfirmModal"), exports);
-__exportStar(require("./Modal"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,0CAAwB"}

package/lib/components/modal/useDialog.d.ts

@@ -1,19 +0,0 @@
-import { MouseEventHandler, ReactEventHandler, RefObject } from 'react';
-interface UseDialogOptions {
-    dialogRef: RefObject<HTMLDialogElement>;
-    isOpen: boolean;
-    requestCloseOnEsc: boolean;
-    requestCloseOnBackdrop: boolean;
-    onRequestClose: () => void;
-}
-interface UseDialogReturn {
-    dialogProps: {
-        onClick: MouseEventHandler<HTMLDialogElement>;
-        onCancel: ReactEventHandler<HTMLDialogElement>;
-        onClose: UseDialogOptions['onRequestClose'];
-    };
-    isModalShown: boolean;
-}
-export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: UseDialogOptions): UseDialogReturn;
-export {};
-//# sourceMappingURL=useDialog.d.ts.map

package/lib/components/modal/useDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,UAAU,eAAe;IACvB,WAAW,EAAE;QACX,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC/C,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;KAC7C,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CA2DpC"}

package/lib/components/modal/useDialog.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialog = void 0;
-const react_1 = require("react");
-const react_kbs_1 = require("react-kbs");
-const useOnOff_1 = require("../hooks/useOnOff");
-function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }) {
-    (0, react_kbs_1.useKbsDisableGlobal)(isOpen);
-    const [isModalShown, showModal, hideModal] = (0, useOnOff_1.useOnOff)(false);
-    (0, react_1.useEffect)(() => {
-        const dialog = dialogRef.current;
-        if (dialog && isOpen) {
-            showModal();
-            dialog.showModal();
-            return () => {
-                hideModal();
-                dialog.close();
-            };
-        }
-    }, [dialogRef, isOpen, showModal, hideModal]);
-    const onCancel = (0, react_1.useCallback)((event) => {
-        if (!requestCloseOnEsc) {
-            event.preventDefault();
-        }
-    }, [requestCloseOnEsc]);
-    const onClick = (0, react_1.useCallback)((event) => {
-        const dialog = dialogRef.current;
-        if (!dialog) {
-            return;
-        }
-        // Ref: https://stackoverflow.com/questions/25864259/how-to-close-the-new-html-dialog-tag-by-clicking-on-its-backdrop
-        const rect = dialog.getBoundingClientRect();
-        const isInDialog = rect.top <= event.clientY &&
-            event.clientY <= rect.top + rect.height &&
-            rect.left <= event.clientX &&
-            event.clientX <= rect.left + rect.width;
-        event.stopPropagation();
-        // Since the dialog has no size of itself, this condition is only
-        // `true` when we click on the backdrop.
-        if (!isInDialog && requestCloseOnBackdrop) {
-            onRequestClose();
-        }
-    }, [requestCloseOnBackdrop, onRequestClose, dialogRef]);
-    const dialogProps = (0, react_1.useMemo)(() => ({ onClick, onCancel, onClose: onRequestClose }), [onClick, onCancel, onRequestClose]);
-    return {
-        dialogProps,
-        isModalShown,
-    };
-}
-exports.useDialog = useDialog;
-//# sourceMappingURL=useDialog.js.map

package/lib/components/modal/useDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":";;;AAAA,iCAOe;AACf,yCAAgD;AAEhD,gDAA6C;AAmB7C,SAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACG;IACjB,IAAA,+BAAmB,EAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,IAAA,mBAAQ,EAAC,KAAK,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;YACrB,SAAS,EAAE,CAAC;YACZ,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE;gBACV,SAAS,EAAE,CAAC;gBACZ,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAC1B,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QAED,qHAAqH;QACrH,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAC5C,MAAM,UAAU,GACd,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO;YACzB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO;YAC1B,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,iEAAiE;QACjE,wCAAwC;QACxC,IAAI,CAAC,UAAU,IAAI,sBAAsB,EAAE,CAAC;YAC1C,cAAc,EAAE,CAAC;QACnB,CAAC;IACH,CAAC,EACD,CAAC,sBAAsB,EAAE,cAAc,EAAE,SAAS,CAAC,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,EACtD,CAAC,OAAO,EAAE,QAAQ,EAAE,cAAc,CAAC,CACpC,CAAC;IAEF,OAAO;QACL,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC;AAjED,8BAiEC"}

package/lib/components/tabs/Tabs.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-type TabsOrientation = 'vertical' | 'horizontal';
-export interface TabItem<T extends string = string> {
-    id: T;
-    title: ReactNode;
-    content: ReactNode;
-}
-interface TabsProps<T extends string = string> {
-    opened?: T;
-    orientation?: TabsOrientation;
-    items: Array<TabItem<T>>;
-    onClick?: (id: T) => void;
-}
-export declare function Tabs<T extends string = string>(props: TabsProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Tabs.d.ts.map

package/lib/components/tabs/Tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI3C,KAAK,eAAe,GAAG,UAAU,GAAG,YAAY,CAAC;AAEjD,MAAM,WAAW,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAChD,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;CACpB;AAQD,UAAU,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC3C,MAAM,CAAC,EAAE,CAAC,CAAC;IACX,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3B;AA4CD,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,oDAmBlE"}

package/lib/components/tabs/Tabs.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-const react_1 = require("@emotion/react");
-const react_2 = require("react");
-const TabsContext_1 = require("./TabsContext");
-const styles = {
-    scroll: (0, react_1.css)({
-        '&::-webkit-scrollbar': {
-            height: '7px',
-            width: '7px',
-        },
-        '&::-webkit-scrollbar-track': {
-            backgroundColor: 'rgba(0,0,0,.05)',
-        },
-        '&::-webkit-scrollbar-thumb': {
-            backgroundColor: 'rgba(0,0,0,.2)',
-        },
-    }),
-    item: (isSelected, orientation) => {
-        return (0, react_1.css)([
-            {
-                padding: '0.25em 1em',
-                border: '1px solid hsl(0deg, 0%, 80%)',
-                fontSize: '1.125em',
-                ':hover': {
-                    backgroundColor: 'hsl(0deg, 0%, 90%)',
-                },
-                whiteSpace: 'nowrap',
-            },
-            isSelected && {
-                backgroundColor: 'hsl(0deg, 0%, 95%)',
-                ':hover': {
-                    backgroundColor: 'hsl(0deg, 0%, 90%)',
-                },
-            },
-            orientation === 'horizontal' && {
-                margin: '0px 2px 0px 2px',
-                borderBottom: 'none',
-            },
-            orientation === 'vertical' && {
-                margin: '2px 0px 2px 0px',
-                borderRight: 'none',
-            },
-        ]);
-    },
-};
-function Tabs(props) {
-    const { orientation = 'horizontal', items, onClick, opened } = props;
-    const item = (0, react_2.useMemo)(() => items.find(({ id: itemId }) => itemId === opened), [items, opened]);
-    if (orientation === 'horizontal') {
-        return ((0, jsx_runtime_1.jsx)(TabsContext_1.TabsProvider, { opened: item, children: (0, jsx_runtime_1.jsx)(TabsHorizontal, { items: items, onClick: onClick }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(TabsContext_1.TabsProvider, { opened: item, children: (0, jsx_runtime_1.jsx)(TabsVertical, { items: items, onClick: onClick }) }));
-}
-exports.Tabs = Tabs;
-function TabsItem(props) {
-    const item = (0, TabsContext_1.useTabsContext)();
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: props.onClick, css: styles.item(item?.id === props.id, props.orientation), children: props.title }));
-}
-function TabsVertical(props) {
-    const { items, onClick } = props;
-    const item = (0, TabsContext_1.useTabsContext)();
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            flex: '1 1 0%',
-            overflowY: 'hidden',
-            height: '100%',
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    borderRight: '1px solid hsl(0deg, 0%, 80%)',
-                    overflowY: 'auto',
-                }, css: styles.scroll, children: items.map((item) => ((0, jsx_runtime_1.jsx)(TabsItem, { orientation: "vertical", title: item.title, id: item.id, onClick: () => {
-                        onClick?.(item.id);
-                    } }, item.id))) }), item && ((0, jsx_runtime_1.jsx)("div", { style: { flex: '1 1 0%', overflowX: 'auto' }, children: item.content }))] }));
-}
-function TabsHorizontal(props) {
-    const { items, onClick } = props;
-    const item = (0, TabsContext_1.useTabsContext)();
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            flexDirection: 'column',
-            overflowX: 'hidden',
-            height: '100%',
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    display: 'flex',
-                    flexDirection: 'row',
-                    borderBottom: '1px solid hsl(0deg, 0%, 80%)',
-                    overflowX: 'auto',
-                    overflowY: 'hidden',
-                }, css: styles.scroll, children: items.map((item) => ((0, jsx_runtime_1.jsx)(TabsItem, { orientation: "horizontal", id: item.id, title: item.title, onClick: () => {
-                        onClick?.(item.id);
-                    } }, item.id))) }), item && ((0, jsx_runtime_1.jsx)("div", { style: { flex: '1 1 0%', overflowX: 'auto' }, children: item.content }))] }));
-}
-//# sourceMappingURL=Tabs.js.map

package/lib/components/tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}

package/lib/components/tabs/TabsContext.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import type { TabItem } from './Tabs';
-export declare function useTabsContext(): TabItem<string> | undefined;
-export declare function TabsProvider<T extends string = string>(props: {
-    children: ReactNode;
-    opened?: TabItem<T>;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TabsContext.d.ts.map

package/lib/components/tabs/TabsContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,wBAAgB,cAAc,gCAO7B;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE;IAC7D,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACrB,2CAGA"}

package/lib/components/tabs/TabsContext.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabsProvider = exports.useTabsContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tabsContext = (0, react_1.createContext)(null);
-function useTabsContext() {
-    const context = (0, react_1.useContext)(tabsContext);
-    if (context === null) {
-        throw new Error('TabsContext was not found');
-    }
-    return context;
-}
-exports.useTabsContext = useTabsContext;
-function TabsProvider(props) {
-    const { children, opened } = props;
-    return (0, jsx_runtime_1.jsx)(tabsContext.Provider, { value: opened, children: children });
-}
-exports.TabsProvider = TabsProvider;
-//# sourceMappingURL=TabsContext.js.map

package/lib/components/tabs/TabsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabsContext.js","sourceRoot":"","sources":["../../../src/components/tabs/TabsContext.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAI7D,MAAM,WAAW,GAAG,IAAA,qBAAa,EAA6B,IAAI,CAAC,CAAC;AAEpE,SAAgB,cAAc;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,WAAW,CAAC,CAAC;IACxC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAPD,wCAOC;AAED,SAAgB,YAAY,CAA4B,KAGvD;IACC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,uBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,GAAwB,CAAC;AAChF,CAAC;AAND,oCAMC"}

package/lib/components/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Tabs';
-//# sourceMappingURL=index.d.ts.map

package/lib/components/tabs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/lib/components/tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/lib-esm/components/modal/ConfirmModal.d.ts

@@ -1,17 +0,0 @@
-import type { ReactNode } from 'react';
-interface ConfirmModalProps {
-    children: ReactNode;
-    isOpen: boolean;
-    requestCloseOnEsc?: boolean;
-    requestCloseOnBackdrop?: boolean;
-    onConfirm: () => void;
-    onCancel?: () => void;
-    onRequestClose: () => void;
-    saveText?: string;
-    cancelText?: string;
-    headerColor: string;
-    maxWidth?: number;
-}
-export declare function ConfirmModal(props: ConfirmModalProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ConfirmModal.d.ts.map

package/lib-esm/components/modal/ConfirmModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA8CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDAiEpD"}

package/lib-esm/components/modal/ConfirmModal.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@emotion/styled';
-import { useCallback, useImperativeHandle, useRef, useState } from 'react';
-import { Button } from '..';
-import { Portal } from '../root-layout/Portal';
-import { RootLayoutProvider } from '../root-layout/RootLayoutContext';
-import { useDialog } from './useDialog';
-const ConfirmModalDialog = styled.dialog `
-  background-color: transparent;
-  :focus {
-    outline: none;
-  }
-  ::backdrop {
-    background-color: rgba(113, 113, 122, 0.75);
-  }
-`;
-const ConfirmModalContents = styled.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  width: 100%;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 0 0 0,
-    0 0px 16px rgba(0, 0, 0, 0.3);
-  border-top: 10px solid ${({ headerColor }) => headerColor};
-`;
-const ConfirmModalChildrenRoot = styled.div `
-  color: ${({ headerColor }) => headerColor};
-  display: flex;
-  flex: 1 1 0%;
-  font-weight: bold;
-  padding: 20px;
-  font-size: 14px;
-`;
-const ConfirmModalFooter = styled.div `
-  border-top: 2px solid rgb(247, 247, 247);
-  padding: 10px 20px 10px 20px;
-  display: flex;
-  flex-direction: row-reverse;
-  gap: 10px;
-`;
-export function ConfirmModal(props) {
-    const { isOpen, saveText = 'Save', cancelText = 'Cancel', headerColor, maxWidth, onRequestClose, onCancel = onRequestClose, onConfirm, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, } = props;
-    const dialogRef = useRef(null);
-    const { dialogProps, isModalShown } = useDialog({
-        dialogRef,
-        isOpen,
-        requestCloseOnEsc,
-        requestCloseOnBackdrop,
-        onRequestClose,
-    });
-    const [portalDomNode, setPortalDomNode] = useState(null);
-    const dialogCallbackRef = useCallback((node) => {
-        setPortalDomNode(node);
-    }, []);
-    useImperativeHandle(dialogCallbackRef, () => dialogRef.current);
-    if (!isOpen) {
-        return null;
-    }
-    return (_jsx(Portal, { children: _jsx(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [_jsx(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), _jsxs(ConfirmModalFooter, { children: [_jsx(Button, { intent: "primary", onClick: onConfirm, children: saveText }), _jsx(Button, { intent: "danger", onClick: onCancel, children: cancelText })] })] }) })) }) }));
-}
-//# sourceMappingURL=ConfirmModal.js.map

package/lib-esm/components/modal/ConfirmModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;;;;;;CAM1C,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,QAAQ,EACrB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,kBAAkB,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YAChD,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,aAEnB,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,YAC/C,QAAQ,GACgB,EAE3B,MAAC,kBAAkB,eACjB,KAAC,MAAM,IAAC,MAAM,EAAC,SAAS,EAAC,OAAO,EAAE,SAAS,YACxC,QAAQ,GACF,EACT,KAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,YACtC,UAAU,GACJ,IACU,IACA,GACJ,CACtB,GACkB,GACd,CACV,CAAC;AACJ,CAAC"}

package/lib-esm/components/modal/Modal.d.ts

@@ -1,25 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-export interface ModalProps {
-    children: ReactElement | ReactElement[];
-    isOpen: boolean;
-    requestCloseOnEsc?: boolean;
-    hasCloseButton?: boolean;
-    requestCloseOnBackdrop?: boolean;
-    onRequestClose: () => void;
-    maxWidth?: number;
-    width?: number;
-    height?: number;
-}
-export declare function Modal(props: ModalProps): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace Modal {
-    var Header: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    var Body: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-    var Footer: (props: {
-        children: ReactNode;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-//# sourceMappingURL=Modal.d.ts.map

package/lib-esm/components/modal/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8CD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDAgEtC;yBAhEe,KAAK"}

package/lib-esm/components/modal/Modal.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styled from '@emotion/styled';
-import { useCallback, useImperativeHandle, useRef, useState } from 'react';
-import { Button } from '../index';
-import { Portal } from '../root-layout/Portal';
-import { RootLayoutProvider } from '../root-layout/RootLayoutContext';
-import { useDialog } from './useDialog';
-const DialogRoot = styled.dialog `
-  background-color: transparent;
-  :focus {
-    outline: none;
-  }
-  ::backdrop {
-    background-color: rgba(113, 113, 122, 0.75);
-  }
-`;
-const DialogContents = styled.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  background-color: white;
-  border-width: 1px;
-  border-color: transparent;
-  border-radius: 0.5rem;
-  box-shadow:
-    0 0 0 0,
-    0 0px 16px rgba(0, 0, 0, 0.3);
-`;
-const ModalHeaderStyled = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 20px 10px 20px;
-  border-bottom: 2px solid rgb(247, 247, 247);
-`;
-const ModalBodyStyled = styled.div `
-  display: flex;
-  flex: 1 1 0%;
-  overflow-y: auto;
-`;
-const ModalFooterStyled = styled.div `
-  border-top: 2px solid rgb(247, 247, 247);
-  padding: 10px 20px 10px 20px;
-`;
-export function Modal(props) {
-    const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, width, maxWidth, height, } = props;
-    const dialogRef = useRef(null);
-    const { dialogProps, isModalShown } = useDialog({
-        dialogRef,
-        isOpen,
-        requestCloseOnEsc,
-        requestCloseOnBackdrop,
-        onRequestClose,
-    });
-    const [portalDomNode, setPortalDomNode] = useState(null);
-    const dialogCallbackRef = useCallback((node) => {
-        setPortalDomNode(node);
-    }, []);
-    useImperativeHandle(dialogCallbackRef, () => dialogRef.current);
-    if (!isOpen) {
-        return null;
-    }
-    return (_jsx(Portal, { children: _jsx(DialogRoot, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(DialogContents, { style: {
-                        maxWidth,
-                        height: height || 'max-content',
-                        width: width || '100%',
-                    }, children: [children, hasCloseButton && (_jsx(Button, { style: { position: 'absolute', top: 4, right: 4 }, onClick: onRequestClose, intent: "danger", minimal: true, icon: "cross" }))] }) })) }) }));
-}
-Modal.Header = function ModalHeader(props) {
-    return _jsx(ModalHeaderStyled, { children: props.children });
-};
-Modal.Body = function ModalBody(props) {
-    return _jsx(ModalBodyStyled, { children: props.children });
-};
-Modal.Footer = function ModalFooter(props) {
-    return _jsx(ModalFooterStyled, { children: props.children });
-};
-//# sourceMappingURL=Modal.js.map

package/lib-esm/components/modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACxC,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,CACjB,KAAC,MAAM,IACL,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjD,OAAO,EAAE,cAAc,EACvB,MAAM,EAAC,QAAQ,EACf,OAAO,QACP,IAAI,EAAC,OAAO,GACZ,CACH,IACc,GACE,CACtB,GACU,GACN,CACV,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,KAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}

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

@@ -1,3 +0,0 @@
-export * from './ConfirmModal';
-export * from './Modal';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -1,3 +0,0 @@
-export * from './ConfirmModal';
-export * from './Modal';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/lib-esm/components/modal/useDialog.d.ts

@@ -1,19 +0,0 @@
-import { MouseEventHandler, ReactEventHandler, RefObject } from 'react';
-interface UseDialogOptions {
-    dialogRef: RefObject<HTMLDialogElement>;
-    isOpen: boolean;
-    requestCloseOnEsc: boolean;
-    requestCloseOnBackdrop: boolean;
-    onRequestClose: () => void;
-}
-interface UseDialogReturn {
-    dialogProps: {
-        onClick: MouseEventHandler<HTMLDialogElement>;
-        onCancel: ReactEventHandler<HTMLDialogElement>;
-        onClose: UseDialogOptions['onRequestClose'];
-    };
-    isModalShown: boolean;
-}
-export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: UseDialogOptions): UseDialogReturn;
-export {};
-//# sourceMappingURL=useDialog.d.ts.map

package/lib-esm/components/modal/useDialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,UAAU,eAAe;IACvB,WAAW,EAAE;QACX,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC/C,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;KAC7C,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CA2DpC"}