reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/cjs/components/Table/FlexTable.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const getRowKey = (row, idx, rowKey) => {
+    if (typeof rowKey === "function")
+        return rowKey(row, idx);
+    if (typeof rowKey === "string")
+        return String(row[rowKey]);
+    return String(idx);
+};
+const getAriaSortValue = (colKey, sortable, sortColumn, sortDirection) => {
+    if (!sortable)
+        return undefined;
+    if (sortColumn !== colKey)
+        return "none";
+    return sortDirection === "asc" ? "ascending" : "descending";
+};
+const SortIndicator = ({ active, direction, }) => (React.createElement("span", { className: `resoui_flexTable_sort_indicator${active ? " resoui_flexTable_sort_active" : ""}`, "aria-hidden": "true" }, active && direction === "asc" ? "↑" : active && direction === "desc" ? "↓" : "↕"));
+const FlexTable = ({ columns, data, rowKey, onRowClick, loading = false, emptyText = "No data", sortColumn, sortDirection, onSort, rootClassName, rootStyles = {}, }) => {
+    const gridTemplateColumns = columns
+        .map((col) => col.width || "1fr")
+        .join(" ");
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({ resoui_flexTable_container: true }, rootClassName));
+    const handleSortClick = (colKey) => {
+        if (typeof onSort !== "function")
+            return;
+        if (sortColumn === colKey) {
+            onSort(colKey, sortDirection === "asc" ? "desc" : "asc");
+        }
+        else {
+            onSort(colKey, "asc");
+        }
+    };
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "flex-table-root" },
+        React.createElement("div", { className: "resoui_flexTable_grid", style: { gridTemplateColumns }, role: "table" },
+            React.createElement("div", { className: "resoui_flexTable_header_row", "data-testid": "flex-table-header", style: { gridColumn: `1 / -1`, display: "contents" }, role: "row" }, columns.map((col) => (React.createElement("div", { key: col.key, className: `resoui_flexTable_header_cell${col.sortable ? " resoui_flexTable_header_cell_sortable" : ""}`, onClick: col.sortable ? () => handleSortClick(col.key) : undefined, role: "columnheader", "aria-sort": getAriaSortValue(col.key, col.sortable, sortColumn, sortDirection) },
+                React.createElement("span", null, col.label),
+                col.sortable && (React.createElement(SortIndicator, { active: sortColumn === col.key, direction: sortDirection })))))),
+            loading && (React.createElement("div", { className: "resoui_flexTable_overlay", style: { gridColumn: `1 / -1` }, role: "row" },
+                React.createElement("span", { className: "resoui_flexTable_loading_text", role: "cell" }, "Loading..."))),
+            !loading && data.length === 0 && (React.createElement("div", { className: "resoui_flexTable_overlay", style: { gridColumn: `1 / -1` }, role: "row" },
+                React.createElement("span", { className: "resoui_flexTable_empty_text", role: "cell" }, emptyText))),
+            !loading &&
+                data.map((row, rowIdx) => (React.createElement("div", { key: getRowKey(row, rowIdx, rowKey), className: `resoui_flexTable_row${typeof onRowClick === "function" ? " resoui_flexTable_row_clickable" : ""}`, style: { gridColumn: `1 / -1`, display: "contents" }, onClick: typeof onRowClick === "function"
+                        ? () => onRowClick(row, rowIdx)
+                        : undefined, "data-testid": `flex-table-row-${rowIdx}`, role: "row" }, columns.map((col) => (React.createElement("div", { key: col.key, className: "resoui_flexTable_cell", "data-testid": `flex-table-cell-${col.key}-${rowIdx}`, role: "cell" }, typeof col.render === "function"
+                    ? col.render(row[col.key], row, rowIdx)
+                    : row[col.key])))))))));
+};
+
+exports.FlexTable = FlexTable;
+//# sourceMappingURL=FlexTable.js.map

package/dist/cjs/components/Table/FlexTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexTable.js","sources":["../../../../src/library/components/Table/FlexTable.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":"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"}

