react-science 0.19.1

package/lib-esm/components/hooks/useModifiedPopper.js

@@ -0,0 +1,48 @@
+import { useState } from 'react';
+import { usePopper } from 'react-popper';
+const sameWidthModifier = {
+    name: 'sameWidth',
+    enabled: true,
+    phase: 'beforeWrite',
+    requires: ['computeStyles'],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => {
+        state.elements.popper.style.width = `${state.elements.reference.getBoundingClientRect().width}px`;
+    },
+};
+function getOffsetModifier(offset) {
+    return {
+        name: 'offset',
+        options: {
+            offset: [0, offset],
+        },
+    };
+}
+export function useModifiedPopper(options) {
+    const { offset, placement, sameWidth } = options;
+    const [referenceElement, setReferenceElement] = useState(null);
+    const [popperElement, setPopperElement] = useState(null);
+    const modifiers = [];
+    if (sameWidth) {
+        modifiers.push(sameWidthModifier);
+    }
+    if (offset) {
+        modifiers.push(getOffsetModifier(offset));
+    }
+    const { styles, attributes } = usePopper(referenceElement, popperElement, {
+        placement,
+        strategy: 'fixed',
+        modifiers,
+    });
+    return {
+        setReferenceElement,
+        setPopperElement,
+        popperProps: {
+            style: styles.popper,
+            ...attributes.popper,
+        },
+    };
+}
+//# sourceMappingURL=useModifiedPopper.js.map

package/lib-esm/components/hooks/useModifiedPopper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAuC,EAAE,CAAC;IAEzD,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACnC;IAED,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;KAC3C;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}

package/lib-esm/components/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare function useOnClickOutside<T extends Node = Node>(ref: RefObject<T>, handler: (event: Event) => void): void;
+//# sourceMappingURL=useOnClickOutside.d.ts.map

package/lib-esm/components/hooks/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EACrD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,QAuBhC"}

package/lib-esm/components/hooks/useOnClickOutside.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { useRootLayoutContext } from '../root-layout/RootLayoutContext';
+export function useOnClickOutside(ref, handler) {
+    const shadowElement = useRootLayoutContext();
+    useEffect(() => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const listener = (event) => {
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        shadowElement.addEventListener('mousedown', listener);
+        shadowElement.addEventListener('touchstart', listener);
+        return () => {
+            shadowElement.removeEventListener('mousedown', listener);
+            shadowElement.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler, shadowElement]);
+}
+//# sourceMappingURL=useOnClickOutside.js.map

package/lib-esm/components/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAExE,MAAM,UAAU,iBAAiB,CAC/B,GAAiB,EACjB,OAA+B;IAE/B,MAAM,aAAa,GAAG,oBAAoB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAC9B,8DAA8D;YAC9D,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACtD,OAAO;aACR;YAED,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACtD,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACzD,aAAa,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AACpC,CAAC"}

package/lib-esm/components/hooks/useOnOff.d.ts

@@ -0,0 +1,2 @@
+export declare function useOnOff(initialValue?: boolean): [isOn: boolean, setOn: () => void, setOff: () => void, toggle: () => void];
+//# sourceMappingURL=useOnOff.d.ts.map

package/lib-esm/components/hooks/useOnOff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAO5E"}

package/lib-esm/components/hooks/useOnOff.js

@@ -0,0 +1,9 @@
+import { useState, useCallback } from 'react';
+export function useOnOff(initialValue = false) {
+    const [isOn, setOnOff] = useState(initialValue);
+    const setOn = useCallback(() => setOnOff(true), []);
+    const setOff = useCallback(() => setOnOff(false), []);
+    const toggle = useCallback(() => setOnOff(!isOn), [isOn]);
+    return [isOn, setOn, setOff, toggle];
+}
+//# sourceMappingURL=useOnOff.js.map

package/lib-esm/components/hooks/useOnOff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEhD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC"}

package/lib-esm/components/hooks/useToggle.d.ts

@@ -0,0 +1,2 @@
+export declare function useToggle(initialValue?: boolean): [isOn: boolean, toggle: () => void];
+//# sourceMappingURL=useToggle.d.ts.map

package/lib-esm/components/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useToggle.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CACvB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAGrC"}

package/lib-esm/components/hooks/useToggle.js

@@ -0,0 +1,6 @@
+import { useOnOff } from './useOnOff';
+export function useToggle(initialValue = false) {
+    const [isOn, , , toggle] = useOnOff(initialValue);
+    return [isOn, toggle];
+}
+//# sourceMappingURL=useToggle.js.map

package/lib-esm/components/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../src/components/hooks/useToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,UAAU,SAAS,CACvB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,AAAD,EAAG,AAAD,EAAG,MAAM,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAClD,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AACxB,CAAC"}

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

@@ -0,0 +1,19 @@
+export * from './accordion/index';
+export * from './button/index';
+export * from './color-picker/index';
+export * from './drop-zone/index';
+export * from './dropdown-menu/index';
+export * from './fullscreen/index';
+export * from './header/index';
+export * from './hooks/index';
+export * from './layout-manager/index';
+export * from './modal/index';
+export * from './root-layout/index';
+export * from './spinner/index';
+export * from './split-pane/index';
+export * from './table/index';
+export * from './tabs/index';
+export * from './toolbar/index';
+export * from './utils/index';
+export * as ValueRenderers from './value-renderers/index';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}

