reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/esm/components/Panel/Panel-Container/Panel-Container.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Panel-Container.layout.scss";
+import "./styles/Panel-Container.theme.scss";
+export interface IPanelContainerProps extends IComponent {
+    children: React.ReactNode;
+}
+export declare const PanelContainer: ({ children, rootClassName, rootStyles, }: IPanelContainerProps) => React.JSX.Element;

package/dist/esm/components/Panel/Panel-Container/Panel-Container.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const PanelContainer = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_panel_container: true,
+    }, rootClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "panel-container-root" }, children));
+};
+
+export { PanelContainer };
+//# sourceMappingURL=Panel-Container.js.map

package/dist/esm/components/Panel/Panel-Container/Panel-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Container.js","sources":["../../../../../src/library/components/Panel/Panel-Container/Panel-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAmBO,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;KAC7B,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,sBAAsB,EAAA,EAEjC,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/components/Panel/Panel-Row/Panel-Row.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const PanelRow = ({ keyStr, value, rootClassName, rootStyles = {}, keyClassName, keyStyles = {}, valueClassName, valueStyles = {}, }) => {
+    const rowClasses = createComponentStyles(createLayoutStyles({
+        resoui_panel_row_container: true,
+    }, rootClassName));
+    const keyClasses = createComponentStyles(createLayoutStyles({
+        resoui_panel_row_key: true,
+    }, keyClassName));
+    const valueClasses = createComponentStyles(createLayoutStyles({
+        resoui_panel_row_value: true,
+    }, valueClassName));
+    return (React__default.createElement("div", { className: rowClasses, style: rootStyles, "data-testid": "panel-row-root" },
+        React__default.createElement("span", { className: keyClasses, style: keyStyles, "data-testid": "panel-row-key" }, keyStr),
+        React__default.createElement("span", { className: valueClasses, style: valueStyles, "data-testid": "panel-row-value" }, value)));
+};
+
+export { PanelRow };
+//# sourceMappingURL=Panel-Row.js.map

package/dist/esm/components/Panel/Panel-Row/Panel-Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Row.js","sources":["../../../../../src/library/components/Panel/Panel-Row/Panel-Row.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAuBO,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,cAAc,EACd,WAAW,GAAG,EAAE,GACD,KAAI;AACnB,IAAA,MAAM,UAAU,GAAG,qBAAqB,CACtC,kBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;KACjC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,UAAU,GAAG,qBAAqB,CACtC,kBAAkB,CAChB;AACE,QAAA,oBAAoB,EAAE,IAAI;KAC3B,EACD,YAAY,CACb,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;KAC7B,EACD,cAAc,CACf,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAA,aAAA,EAAc,gBAAgB,EAAA;QACzEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,SAAS,EAAA,aAAA,EACJ,eAAe,EAAA,EAE1B,MAAM,CACF;AACP,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,WAAW,EAAA,aAAA,EACN,iBAAiB,EAAA,EAE5B,KAAK,CACD,CACH;AAEV;;;;"}

package/dist/esm/components/Panel/Panel-Title/Panel-Title.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Panel-Title.layout.scss";
+import "./styles/Panel-Title.theme.scss";
+export interface IPanelTitleProps extends IComponent {
+    text: string;
+}
+export declare const PanelTitle: ({ text, rootClassName, rootStyles, }: IPanelTitleProps) => React.JSX.Element;

package/dist/esm/components/Panel/Panel-Title/Panel-Title.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const PanelTitle = ({ text, rootClassName, rootStyles = {}, }) => {
+    const titleStyles = createComponentStyles(createLayoutStyles({
+        resoui_panel_title: true,
+    }, rootClassName));
+    return (React__default.createElement("p", { className: titleStyles, style: rootStyles, "data-testid": "panel-title-root" }, text));
+};
+
+export { PanelTitle };
+//# sourceMappingURL=Panel-Title.js.map

package/dist/esm/components/Panel/Panel-Title/Panel-Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Title.js","sources":["../../../../../src/library/components/Panel/Panel-Title/Panel-Title.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAmBO,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,GACE,KAAI;AACrB,IAAA,MAAM,WAAW,GAAG,qBAAqB,CACvC,kBAAkB,CAChB;AACE,QAAA,kBAAkB,EAAE,IAAI;KACzB,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,iBACL,kBAAkB,EAAA,EAE7B,IAAI,CACH;AAER;;;;"}