package/dist/cjs/components/Tabs/Tab.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var Tabs = require('./Tabs.js');
+var styles = require('../../utils/styles.js');
+
+const Tab = ({ tabKey, label, disabled = false, rootClassName, rootStyles = {}, }) => {
+    const { activeTab, setActiveTab } = Tabs.useTabsContext();
+    const isActive = activeTab === tabKey;
+    const buttonStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_tab_btn: true,
+        resoui_tab_active: isActive,
+    }, rootClassName, { disabled }));
+    return (React.createElement("button", { className: buttonStyles, style: rootStyles, role: "tab", id: `tab-${tabKey}`, "aria-selected": isActive, "aria-controls": `tab-panel-${tabKey}`, disabled: disabled, onClick: () => {
+            if (!disabled) {
+                setActiveTab(tabKey);
+            }
+        }, "data-testid": `tab-${tabKey}` }, label));
+};
+
+exports.Tab = Tab;
+//# sourceMappingURL=Tab.js.map

package/dist/cjs/components/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/library/components/Tabs/Tab.tsx"],"sourcesContent":[null],"names":["useTabsContext","createComponentStyles","createLayoutStyles"],"mappings":";;;;;;MAca,GAAG,GAAG,CAAC,EAClB,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,UAAU,GAAG,EAAE,GACL,KAAI;IACd,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAGA,mBAAc,EAAE;AACpD,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM;AAErC,IAAA,MAAM,YAAY,GAAGC,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,iBAAiB,EAAE,QAAQ;AAC5B,KAAA,EACD,aAAa,EACb,EAAE,QAAQ,EAAE,CACb,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,KAAK,EACV,EAAE,EAAE,CAAA,IAAA,EAAO,MAAM,CAAA,CAAE,EAAA,eAAA,EACJ,QAAQ,EAAA,eAAA,EACR,aAAa,MAAM,CAAA,CAAE,EACpC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,MAAK;YACZ,IAAI,CAAC,QAAQ,EAAE;gBACb,YAAY,CAAC,MAAM,CAAC;AACrB,YAAA;QACH,CAAC,EAAA,aAAA,EACY,OAAO,MAAM,CAAA,CAAE,IAE3B,KAAK,CACC;AAEb;;;;"}

package/dist/cjs/components/Tabs/TabList.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const TabList = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({ resoui_tabList_container: true }, rootClassName));
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, role: "tablist" }, children));
+};
+
+exports.TabList = TabList;
+//# sourceMappingURL=TabList.js.map

package/dist/cjs/components/Tabs/TabList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.js","sources":["../../../../src/library/components/Tabs/TabList.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAWO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACD,KAAI;AAClB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAAC,EAAE,wBAAwB,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC,CACtE;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,SAAS,IAEb,QAAQ,CACL;AAEV;;;;"}

package/dist/cjs/components/Tabs/TabPanel.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var Tabs = require('./Tabs.js');
+var styles = require('../../utils/styles.js');
+
+const TabPanel = ({ tabKey, children, rootClassName, rootStyles = {}, }) => {
+    const { activeTab } = Tabs.useTabsContext();
+    const isActive = activeTab === tabKey;
+    if (!isActive) {
+        return null;
+    }
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({ resoui_tabPanel_container: true }, rootClassName));
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, role: "tabpanel", id: `tab-panel-${tabKey}`, "aria-labelledby": `tab-${tabKey}`, "data-testid": `tab-panel-${tabKey}` }, children));
+};
+
+exports.TabPanel = TabPanel;
+//# sourceMappingURL=TabPanel.js.map

package/dist/cjs/components/Tabs/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../../../src/library/components/Tabs/TabPanel.tsx"],"sourcesContent":[null],"names":["useTabsContext","createComponentStyles","createLayoutStyles"],"mappings":";;;;;;AAaO,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACA,KAAI;AACnB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,mBAAc,EAAE;AACtC,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM;IAErC,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,IAAI;AACZ,IAAA;AAED,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAAC,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC,CACvE;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EACjB,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,CAAA,UAAA,EAAa,MAAM,CAAA,CAAE,EAAA,iBAAA,EACR,CAAA,IAAA,EAAO,MAAM,CAAA,CAAE,EAAA,aAAA,EACnB,CAAA,UAAA,EAAa,MAAM,CAAA,CAAE,EAAA,EAEjC,QAAQ,CACL;AAEV;;;;"}