package/lib-esm/components/index.js

@@ -0,0 +1,19 @@
+export * from './accordion/index';
+export * from './button/index';
+export * from './color-picker/index';
+export * from './drop-zone/index';
+export * from './dropdown-menu/index';
+export * from './fullscreen/index';
+export * from './header/index';
+export * from './hooks/index';
+export * from './layout-manager/index';
+export * from './modal/index';
+export * from './root-layout/index';
+export * from './spinner/index';
+export * from './split-pane/index';
+export * from './table/index';
+export * from './tabs/index';
+export * from './toolbar/index';
+export * from './utils/index';
+export * as ValueRenderers from './value-renderers/index';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}

package/lib-esm/components/layout-manager/LayoutManager.d.ts

@@ -0,0 +1,20 @@
+import { FunctionComponent, ComponentType } from 'react';
+declare const layoutComponents: ComponentsMap;
+interface ComponentsMap {
+    [componentName: string]: ComponentType<any>;
+}
+interface LayoutManagerProps {
+    layout: Layout;
+    components?: ComponentsMap;
+}
+export interface Layout {
+    layout: LayoutComponent | any;
+}
+interface LayoutComponent {
+    id: string;
+    component: keyof typeof layoutComponents | FunctionComponent | string;
+    children?: LayoutComponent[];
+}
+export declare function LayoutManager(props: LayoutManagerProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=LayoutManager.d.ts.map

package/lib-esm/components/layout-manager/LayoutManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,CAAC;AAEF,UAAU,aAAa;IACrB,CAAC,aAAa,EAAE,MAAM,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,GAAG,MAAM,CAAC;IACtE,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}

package/lib-esm/components/layout-manager/LayoutManager.js

@@ -0,0 +1,49 @@
+import { v4 as uuid } from '@lukeed/uuid';
+import { createElement, } from 'react';
+import { Accordion } from '../accordion/Accordion';
+import { DropZone } from '../drop-zone/DropZone';
+import { Modal } from '../modal/Modal';
+import { SplitPane } from '../split-pane/SplitPane';
+const layoutComponents = {
+    SplitPane,
+    Accordion,
+    Modal,
+    DropZone,
+};
+export function LayoutManager(props) {
+    const { layout, components } = props;
+    return createLayout(layout, components);
+}
+function createLayoutComponent(com, components, props = {}) {
+    const { id, component, children, ...compProps } = com;
+    const componentId = id || uuid();
+    const componentNode = findComponent(component, components);
+    if (componentNode) {
+        const componentProps = { id: componentId, ...compProps, ...props };
+        const childrenComp = children && typeof children === 'string'
+            ? children
+            : createElements(children, components);
+        return createElement(componentNode, 
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        componentProps, childrenComp);
+    }
+    return null;
+}
+function createLayout(layout, components) {
+    return createLayoutComponent(layout.layout, components);
+}
+function createElements(children, components) {
+    return children?.map((comp, index) => createLayoutComponent(comp, components, { key: index }));
+}
+function findComponent(component, definedComponents) {
+    if (typeof component === 'function')
+        return component;
+    if (typeof component === 'string') {
+        if (definedComponents?.[component])
+            return definedComponents[component];
+        if (layoutComponents[component])
+            return layoutComponents[component];
+    }
+    return null;
+}
+//# sourceMappingURL=LayoutManager.js.map

package/lib-esm/components/layout-manager/LayoutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC;AAqBF,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE;QACjB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,aAAa,CAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACrE;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

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

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

package/lib-esm/components/layout-manager/index.d.ts.map

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

package/lib-esm/components/layout-manager/index.js

