@addev-be/ui 1.2.0 → 2.0.0

package/dist/components/data/SqlRequestDataGrid/index.d.ts

@@ -1,13 +1,6 @@
-import { ConditionDTO, OrderByDTO, SqlRequestRow } from '../../../services/sqlRequests';
 import { DataGridRefProps } from '../DataGrid/types';
-import { ForwardedRef } from 'react';
+import { Ref } from 'react';
 import { SqlRequestDataGridProps } from './types';
-export declare const SqlRequestDataGridInner: <R>({ onSelectionChange: onSelectionChangeFromProps, rowKey, ...props }: SqlRequestDataGridProps<R>, ref: ForwardedRef<DataGridRefProps<R>>) => import("react/jsx-runtime").JSX.Element;
-export declare const SqlRequestDataGrid: <R>(props: Omit<import("../DataGrid/types").DataGridProps<R>, "rows" | "columns"> & {
-    columns: import("./types").SqlRequestDataGridColumns<R>;
-    hiddenColumns?: string[];
-    type: string;
-    orderBy?: OrderByDTO[];
-    conditions?: ConditionDTO[];
-    parser?: ((row: SqlRequestRow<R>) => R) | undefined;
-} & import("react").RefAttributes<DataGridRefProps<R>>) => import("react").JSX.Element | null;
+export declare const SqlRequestDataGrid: <R>({ onSelectionChange: onSelectionChangeFromProps, rowKey, ref, ...props }: SqlRequestDataGridProps<R> & {
+    ref?: Ref<DataGridRefProps<R>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/SqlRequestDataGrid/index.js

@@ -64,7 +64,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestDataGrid = exports.SqlRequestDataGridInner = void 0;
+exports.SqlRequestDataGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var sqlRequests_1 = require("../../../services/sqlRequests");
 var react_1 = require("react");
@@ -72,9 +72,9 @@ var lodash_1 = __importStar(require("lodash"));
 var DataGrid_1 = require("../DataGrid");
 var helpers_1 = require("./helpers");
 var helpers_2 = require("../DataGrid/helpers");
-var SqlRequestDataGridInner = function (_a, ref) {
+var SqlRequestDataGrid = function (_a) {
     var _b, _c;
-    var onSelectionChangeFromProps = _a.onSelectionChange, rowKey = _a.rowKey, props = __rest(_a, ["onSelectionChange", "rowKey"]);
+    var onSelectionChangeFromProps = _a.onSelectionChange, rowKey = _a.rowKey, ref = _a.ref, props = __rest(_a, ["onSelectionChange", "rowKey", "ref"]);
     var currentRows = (0, react_1.useRef)([]);
     var _d = (0, react_1.useState)([]), rows = _d[0], setRows = _d[1];
     var setRowsRef = (0, react_1.useCallback)(function (value) {
@@ -340,5 +340,4 @@ var SqlRequestDataGridInner = function (_a, ref) {
     }, [refresh]);
     return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, __assign({ ref: gridRef, onVisibleRowsChange: onVisibleRowsChanged, filter: false, sort: false, onFiltersChanged: onFiltersChanged, onSortsChanged: onSortsChanged, filterValuesLoader: loadFilterValues, rows: rows, loadCopyRows: loadCopyRows, refresh: refresh, onSelectionChange: onSelectionChange, getAllIds: loadAllIds, contextOverride: contextOverride, rowKey: rowKey }, props)));
 };
-exports.SqlRequestDataGridInner = SqlRequestDataGridInner;
-exports.SqlRequestDataGrid = (0, react_1.forwardRef)(exports.SqlRequestDataGridInner);
+exports.SqlRequestDataGrid = SqlRequestDataGrid;

package/dist/components/data/SqlRequestForeignList/index.d.ts

@@ -1,4 +1,5 @@
-import { ForwardedRef } from 'react';
+import { Ref } from 'react';
 import { SqlRequestForeignListProps } from './types';
-export declare const SqlRequestForeignListInner: <T extends Record<string, any>>({ requestName, idColumn, columns, initialValue, onItemChanged, onIdChanged, onClosed, onBlur, itemTemplate, valueTemplate, rowHeight, maxRows, orderBy, conditions, }: SqlRequestForeignListProps<T>, ref: ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const SqlRequestForeignList: <T extends Record<string, any>>(props: SqlRequestForeignListProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export declare const SqlRequestForeignList: <T extends Record<string, any>>({ requestName, idColumn, columns, initialValue, onItemChanged, onIdChanged, onClosed, onBlur, itemTemplate, valueTemplate, rowHeight, maxRows, orderBy, conditions, ref, }: SqlRequestForeignListProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/SqlRequestForeignList/index.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestForeignList = exports.SqlRequestForeignListInner = void 0;
+exports.SqlRequestForeignList = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-explicit-any */
 var services_1 = require("../../../services");
@@ -40,8 +40,8 @@ var createItemTemplate = function (ItemTemplate, rowHeight) {
         return ((0, jsx_runtime_1.jsx)(styles_1.SqlRequestForeignListItem, { "$rowHeight": rowHeight, onClick: function (e) { return onClick(e, item, onItemClick); }, children: (0, jsx_runtime_1.jsx)(ItemTemplate, { item: item, index: index }) }));
     }, 'SqlRequestForeignListCreateItemTemplate');
 };
-var SqlRequestForeignListInner = function (_a, ref) {
-    var requestName = _a.requestName, idColumn = _a.idColumn, _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.initialValue, initialValue = _c === void 0 ? null : _c, onItemChanged = _a.onItemChanged, onIdChanged = _a.onIdChanged, onClosed = _a.onClosed, onBlur = _a.onBlur, itemTemplate = _a.itemTemplate, valueTemplate = _a.valueTemplate, _d = _a.rowHeight, rowHeight = _d === void 0 ? DEFAULT_ROW_HEIGHT : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, _f = _a.orderBy, orderBy = _f === void 0 ? [] : _f, _g = _a.conditions, conditions = _g === void 0 ? [] : _g;
+var SqlRequestForeignList = function (_a) {
+    var requestName = _a.requestName, idColumn = _a.idColumn, _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.initialValue, initialValue = _c === void 0 ? null : _c, onItemChanged = _a.onItemChanged, onIdChanged = _a.onIdChanged, onClosed = _a.onClosed, onBlur = _a.onBlur, itemTemplate = _a.itemTemplate, valueTemplate = _a.valueTemplate, _d = _a.rowHeight, rowHeight = _d === void 0 ? DEFAULT_ROW_HEIGHT : _d, _e = _a.maxRows, maxRows = _e === void 0 ? 10 : _e, _f = _a.orderBy, orderBy = _f === void 0 ? [] : _f, _g = _a.conditions, conditions = _g === void 0 ? [] : _g, ref = _a.ref;
     var _h = (0, react_1.useState)(false), opened = _h[0], setOpened = _h[1];
     var _j = (0, react_1.useState)(null), rect = _j[0], setRect = _j[1];
     var currentRows = (0, react_1.useRef)([]);
@@ -128,5 +128,4 @@ var SqlRequestForeignListInner = function (_a, ref) {
                             index: index,
                         }); }, onRangeChanged: onVisibleRowsChanged }) }))] }) }));
 };