package/dist/cjs/components/Tabs/Tabs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const TabsContext = React.createContext({
+    activeTab: "",
+    setActiveTab: () => undefined,
+});
+const useTabsContext = () => React.useContext(TabsContext);
+const Tabs = ({ defaultTab = "", onChange, children, rootClassName, rootStyles = {}, }) => {
+    const [activeTab, setActiveTab] = React.useState(defaultTab);
+    const handleTabChange = (key) => {
+        setActiveTab(key);
+        if (typeof onChange === "function") {
+            onChange(key);
+        }
+    };
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({ resoui_tabs_container: true }, rootClassName));
+    return (React.createElement(TabsContext.Provider, { value: { activeTab, setActiveTab: handleTabChange } },
+        React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "tabs-root" }, children)));
+};
+
+exports.Tabs = Tabs;
+exports.TabsContext = TabsContext;
+exports.useTabsContext = useTabsContext;
+//# sourceMappingURL=Tabs.js.map

package/dist/cjs/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/library/components/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useState","createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAcO,MAAM,WAAW,GAAGA,mBAAa,CAAe;AACrD,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,YAAY,EAAE,MAAM,SAAS;AAC9B,CAAA;AAEM,MAAM,cAAc,GAAG,MAAMC,gBAAU,CAAC,WAAW;MAQ7C,IAAI,GAAG,CAAC,EACnB,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACJ,KAAI;IACf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGC,cAAQ,CAAC,UAAU,CAAC;AAEtD,IAAA,MAAM,eAAe,GAAG,CAAC,GAAW,KAAI;QACtC,YAAY,CAAC,GAAG,CAAC;AACjB,QAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,GAAG,CAAC;AACd,QAAA;AACH,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC,CACnE;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,EAAA;AACvE,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,WAAW,EAAA,EAEtB,QAAQ,CACL,CACe;AAE3B;;;;;;"}

package/dist/cjs/components/Text/Text.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const Text = ({ id, Element = "span", sizing = "default", size = 3, children, noSelect = false, noBlockMargin = false, noInlineMargin = false, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const elementIsHeading = () => {
+        return (Element === "h1" ||
+            Element === "h2" ||
+            Element === "h3" ||
+            Element === "h4" ||
+            Element === "h5" ||
+            Element === "h6");
+    };
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        /**
+         * Element Specific Styles
+         */
+        resoui_p_base: Element === "p",
+        resoui_span_base: Element === "span",
+        [`resoui_heading_${Element}_base`]: elementIsHeading(),
+        /**
+         * Sizing for p or span
+         */
+        [`resoui_fontsize_${sizing}_${size}`]: !elementIsHeading(),
+        /**
+         * Others
+         */
+        resoui_text_no_block_margin: noBlockMargin === true,
+        resoui_text_no_inline_margin: noInlineMargin === true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: noSelect,
+    }));
+    return (React.createElement(Element, { id: id, "data-testid": "text-root", className: containerStyles, style: rootStyles }, children));
+};
+
+exports.Text = Text;
+//# sourceMappingURL=Text.js.map

package/dist/cjs/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../src/library/components/Text/Text.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;MAsCa,IAAI,GAAG,CAAC,EACnB,EAAE,EACF,OAAO,GAAG,MAAM,EAChB,MAAM,GAAG,SAAS,EAClB,IAAI,GAAG,CAAC,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACL,KAAI;IACf,MAAM,gBAAgB,GAAG,MAAK;QAC5B,QACE,OAAO,KAAK,IAAI;AAChB,YAAA,OAAO,KAAK,IAAI;AAChB,YAAA,OAAO,KAAK,IAAI;AAChB,YAAA,OAAO,KAAK,IAAI;AAChB,YAAA,OAAO,KAAK,IAAI;YAChB,OAAO,KAAK,IAAI;AAEpB,IAAA,CAAC;AAED,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE;;AAEG;QACH,aAAa,EAAE,OAAO,KAAK,GAAG;QAC9B,gBAAgB,EAAE,OAAO,KAAK,MAAM;AACpC,QAAA,CAAC,kBAAkB,OAAO,CAAA,KAAA,CAAO,GAAG,gBAAgB,EAAE;AACtD;;AAEG;QACH,CAAC,CAAA,gBAAA,EAAmB,MAAM,CAAA,CAAA,EAAI,IAAI,EAAE,GAAG,CAAC,gBAAgB,EAAE;AAC1D;;AAEG;QACH,2BAA2B,EAAE,aAAa,KAAK,IAAI;QACnD,4BAA4B,EAAE,cAAc,KAAK,IAAI;AACtD,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,QAAQ;AAC3B,KAAA,CACF,CACF;IAED,QACE,oBAAC,OAAO,EAAA,EACN,EAAE,EAAE,EAAE,iBACM,WAAW,EACvB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACD;AAEd;;;;"}