package/dist/esm/components/Quantity-Counter/Quantity-Counter.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import "./styles/Quantity-Counter.layout.scss";
+import "./styles/Quantity-Counter.theme.scss";
+export interface IQuantityCounter extends IComponent {
+    value: number;
+    onChange?: (val: number) => void;
+    onAdd?: () => void;
+    onSubtract?: () => void;
+    min?: number;
+    max?: number;
+}
+export declare const QuantityCounter: ({ value, onAdd, onSubtract, onChange, min, max, rootClassName, rootStyles, }: IQuantityCounter) => React.JSX.Element;
+export default QuantityCounter;

package/dist/esm/components/Quantity-Counter/Quantity-Counter.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const QuantityCounter = ({ value = 1, onAdd, onSubtract, onChange, min = 1, max, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_quantityCounter_container: true,
+    }, rootClassName));
+    return (React__default.createElement("div", { className: containerStyles, "data-testid": "quantity-counter-root", style: rootStyles },
+        React__default.createElement("div", { className: "resoui_quantityCounter_counterBox resoui_no_select", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (value > min) {
+                    if (typeof onChange === "function") {
+                        onChange(value - 1);
+                    }
+                    if (typeof onSubtract === "function") {
+                        onSubtract();
+                    }
+                }
+            }, role: "button", "data-testid": "quantity-counter-subtract" }, "-"),
+        React__default.createElement("span", { "data-testid": "quantity-counter-value" }, value),
+        React__default.createElement("div", { className: "resoui_quantityCounter_counterBox resoui_no_select", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (typeof max === "number" ? value < max : true) {
+                    if (typeof onChange === "function") {
+                        onChange(value + 1);
+                    }
+                    if (typeof onAdd === "function") {
+                        onAdd();
+                    }
+                }
+            }, role: "button", "data-testid": "quantity-counter-add" }, "+")));
+};
+
+export { QuantityCounter };
+//# sourceMappingURL=Quantity-Counter.js.map

package/dist/esm/components/Quantity-Counter/Quantity-Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity-Counter.js","sources":["../../../../src/library/components/Quantity-Counter/Quantity-Counter.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,GAAG,CAAC,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,GAAG,EACH,aAAa,EACb,UAAU,GAAG,EAAE,GACE,KAAI;AACrB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;KACvC,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,iBACd,uBAAuB,EACnC,KAAK,EAAE,UAAU,EAAA;QAEjBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,KAAK,GAAG,GAAG,EAAE;AACf,oBAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,wBAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,oBAAA;AACD,oBAAA,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;AACpC,wBAAA,UAAU,EAAE;AACb,oBAAA;AACF,gBAAA;YACH,CAAC,EACD,IAAI,EAAC,QAAQ,iBACD,2BAA2B,EAAA,EAEtC,GAAG,CACA;QACNA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,wBAAwB,EAAA,EAAE,KAAK,CAAQ;QACzDA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,CAAC,CAAC,eAAe,EAAE;AACnB,gBAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,EAAE;AAChD,oBAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,wBAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,oBAAA;AACD,oBAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AAC/B,wBAAA,KAAK,EAAE;AACR,oBAAA;AACF,gBAAA;YACH,CAAC,EACD,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,sBAAsB,EAAA,EAEjC,GAAG,CACA,CACF;AAEV;;;;"}

package/dist/esm/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import "./styles/Sidebar.layout.scss";
+import "./styles/Sidebar.theme.scss";
+export interface ISidebarProps extends IComponent {
+    isOpen?: boolean;
+    width?: string;
+    children: React.ReactNode;
+}
+export declare const Sidebar: ({ isOpen, width, children, rootClassName, rootStyles, }: ISidebarProps) => React.JSX.Element;

package/dist/esm/components/Sidebar/Sidebar.js

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const Sidebar = ({ isOpen = true, width = "240px", children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_sidebar_container: true,
+        resoui_sidebar_closed: !isOpen,
+    }, rootClassName));
+    return (React__default.createElement("aside", { className: containerStyles, style: { width, ...rootStyles }, "data-testid": "sidebar-root" }, children));
+};
+
+export { Sidebar };
+//# sourceMappingURL=Sidebar.js.map

package/dist/esm/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;MAea,OAAO,GAAG,CAAC,EACtB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACD,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,wBAAwB,EAAE,IAAI;QAC9B,qBAAqB,EAAE,CAAC,MAAM;KAC/B,EACD,aAAa,CACd,CACF;IAED,QACEA,wCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAA,aAAA,EACnB,cAAc,IAEzB,QAAQ,CACH;AAEZ;;;;"}