@@ -0,0 +1,2 @@
+export * from './LayoutManager';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+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("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,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,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,oDA0FpD"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { Button } from '..';
+import { useDialog } from './useDialog';
+export function ConfirmModal(props) {
+    const { isOpen, saveText = 'Save', cancelText = 'Cancel', headerColor, maxWidth, onRequestClose, onCancel = onRequestClose, onConfirm, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, } = props;
+    const { ref, onClick } = useDialog({
+        isOpen,
+        requestCloseOnEsc,
+        requestCloseOnBackdrop,
+        onRequestClose,
+    });
+    return (_jsx("dialog", { ref: ref, style: {
+            display: 'flex',
+            position: 'fixed',
+            backgroundColor: 'transparent',
+        }, css: css `
+        ::backdrop: rgba(113, 113, 122, 0.75);
+      `, onClick: onClick, children: isOpen ? (_jsxs("div", { style: {
+                position: 'relative',
+                display: 'flex',
+                flexDirection: 'column',
+                backgroundColor: 'white',
+                maxHeight: '90%',
+                width: '100%',
+                maxWidth: maxWidth || undefined,
+                borderWidth: 1,
+                borderColor: 'transparent',
+                borderRadius: '0.5rem',
+                boxShadow: '0 0 0 0,0 8px 16px rgba(0, 0, 0, 0.3)',
+                borderTop: `10px solid ${headerColor}`,
+            }, children: [_jsx("div", { style: { color: headerColor, display: 'flex', flex: '1 1 0%' }, children: children }), _jsxs("div", { style: {
+                        borderTop: '2px solid rgb(247, 247, 247)',
+                        padding: '10px 20px 10px 20px',
+                        display: 'flex',
+                        flexDirection: 'row-reverse',
+                        gap: 10,
+                    }, children: [_jsx(Button, { onClick: onConfirm, backgroundColor: {
+                                basic: 'hsla(243deg, 75%, 58%, 1)',
+                                hover: 'hsla(245deg, 58%, 50%, 1)',
+                            }, color: { basic: 'white' }, children: saveText }), _jsx(Button, { onClick: onCancel, backgroundColor: {
+                                basic: 'hsla(0deg, 72%, 50%, 1)',
+                                hover: 'hsla(0deg, 73%, 42%, 1)',
+                            }, color: { basic: 'white' }, children: cancelText })] })] })) : null }));
+}
+//# sourceMappingURL=ConfirmModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,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,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QACjC,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,eAAe,EAAE,aAAa;SAC/B,EACD,GAAG,EAAE,GAAG,CAAA;;OAEP,EACD,OAAO,EAAE,OAAO,YAEf,MAAM,CAAC,CAAC,CAAC,CACR,eACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,eAAe,EAAE,OAAO;gBACxB,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,MAAM;gBACb,QAAQ,EAAE,QAAQ,IAAI,SAAS;gBAC/B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,aAAa;gBAC1B,YAAY,EAAE,QAAQ;gBACtB,SAAS,EAAE,uCAAuC;gBAClD,SAAS,EAAE,cAAc,WAAW,EAAE;aACvC,aAED,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,YAChE,QAAQ,GACL,EAEN,eACE,KAAK,EAAE;wBACL,SAAS,EAAE,8BAA8B;wBACzC,OAAO,EAAE,qBAAqB;wBAC9B,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,aAAa;wBAC5B,GAAG,EAAE,EAAE;qBACR,aAED,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE;gCACf,KAAK,EAAE,2BAA2B;gCAClC,KAAK,EAAE,2BAA2B;6BACnC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,GACF,EACT,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE;gCACf,KAAK,EAAE,yBAAyB;gCAChC,KAAK,EAAE,yBAAyB;6BACjC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,UAAU,GACJ,IACL,IACF,CACP,CAAC,CAAC,CAAC,IAAI,GACD,CACV,CAAC;AACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import ModalCloseButton from './ModalCloseButton';
+import { useDialog } from './useDialog';
+export function Modal(props) {
+    const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, maxWidth, width, height, children, } = props;
+    const { ref, onClick } = useDialog({
+        isOpen,
+        requestCloseOnEsc,
+        requestCloseOnBackdrop,
+        onRequestClose,
+    });
+    return (_jsx("dialog", { ref: ref, style: {
+            display: 'flex',
+            position: 'fixed',
+            backgroundColor: 'transparent',
+        }, css: css `
+        ::backdrop: rgba(113, 113, 122, 0.75);
+      `, onClick: onClick, children: isOpen ? (_jsxs("div", { style: {
+                position: 'relative',
+                display: 'flex',
+                flexDirection: 'column',
+                backgroundColor: 'white',
+                maxHeight: '90%',
+                width: width || '100%',
+                maxWidth: maxWidth || undefined,
+                height: height || 'max-content',
+                borderWidth: 1,
+                borderColor: 'transparent',
+                borderRadius: '0.5rem',
+                boxShadow: '0 0 0 0,0 8px 16px rgba(0, 0, 0, 0.3)',
+            }, children: [children, hasCloseButton && _jsx(ModalCloseButton, { onClick: onRequestClose })] })) : null }));
+}
+Modal.Header = function ModalHeader(props) {
+    return (_jsx("div", { style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '10px 20px 10px 20px',
+            borderBottom: '2px solid rgb(247, 247, 247)',
+        }, children: props.children }));
+};
+Modal.Body = function ModalBody(props) {
+    return (_jsx("div", { style: { display: 'flex', flex: '1 1 0%', overflowY: 'auto' }, children: props.children }));
+};
+Modal.Footer = function ModalFooter(props) {
+    return (_jsx("div", { style: {
+            borderTop: '2px solid rgb(247, 247, 247)',
+            padding: '10px 20px 10px 20px',
+        }, children: props.children }));
+};
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,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,MAAM,EACN,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC;QACjC,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IAEH,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,OAAO;YACjB,eAAe,EAAE,aAAa;SAC/B,EACD,GAAG,EAAE,GAAG,CAAA;;OAEP,EACD,OAAO,EAAE,OAAO,YAEf,MAAM,CAAC,CAAC,CAAC,CACR,eACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,eAAe,EAAE,OAAO;gBACxB,SAAS,EAAE,KAAK;gBAChB,KAAK,EAAE,KAAK,IAAI,MAAM;gBACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS;gBAC/B,MAAM,EAAE,MAAM,IAAI,aAAa;gBAC/B,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,aAAa;gBAC1B,YAAY,EAAE,QAAQ;gBACtB,SAAS,EAAE,uCAAuC;aACnD,aAEA,QAAQ,EACR,cAAc,IAAI,KAAC,gBAAgB,IAAC,OAAO,EAAE,cAAc,GAAI,IAC5D,CACP,CAAC,CAAC,CAAC,IAAI,GACD,CACV,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,OAAO,EAAE,qBAAqB;YAC9B,YAAY,EAAE,8BAA8B;SAC7C,YAEA,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,YAC/D,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,CACL,cACE,KAAK,EAAE;YACL,SAAS,EAAE,8BAA8B;YACzC,OAAO,EAAE,qBAAqB;SAC/B,YAEA,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export default function ModalCloseButton(props: {
+    onClick?: () => void;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ModalCloseButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,oDAgBvE"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+import { FaTimes } from 'react-icons/fa';
+export default function ModalCloseButton(props) {
+    return (_jsx("div", { style: { position: 'absolute', top: 4, right: 4 }, children: _jsx("button", { type: "button", style: { padding: '10px 6px 10px 6px' }, onClick: props.onClick, css: css({
+                color: 'rgba(239, 68, 68)',
+                ':hover': { color: 'rgba(185, 28, 28)' },
+            }), children: _jsx(FaTimes, {}) }) }));
+}
+//# sourceMappingURL=ModalCloseButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/modal/ModalCloseButton.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAA+B;IACtE,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,YACpD,iBACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,GAAG,EAAE,GAAG,CAAC;gBACP,KAAK,EAAE,mBAAmB;gBAC1B,QAAQ,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;aACzC,CAAC,YAEF,KAAC,OAAO,KAAG,GACJ,GACL,CACP,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare function useDialog({ isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: {
+    isOpen: boolean;
+    requestCloseOnEsc: boolean;
+    requestCloseOnBackdrop: boolean;
+    onRequestClose?: () => void;
+}): {
+    ref: React.RefObject<HTMLDialogElement>;
+    onClick: (event: React.MouseEvent<HTMLDialogElement, MouseEvent>) => void;
+};
+//# sourceMappingURL=useDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;;qBA0BW,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC;EAW1D"}

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