package/dist/cjs/context/ResponsiveContext.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+
+const ResponsiveContext = React.createContext({
+    isMobile: false,
+    isTablet: false,
+    isMdDesktop: false,
+    isLgDesktop: false,
+    isXLgDesktop: false,
+    windowWidth: 0,
+    windowHeight: 0,
+});
+
+exports.ResponsiveContext = ResponsiveContext;
+//# sourceMappingURL=ResponsiveContext.js.map

package/dist/cjs/context/ResponsiveContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAYO,MAAM,iBAAiB,GAAGA,mBAAa,CAAqB;AACjE,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AAChB,CAAA;;;;"}

package/dist/cjs/context/ThemeContext.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+
+const ThemeContext = React.createContext({
+    mode: "light",
+    resolvedMode: "light",
+    setMode: () => undefined,
+    theme: {},
+});
+
+exports.ThemeContext = ThemeContext;
+//# sourceMappingURL=ThemeContext.js.map

package/dist/cjs/context/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sources":["../../../src/library/context/ThemeContext.ts"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAUO,MAAM,YAAY,GAAGA,mBAAa,CAAgB;AACvD,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,YAAY,EAAE,OAAO;AACrB,IAAA,OAAO,EAAE,MAAM,SAAS;AACxB,IAAA,KAAK,EAAE,EAAE;AACV,CAAA;;;;"}

package/dist/cjs/forms/Containers/Control-Wrapper/Control-Wrapper.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var Flex = require('../../../components/Containers/Flex/Flex.js');
+var styles = require('../../../utils/styles.js');
+
+const ControlWrapper = ({ layout = "row", rootClassName, rootStyles = {}, children, mb = 4, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_controlWrapper_container: true,
+    }, rootClassName));
+    return (React.createElement(Flex.Flex
+    // rootStyles={{ border: "1px solid blue" }}
+    , { 
+        // rootStyles={{ border: "1px solid blue" }}
+        direction: layout === "row" ? "row" : "column", align: "start", justify: "start", rootClassName: containerClasses, rootStyles: rootStyles, mb: mb, ...spacingsProps }, children));
+};
+
+exports.ControlWrapper = ControlWrapper;
+//# sourceMappingURL=Control-Wrapper.js.map

package/dist/cjs/forms/Containers/Control-Wrapper/Control-Wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control-Wrapper.js","sources":["../../../../../src/library/forms/Containers/Control-Wrapper/Control-Wrapper.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","Flex"],"mappings":";;;;;;AA0BO,MAAM,cAAc,GAAG,CAAC,EAC7B,MAAM,GAAG,KAAK,EACd,aAAa,EACb,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACK,KAAI;AACzB,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;KACtC,EACD,aAAa,CACd,CACF;IAED,QACE,oBAACC;;;;AAEC,QAAA,SAAS,EAAE,MAAM,KAAK,KAAK,GAAG,KAAK,GAAG,QAAQ,EAC9C,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,gBAAgB,EAC/B,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,EAAE,EAAA,GACF,aAAa,IAEhB,QAAQ,CACJ;AAEX;;;;"}

package/dist/cjs/forms/Containers/Form-Container/Form-Container.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const FormContainer = ({ id, rootClassName, rootStyles = {}, onSubmit, onInvalid, noValidate = false, children, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_container: true,
+    }, spacingsProps), rootClassName));
+    return (React.createElement("form", { id: id, onInvalid: onInvalid, noValidate: noValidate, "data-testid": "form-root", className: containerClasses, style: rootStyles, onSubmit: (e) => {
+            e.preventDefault();
+            onSubmit();
+        } }, children));
+};
+
+exports.FormContainer = FormContainer;
+//# sourceMappingURL=Form-Container.js.map