package/dist/esm/components/Sidebar/SidebarNavLink.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+export interface ISidebarNavLinkProps extends IComponent {
+    to: string;
+    label: string;
+    active?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+export declare const SidebarNavLink: ({ to, label, active, icon, onClick, rootClassName, rootStyles, }: ISidebarNavLinkProps) => React.JSX.Element;

package/dist/esm/components/Sidebar/SidebarNavLink.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const SidebarNavLink = ({ to, label, active = false, icon, onClick, rootClassName, rootStyles = {}, }) => {
+    const linkStyles = createComponentStyles(createLayoutStyles({
+        resoui_sidebarNavLink_link: true,
+        resoui_sidebarNavLink_active: active,
+    }, rootClassName));
+    return (React__default.createElement("a", { href: to, className: linkStyles, style: rootStyles, onClick: (e) => {
+            if (typeof onClick === "function") {
+                e.preventDefault();
+                onClick();
+            }
+        }, "data-testid": `sidebar-nav-link-${label}`, "aria-current": active ? "page" : undefined },
+        icon && React__default.createElement("span", { className: "resoui_sidebarNavLink_icon" }, icon),
+        React__default.createElement("span", { className: "resoui_sidebarNavLink_label" }, label)));
+};
+
+export { SidebarNavLink };
+//# sourceMappingURL=SidebarNavLink.js.map

package/dist/esm/components/Sidebar/SidebarNavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavLink.js","sources":["../../../../src/library/components/Sidebar/SidebarNavLink.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAeO,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,OAAO,EACP,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,UAAU,GAAG,qBAAqB,CACtC,kBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,4BAA4B,EAAE,MAAM;KACrC,EACD,aAAa,CACd,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,YAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;gBACjC,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,OAAO,EAAE;AACV,YAAA;AACH,QAAA,CAAC,EAAA,aAAA,EACY,CAAA,iBAAA,EAAoB,KAAK,CAAA,CAAE,EAAA,cAAA,EAC1B,MAAM,GAAG,MAAM,GAAG,SAAS,EAAA;AAExC,QAAA,IAAI,IAAIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4BAA4B,EAAA,EAAE,IAAI,CAAQ;QACnEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,KAAK,CAAQ,CAC1D;AAER;;;;"}

package/dist/esm/components/Sidebar/index.d.ts

@@ -0,0 +1,5 @@
+import "../../styles/global.scss";
+export { Sidebar } from "./Sidebar";
+export type { ISidebarProps } from "./Sidebar";
+export { SidebarNavLink } from "./SidebarNavLink";
+export type { ISidebarNavLinkProps } from "./SidebarNavLink";

package/dist/esm/components/Table/FlexTable.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import "./styles/FlexTable.layout.scss";
+import "./styles/FlexTable.theme.scss";
+export interface IFlexTableColumn<T = any> {
+    key: string;
+    label: string;
+    width?: string;
+    render?: (value: any, row: T, rowIndex: number) => React.ReactNode;
+    sortable?: boolean;
+}
+export interface IFlexTableProps<T = any> extends IComponent {
+    columns: IFlexTableColumn<T>[];
+    data: T[];
+    rowKey?: string | ((row: T, idx: number) => string);
+    onRowClick?: (row: T, idx: number) => void;
+    loading?: boolean;
+    emptyText?: string;
+    sortColumn?: string;
+    sortDirection?: "asc" | "desc";
+    onSort?: (column: string, direction: "asc" | "desc") => void;
+}
+export declare const FlexTable: <T = any>({ columns, data, rowKey, onRowClick, loading, emptyText, sortColumn, sortDirection, onSort, rootClassName, rootStyles, }: IFlexTableProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../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__default.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 = createComponentStyles(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__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "flex-table-root" },
+        React__default.createElement("div", { className: "resoui_flexTable_grid", style: { gridTemplateColumns }, role: "table" },
+            React__default.createElement("div", { className: "resoui_flexTable_header_row", "data-testid": "flex-table-header", style: { gridColumn: `1 / -1`, display: "contents" }, role: "row" }, columns.map((col) => (React__default.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__default.createElement("span", null, col.label),
+                col.sortable && (React__default.createElement(SortIndicator, { active: sortColumn === col.key, direction: sortDirection })))))),
+            loading && (React__default.createElement("div", { className: "resoui_flexTable_overlay", style: { gridColumn: `1 / -1` }, role: "row" },
+                React__default.createElement("span", { className: "resoui_flexTable_loading_text", role: "cell" }, "Loading..."))),
+            !loading && data.length === 0 && (React__default.createElement("div", { className: "resoui_flexTable_overlay", style: { gridColumn: `1 / -1` }, role: "row" },
+                React__default.createElement("span", { className: "resoui_flexTable_empty_text", role: "cell" }, emptyText))),
+            !loading &&
+                data.map((row, rowIdx) => (React__default.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__default.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])))))))));
+};
+
+export { FlexTable };
+//# sourceMappingURL=FlexTable.js.map

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

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