-exports.SqlRequestForeignListInner = SqlRequestForeignListInner;
-exports.SqlRequestForeignList = (0, react_1.forwardRef)(exports.SqlRequestForeignListInner);
+exports.SqlRequestForeignList = SqlRequestForeignList;

package/dist/components/data/SqlRequestGrid/index.d.ts

@@ -1,4 +1,5 @@
-import { ForwardedRef } from 'react';
+import { Ref } from 'react';
 import { SqlRequestGridProps, SqlRequestGridRefProps } from './types';
-export declare const SqlRequestGridInner: <R, P extends object = {}>(allProps: SqlRequestGridProps<R, P>, ref: ForwardedRef<SqlRequestGridRefProps>) => import("react/jsx-runtime").JSX.Element;
-export declare const SqlRequestGrid: <R, P extends object = {}>(props: SqlRequestGridProps<R, P> & import("react").RefAttributes<SqlRequestGridRefProps>) => import("react").JSX.Element | null;
+export declare const SqlRequestGrid: <R, P extends object = {}>({ ref, ...allProps }: SqlRequestGridProps<R, P> & {
+    ref: Ref<SqlRequestGridRefProps>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/SqlRequestGrid/index.js

@@ -53,7 +53,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SqlRequestGrid = exports.SqlRequestGridInner = void 0;
+exports.SqlRequestGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var sqlRequests_1 = require("../../../services/sqlRequests");
@@ -66,17 +66,18 @@ var VirtualScroller_1 = require("../VirtualScroller");
 var helpers_1 = require("./helpers");
 var helpers_2 = require("../DataGrid/helpers");
 var hooks_1 = require("../DataGrid/hooks");
-var SqlRequestGridInner = function (allProps, ref) {
-    var _a;
-    var _b = allProps.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_ROW_HEIGHT : _b, itemsPerRow = allProps.itemsPerRow, itemTemplate = allProps.itemTemplate, itemProps = allProps.itemProps, gap = allProps.gap, props = __rest(allProps, ["rowHeight", "itemsPerRow", "itemTemplate", "itemProps", "gap"]);
+var SqlRequestGrid = function (_a) {
+    var _b;
+    var ref = _a.ref, allProps = __rest(_a, ["ref"]);
+    var _c = allProps.rowHeight, rowHeight = _c === void 0 ? styles.DEFAULT_ROW_HEIGHT : _c, itemsPerRow = allProps.itemsPerRow, itemTemplate = allProps.itemTemplate, itemProps = allProps.itemProps, gap = allProps.gap, props = __rest(allProps, ["rowHeight", "itemsPerRow", "itemTemplate", "itemProps", "gap"]);
     var currentRows = (0, react_1.useRef)([]);
-    var _c = (0, react_1.useState)([]), rows = _c[0], setRows = _c[1];
-    var _d = (0, react_1.useState)(0), start = _d[0], setStart = _d[1];
-    var _e = (0, react_1.useState)(-1), length = _e[0], setLength = _e[1];
-    var _f = (0, react_1.useState)(-1), count = _f[0], setCount = _f[1];
+    var _d = (0, react_1.useState)([]), rows = _d[0], setRows = _d[1];
+    var _e = (0, react_1.useState)(0), start = _e[0], setStart = _e[1];
+    var _f = (0, react_1.useState)(-1), length = _f[0], setLength = _f[1];
+    var _g = (0, react_1.useState)(-1), count = _g[0], setCount = _g[1];
     var sqlRequest = (0, sqlRequests_1.useSqlRequestHandler)(props.type)[0];
-    var _g = (0, react_1.useState)({}), conditions = _g[0], setConditions = _g[1];
-    var _h = (0, react_1.useState)(Object.entries((_a = props.initialSorts) !== null && _a !== void 0 ? _a : {}).map(function (_a) {
+    var _h = (0, react_1.useState)({}), conditions = _h[0], setConditions = _h[1];
+    var _j = (0, react_1.useState)(Object.entries((_b = props.initialSorts) !== null && _b !== void 0 ? _b : {}).map(function (_a) {
         var _b, _c, _d;
         var columnKey = _a[0], direction = _a[1];
         var field = props.fields.find(function (field) { return field.key === columnKey; });
@@ -85,8 +86,8 @@ var SqlRequestGridInner = function (allProps, ref) {
             type: (_d = field === null || field === void 0 ? void 0 : field.type) !== null && _d !== void 0 ? _d : 'text',
             direction: direction.toUpperCase(),
         };
-    })), orderBy = _h[0], setOrderBy = _h[1];
-    var _j = (0, react_1.useMemo)(function () {
+    })), orderBy = _j[0], setOrderBy = _j[1];
+    var _k = (0, react_1.useMemo)(function () {
         var _a, _b;
         return [
             __spreadArray(__spreadArray([], props.fields
@@ -97,7 +98,7 @@ var SqlRequestGridInner = function (allProps, ref) {
                 .filter(helpers_2.isColumnVisible)
                 .map(function (field) { return field.key; }), true), ((_b = props.additionalFields) !== null && _b !== void 0 ? _b : []), true),
         ];
-    }, [props.fields, props.additionalFields]), columnsKeys = _j[0], visibleColumnsKeys = _j[1];
+    }, [props.fields, props.additionalFields]), columnsKeys = _k[0], visibleColumnsKeys = _k[1];
     var columnTypes = (0, react_1.useMemo)(function () {
         return visibleColumnsKeys.map(function (key) { var _a, _b; return String((_b = (_a = props.fields.find(function (field) { return field.key === key; })) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : 'text'); });
     }, [visibleColumnsKeys, props.fields]);
@@ -212,7 +213,7 @@ var SqlRequestGridInner = function (allProps, ref) {
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         refresh: refresh,
     }); }, [refresh]);
-    var _k = (0, hooks_1.useDataGrid)({
+    var _l = (0, hooks_1.useDataGrid)({
         columns: props.fields,
         rows: rows,
         onFiltersChanged: onFiltersChanged,
@@ -224,8 +225,8 @@ var SqlRequestGridInner = function (allProps, ref) {
         rowKey: '',
         filter: false,
         sort: false,
-    }), contextProps = _k[0], DataGridContext = _k[1];
-    var _l = (0, react_1.useState)(false), sidebarVisible = _l[0], setSidebarVisible = _l[1];
+    }), contextProps = _l[0], DataGridContext = _l[1];
+    var _m = (0, react_1.useState)(false), sidebarVisible = _m[0], setSidebarVisible = _m[1];
     var onSidebarClose = (0, react_1.useCallback)(function () {
         setSidebarVisible(false);
     }, []);
@@ -240,5 +241,4 @@ var SqlRequestGridInner = function (allProps, ref) {
                         zIndex: 1,
                     } })), (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: "repeat(".concat(itemsPerRow, ", 1fr)"), items: rows, itemTemplate: itemTemplate, itemsPerRow: itemsPerRow, itemProps: itemProps, rowHeightInPx: rowHeight, onRangeChanged: onVisibleRowsChanged, gap: gap })] }) }));
 };
