react-science 0.19.2 → 0.20.0

package/lib-esm/app/panels/measurements/MeasurementsTable.js

@@ -1,84 +1,73 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
 import { FaTrash } from 'react-icons/fa';
 import { useAppDispatch, useAppState, } from '../../../app-data/index';
 import { ConfirmModal, useOnOff } from '../../../components/index';
 import { MeasurementCheckbox } from './MeasurementCheckbox';
 import MeasurementColorPreview from './MeasurementColorPreview';
 import MeasurementVisibilityToggle, { MeasurementSelectedVisibilityChange, } from './MeasurementVisibilityToggle';
-const styles = {
-    root: css `
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    border-collapse: collapse;
-    table-layout: fixed;
-  `,
-    th: css `
-    border-bottom-width: 1px;
-    font-weight: 500;
-    text-align: left;
-    padding-bottom: 10px;
-    padding-top: 10px;
-    padding-left: 2rem;
-  `,
-    tbody: css `
-    background-color: white;
-  `,
-    tr: css `
-    height: 50px;
-    max-height: 50px;
-    overflow: hidden;
-    cursor: pointer;
-    padding-left: 2rem;
-    padding-bottom: 10px;
-    padding-top: 10px;
-    border-bottom-width: 1px;
+const MeasurementsTableContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+`;
+const MeasurementsTableRoot = styled.table `
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  border-collapse: collapse;
+  table-layout: fixed;
+`;
+const MeasurementsTableHeaderStyled = styled.tr `
+  border-bottom-width: 1px;
+  font-weight: 500;
+  text-align: left;
+  padding-bottom: 10px;
+  padding-top: 10px;
+  padding-left: 2rem;
+`;
+const MeasurementsTableBody = styled.tbody `
+  background-color: white;
+`;
+const MeasurementsLinkButton = styled.span `
+  cursor: pointer;
+  :hover {
+    text-decoration: underline;
+  }
+`;
+const MeasurementsHeaderColumn = styled.div `
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  align-items: center;
+  padding-left: 5px;
 
-    font-weight: 500;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-  `,
-    header: css `
-    border-bottom-width: 1px;
-    font-weight: 500;
-    text-align: left;
-    padding-bottom: 10px;
-    padding-top: 10px;
-    padding-left: 2rem;
-  `,
-    iconsContainer: css `
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    justify-items: center;
-    height: 50px;
-    flex-direction: row;
-    gap: 0.5rem;
-    cursor: default;
-    width: 70px;
-  `,
-    linkButton: css `
-    cursor: pointer;
-    :hover {
-      text-decoration: underline;
-    }
-  `,
-    container: css `
-    display: flex;
-    flex-direction: column;
-    gap: 5px;
-  `,
-    headerColumn: css `
-    display: flex;
-    flex-direction: row;
-    gap: 10px;
-    align-items: center;
-    padding-left: 5px;
+  border-bottom: 1px solid black;
+`;
+const MeasurementsTableRowData = styled.tr `
+  height: 50px;
+  max-height: 50px;
+  overflow: hidden;
+  cursor: pointer;
+  padding-left: 2rem;
+  padding-bottom: 10px;
+  padding-top: 10px;
+  border-bottom-width: 1px;
 
-    border-bottom: 1px solid black;
-  `,
-};
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+`;
+const MeasurementsIconsContainer = styled.td `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  justify-items: center;
+  height: 50px;
+  flex-direction: row;
+  gap: 0.5rem;
+  cursor: default;
+  width: 70px;
+`;
 export function MeasurementsTable(props) {
     const { kind } = props;
     const { data: { measurements }, view: { selectedMeasurements }, } = useAppState();
@@ -98,28 +87,26 @@ export function MeasurementsTable(props) {
         dispatch({ type: 'REMOVE_SELECTED_MEASUREMENTS', payload: { kind } });
         closeRemoveModal();
     }
-    return (_jsxs("div", { css: styles.container, children: [_jsxs("div", { css: styles.headerColumn, children: [_jsx(MeasurementSelectedVisibilityChange, { kind: kind, openedEyes: true }), _jsx(MeasurementSelectedVisibilityChange, { kind: kind, openedEyes: false }), _jsx("span", { css: styles.linkButton, onClick: () => onSelectLink(true), children: "Select all" }), _jsx("span", { css: styles.linkButton, onClick: () => onSelectLink(false), children: "Unselect all" }), _jsx(FaTrash, { style: hasSelectedMeasurements ? { cursor: 'pointer' } : { opacity: 0.6 }, onClick: hasSelectedMeasurements ? openRemoveModal : undefined }), _jsx(ConfirmModal, { headerColor: "red", isOpen: isRemoveModalOpen, onConfirm: onRemove, onRequestClose: closeRemoveModal, saveText: "Remove", children: _jsx("div", { style: { fontWeight: 'bold', padding: 10 }, children: "Remove selected measurements?" }) })] }), _jsxs("table", { css: styles.root, children: [_jsx(MeasurementsTableHeader, {}), _jsx("tbody", { css: styles.tbody, children: measurements[kind].entries.map((element) => (_jsx(MeasurementsTableRow, { item: element, kind: kind }, element.id))) })] })] }));
+    return (_jsxs(MeasurementsTableContainer, { children: [_jsxs(MeasurementsHeaderColumn, { children: [_jsx(MeasurementSelectedVisibilityChange, { kind: kind, openedEyes: true }), _jsx(MeasurementSelectedVisibilityChange, { kind: kind, openedEyes: false }), _jsx(MeasurementsLinkButton, { onClick: () => onSelectLink(true), children: "Select all" }), _jsx(MeasurementsLinkButton, { onClick: () => onSelectLink(false), children: "Unselect all" }), _jsx(FaTrash, { style: hasSelectedMeasurements ? { cursor: 'pointer' } : { opacity: 0.6 }, onClick: hasSelectedMeasurements ? openRemoveModal : undefined }), _jsx(ConfirmModal, { headerColor: "red", isOpen: isRemoveModalOpen, onConfirm: onRemove, onRequestClose: closeRemoveModal, saveText: "Remove", children: _jsx("div", { style: { fontWeight: 'bold', padding: 10 }, children: "Remove selected measurements?" }) })] }), _jsxs(MeasurementsTableRoot, { children: [_jsx(MeasurementsTableHeader, {}), _jsx(MeasurementsTableBody, { children: measurements[kind].entries.map((element) => (_jsx(MeasurementsTableRow, { item: element, kind: kind }, element.id))) })] })] }));
 }
-const tableHeaderStyles = {
-    thStyleEmpty: css `
-    display: flex;
-    gap: 5px;
-    align-items: center;
-    width: 70px;
-  `,
-    thStyleFilename: css `
-    width: 60%;
-  `,
-    thStyleTechnique: css `
-    width: 150px;
-  `,
-    tdName: css `
-    width: 60%;
-    overflow: hidden;
-  `,
-};
+const TableHeaderEmpty = styled.th `
+  display: flex;
+  gap: 5px;
+  align-items: center;
+  width: 70px;
+`;
+const TableHeaderFilename = styled.th `
+  width: 60%;
+`;
+const TableHeaderTechnique = styled.th `
+  width: 150px;
+`;
+const TableDataHeaderName = styled.td `
+  width: 60%;
+  overflow: hidden;
+`;
 function MeasurementsTableHeader() {
-    return (_jsx("thead", { children: _jsxs("tr", { css: styles.header, children: [_jsx("th", { css: tableHeaderStyles.thStyleEmpty }), _jsx("th", { css: tableHeaderStyles.thStyleFilename, children: "Filename" }), _jsx("th", { css: tableHeaderStyles.thStyleTechnique, children: "Technique" })] }) }));
+    return (_jsx("thead", { children: _jsxs(MeasurementsTableHeaderStyled, { children: [_jsx(TableHeaderEmpty, {}), _jsx(TableHeaderFilename, { children: "Filename" }), _jsx(TableHeaderTechnique, { children: "Technique" })] }) }));
 }
 function MeasurementsTableRow(props) {
     const { item, kind } = props;
@@ -138,6 +125,6 @@ function MeasurementsTableRow(props) {
             payload: { id: item.id, kind, acc: isAlreadyChecked ? 'remove' : 'add' },
         });
     }
-    return (_jsxs("tr", { css: styles.tr, children: [_jsxs("td", { css: styles.iconsContainer, children: [_jsx(MeasurementVisibilityToggle, { id: item.id, isVisible: measurements[item.id].visible }), _jsx(MeasurementColorPreview, { measurementId: item.id, kind: kind, color: measurements[item.id].color }), _jsx(MeasurementCheckbox, { checked: selectedMeasurements[kind]?.includes(item.id) || false, onSelectCheckbox: onSelectCheckbox })] }), _jsx("td", { css: tableHeaderStyles.tdName, onClick: onSelectRow, title: item.id, children: item.info.file?.name ?? item.info.title }), _jsx("td", { onClick: onSelectRow, children: item.meta.technique })] }));
+    return (_jsxs(MeasurementsTableRowData, { children: [_jsxs(MeasurementsIconsContainer, { children: [_jsx(MeasurementVisibilityToggle, { id: item.id, isVisible: measurements[item.id].visible }), _jsx(MeasurementColorPreview, { measurementId: item.id, kind: kind, color: measurements[item.id].color }), _jsx(MeasurementCheckbox, { checked: selectedMeasurements[kind]?.includes(item.id) || false, onSelectCheckbox: onSelectCheckbox })] }), _jsx(TableDataHeaderName, { onClick: onSelectRow, title: item.id, children: item.info.file?.name ?? item.info.title }), _jsx("td", { onClick: onSelectRow, children: item.meta.technique })] }));
 }
 //# sourceMappingURL=MeasurementsTable.js.map

package/lib-esm/app/panels/measurements/MeasurementsTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeasurementsTable.js","sourceRoot":"","sources":["../../../../src/app/panels/measurements/MeasurementsTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MeasurementsTable.js","sourceRoot":"","sources":["../../../../src/app/panels/measurements/MeasurementsTable.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAGL,cAAc,EACd,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,2BAA2B,EAAE,EAClC,mCAAmC,GACpC,MAAM,+BAA+B,CAAC;AAWvC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5C,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;CAO9C,CAAC;AAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAA;;CAEzC,CAAC;AAEF,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQ1C,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;;;;CAazC,CAAC;AAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;;CAU3C,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,EACJ,IAAI,EAAE,EAAE,YAAY,EAAE,EACtB,IAAI,EAAE,EAAE,oBAAoB,EAAE,GAC/B,GAAG,WAAW,EAAE,CAAC;IAClB,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC;IAClC,MAAM,CAAC,iBAAiB,EAAE,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAE,CAAC;IAE1E,MAAM,uBAAuB,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAE9E,SAAS,YAAY,CAAC,MAAe;QACnC,QAAQ,CAAC;YACP,IAAI,EAAE,yBAAyB;YAC/B,OAAO,EAAE;gBACP,IAAI;gBACJ,MAAM;aACP;SACF,CAAC,CAAC;IACL,CAAC;IAED,SAAS,QAAQ;QACf,QAAQ,CAAC,EAAE,IAAI,EAAE,8BAA8B,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QACtE,gBAAgB,EAAE,CAAC;IACrB,CAAC;IAED,OAAO,CACL,MAAC,0BAA0B,eACzB,MAAC,wBAAwB,eACvB,KAAC,mCAAmC,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,SAAG,EAC9D,KAAC,mCAAmC,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAI,EACtE,KAAC,sBAAsB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,2BAEhC,EACzB,KAAC,sBAAsB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,6BAEjC,EAEzB,KAAC,OAAO,IACN,KAAK,EACH,uBAAuB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAEpE,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAC9D,EACF,KAAC,YAAY,IACX,WAAW,EAAC,KAAK,EACjB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,QAAQ,EACnB,cAAc,EAAE,gBAAgB,EAChC,QAAQ,EAAC,QAAQ,YAEjB,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,8CAEzC,GACO,IACU,EAE3B,MAAC,qBAAqB,eACpB,KAAC,uBAAuB,KAAG,EAC3B,KAAC,qBAAqB,cACnB,YAAY,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC3C,KAAC,oBAAoB,IAAkB,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,IAArC,OAAO,CAAC,EAAE,CAA+B,CACrE,CAAC,GACoB,IACF,IACG,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAKjC,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAA;;CAEpC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,EAAE,CAAA;;CAErC,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAA;;;CAGpC,CAAC;AAEF,SAAS,uBAAuB;IAC9B,OAAO,CACL,0BACE,MAAC,6BAA6B,eAC5B,KAAC,gBAAgB,KAAG,EACpB,KAAC,mBAAmB,2BAA+B,EACnD,KAAC,oBAAoB,4BAAiC,IACxB,GAC1B,CACT,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAgC;IAC5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAE7B,MAAM,EACJ,IAAI,EAAE,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC7C,GAAG,WAAW,EAAE,CAAC;IAElB,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC;IAElC,SAAS,WAAW;QAClB,QAAQ,CAAC;YACP,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE;SAC/C,CAAC,CAAC;IACL,CAAC;IAED,SAAS,gBAAgB;QACvB,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEvE,QAAQ,CAAC;YACP,IAAI,EAAE,oBAAoB;YAC1B,OAAO,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE;SACzE,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,MAAC,wBAAwB,eACvB,MAAC,0BAA0B,eACzB,KAAC,2BAA2B,IAC1B,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,GACxC,EACF,KAAC,uBAAuB,IACtB,aAAa,EAAE,IAAI,CAAC,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,GAClC,EACF,KAAC,mBAAmB,IAClB,OAAO,EAAE,oBAAoB,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,EAC/D,gBAAgB,EAAE,gBAAgB,GAClC,IACyB,EAC7B,KAAC,mBAAmB,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,YACtD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,GACpB,EACtB,aAAI,OAAO,EAAE,WAAW,YAAG,IAAI,CAAC,IAAI,CAAC,SAAS,GAAM,IAC3B,CAC5B,CAAC;AACJ,CAAC"}

package/lib-esm/components/button/ButtonGroup.d.ts

@@ -2,9 +2,9 @@ import { ReactNode } from 'react';
 interface ButtonGroupProps {
     children: [ReactNode, ReactNode];
 }
-export declare function ButtonGroup(props: ButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
 export declare namespace ButtonGroup {
-    var Button: (props: ButtonGroupButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    var Button: (props: ButtonGroupButtonProps) => JSX.Element;
 }
 interface ButtonGroupButtonProps {
     position: 'first' | 'last';

package/lib-esm/components/button/ButtonGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button/ButtonGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAyClC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,oDAGlD;yBAHe,WAAW;;;AAK3B,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/components/button/ButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BlC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,eAGlD;yBAHe,WAAW;;;AAK3B,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/lib-esm/components/button/ButtonGroup.js

@@ -1,50 +1,35 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
-const styles = {
-    root: css `
-    display: inline-flex;
-    border-radius: 0.375rem;
-    isolation: isolate;
-  `,
-    firstButton: css `
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    font-weight: 500;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-width: 1px;
-    border-top-left-radius: 0.375rem;
-    border-bottom-left-radius: 0.375rem;
-  `,
-    secondButton: css `
-    position: relative;
-    display: inline-flex;
-    align-items: center;
-    font-weight: 500;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    padding-top: 5px;
-    padding-bottom: 5px;
-    border-width: 1px;
-    border-top-right-radius: 0.375rem;
-    border-bottom-right-radius: 0.375rem;
-    margin-left: -1px;
-  `,
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from '@emotion/styled';
+const ButtonGroupRoot = styled.div `
+  display: inline-flex;
+  border-radius: 0.375rem;
+  isolation: isolate;
+`;
+const ButtonGroupCustomButton = styled.button `
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-width: 1px;
+  border-top-left-radius: ${({ isLast }) => !isLast && '0.375rem'};
+  border-bottom-left-radius: ${({ isLast }) => !isLast && '0.375rem'};
+
+  border-top-right-radius: ${({ isLast }) => isLast && '0.375rem'};
+  border-bottom-right-radius: ${({ isLast }) => isLast && '0.375rem'};
+  margin-left: ${({ isLast }) => isLast && '-1px'};
+`;
 export function ButtonGroup(props) {
     const { children } = props;
-    return _jsx("div", { css: styles.root, children: children });
+    return _jsx(ButtonGroupRoot, { children: children });
 }
 ButtonGroup.Button = function ButtonGroupButton(props) {
     const { position, label, onClick } = props;
-    return (_jsx("button", { type: "button", onClick: onClick, css: position === 'first' ? styles.firstButton : styles.secondButton, children: label }));
+    return (_jsx(ButtonGroupCustomButton, { type: "button", onClick: onClick, isLast: position === 'last', children: label }));
 };
 //# sourceMappingURL=ButtonGroup.js.map

package/lib-esm/components/button/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/button/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAGrC,MAAM,MAAM,GAAG;IACb,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IACD,WAAW,EAAE,GAAG,CAAA;;;;;;;;;;;;;;GAcf;IACD,YAAY,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;GAehB;CACF,CAAC;AAMF,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,OAAO,cAAK,GAAG,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC;AAQD,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA6B;IAC3E,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,YAEnE,KAAK,GACC,CACV,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/button/ButtonGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,uBAAuB,GAAG,MAAM,CAAC,MAAM,CAAqB;;;;;;;;;;;;4BAYtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,UAAU;+BAClC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,UAAU;;6BAEvC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,UAAU;gCACjC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,UAAU;iBACnD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM;CAChD,CAAC;AAMF,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,OAAO,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAAC;AACvD,CAAC;AAQD,WAAW,CAAC,MAAM,GAAG,SAAS,iBAAiB,CAAC,KAA6B;IAC3E,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE3C,OAAO,CACL,KAAC,uBAAuB,IACtB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,QAAQ,KAAK,MAAM,YAE1B,KAAK,GACkB,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/components/color-picker/color-picker-dropdown/ColorPickerDropdown.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { ColorPickerProps } from '../react-color/ColorPicker';
 type ColorPickerDropdownProps = Pick<ColorPickerProps, 'color' | 'presetColors' | 'disableAlpha' | 'onChange' | 'onChangeComplete'>;
-export declare function ColorPickerDropdown(props: ColorPickerDropdownProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ColorPickerDropdown(props: ColorPickerDropdownProps): JSX.Element;
 export {};
 //# sourceMappingURL=ColorPickerDropdown.d.ts.map

package/lib-esm/components/color-picker/color-picker-dropdown/ColorPickerDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":"AASA,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG3E,KAAK,wBAAwB,GAAG,IAAI,CAClC,gBAAgB,EAChB,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,kBAAkB,CAC5E,CAAC;AAkBF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,oDA2ClE"}
+{"version":3,"file":"ColorPickerDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAe,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAG3E,KAAK,wBAAwB,GAAG,IAAI,CAClC,gBAAgB,EAChB,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,UAAU,GAAG,kBAAkB,CAC5E,CAAC;AAiBF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,eAsClE"}

package/lib-esm/components/color-picker/color-picker-dropdown/ColorPickerDropdown.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
 import { useRef } from 'react';
 import { useModifiedPopper } from '../../hooks/useModifiedPopper';
 import { useOnClickOutside } from '../../hooks/useOnClickOutside';
@@ -9,21 +8,19 @@ import { Portal } from '../../root-layout/Portal';
 import FixedColorPreview from '../preview/FixedColorPreview';
 import { ColorPicker } from '../react-color/ColorPicker';
 import * as colorHelper from '../react-color/helpers/color';
-const colorPickerDropdownCss = {
-    root: css `
-    position: relative;
-    width: 100%;
-    border: 1px solid darkgray;
-    border-radius: 0.25rem;
-    height: 30px;
-    padding: 5px;
-  `,
-    preview: css `
-    height: 100%;
-    width: 100%;
-    border-radius: 0.125rem;
-  `,
-};
+const ColorPickerRoot = styled.button `
+  position: relative;
+  width: 100%;
+  border: 1px solid darkgray;
+  border-radius: 0.25rem;
+  height: 30px;
+  padding: 5px;
+`;
+const ColorPickerPreview = styled.div `
+  height: 100%;
+  width: 100%;
+  border-radius: 0.125rem;
+`;
 export function ColorPickerDropdown(props) {
     const { color, ...otherProps } = props;
     const ref = useRef(null);
@@ -34,7 +31,7 @@ export function ColorPickerDropdown(props) {
         offset: 6,
     });
     useOnClickOutside(ref, close);
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", ref: setReferenceElement, css: colorPickerDropdownCss.root, onClick: toggle, children: _jsx("div", { css: colorPickerDropdownCss.preview, children: _jsx(FixedColorPreview, { color: hex }) }) }), isOpened && (_jsx(Portal, { children: _jsx("div", { ref: (div) => {
+    return (_jsxs(_Fragment, { children: [_jsx(ColorPickerRoot, { type: "button", ref: setReferenceElement, onClick: toggle, children: _jsx(ColorPickerPreview, { children: _jsx(FixedColorPreview, { color: hex }) }) }), isOpened && (_jsx(Portal, { children: _jsx("div", { ref: (div) => {
                         setPopperElement(div);
                         ref.current = div;
                     }, ...popperProps, children: _jsx(ColorPicker, { color: color, ...otherProps }) }) }))] }));

package/lib-esm/components/color-picker/color-picker-dropdown/ColorPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPickerDropdown.js","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,WAAW,MAAM,8BAA8B,CAAC;AAO5D,MAAM,sBAAsB,GAAG;IAC7B,IAAI,EAAE,GAAG,CAAA;;;;;;;GAOR;IACD,OAAO,EAAE,GAAG,CAAA;;;;GAIX;CACF,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,AAAD,EAAG,KAAK,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC;IAEtD,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAC1D,iBAAiB,CAAoB;QACnC,SAAS,EAAE,cAAc;QACzB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IAEL,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAE9B,OAAO,CACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,mBAAmB,EACxB,GAAG,EAAE,sBAAsB,CAAC,IAAI,EAChC,OAAO,EAAE,MAAM,YAEf,cAAK,GAAG,EAAE,sBAAsB,CAAC,OAAO,YACtC,KAAC,iBAAiB,IAAC,KAAK,EAAE,GAAG,GAAI,GAC7B,GACC,EACR,QAAQ,IAAI,CACX,KAAC,MAAM,cACL,cACE,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;wBACX,gBAAgB,CAAC,GAAG,CAAC,CAAC;wBACtB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC;oBACpB,CAAC,KACG,WAAW,YAEf,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,KAAM,UAAU,GAAI,GACzC,GACC,CACV,IACA,CACJ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ColorPickerDropdown.js","sourceRoot":"","sources":["../../../../src/components/color-picker/color-picker-dropdown/ColorPickerDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,iBAAiB,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,WAAW,MAAM,8BAA8B,CAAC;AAO5D,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;CAOpC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIpC,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvC,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,AAAD,EAAG,KAAK,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,CAAC;IAEtD,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAC1D,iBAAiB,CAAoB;QACnC,SAAS,EAAE,cAAc;QACzB,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IAEL,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAE9B,OAAO,CACL,8BACE,KAAC,eAAe,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,YACtE,KAAC,kBAAkB,cACjB,KAAC,iBAAiB,IAAC,KAAK,EAAE,GAAG,GAAI,GACd,GACL,EACjB,QAAQ,IAAI,CACX,KAAC,MAAM,cACL,cACE,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE;wBACX,gBAAgB,CAAC,GAAG,CAAC,CAAC;wBACtB,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC;oBACpB,CAAC,KACG,WAAW,YAEf,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,KAAM,UAAU,GAAI,GACzC,GACC,CACV,IACA,CACJ,CAAC;AACJ,CAAC"}

package/lib-esm/components/drop-zone/DropZone.d.ts

@@ -7,9 +7,9 @@ export interface DropZoneProps {
     fileValidator?: <T extends File>(file: T) => FileError | FileError[] | null;
     emptyText?: string;
 }
-export declare function DropZone(props: DropZoneProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function DropZone(props: DropZoneProps): JSX.Element;
 export interface DropZoneContainerProps extends DropZoneProps {
     children: JSX.Element | null;
 }
-export declare function DropZoneContainer(props: DropZoneContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function DropZoneContainer(props: DropZoneContainerProps): JSX.Element;
 //# sourceMappingURL=DropZone.d.ts.map

package/lib-esm/components/drop-zone/DropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,aAAa,CAAC,EAAE,aAAa,EAAE,KAC5B,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsCD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,oDAE9D"}
+{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,aAAa,EAAe,MAAM,gBAAgB,CAAC;AAGvE,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EACtB,aAAa,EAAE,CAAC,EAAE,EAClB,aAAa,CAAC,EAAE,aAAa,EAAE,KAC5B,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,CAAC,CAAC,SAAS,IAAI,EAAE,IAAI,EAAE,CAAC,KAAK,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiDD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAE5C;AAED,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,eAE9D"}

package/lib-esm/components/drop-zone/DropZone.js

@@ -1,44 +1,47 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-/** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/styled';
 import { useCallback, useMemo } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { FaCloudUploadAlt } from 'react-icons/fa';
-const dropZoneCss = {
-    root: css `
-    position: relative;
-    height: 100%;
-    width: 100%;
-  `,
-    dragActive: css `
-    font-size: 1.5em;
-    font-weight: 600;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    opacity: 0.7;
-    background-color: white;
-    border: 5px dashed;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  `,
-    empty: css `
-    font-size: 1.5em;
-    font-weight: 600;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-    padding: 1em;
-    border: 5px dashed;
-    cursor: pointer;
-  `,
-};
+const DropzoneRoot = styled.div `
+  position: relative;
+  height: 100%;
+  width: 100%;
+`;
+const DropzoneDragActive = styled.div `
+  font-size: 1.5em;
+  font-weight: 600;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0.7;
+  background-color: white;
+  border: 5px dashed;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  border-color: ${({ borderColor }) => borderColor};
+  color: ${({ color }) => color};
+`;
+const DropzoneEmpty = styled.div `
+  font-size: 1.5em;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  padding: 1em;
+  border: 5px dashed;
+  cursor: pointer;
+
+  border-color: ${({ borderColor }) => borderColor};
+  color: ${({ color }) => color};
+`;
 export function DropZone(props) {
     return _jsx(DropZoneContent, { ...props });
 }
@@ -61,12 +64,6 @@ function DropZoneContent(props) {
             return { onClick };
         }
     }, [onClick]);
-    return (_jsxs("div", { ...getRootProps(getPropsOptions), css: dropZoneCss.root, children: [children, isDragActive ? (_jsxs("div", { css: dropZoneCss.dragActive, style: {
-                    borderColor,
-                    color,
-                }, children: [_jsx(FaCloudUploadAlt, { size: 70 }), _jsx("p", { children: "Drop the files here." })] })) : !hasChildren ? (_jsx("div", { css: dropZoneCss.empty, style: {
-                    borderColor,
-                    color,
-                }, children: emptyText })) : null, _jsx("input", { ...getInputProps() })] }));
+    return (_jsxs(DropzoneRoot, { ...getRootProps(getPropsOptions), children: [children, isDragActive ? (_jsxs(DropzoneDragActive, { borderColor: borderColor, color: color, children: [_jsx(FaCloudUploadAlt, { size: 70 }), _jsx("p", { children: "Drop the files here." })] })) : !hasChildren ? (_jsx(DropzoneEmpty, { borderColor: borderColor, color: color, children: emptyText })) : null, _jsx("input", { ...getInputProps() })] }));
 }
 //# sourceMappingURL=DropZone.js.map

package/lib-esm/components/drop-zone/DropZone.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAqB,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAA4B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAalD,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IACD,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;GAed;IACD,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;GAWT;CACF,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAMD,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAED,SAAS,eAAe,CACtB,KAIC;IAED,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,MAAM,EACpB,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,SAAS,GAAG,qCAAqC,EACjD,OAAO,EACP,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAiB,aAAkB,EAAE,aAA8B,EAAE,EAAE;QACrE,MAAM,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;QAChE,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,OAAO,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,kBAAS,YAAY,CAAC,eAAe,CAAC,EAAE,GAAG,EAAE,WAAW,CAAC,IAAI,aAC1D,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACd,eACE,GAAG,EAAE,WAAW,CAAC,UAAU,EAC3B,KAAK,EAAE;oBACL,WAAW;oBACX,KAAK;iBACN,aAED,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9B,+CAA2B,IACvB,CACP,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,cACE,GAAG,EAAE,WAAW,CAAC,KAAK,EACtB,KAAK,EAAE;oBACL,WAAW;oBACX,KAAK;iBACN,YAEA,SAAS,GACN,CACP,CAAC,CAAC,CAAC,IAAI,EACR,mBAAW,aAAa,EAAE,GAAI,IAC1B,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DropZone.js","sourceRoot":"","sources":["../../../src/components/drop-zone/DropZone.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAoC,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAA4B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAalD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI9B,CAAC;AAOF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;;;;;;;kBAgBvC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;WACvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CAC9B,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;;;kBAYlC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;WACvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CAC9B,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAMD,MAAM,UAAU,iBAAiB,CAAC,KAA6B;IAC7D,OAAO,KAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAED,SAAS,eAAe,CACtB,KAIC;IAED,MAAM,EACJ,KAAK,GAAG,OAAO,EACf,WAAW,GAAG,MAAM,EACpB,QAAQ,GAAG,IAAI,EACf,MAAM,EACN,SAAS,GAAG,qCAAqC,EACjD,OAAO,EACP,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAiB,aAAkB,EAAE,aAA8B,EAAE,EAAE;QACrE,MAAM,EAAE,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,WAAW,CAAC;QAChE,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,aAAa;QACxB,MAAM,EAAE,YAAY;KACrB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,OAAO,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,YAAY,OAAK,YAAY,CAAC,eAAe,CAAC,aAC5C,QAAQ,EACR,YAAY,CAAC,CAAC,CAAC,CACd,MAAC,kBAAkB,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,aACxD,KAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,GAAI,EAC9B,+CAA2B,IACR,CACtB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,YAClD,SAAS,GACI,CACjB,CAAC,CAAC,CAAC,IAAI,EACR,mBAAW,aAAa,EAAE,GAAI,IACjB,CAChB,CAAC;AACJ,CAAC"}

package/lib-esm/components/dropdown-menu/DropdownMenu.js

@@ -23,10 +23,10 @@ function DropdownContextMenu(props) {
     const { isPopperElementOpen, closePopperElement, handleContextMenu, setPopperElement, styles, attributes, } = useContextMenuPlacement(otherProps.placement || 'right-start');
     const ref = useRef(null);
     useOnClickOutside(ref, closePopperElement);
-    return (_jsxs(HandleMenuContextDiv, { onContextMenu: handleContextMenu, children: [isPopperElementOpen && (_jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, style: styles.popper, ...attributes.popper, children: _jsx(Menu, { children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
-                                closePopperElement();
-                                onSelect(selected);
-                            }, ...otherProps }) }) }) })), children] }));
+    return (_jsxs(HandleMenuContextDiv, { onContextMenu: handleContextMenu, children: [isPopperElementOpen && (_jsx(Portal, { children: _jsx("div", { ref: ref, children: _jsx("div", { ref: setPopperElement, style: styles.popper, ...attributes.popper, children: _jsx(Menu, { children: _jsx(MenuItems, { itemsStatic: true, onSelect: (selected) => {
+                                    closePopperElement();
+                                    onSelect(selected);
+                                }, ...otherProps }) }) }) }) })), children] }));
 }
 function DropdownClickMenu(props) {
     const { placement = 'bottom-start', onSelect, ...otherProps } = props;

package/lib-esm/components/dropdown-menu/DropdownMenu.js.map

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

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

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+interface RenderAddon {
+    addon: ReactNode;
+    inline?: boolean;
+}
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    variant?: 'default' | 'small';
+    leadingAddon?: RenderAddon;
+    trailingAddon?: RenderAddon;
+    help?: string;
+    error?: string;
+    valid?: true | string;
+    loading?: boolean;
+}
+export declare function Input(props: InputProps): JSX.Element;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/lib-esm/components/forms/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/forms/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqJtE,UAAU,WAAW;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE9B,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,aAAa,CAAC,EAAE,WAAW,CAAC;IAE5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAEtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,eA8DtC"}