package/dist/esm/components/Table/index.d.ts

@@ -0,0 +1,3 @@
+import "../../styles/global.scss";
+export { FlexTable } from "./FlexTable";
+export type { IFlexTableProps, IFlexTableColumn } from "./FlexTable";

package/dist/esm/components/Tabs/Tab.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+export interface ITabProps extends IComponent {
+    tabKey: string;
+    label: string;
+    disabled?: boolean;
+}
+export declare const Tab: ({ tabKey, label, disabled, rootClassName, rootStyles, }: ITabProps) => React.JSX.Element;

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

@@ -0,0 +1,20 @@
+import React__default from 'react';
+import { useTabsContext } from './Tabs.js';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const Tab = ({ tabKey, label, disabled = false, rootClassName, rootStyles = {}, }) => {
+    const { activeTab, setActiveTab } = useTabsContext();
+    const isActive = activeTab === tabKey;
+    const buttonStyles = createComponentStyles(createLayoutStyles({
+        resoui_tab_btn: true,
+        resoui_tab_active: isActive,
+    }, rootClassName, { disabled }));
+    return (React__default.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));
+};
+
+export { Tab };
+//# sourceMappingURL=Tab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/library/components/Tabs/Tab.tsx"],"sourcesContent":[null],"names":["React"],"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,GAAG,cAAc,EAAE;AACpD,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM;AAErC,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,cAAc,EAAE,IAAI;AACpB,QAAA,iBAAiB,EAAE,QAAQ;AAC5B,KAAA,EACD,aAAa,EACb,EAAE,QAAQ,EAAE,CACb,CACF;AAED,IAAA,QACEA,cAAA,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/esm/components/Tabs/TabList.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+export interface ITabListProps extends IComponent {
+    children: React.ReactNode;
+}
+export declare const TabList: ({ children, rootClassName, rootStyles, }: ITabListProps) => React.JSX.Element;

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

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../utils/styles.js';
+
+const TabList = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({ resoui_tabList_container: true }, rootClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, role: "tablist" }, children));
+};
+
+export { TabList };
+//# sourceMappingURL=TabList.js.map

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

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

package/dist/esm/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+export interface ITabPanelProps extends IComponent {
+    tabKey: string;
+    children: React.ReactNode;
+}
+export declare const TabPanel: ({ tabKey, children, rootClassName, rootStyles, }: ITabPanelProps) => React.JSX.Element;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","sources":["../../../../src/library/components/Tabs/TabPanel.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAaO,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACA,KAAI;AACnB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE;AACtC,IAAA,MAAM,QAAQ,GAAG,SAAS,KAAK,MAAM;IAErC,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,IAAI;AACZ,IAAA;AAED,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAAC,EAAE,yBAAyB,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC,CACvE;AAED,IAAA,QACEA,cAAA,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/esm/components/Tabs/Tabs.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import "./styles/Tabs.layout.scss";
+import "./styles/Tabs.theme.scss";
+interface ITabsContext {
+    activeTab: string;
+    setActiveTab: (key: string) => void;
+}
+export declare const TabsContext: React.Context<ITabsContext>;
+export declare const useTabsContext: () => ITabsContext;
+export interface ITabsProps extends IComponent {
+    defaultTab?: string;
+    onChange?: (key: string) => void;
+    children: React.ReactNode;
+}
+export declare const Tabs: ({ defaultTab, onChange, children, rootClassName, rootStyles, }: ITabsProps) => React.JSX.Element;
+export {};

package/dist/esm/components/Tabs/Tabs.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/library/components/Tabs/Tabs.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAcO,MAAM,WAAW,GAAG,aAAa,CAAe;AACrD,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,YAAY,EAAE,MAAM,SAAS;AAC9B,CAAA;AAEM,MAAM,cAAc,GAAG,MAAM,UAAU,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,GAAG,QAAQ,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,GAAG,qBAAqB,CAC3C,kBAAkB,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,aAAa,CAAC,CACnE;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,EAAA;AACvE,QAAAA,cAAA,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/esm/components/Tabs/index.d.ts