package/dist/cjs/forms/Containers/Form-Container/Form-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form-Container.js","sources":["../../../../../src/library/forms/Containers/Form-Container/Form-Container.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AA2BO,MAAM,aAAa,GAAG,CAAC,EAC5B,EAAE,EACF,aAAa,EACb,UAAU,GAAG,EAAE,EACf,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC5B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EAAA,aAAA,EACV,WAAW,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,QAAQ,EAAE;AACZ,QAAA,CAAC,EAAA,EAEA,QAAQ,CACJ;AAEX;;;;"}

package/dist/cjs/forms/Containers/Sub-Form-Container/Sub-Form-Container.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const SubFormContainer = ({ title, rootClassName, rootStyles = {}, contentClassName, contentStyles = {}, headerClassName, headerStyles = {}, children, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_subForm_container: true,
+    }, spacingsProps), rootClassName));
+    const headerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_subForm_header: true,
+        resoui_heading: true,
+    }, headerClassName, {
+        resoui_no_select: true,
+    }));
+    const contentClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_subForm_content: true,
+    }, contentClassName, {
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": "subForm-root", className: containerClasses, style: rootStyles },
+        React.createElement("div", { "data-testid": "subForm-header", className: headerClasses, style: headerStyles }, title),
+        React.createElement("div", { className: contentClasses, style: contentStyles }, children)));
+};
+
+exports.SubFormContainer = SubFormContainer;
+//# sourceMappingURL=Sub-Form-Container.js.map

package/dist/cjs/forms/Containers/Sub-Form-Container/Sub-Form-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sub-Form-Container.js","sources":["../../../../../src/library/forms/Containers/Sub-Form-Container/Sub-Form-Container.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AA4BO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,GAAG,aAAa,EACO,KAAI;AAC3B,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,aAAa,GAAGF,4BAAqB,CACzCC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,cAAc,EAAE,IAAI;AACrB,KAAA,EACD,eAAe,EACf;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC7B,KAAA,EACD,gBAAgB,EAChB;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,cAAc,EAC1B,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA;QAEjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,gBAAgB,EAC5B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,YAAY,EAAA,EAElB,KAAK,CACF;AACN,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAA,EACjD,QAAQ,CACL,CACF;AAEV;;;;"}

package/dist/cjs/forms/Controls/Checkbox/Checkbox.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react');
+var useInputValidatorsMemo = require('../../Hooks/useInputValidatorsMemo.js');
+var index = require('../../Validators/index.js');
+var styles = require('../../../utils/styles.js');
+
+const Checkbox = ({ id = null, children, value, onChange, onBlur, onFocus, useHTMLErrorMessage = false, validateOnLoad, error, setError, disabled = false, required = false, readonly = false, autofocus = false, rootClassName, rootStyles = {}, inputClassName, inputStyles = {}, customValidators = [], ...spacingsProps }) => {
+    const inputValidators = useInputValidatorsMemo.default("boolean", {
+        required,
+    }, customValidators);
+    // on render
+    React.useEffect(() => {
+        if (validateOnLoad) {
+            index.validate(value, inputValidators, setError);
+        }
+    }, []);
+    const handleInputChange = (e) => {
+        const val = e.target.checked;
+        index.validate(val, inputValidators, setError);
+        onChange(val);
+    };
+    const handleInputInvalid = (e) => {
+        if (!useHTMLErrorMessage) {
+            e.preventDefault();
+            index.validate(value, inputValidators, setError);
+        }
+    };
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_form_input_container: true,
+        resoui_checkbox_container: true,
+    }, spacingsProps), rootClassName));
+    const inputClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_input_text: true,
+        resoui_form_controls_input: true,
+        resoui_input_checkbox: true,
+    }, inputClassName, {
+        disabled,
+    }));
+    return (React.createElement("div", { className: containerClasses, style: rootStyles, "data-testid": `checkbox-${id}-container` },
+        React.createElement("input", { "data-testid": `checkbox-${id}-input`, id: id, type: "checkbox", checked: value, onChange: handleInputChange, onBlur: onBlur, onFocus: onFocus, onInvalid: handleInputInvalid, disabled: disabled, readOnly: readonly, required: required, autoFocus: autofocus, className: inputClasses, style: inputStyles }),
+        React.createElement("div", { className: "resoui_checkbox_right_container" },
+            children && React.createElement("div", { className: "resoui_checkbox_children" }, children),
+            error && (React.createElement("p", { "data-testid": `checkbox-${id}-error`, className: "resoui_form_input_error resoui_checkbox_error" }, error)))));
+};
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/cjs/forms/Controls/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/library/forms/Controls/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"names":["useInputValidatorsMemo","useEffect","validate","createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":"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"}