@@ -0,0 +1,33 @@
+import { useCallback, useEffect, useRef } from 'react';
+export function useDialog({ isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }) {
+    const ref = useRef(null);
+    useEffect(() => {
+        function onEsc(event) {
+            event.preventDefault();
+            if (requestCloseOnEsc && onRequestClose) {
+                onRequestClose();
+            }
+        }
+        const dialog = ref.current;
+        if (dialog) {
+            dialog.addEventListener('cancel', onEsc);
+            return () => dialog.removeEventListener('cancel', onEsc);
+        }
+    }, [onRequestClose, requestCloseOnEsc]);
+    useEffect(() => {
+        const dialog = ref.current;
+        if (dialog && isOpen) {
+            dialog.showModal();
+            return () => dialog.close();
+        }
+    }, [isOpen]);
+    const onClick = useCallback((event) => {
+        // Since the dialog has no size of itself, this condition is only
+        // `true` when we click on the backdrop.
+        if (event.target === event.currentTarget && requestCloseOnBackdrop) {
+            onRequestClose?.();
+        }
+    }, [requestCloseOnBackdrop, onRequestClose]);
+    return { ref, onClick };
+}
+//# sourceMappingURL=useDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GAMf;IACC,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,KAAK,CAAC,KAAY;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,iBAAiB,IAAI,cAAc,EAAE;gBACvC,cAAc,EAAE,CAAC;aAClB;QACH,CAAC;QACD,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;QAC3B,IAAI,MAAM,EAAE;YACV,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACzC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;SAC1D;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;QAC3B,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAsD,EAAE,EAAE;QACzD,iEAAiE;QACjE,wCAAwC;QACxC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,IAAI,sBAAsB,EAAE;YAClE,cAAc,EAAE,EAAE,CAAC;SACpB;IACH,CAAC,EACD,CAAC,sBAAsB,EAAE,cAAc,CAAC,CACzC,CAAC;IAEF,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;AAC1B,CAAC"}