-exports.SqlRequestGridInner = SqlRequestGridInner;
-exports.SqlRequestGrid = (0, react_1.forwardRef)(exports.SqlRequestGridInner);
+exports.SqlRequestGrid = SqlRequestGrid;

package/dist/components/data/SqlRequestGrid/styles.d.ts

@@ -1,4 +1,2 @@
 export declare const DEFAULT_ROW_HEIGHT = 200;
-export declare const SqlRequestGridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const SqlRequestGridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/data/VirtualScroller/styles.d.ts

@@ -3,14 +3,10 @@ export declare const BottomPaddingItem: import("styled-components/dist/types").I
 export declare const VirtualScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $integrated?: boolean;
 }>> & string;
-export declare const VirtualScrollerFiller: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const VirtualScrollerFiller: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
     $height: number;
 }>, never>> & string;
-export declare const VirtualScrollerItemsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const VirtualScrollerItemsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
     $gridTemplateColumns: string;
     $gap?: string;
     $topPadding: number;

package/dist/components/forms/Button.d.ts

@@ -13,5 +13,5 @@ export type ButtonProps = {
     rounded?: boolean;
     bordered?: boolean;
 };
-export declare const Button: (props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").JSX.Element | null;
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof StyledButtonProps> & StyledButtonProps & ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/forms/Form/CustomSelect.d.ts

@@ -9,5 +9,5 @@ type CustomSelectProps<T> = {
     onChange?: (value: T | null) => void;
     ref?: ForwardedRef<HTMLSelectElement>;
 };
-export declare const CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & CustomSelectProps<T>, ref: ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & CustomSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/Form/CustomSelect.js

@@ -27,9 +27,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var Row_1 = require("./Row");
 var react_1 = require("react");
 var styles_1 = require("./styles");
-var components_1 = require("../../../helpers/components");
-var CustomSelectInner = function (_a, ref) {
-    var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value"]);
+var CustomSelect = function (_a) {
+    var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, ref = _a.ref, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value", "ref"]);
     var selectRef = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(ref, function () { return selectRef.current; }, []);
     var onSelectChange = (0, react_1.useCallback)(function (event) {
@@ -48,4 +47,4 @@ var CustomSelectInner = function (_a, ref) {
                 return ((0, jsx_runtime_1.jsx)("option", { value: key, onSelect: function () { return console.log('selected'); }, children: label }, key));
             }) }))) }));
 };