package/dist/cjs/forms/Controls/Date-Selector/Date-Selector.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var React = require('react');
+var DateSelectorHeader = require('./components/Date-Selector-Header/Date-Selector-Header.js');
+var DateSelectorView = require('./components/Date-Selector-View/Date-Selector-View.js');
+var styles = require('../../../utils/styles.js');
+var validations = require('../../../utils/validations.js');
+var useClickOutside = require('../../../hooks/useClickOutside.js');
+var index = require('./utils/index.js');
+
+const DateSelector = ({ value, min, max, onChange, onReset, disabled = false, rootClassName, rootStyles, gridContainerClassName, gridContainerStyles = {}, format, getDisplayDayNumber, getDisplayDayName, getDisplayMonth, getDisplayYear, ...spacingsProps }) => {
+    const dateSelectorNodeRef = React.useRef();
+    const dateNow = new Date();
+    //   states
+    const [isOpen, setIsOpen] = React.useState(false);
+    // initialize
+    const [dateDate, setDateDate] = React.useState(1);
+    const [dateYear, setDateYear] = React.useState(null);
+    const [dateMonth, setDateMonth] = React.useState(null);
+    useClickOutside.useClickOutside(dateSelectorNodeRef, () => {
+        setIsOpen(false);
+    });
+    React.useEffect(() => {
+        if (value) {
+            setDateDate(value.getDate());
+            setDateYear(value.getFullYear());
+            setDateMonth(value.getMonth());
+        }
+        else {
+            const today = new Date();
+            setDateYear(today.getFullYear());
+            setDateMonth(today.getMonth());
+        }
+        // tslint:disable-next-line: no-empty
+        return () => { };
+    }, [value, min, max]);
+    const getHeaderText = () => {
+        if (validations.hasValue(value)) {
+            if (validations.methodHasValue(format)) {
+                return format(value);
+            }
+            const dateNumberStr = validations.methodHasValue(getDisplayDayNumber)
+                ? getDisplayDayNumber(dateDate)
+                : dateDate;
+            const dateMonthStr = validations.methodHasValue(getDisplayMonth)
+                ? getDisplayMonth(dateMonth)
+                : index.getMonthDisplayNameDefault(dateMonth);
+            const dateYearStr = validations.methodHasValue(getDisplayYear)
+                ? getDisplayYear(dateYear)
+                : dateYear;
+            return `${dateNumberStr} ${dateMonthStr} ${dateYearStr}`;
+        }
+        return "All-time";
+    };
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_date_selector_container: true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": "date-selector-root", className: containerStyles, style: rootStyles, ref: dateSelectorNodeRef },
+        React.createElement(DateSelectorHeader.DateSelectorHeader, { text: getHeaderText(), disabled: disabled, onClick: () => {
+                if (!disabled) {
+                    setIsOpen(!isOpen);
+                }
+            } }),
+        React.createElement(DateSelectorView.DateSelectorView, { isOpen: isOpen, setIsOpen: setIsOpen, value: value, min: min, max: max, onChange: onChange, onReset: onReset, dateNow: dateNow, dateDate: dateDate, setDateDate: setDateDate, dateMonth: dateMonth, setDateMonth: setDateMonth, dateYear: dateYear, setDateYear: setDateYear, format: format, getDisplayDayNumber: getDisplayDayNumber, getDisplayDayName: getDisplayDayName, getDisplayMonth: getDisplayMonth, getDisplayYear: getDisplayYear })));
+};
+
+exports.DateSelector = DateSelector;
+//# sourceMappingURL=Date-Selector.js.map