@@ -0,0 +1,9 @@
+import "../../styles/global.scss";
+export { Tabs } from "./Tabs";
+export type { ITabsProps } from "./Tabs";
+export { TabList } from "./TabList";
+export type { ITabListProps } from "./TabList";
+export { Tab } from "./Tab";
+export type { ITabProps } from "./Tab";
+export { TabPanel } from "./TabPanel";
+export type { ITabPanelProps } from "./TabPanel";

package/dist/esm/components/Text/Text.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import { IMarginProps } from "../../interfaces/ISpacingsProps";
+import "./styles/Text.layout.scss";
+import "./styles/Text.theme.scss";
+export interface ITextProps extends IComponent, IMarginProps {
+    id?: string;
+    Element?: "p" | "span" | "h1" | "h2" | "h2" | "h3" | "h3" | "h4" | "h5" | "h6";
+    size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+    sizing?: "default" | "large";
+    children: React.ReactNode;
+    noSelect?: boolean;
+    noBlockMargin?: boolean;
+    noInlineMargin?: boolean;
+}
+export declare const Text: ({ id, Element, sizing, size, children, noSelect, noBlockMargin, noInlineMargin, rootClassName, rootStyles, ...spacingsProps }: ITextProps) => React.JSX.Element;

package/dist/esm/components/Text/Text.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../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 = createComponentStyles(createLayoutStyles(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__default.createElement(Element, { id: id, "data-testid": "text-root", className: containerStyles, style: rootStyles }, children));
+};
+
+export { Text };
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../src/library/components/Text/Text.tsx"],"sourcesContent":[null],"names":["React"],"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,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,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,QACEA,6BAAC,OAAO,EAAA,EACN,EAAE,EAAE,EAAE,iBACM,WAAW,EACvB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACD;AAEd;;;;"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,23 @@
+export * from "./Banners";
+export * from "./Buttons";
+export * from "./Card";
+export * from "./Containers";
+export * from "./Dialog";
+export * from "./Dnd";
+export * from "./Drawer";
+export * from "./Errors";
+export * from "./Example";
+export * from "./External-Links";
+export * from "./Footer";
+export * from "./Icon";
+export * from "./Images";
+export * from "./Loaders";
+export * from "./Modal";
+export * from "./Nav";
+export * from "./Paginator";
+export * from "./Panel";
+export * from "./Quantity-Counter";
+export * from "./Sidebar";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./Text";

package/dist/esm/context/ResponsiveContext.js

@@ -0,0 +1,14 @@
+import { createContext } from 'react';
+
+const ResponsiveContext = createContext({
+    isMobile: false,
+    isTablet: false,
+    isMdDesktop: false,
+    isLgDesktop: false,
+    isXLgDesktop: false,
+    windowWidth: 0,
+    windowHeight: 0,
+});
+
+export { ResponsiveContext };
+//# sourceMappingURL=ResponsiveContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveContext.js","sources":["../../../src/library/context/ResponsiveContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAYO,MAAM,iBAAiB,GAAG,aAAa,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/esm/context/ThemeContext.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ResoThemeConfig, ThemeMode } from "../types/theme";
+export interface IThemeContext {
+    mode: ThemeMode;
+    resolvedMode: "light" | "dark";
+    setMode: (mode: ThemeMode) => void;
+    theme: ResoThemeConfig;
+}
+export declare const ThemeContext: import("react").Context<IThemeContext>;

package/dist/esm/context/ThemeContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+
+const ThemeContext = createContext({
+    mode: "light",
+    resolvedMode: "light",
+    setMode: () => undefined,
+    theme: {},
+});
+
+export { ThemeContext };
+//# sourceMappingURL=ThemeContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sources":["../../../src/library/context/ThemeContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAUO,MAAM,YAAY,GAAG,aAAa,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/esm/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ResponsiveContext";
+export * from "./ThemeContext";

package/dist/esm/forms/Containers/Control-Wrapper/Control-Wrapper.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/Control-Wrapper.layout.scss";
+import "./styles/Control-Wrapper.theme.scss";
+export interface IControlWrapperProps extends IComponent, IMarginProps {
+    layout?: "row" | "column";
+    children: React.ReactNode;
+}
+export declare const ControlWrapper: ({ layout, rootClassName, rootStyles, children, mb, ...spacingsProps }: IControlWrapperProps) => React.JSX.Element;