-exports.CustomSelect = (0, components_1.forwardRefWithName)(CustomSelectInner, 'CustomSelect');
+exports.CustomSelect = CustomSelect;

package/dist/components/forms/Form/Select.d.ts

@@ -9,5 +9,5 @@ type SelectProps<T> = {
     onChange?: (value: T | null) => void;
     ref?: ForwardedRef<HTMLSelectElement>;
 };
-export declare const Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & SelectProps<T>, ref: ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/Form/Select.js

@@ -27,9 +27,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var Row_1 = require("./Row");
 var react_1 = require("react");
 var styles_1 = require("./styles");
-var components_1 = require("../../../helpers/components");
-var SelectInner = function (_a, ref) {
-    var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value"]);
+var Select = function (_a) {
+    var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, ref = _a.ref, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value", "ref"]);
     var selectRef = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(ref, function () { return selectRef.current; }, []);
     var onSelectChange = (0, react_1.useCallback)(function (event) {
@@ -48,4 +47,4 @@ var SelectInner = function (_a, ref) {
                 return ((0, jsx_runtime_1.jsx)("option", { value: key, children: label }, key));
             }) }))) }));
 };
-exports.Select = (0, components_1.forwardRefWithName)(SelectInner, 'Select');
+exports.Select = Select;

package/dist/components/forms/Form/index.d.ts