package/dist/cjs/forms/Controls/Date-Selector/Date-Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Selector.js","sources":["../../../../../src/library/forms/Controls/Date-Selector/Date-Selector.tsx"],"sourcesContent":[null],"names":["useRef","useState","useClickOutside","useEffect","hasValue","methodHasValue","getMonthDisplayNameDefault","createComponentStyles","createLayoutStyles","withSpacingsProps","DateSelectorHeader","DateSelectorView"],"mappings":"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"}

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var React = require('react');
+var ChevronSingleLeft = require('../../../../../icons/svg/ChevronSingleLeft.svg.js');
+var ChevronSingleRight = require('../../../../../icons/svg/ChevronSingleRight.svg.js');
+var Icon = require('../../../../../components/Icon/Icon.js');
+var styles = require('../../../../../utils/styles.js');
+var validations = require('../../../../../utils/validations.js');
+
+const ICON_SIZE = 20;
+const DateComponentNavigation = ({ value, disablePrevious = false, disableNext = false, onClickPrevious, onClickNext, customPreviousComponent, customNextComponent, textClassName, textStyles = {}, previousBtnClassName, previousBtnStyles = {}, nextBtnClassName, nextBtnStyles = {}, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_component_navigation_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const previousContainerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_component_navigation_button: true,
+    }, previousBtnClassName, {
+        resoui_no_select: true,
+        disabled: disablePrevious,
+    }));
+    const nextContainerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_component_navigation_button: true,
+    }, nextBtnClassName, {
+        resoui_no_select: true,
+        disabled: disableNext,
+    }));
+    const valueClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_component_navigation_text: true,
+    }, textClassName, {
+        resoui_no_select: true,
+    }));
+    const renderPreviousComponent = validations.methodHasValue(customPreviousComponent)
+        ? customPreviousComponent
+        : () => (React.createElement(Icon.Icon, { SvgIcon: ChevronSingleLeft.default, width: ICON_SIZE, height: ICON_SIZE }));
+    const renderNextComponent = validations.methodHasValue(customNextComponent)
+        ? customNextComponent
+        : () => (React.createElement(Icon.Icon, { SvgIcon: ChevronSingleRight.default, width: ICON_SIZE, height: ICON_SIZE }));
+    return (React.createElement("div", { "data-testid": "date-selector-nav-root", className: containerStyles, style: rootStyles },
+        React.createElement("button", { "data-testid": "date-selector-nav-btn-prev", className: previousContainerStyles, onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disablePrevious && validations.methodHasValue(onClickPrevious)) {
+                    onClickPrevious();
+                }
+            }, style: previousBtnStyles }, renderPreviousComponent()),
+        React.createElement("span", { "data-testid": "date-selector-nav-text", className: valueClasses, style: textStyles }, value),
+        React.createElement("button", { "data-testid": "date-selector-nav-btn-next", className: nextContainerStyles, onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (!disableNext && validations.methodHasValue(onClickNext)) {
+                    onClickNext();
+                }
+            }, style: nextBtnStyles }, renderNextComponent())));
+};
+
+exports.DateComponentNavigation = DateComponentNavigation;
+exports.ICON_SIZE = ICON_SIZE;
+//# sourceMappingURL=Date-Component-Navigation.js.map

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Component-Navigation.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Component-Navigation/Date-Component-Navigation.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","methodHasValue","Icon","ChevronSingleLeft","ChevronSingleRight"],"mappings":"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"}

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../../../utils/styles.js');
+
+const DateDayName = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_selector_grid_unit: true,
+        resoui_date_day_name_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    return (React.createElement("div", { "data-testid": "date-day-name-root", className: containerStyles, style: rootStyles }, children));
+};
+
+exports.DateDayName = DateDayName;
+//# sourceMappingURL=Date-Day-Name.js.map

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Day-Name.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Day-Name/Date-Day-Name.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAoBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,8BAA8B,EAAE,IAAI;AACrC,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,oBAAoB,EAChC,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACL;AAEV;;;;"}

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var styles = require('../../../../../utils/styles.js');
+var validations = require('../../../../../utils/validations.js');
+
+const DateDayNumberComponent = ({ dayNumber, dayNumberDisplay, isToday = false, isSelected = false, disabled = false, onClick, selectedClassName, selectedStyles = {}, markerClassName, markerStyles = {}, dateNumberClassName, dateNumberStyle = {}, rootClassName, rootStyles = {}, }) => {
+    const containerStyleDefault = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_selector_grid_unit: true,
+        resoui_date_day_number_container: true,
+        resoui_date_day_number_container_disabled: disabled,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const containerStyleSelected = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_day_number_selected: isSelected,
+    }, selectedClassName));
+    const todayMarkerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_day_number_today_marker: true,
+    }, markerClassName));
+    const textClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_date_day_number_span: true,
+        resoui_date_day_number_text_disabled: disabled,
+    }, dateNumberClassName));
+    const containerClasses = classnames(containerStyleDefault, !disabled && isSelected ? containerStyleSelected : {});
+    const containerStyle = {
+        ...rootStyles,
+        ...(!disabled && isSelected && validations.objectHasValue(selectedStyles)
+            ? selectedStyles
+            : {}),
+    };
+    const dayNumberText = validations.hasValue(dayNumberDisplay)
+        ? dayNumberDisplay
+        : dayNumber;
+    return (React.createElement("div", { "data-testid": "date-day-number-root", className: containerClasses, onClick: () => {
+            if (!disabled && validations.methodHasValue(onClick)) {
+                onClick(dayNumber);
+            }
+        }, style: containerStyle },
+        isToday && (React.createElement("div", { "data-testid": "date-day-number-today", className: todayMarkerStyles, style: markerStyles })),
+        React.createElement("span", { className: textClasses, style: dateNumberStyle }, dayNumberText)));
+};
+
+exports.DateDayNumberComponent = DateDayNumberComponent;
+//# sourceMappingURL=Date-Day-Number.js.map