package/lib-esm/components/root-layout/Portal.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface PortalProps {
+    children: ReactNode;
+}
+export declare function Portal(props: PortalProps): import("react").ReactPortal;
+export {};
+//# sourceMappingURL=Portal.d.ts.map

package/lib-esm/components/root-layout/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/components/root-layout/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAGxC"}

package/lib-esm/components/root-layout/Portal.js

@@ -0,0 +1,7 @@
+import { createPortal } from 'react-dom';
+import { useRootLayoutContext } from './RootLayoutContext';
+export function Portal(props) {
+    const element = useRootLayoutContext();
+    return createPortal(props.children, element);
+}
+//# sourceMappingURL=Portal.js.map

package/lib-esm/components/root-layout/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/components/root-layout/Portal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAM3D,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,OAAO,GAAG,oBAAoB,EAAE,CAAC;IACvC,OAAO,YAAY,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC/C,CAAC"}

package/lib-esm/components/root-layout/RootLayout.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, CSSProperties } from 'react';
+interface RootLayoutProps {
+    style?: CSSProperties;
+    children: ReactNode;
+}
+export declare function RootLayout(props: RootLayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RootLayout.d.ts.map

package/lib-esm/components/root-layout/RootLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout.d.ts","sourceRoot":"","sources":["../../../src/components/root-layout/RootLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAyB,MAAM,OAAO,CAAC;AAWxE,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,oDA2BhD"}

package/lib-esm/components/root-layout/RootLayout.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+/** @jsxImportSource @emotion/react */
+import { Global } from '@emotion/react';
+import { QueryClientProvider } from '@tanstack/react-query';
+import { useState, useCallback } from 'react';
+// @ts-expect-error We load emotion.esm because until this project is moved to true ESM.
+import root from 'react-shadow/emotion.esm';
+import { AccordionProvider } from '../accordion/AccordionContext';
+import { RootLayoutProvider } from './RootLayoutContext';
+import { customDivPreflight } from './css-reset/customPreflight';
+import { preflight } from './css-reset/preflight';
+import { queryClient } from './queryClient';
+const style = {
+    width: '100%',
+    height: '100%',
+    fontSize: '12px',
+};
+export function RootLayout(props) {
+    const [rootRef, setRootRef] = useState(typeof document !== 'undefined' ? document.body : null);
+    const ref = useCallback((node) => {
+        if (node !== null) {
+            setRootRef(node);
+        }
+    }, []);
+    return (_jsxs(root.div, { style: { ...style, ...props.style }, children: [_jsx(Global, { styles: preflight }), _jsx("div", { ref: ref, css: customDivPreflight, style: { width: '100%', height: '100%', position: 'relative' }, children: _jsx(RootLayoutProvider, { innerRef: rootRef, children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(AccordionProvider, { children: props.children }) }) }) })] }));
+}
+//# sourceMappingURL=RootLayout.js.map