@@ -52,7 +52,7 @@ export declare const CardForm: {
         children?: import("react").ReactNode | undefined;
     } & import("react").InputHTMLAttributes<HTMLInputElement>>;
     Row: FC<import("./Row").FormRowProps>;
-    Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
+    Select: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
         items: T[];
         value: T | null;
         itemKey: (item: T, index: number) => string;
@@ -60,7 +60,7 @@ export declare const CardForm: {
         readOnly?: boolean;
         onChange?: ((value: T | null) => void) | undefined;
         ref?: import("react").ForwardedRef<HTMLSelectElement>;
-    }, ref: import("react").ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
     TextArea: FC<{
         label?: string;
         icon?: import("../../..").IconFC;
@@ -74,7 +74,7 @@ export declare const CardForm: {
         canGrow?: boolean;
         canShrink?: boolean;
     }>;
-    CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
+    CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ref, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
         items: T[];
         value: T | null;
         itemKey: (item: T, index: number) => string;
@@ -82,5 +82,5 @@ export declare const CardForm: {
         readOnly?: boolean;
         onChange?: ((value: T | null) => void) | undefined;
         ref?: import("react").ForwardedRef<HTMLSelectElement>;
-    }, ref: import("react").ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
+    }) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/forms/Form/styles.d.ts

@@ -9,9 +9,7 @@ export declare const FormRowInputContainer: import("styled-components/dist/types
 export declare const FormRowContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
     $readOnly?: boolean;
 }>> & string;
-export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const StyledCheckbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>>, never>, never>> & string;
 export declare const ReadOnlyValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const FormFields: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $readOnly?: boolean;

package/dist/components/forms/Form/styles.js

@@ -45,7 +45,7 @@ exports.FormGroupContainer = styled_components_1.default.fieldset(templateObject
     return "var(--color-".concat(color, ")");
 });
 exports.FormGroupHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n\n  & > h3 {\n    margin: 0;\n    font-size: var(--text-lg);\n    font-weight: bold;\n  }\n  & > h4 {\n    margin: 0;\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-text-500);\n  }\n\n  & > svg {\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--space-2);\n\n  & > h3 {\n    margin: 0;\n    font-size: var(--text-lg);\n    font-weight: bold;\n  }\n  & > h4 {\n    margin: 0;\n    font-size: var(--text-sm);\n    font-weight: var(--font-normal);\n    color: var(--color-text-500);\n  }\n\n  & > svg {\n    width: var(--space-6);\n    height: var(--space-6);\n  }\n"])));