package/dist/cjs/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Date-Day-Number.js","sources":["../../../../../../../src/library/forms/Controls/Date-Selector/components/Date-Day-Number/Date-Day-Number.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","objectHasValue","hasValue","methodHasValue"],"mappings":";;;;;;;MAuCa,sBAAsB,GAAG,CAAC,EACrC,SAAS,EACT,gBAAgB,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,iBAAiB,EACjB,cAAc,GAAG,EAAE,EACnB,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,mBAAmB,EACnB,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,GACc,KAAI;AACjC,IAAA,MAAM,qBAAqB,GAAGA,4BAAqB,CACjDC,yBAAkB,CAChB;AACE,QAAA,8BAA8B,EAAE,IAAI;AACpC,QAAA,gCAAgC,EAAE,IAAI;AACtC,QAAA,yCAAyC,EAAE,QAAQ;AACpD,KAAA,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,sBAAsB,GAAGD,4BAAqB,CAClDC,yBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,UAAU;KAC5C,EACD,iBAAiB,CAClB,CACF;AAED,IAAA,MAAM,iBAAiB,GAAGD,4BAAqB,CAC7CC,yBAAkB,CAChB;AACE,QAAA,mCAAmC,EAAE,IAAI;KAC1C,EACD,eAAe,CAChB,CACF;AAED,IAAA,MAAM,WAAW,GAAGD,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;AACjC,QAAA,oCAAoC,EAAE,QAAQ;KAC/C,EACD,mBAAmB,CACpB,CACF;AAED,IAAA,MAAM,gBAAgB,GAAG,UAAU,CACjC,qBAAqB,EACrB,CAAC,QAAQ,IAAI,UAAU,GAAG,sBAAsB,GAAG,EAAE,CACtD;AACD,IAAA,MAAM,cAAc,GAAG;AACrB,QAAA,GAAG,UAAU;QACb,IAAI,CAAC,QAAQ,IAAI,UAAU,IAAIC,0BAAc,CAAC,cAAc;AAC1D,cAAE;cACA,EAAE,CAAC;KACR;AACD,IAAA,MAAM,aAAa,GAAGC,oBAAQ,CAAC,gBAAgB;AAC7C,UAAE;UACA,SAAS;IAEb,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,CAAC,QAAQ,IAAIC,0BAAc,CAAC,OAAO,CAAC,EAAE;gBACxC,OAAO,CAAC,SAAS,CAAC;AACnB,YAAA;QACH,CAAC,EACD,KAAK,EAAE,cAAc,EAAA;AAEpB,QAAA,OAAO,KACN,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,uBAAuB,EACnC,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,YAAY,GACnB,CACH;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,eAAe,EAAA,EACjD,aAAa,CACT,CACH;AAEV;;;;"}