-exports.inputCss = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: var(--text-lg);\n\n  border: none;\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-1);\n  ", " {\n    text-align: right;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"], ["\n  font-family: inherit;\n  font-size: var(--text-lg);\n\n  border: none;\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-1);\n  ", " {\n    text-align: right;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])), responsive_1.mediaQueries.lgUp);
+exports.inputCss = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-family: inherit;\n  font-size: var(--text-base);\n\n  border: none;\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-1);\n  ", " {\n    text-align: right;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"], ["\n  font-family: inherit;\n  font-size: var(--text-base);\n\n  border: none;\n  color: var(--color-text-800);\n  background: var(--color-base-0);\n\n  box-sizing: border-box;\n  width: 100%;\n  padding: var(--space-1);\n  ", " {\n    text-align: right;\n  }\n\n  &:focus {\n    outline: none;\n  }\n"])), responsive_1.mediaQueries.lgUp);
 exports.FormRowLabel = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: var(--color-text-500);\n  font-size: var(--text-base);\n  padding: var(--space-1) 0;\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  line-height: 1.25;\n  font-weight: bold;\n  align-self: flex-start;\n\n  & > svg {\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-500);\n    flex-shrink: 0;\n  }\n"], ["\n  color: var(--color-text-500);\n  font-size: var(--text-base);\n  padding: var(--space-1) 0;\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-2);\n  line-height: 1.25;\n  font-weight: bold;\n  align-self: flex-start;\n\n  & > svg {\n    width: var(--space-4);\n    height: var(--space-4);\n    fill: var(--color-base-500);\n    flex-shrink: 0;\n  }\n"])));
 exports.FormRowInputContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex: 1;\n  text-align: right;\n\n  ", " {\n    width: 100%;\n    text-align: left;\n  }\n\n  & > select,\n  & > input,\n  & > textarea {\n    ", "\n  }\n\n  & > select:focus > option {\n    text-align: left;\n  }\n"], ["\n  flex: 1;\n  text-align: right;\n\n  ", " {\n    width: 100%;\n    text-align: left;\n  }\n\n  & > select,\n  & > input,\n  & > textarea {\n    ", "\n  }\n\n  & > select:focus > option {\n    text-align: left;\n  }\n"])), responsive_1.mediaQueries.mdDown, exports.inputCss);
 exports.FormRowContainer = styled_components_1.default.label(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  padding: var(--space-2);\n\n  ", " {\n    flex-direction: row;\n    gap: var(--space-2);\n    padding: var(--space-1) var(--space-2);\n  }\n\n  border: 1px solid var(--color-base-200);\n  background: var(--color-base-0);\n  &:focus-within {\n    outline: 2px solid var(--color-primary-500);\n    z-index: 1;\n  }\n\n  &.read-only {\n    background: none;\n    border: none;\n    &:focus-within {\n      outline: none;\n    }\n\n    & + & {\n      border-top: 1px solid var(--color-base-300);\n    }\n\n    & > div > select,\n    & > div > select[disabled],\n    & > div > input,\n    & > div > textarea {\n      background: none;\n      color: var(--color-text-800);\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  padding: var(--space-2);\n\n  ", " {\n    flex-direction: row;\n    gap: var(--space-2);\n    padding: var(--space-1) var(--space-2);\n  }\n\n  border: 1px solid var(--color-base-200);\n  background: var(--color-base-0);\n  &:focus-within {\n    outline: 2px solid var(--color-primary-500);\n    z-index: 1;\n  }\n\n  &.read-only {\n    background: none;\n    border: none;\n    &:focus-within {\n      outline: none;\n    }\n\n    & + & {\n      border-top: 1px solid var(--color-base-300);\n    }\n\n    & > div > select,\n    & > div > select[disabled],\n    & > div > input,\n    & > div > textarea {\n      background: none;\n      color: var(--color-text-800);\n    }\n  }\n"])), responsive_1.mediaQueries.lgUp);

package/dist/components/forms/IconButton.d.ts

@@ -6,7 +6,7 @@ type IconButtonProps = ButtonProps & {
     icon: IconFC;
     $iconSize?: ThemeSize;
 };
-export declare const IconButton: ({ icon: Icon, ...props }: IconButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const IconButton: ({ icon: Icon, ref, ...props }: IconButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & {
     ref?: ForwardedRef<HTMLButtonElement>;
-}, ref: ForwardedRef<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/forms/IconButton.js

@@ -32,7 +32,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IconButton = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Button_1 = require("./Button");
-var components_1 = require("../../helpers/components");
 var styled_components_1 = __importDefault(require("styled-components"));
 var styles = {
     IconButton: (0, styled_components_1.default)(Button_1.Button).attrs({
@@ -57,8 +56,9 @@ var styles = {
         return "var(--space-".concat($iconSize, ")");
     }),
 };
-exports.IconButton = (0, components_1.forwardRefWithName)(function (_a, ref) {
-    var Icon = _a.icon, props = __rest(_a, ["icon"]);
+var IconButton = function (_a) {
+    var Icon = _a.icon, ref = _a.ref, props = __rest(_a, ["icon", "ref"]);
     return ((0, jsx_runtime_1.jsx)(styles.IconButton, __assign({ ref: ref }, props, { children: (0, jsx_runtime_1.jsx)(Icon, { className: "iconbutton-icon" }) })));
-}, 'IconButton');
+};
+exports.IconButton = IconButton;
 var templateObject_1;

package/dist/components/forms/NumberInput.d.ts

@@ -1,9 +1,9 @@
 import { HTMLProps } from 'react';
-export declare const NumberInput: (props: Omit<HTMLProps<HTMLInputElement>, "type" | "onChange" | "value" | "defaultValue"> & {
+export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<Omit<HTMLProps<HTMLInputElement>, "type" | "onChange" | "value" | "defaultValue"> & {
     value?: number;
     onChange?: (value: number) => void;
     decimals?: number;
     prefix?: string;
     suffix?: string;
     multiplicator?: number;
-} & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/forms/styles.d.ts

@@ -16,6 +16,4 @@ export declare const StyledNumericFormat: import("styled-components/dist/types")
     customInput?: import("react").ComponentType<unknown> | undefined;
 }, never>> & string & Omit<typeof NumericFormat, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
-export declare const StackedLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const StackedLabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/layout/Dropdown/styles.d.ts

@@ -1,6 +1,4 @@
-export declare const DropdownBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
+export declare const DropdownBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, {
     $alpha?: number;
 }>, never>> & string;
 export type DropdownContainerProps = {
@@ -10,6 +8,4 @@ export type DropdownContainerProps = {
     $backdropAlpha?: number;
     $withBackground?: boolean;
 };
-export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, DropdownContainerProps>> & string;
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, DropdownContainerProps>> & string;

package/dist/components/layout/Grid/styles.d.ts

@@ -8,7 +8,5 @@ type GridItemProps = {
     rowSpan?: number;
     colSpan?: number;
 };
-export declare const GridItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, GridItemProps>, never>> & string;
+export declare const GridItemContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, GridItemProps>, never>> & string;
 export {};

package/dist/components/layout/Loading/styles.d.ts

@@ -1,6 +1,2 @@
-export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const LoadingBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const LoadingBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;

package/dist/components/layout/Modal/styles.d.ts

@@ -1,7 +1,5 @@
 import { ThemeColor } from '../../../providers';
-export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
 export type ModalContainerProps = {
     $width?: number;
     $height?: number;
@@ -9,26 +7,10 @@ export type ModalContainerProps = {
     $fullscreen?: boolean;
     $color?: ThemeColor;
 };
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, ModalContainerProps>> & string;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ModalMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
-    ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ModalContentWithIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>, never>, never>> & string;
+export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, ModalContainerProps>> & string;
+export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>>, never>, never>> & string;
+export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalContentWithIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
+export declare const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>>, never>, never>> & string;