@embeddable.com/remarkable-ui 2.0.24 → 2.0.25

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, ReactElement, RefObject, SVGProps, ImgHTMLAttributes, ReactNode } from 'react';
+import React__default, { FC, ReactElement, CSSProperties, RefObject, SVGProps, ImgHTMLAttributes, ReactNode } from 'react';
 import { ChartData, ChartOptions, CartesianTickOptions, GridLineOptions } from 'chart.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { S as StylesKeys } from './index-D70sAhnA.js';
@@ -202,6 +202,10 @@ type TableHeaderCell = (props: {
     value: any;
     className?: string;
 }) => React.ReactElement<HTMLTableCellElement>;
+type TableHeaderCellStyle = (props: {
+    value: any;
+    className?: string;
+}) => CSSProperties | undefined;
 type TableHeaderItem<T> = {
     id: keyof T;
     title: React.ReactNode;
@@ -211,6 +215,7 @@ type TableHeaderItem<T> = {
     sort?: TableSort<T>;
     accessor?: (row: T) => React.ReactNode;
     cell?: TableHeaderCell;
+    cellStyle?: TableHeaderCellStyle;
 };
 
 type TablePaginatedProps<T> = {
@@ -269,6 +274,7 @@ type TableBodyCellWithCopyProps = {
     value: string;
     align?: TableHeaderItemAlign;
     children: React.ReactNode;
+    style?: CSSProperties | undefined;
 };
 declare const TableBodyCellWithCopy: FC<TableBodyCellWithCopyProps>;
 
@@ -544,4 +550,4 @@ declare const endOfDayUTC: (date: Date) => Date;
 
 declare const shallowEqual: (object1: any, object2: any) => boolean;
 
-export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Typography, chartjsAxisOptionsLayoutPadding, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartContrastColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };
+export { ActionIcon, BarChart, type BarChartProps, Button, ButtonIcon, Card, CardContent, CardFeedback, CardHeader, type CssSize, DateRangePicker, DateRangePickerField, type DateRangePickerProps, DonutChart, type DonutLabelChartProps, Dropdown, type DropdownProps, FieldFeedback, type FieldFeedbackProps, FieldHeader, type FieldHeaderProps, GhostButton, HeatMap, type HeatMapProps, type HeatMapPropsDimension, type HeatMapPropsMeasure, type HeatMapPropsThreshold, KpiChart, LineChart, type LineChartProps, MultiSelectField, type MultiSelectFieldProps, NumberField, Overlay, PieChart, type PieChartProps, PivotTable, type PivotTableProps, type PivotTablePropsColumnDimension, type PivotTablePropsMeasure, type PivotTablePropsRowDimension, SelectFieldCategory, SelectFieldContent, SelectFieldContentList, SelectFieldTrigger, SelectListOption, type SelectListOptionProps, type SelectListOptionPropsWithCategory, SingleSelectField, type SingleSelectFieldProps, Skeleton, StylesKeys, Switch, TableBody, TableBodyCellWithCopy, type TableBodyProps, TableHeader, TableHeaderAlign, type TableHeaderCell, type TableHeaderCellStyle, type TableHeaderItem, type TableHeaderItemAlign, type TableHeaderProps, TablePaginated, type TablePaginatedProps, TablePagination, type TablePaginationProps, TableScrollable, type TableScrollableHandle, type TableScrollableProps, type TableSort, TableSortDirection, TextField, Typography, chartjsAxisOptionsLayoutPadding, endOfDayUTC, getBarChartData, getBarChartOptions, getChartColors, getChartContrastColors, getChartjsAxisOptions, getChartjsAxisOptionsPlugins, getChartjsAxisOptionsScales, getChartjsAxisOptionsScalesGrid, getChartjsAxisOptionsScalesGridColor, getChartjsAxisOptionsScalesTicksDefault, getChartjsAxisOptionsScalesTicksMuted, getChartjsAxisOptionsScalesTitle, getDonutChartOptions, getLineChartData, getLineChartOptions, getPieChartData, getPieChartOptions, getStyle, getStyleNumber, getTableTotalPages, isSameDate, isSameDateRange, shallowEqual, useDebounce, useResizeObserver, useTableGetRowsPerPage };

package/dist/index.js

@@ -1544,7 +1544,7 @@ var PivotTable = ({
 
 // src/components/charts/tables/Table/TablePaginated/TablePaginated.tsx
 import * as React from "react";
-import styles12 from "./tables.module-OHIGVUSC.module.css";
+import styles11 from "./tables.module-OHIGVUSC.module.css";
 import clsx7 from "clsx";
 
 // src/components/charts/tables/Table/components/TableHeader/TableHeader.tsx
@@ -1669,7 +1669,7 @@ var TableHeader = ({
 };
 
 // src/components/charts/tables/Table/components/TableBody/TableBody.tsx
-import styles10 from "./TableBody.module-VF3UEHUT.module.css";
+import tableBodyStyles from "./TableBody.module-VF3UEHUT.module.css";
 import clsx6 from "clsx";
 
 // src/components/shared/ActionIcon/ActionIcon.tsx
@@ -1698,7 +1698,7 @@ var TableBody = ({
 }) => {
   const hasPaginatedIndex = pageSize !== void 0 && page !== void 0;
   const showBottomRef = !isLoading && hasMoreData && bottomRef !== void 0;
-  return /* @__PURE__ */ jsxs6("tbody", { className: styles10.tableBody, children: [
+  return /* @__PURE__ */ jsxs6("tbody", { className: tableBodyStyles.tableBody, children: [
     rows.map((row, rowIndex) => /* @__PURE__ */ jsxs6(
       "tr",
       {
@@ -1724,19 +1724,21 @@ var TableBody = ({
   ] });
 };
 var TableBodyCell = ({ header, row }) => {
-  const value = header.accessor !== void 0 ? header.accessor(row) : header.id !== void 0 ? (
+  const rawValue = header.id !== void 0 ? (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     row[header.id]
   ) : void 0;
+  const value = header.accessor !== void 0 ? header.accessor(row) : rawValue;
   if (header.cell) {
-    return header.cell({ value, className: styles10.tableBodyCell });
+    return header.cell({ value, className: tableBodyStyles.tableBodyCell });
   }
-  return /* @__PURE__ */ jsx12(TableBodyCellWithCopy, { align: header.align, value, children: value });
+  return /* @__PURE__ */ jsx12(TableBodyCellWithCopy, { align: header.align, value, style: header.cellStyle?.(rawValue), children: value });
 };
 var TableBodyCellWithCopy = ({
   value,
   align = "left",
-  children
+  children,
+  style
 }) => {
   const [isPressedCopy, setIsPressedCopy] = useState4(false);
   const handleCopy = () => {
@@ -1745,19 +1747,30 @@ var TableBodyCellWithCopy = ({
       navigator.clipboard.writeText(String(value));
     }
   };
-  return /* @__PURE__ */ jsxs6("td", { title: value, style: { textAlign: align }, onMouseLeave: () => setIsPressedCopy(false), children: [
-    /* @__PURE__ */ jsx12(
-      ActionIcon,
-      {
-        title: `Copy: ${String(value)}`,
-        onMouseDown: handleCopy,
-        icon: isPressedCopy ? IconCopyCheckFilled : IconCopy,
-        className: clsx6(styles10.copyButton, align === TableHeaderAlign.RIGHT && styles10.leftAlign),
-        onClick: handleCopy
-      }
-    ),
-    children
-  ] });
+  return /* @__PURE__ */ jsxs6(
+    "td",
+    {
+      title: value,
+      style: { textAlign: align, ...style },
+      onMouseLeave: () => setIsPressedCopy(false),
+      children: [
+        /* @__PURE__ */ jsx12(
+          ActionIcon,
+          {
+            title: `Copy: ${String(value)}`,
+            onMouseDown: handleCopy,
+            icon: isPressedCopy ? IconCopyCheckFilled : IconCopy,
+            className: clsx6(
+              tableBodyStyles.copyButton,
+              align === TableHeaderAlign.RIGHT && tableBodyStyles.leftAlign
+            ),
+            onClick: handleCopy
+          }
+        ),
+        children
+      ]
+    }
+  );
 };
 
 // src/components/charts/tables/Table/components/TablePagination/TablePagination.tsx
@@ -1767,7 +1780,7 @@ import {
   IconChevronsLeft,
   IconChevronsRight
 } from "@tabler/icons-react";
-import styles11 from "./TablePagination.module-VGIQ7VN7.module.css";
+import styles10 from "./TablePagination.module-VGIQ7VN7.module.css";
 import { useEffect as useEffect4 } from "react";
 import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var getTableTotalPages = (total, pageSize) => {
@@ -1788,8 +1801,8 @@ var TablePagination = ({
       onPageChange(0);
     }
   }, [totalPages, page]);
-  return /* @__PURE__ */ jsx13("div", { className: styles11.tablePagination, "aria-label": "Table pagination controls", children: /* @__PURE__ */ jsxs7("div", { className: styles11.tablePaginationCentral, children: [
-    /* @__PURE__ */ jsxs7("div", { className: styles11.tablePaginationCentralButtons, children: [
+  return /* @__PURE__ */ jsx13("div", { className: styles10.tablePagination, "aria-label": "Table pagination controls", children: /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentral, children: [
+    /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentralButtons, children: [
       /* @__PURE__ */ jsx13(
         ActionIcon,
         {
@@ -1814,7 +1827,7 @@ var TablePagination = ({
       )
     ] }),
     /* @__PURE__ */ jsx13("span", { children: paginationLabel ?? `Page ${page + 1} of ${totalPages ?? "?"}` }),
-    /* @__PURE__ */ jsxs7("div", { className: styles11.tablePaginationCentralButtons, children: [
+    /* @__PURE__ */ jsxs7("div", { className: styles10.tablePaginationCentralButtons, children: [
       /* @__PURE__ */ jsx13(
         ActionIcon,
         {
@@ -1858,8 +1871,8 @@ var TablePaginated = React.forwardRef(
       onPageChange,
       onSortChange
     } = props;
-    return /* @__PURE__ */ jsxs8("div", { ref, className: clsx7(styles12.tableContainer, className), children: [
-      /* @__PURE__ */ jsx14("div", { className: styles12.tableContainerScroll, children: /* @__PURE__ */ jsxs8("table", { className: styles12.table, children: [
+    return /* @__PURE__ */ jsxs8("div", { ref, className: clsx7(styles11.tableContainer, className), children: [
+      /* @__PURE__ */ jsx14("div", { className: styles11.tableContainerScroll, children: /* @__PURE__ */ jsxs8("table", { className: styles11.table, children: [
         /* @__PURE__ */ jsx14(
           TableHeader,
           {
@@ -2035,7 +2048,7 @@ import "./DateRangePicker-PLOUUN7Q.css";
 
 // src/components/editors/dates/DateRangePicker/DateRangePickerChevron.tsx
 import { IconCaretDownFilled as IconCaretDownFilled2 } from "@tabler/icons-react";
-import styles13 from "./DateRangePickerChevron.module-ABYY5R7C.module.css";
+import styles12 from "./DateRangePickerChevron.module-ABYY5R7C.module.css";
 import clsx9 from "clsx";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var SMALL_SIZE = 18;
@@ -2048,7 +2061,7 @@ var DateRangePickerChevron = ({
   return /* @__PURE__ */ jsx16(
     "button",
     {
-      className: clsx9(styles13.chevron, isSmallChevron && styles13.small),
+      className: clsx9(styles12.chevron, isSmallChevron && styles12.small),
       style: {
         transform: rotation
       },
@@ -2110,7 +2123,7 @@ import { useState as useState6 } from "react";
 
 // src/components/shared/Field/FieldHeader.tsx
 import clsx10 from "clsx";
-import styles14 from "./FieldHeader.module-QOLBH472.module.css";
+import styles13 from "./FieldHeader.module-QOLBH472.module.css";
 import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var FieldHeader = ({
   label,
@@ -2121,7 +2134,7 @@ var FieldHeader = ({
   if (!label && !required) {
     return null;
   }
-  return /* @__PURE__ */ jsxs10("label", { className: clsx10(styles14.fieldHeader, className), children: [
+  return /* @__PURE__ */ jsxs10("label", { className: clsx10(styles13.fieldHeader, className), children: [
     label,
     required && /* @__PURE__ */ jsx18("span", { children: requiredLabel })
   ] });
@@ -2146,7 +2159,7 @@ var Dropdown = ({
 };
 
 // src/components/editors/selects/shared/SelectFieldTrigger/SelectFieldTrigger.tsx
-import styles15 from "./SelectFieldTrigger.module-M6BRE7IY.module.css";
+import styles14 from "./SelectFieldTrigger.module-M6BRE7IY.module.css";
 import { IconCaretDownFilled as IconCaretDownFilled3, IconLoader2, IconX } from "@tabler/icons-react";
 import clsx11 from "clsx";
 import { forwardRef as forwardRef3 } from "react";
@@ -2174,16 +2187,16 @@ var SelectFieldTrigger = forwardRef3(
       {
         ref,
         className: clsx11(
-          styles15.selectFieldTrigger,
-          valueLabel && styles15.filled,
-          error && styles15.error
+          styles14.selectFieldTrigger,
+          valueLabel && styles14.filled,
+          error && styles14.error
         ),
         ...props,
         children: [
           StartIcon && /* @__PURE__ */ jsx20(StartIcon, {}),
           /* @__PURE__ */ jsx20("span", { children: displayValue }),
           showClearButton && /* @__PURE__ */ jsx20(IconX, { onPointerDown: handleClear }),
-          isLoading ? /* @__PURE__ */ jsx20(IconLoader2, { className: styles15.loading }) : /* @__PURE__ */ jsx20(IconCaretDownFilled3, {})
+          isLoading ? /* @__PURE__ */ jsx20(IconLoader2, { className: styles14.loading }) : /* @__PURE__ */ jsx20(IconCaretDownFilled3, {})
         ]
       }
     );
@@ -2193,7 +2206,7 @@ SelectFieldTrigger.displayName = "SelectFieldTrigger";
 
 // src/components/editors/selects/shared/SelectFieldContent/SelectFieldContent.tsx
 import { useEffect as useEffect6, useRef as useRef9 } from "react";
-import styles16 from "./SelectFieldContent.module-GZYJOPUB.module.css";
+import styles15 from "./SelectFieldContent.module-GZYJOPUB.module.css";
 import clsx12 from "clsx";
 import { jsx as jsx21 } from "react/jsx-runtime";
 var SelectFieldContent = ({
@@ -2254,26 +2267,26 @@ var SelectFieldContent = ({
     {
       ref: containerRef,
       tabIndex: -1,
-      className: clsx12(styles16.selectFieldContent, fitContent && styles16.fitContent, className),
+      className: clsx12(styles15.selectFieldContent, fitContent && styles15.fitContent, className),
       ...props,
       children
     }
   );
 };
 var SelectFieldContentList = ({ children, disabled }) => {
-  return /* @__PURE__ */ jsx21("div", { className: clsx12(styles16.selectFieldContentList, disabled && styles16.disabled), children });
+  return /* @__PURE__ */ jsx21("div", { className: clsx12(styles15.selectFieldContentList, disabled && styles15.disabled), children });
 };
 
 // src/components/shared/Field/FieldFeedback.tsx
 import clsx13 from "clsx";
-import styles17 from "./FieldFeedback.module-F7Z33KCS.module.css";
+import styles16 from "./FieldFeedback.module-F7Z33KCS.module.css";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var FieldFeedback = ({ message, variant, className }) => {
-  return /* @__PURE__ */ jsx22("p", { className: clsx13(styles17.fieldFeedback, variant && styles17[variant], className), children: message });
+  return /* @__PURE__ */ jsx22("p", { className: clsx13(styles16.fieldFeedback, variant && styles16[variant], className), children: message });
 };
 
 // src/components/shared/Button/Button.tsx
-import styles18 from "./Button.module-GOXSST7L.module.css";
+import styles17 from "./Button.module-GOXSST7L.module.css";
 import clsx14 from "clsx";
 import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 var Button = ({
@@ -2285,7 +2298,7 @@ var Button = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs13("button", { className: clsx14(styles18.button, styles18[variant], styles18[size], className), ...props, children: [
+  return /* @__PURE__ */ jsxs13("button", { className: clsx14(styles17.button, styles17[variant], styles17[size], className), ...props, children: [
     StartIcon && /* @__PURE__ */ jsx23(StartIcon, {}),
     /* @__PURE__ */ jsx23("span", { children }),
     EndIcon && /* @__PURE__ */ jsx23(EndIcon, {})
@@ -2293,7 +2306,7 @@ var Button = ({
 };
 
 // src/components/editors/dates/DateRangePickerField/DateRangePickerField.tsx
-import styles19 from "./DateRangePickerField.module-CURG3KIS.module.css";
+import styles18 from "./DateRangePickerField.module-CURG3KIS.module.css";
 import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
 var getDateRangePickerLabel = (dateRange, displayValue) => {
   if (!dateRange) return void 0;
@@ -2374,7 +2387,7 @@ var DateRangePickerField = ({
             Button,
             {
               size: "small",
-              className: styles19.submitButton,
+              className: styles18.submitButton,
               onClick: handleChange,
               disabled: isSubmitDisabled,
               children: submitLabel
@@ -2392,7 +2405,7 @@ import { forwardRef as forwardRef5 } from "react";
 
 // src/components/editors/inputs/shared/InputField/InputField.tsx
 import { IconX as IconX2 } from "@tabler/icons-react";
-import styles20 from "./InputField.module-LDLOMDBK.module.css";
+import styles19 from "./InputField.module-LDLOMDBK.module.css";
 import clsx15 from "clsx";
 import { forwardRef as forwardRef4 } from "react";
 import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -2419,7 +2432,7 @@ var InputField = forwardRef4(
     const hasError = error || errorMessage;
     return /* @__PURE__ */ jsxs15("div", { className, children: [
       /* @__PURE__ */ jsx25(FieldHeader, { label, required, requiredLabel }),
-      /* @__PURE__ */ jsxs15("div", { className: clsx15(styles20.input, hasError && styles20.error), children: [
+      /* @__PURE__ */ jsxs15("div", { className: clsx15(styles19.input, hasError && styles19.error), children: [
         StartIcon && /* @__PURE__ */ jsx25(StartIcon, {}),
         /* @__PURE__ */ jsx25(
           "input",
@@ -2438,7 +2451,7 @@ var InputField = forwardRef4(
         /* @__PURE__ */ jsx25(
           IconX2,
           {
-            className: clsx15(styles20.clearIcon, showClearButton && styles20.clearIconVisible),
+            className: clsx15(styles19.clearIcon, showClearButton && styles19.clearIconVisible),
             onClick: () => onChange("")
           }
         ),
@@ -2520,7 +2533,7 @@ import { Fragment as Fragment4, useEffect as useEffect8, useMemo as useMemo4, us
 
 // src/components/editors/selects/shared/SelectFieldContent/SelectFieldOptions/SelectFieldOption/SelectFieldOption.tsx
 import * as DropdownMenu2 from "@radix-ui/react-dropdown-menu";
-import styles21 from "./SelectFieldOption.module-SH3TOVNB.module.css";
+import styles20 from "./SelectFieldOption.module-SH3TOVNB.module.css";
 import clsx16 from "clsx";
 import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var SelectListOption = ({
@@ -2537,18 +2550,18 @@ var SelectListOption = ({
     DropdownMenu2.Item,
     {
       className: clsx16(
-        styles21.selectFieldOption,
-        disabled && styles21.disabled,
-        isSelected && styles21.selected
+        styles20.selectFieldOption,
+        disabled && styles20.disabled,
+        isSelected && styles20.selected
       ),
       "data-value": value,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs17("span", { className: styles21.leftContent, children: [
+        /* @__PURE__ */ jsxs17("span", { className: styles20.leftContent, children: [
           startIcon,
           /* @__PURE__ */ jsx28("span", { title: label, children: label })
         ] }),
-        /* @__PURE__ */ jsxs17("span", { className: styles21.rightContent, children: [
+        /* @__PURE__ */ jsxs17("span", { className: styles20.rightContent, children: [
           /* @__PURE__ */ jsx28("span", { title: rightLabel, children: rightLabel }),
           endIcon
         ] })
@@ -2574,7 +2587,7 @@ var groupOptionsByCategory = (options) => {
 
 // src/components/editors/selects/MultiSelectField/MultiSelectField.tsx
 import { IconSearch, IconSquare, IconSquareCheckFilled } from "@tabler/icons-react";
-import styles23 from "./selects.module-MRJADSDF.module.css";
+import styles22 from "./selects.module-MRJADSDF.module.css";
 
 // src/components/editors/selects/shared/useSelectSearchFocus.hook.ts
 import { useEffect as useEffect7 } from "react";
@@ -2589,10 +2602,10 @@ var useSelectSearchFocus = (isOpen, searchFieldRef) => {
 };
 
 // src/components/editors/selects/shared/SelectFieldContent/SelectFieldOptions/SelectFieldCategory/SelectFieldCategory.tsx
-import styles22 from "./SelectFieldCategory.module-FMZMX5V2.module.css";
+import styles21 from "./SelectFieldCategory.module-FMZMX5V2.module.css";
 import { jsx as jsx29 } from "react/jsx-runtime";
 var SelectFieldCategory = ({ label }) => {
-  return /* @__PURE__ */ jsx29("span", { className: styles22.selectFieldCategory, children: label });
+  return /* @__PURE__ */ jsx29("span", { className: styles21.selectFieldCategory, children: label });
 };
 
 // src/utils/debounce.utils.ts
@@ -2714,7 +2727,7 @@ var MultiSelectField = ({
               value: searchValue,
               onKeyDown: (e) => e.stopPropagation(),
               onChange: handleSearch,
-              className: styles23.searchField
+              className: styles22.searchField
             }
           ),
           /* @__PURE__ */ jsxs18(SelectFieldContentList, { disabled: isLoading, children: [
@@ -2743,7 +2756,7 @@ var MultiSelectField = ({
           /* @__PURE__ */ jsx30(
             Button,
             {
-              className: styles23.submitButton,
+              className: styles22.submitButton,
               disabled: isSubmitDisabled || isLoading,
               variant: "primary",
               size: "medium",
@@ -2762,7 +2775,7 @@ var MultiSelectField = ({
 // src/components/editors/selects/SingleSelectField/SingleSelectField.tsx
 import { Fragment as Fragment5, useEffect as useEffect9, useMemo as useMemo5, useRef as useRef11, useState as useState8 } from "react";
 import { IconSearch as IconSearch2 } from "@tabler/icons-react";
-import styles24 from "./selects.module-MRJADSDF.module.css";
+import styles23 from "./selects.module-MRJADSDF.module.css";
 import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 var SingleSelectField = ({
   label,
@@ -2849,7 +2862,7 @@ var SingleSelectField = ({
               value: searchValue,
               onKeyDown: (e) => e.stopPropagation(),
               onChange: handleSearch,
-              className: styles24.searchField
+              className: styles23.searchField
             }
           ),
           /* @__PURE__ */ jsxs19(SelectFieldContentList, { disabled: isLoading, children: [
@@ -2884,7 +2897,7 @@ var SingleSelectField = ({
 
 // src/components/editors/Switch/Switch.tsx
 import clsx17 from "clsx";
-import styles25 from "./Switch.module-MXKS66UI.module.css";
+import styles24 from "./Switch.module-MXKS66UI.module.css";
 import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var Switch = ({
   checked,
@@ -2909,9 +2922,9 @@ var Switch = ({
     {
       className: clsx17(
         className,
-        styles25.switch,
-        checked && styles25.checked,
-        disabled && styles25.disabled
+        styles24.switch,
+        checked && styles24.checked,
+        disabled && styles24.disabled
       ),
       children: [
         /* @__PURE__ */ jsx32(
@@ -2927,8 +2940,8 @@ var Switch = ({
             ...props
           }
         ),
-        /* @__PURE__ */ jsx32("span", { className: styles25.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx32("span", { className: styles25.switchThumb, "aria-hidden": "true" }) }),
-        label && /* @__PURE__ */ jsx32("span", { className: clsx17(styles25.switchLabel), children: label })
+        /* @__PURE__ */ jsx32("span", { className: styles24.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ jsx32("span", { className: styles24.switchThumb, "aria-hidden": "true" }) }),
+        label && /* @__PURE__ */ jsx32("span", { className: clsx17(styles24.switchLabel), children: label })
       ]
     }
   );
@@ -2936,7 +2949,7 @@ var Switch = ({
 
 // src/components/shared/ButtonIcon/ButtonIcon.tsx
 import clsx18 from "clsx";
-import styles26 from "./ButtonIcon.module-JHFZQSMJ.module.css";
+import styles25 from "./ButtonIcon.module-JHFZQSMJ.module.css";
 import { jsx as jsx33 } from "react/jsx-runtime";
 var ButtonIcon = ({
   icon: Icon,
@@ -2948,7 +2961,7 @@ var ButtonIcon = ({
   return /* @__PURE__ */ jsx33(
     "button",
     {
-      className: clsx18(styles26.buttonIcon, styles26[variant], styles26[size], className),
+      className: clsx18(styles25.buttonIcon, styles25[variant], styles25[size], className),
       ...props,
       children: /* @__PURE__ */ jsx33(Icon, {})
     }
@@ -2957,12 +2970,12 @@ var ButtonIcon = ({
 
 // src/components/shared/Card/Card.tsx
 import React3 from "react";
-import styles27 from "./Card.module-HKJ5BQ2P.module.css";
+import styles26 from "./Card.module-HKJ5BQ2P.module.css";
 import clsx19 from "clsx";
 import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 var Card = React3.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx34("div", { className: clsx19(styles27.card, className), ref, ...props, children });
+    return /* @__PURE__ */ jsx34("div", { className: clsx19(styles26.card, className), ref, ...props, children });
   }
 );
 Card.displayName = "Card";
@@ -2970,8 +2983,8 @@ var CardHeader = ({ title, subtitle, rightContent }) => {
   if (!title && !subtitle && !rightContent) {
     return null;
   }
-  return /* @__PURE__ */ jsxs21("div", { className: styles27.cardHeader, children: [
-    /* @__PURE__ */ jsxs21("div", { className: styles27.leftContent, children: [
+  return /* @__PURE__ */ jsxs21("div", { className: styles26.cardHeader, children: [
+    /* @__PURE__ */ jsxs21("div", { className: styles26.leftContent, children: [
       title && /* @__PURE__ */ jsx34("h1", { children: title }),
       subtitle && /* @__PURE__ */ jsx34("p", { children: subtitle })
     ] }),
@@ -2980,14 +2993,14 @@ var CardHeader = ({ title, subtitle, rightContent }) => {
 };
 var CardContent = React3.forwardRef(
   ({ children }, ref) => {
-    return /* @__PURE__ */ jsx34("div", { className: styles27.cardContent, ref, children });
+    return /* @__PURE__ */ jsx34("div", { className: styles26.cardContent, ref, children });
   }
 );
 CardContent.displayName = "CardContent";
 
 // src/components/shared/Card/CardFeedback/CardFeedback.tsx
 import clsx20 from "clsx";
-import styles28 from "./CardFeedback.module-WCSHLBSM.module.css";
+import styles27 from "./CardFeedback.module-WCSHLBSM.module.css";
 import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 var CardFeedback = ({
   icon: Icon,
@@ -2996,7 +3009,7 @@ var CardFeedback = ({
   className,
   variant = "info"
 }) => {
-  return /* @__PURE__ */ jsxs22("div", { className: clsx20(styles28.feedback, styles28[variant], className), children: [
+  return /* @__PURE__ */ jsxs22("div", { className: clsx20(styles27.feedback, styles27[variant], className), children: [
     Icon && /* @__PURE__ */ jsx35(Icon, {}),
     /* @__PURE__ */ jsx35("h2", { children: title }),
     /* @__PURE__ */ jsx35("p", { children: message })
@@ -3005,7 +3018,7 @@ var CardFeedback = ({
 
 // src/components/shared/GhostButton/GhostButton.tsx
 import clsx21 from "clsx";
-import styles29 from "./GhostButton.module-43KOFC6W.module.css";
+import styles28 from "./GhostButton.module-43KOFC6W.module.css";
 import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 var GhostButton = ({
   startIcon: StartIcon,
@@ -3014,7 +3027,7 @@ var GhostButton = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs23("button", { className: clsx21(styles29.ghostButton, className), ...props, children: [
+  return /* @__PURE__ */ jsxs23("button", { className: clsx21(styles28.ghostButton, className), ...props, children: [
     StartIcon && /* @__PURE__ */ jsx36(StartIcon, {}),
     /* @__PURE__ */ jsx36("span", { children }),
     EndIcon && /* @__PURE__ */ jsx36(EndIcon, {})
@@ -3023,21 +3036,21 @@ var GhostButton = ({
 
 // src/components/shared/Overlay/Overlay.tsx
 import clsx22 from "clsx";
-import styles30 from "./Overlay.module-FCW64VWM.module.css";
+import styles29 from "./Overlay.module-FCW64VWM.module.css";
 import { jsx as jsx37 } from "react/jsx-runtime";
 var Overlay = ({ className, children }) => {
-  return /* @__PURE__ */ jsx37("div", { className: clsx22(styles30.overlay, className), children });
+  return /* @__PURE__ */ jsx37("div", { className: clsx22(styles29.overlay, className), children });
 };
 
 // src/components/shared/Skeleton/Skeleton.tsx
-import styles31 from "./Skeleton.module-ZN5S5VRF.module.css";
+import styles30 from "./Skeleton.module-ZN5S5VRF.module.css";
 import { jsx as jsx38 } from "react/jsx-runtime";
 var Skeleton = () => {
-  return /* @__PURE__ */ jsx38("div", { className: styles31.skeleton });
+  return /* @__PURE__ */ jsx38("div", { className: styles30.skeleton });
 };
 
 // src/components/shared/Typography/Typography.tsx
-import styles32 from "./Typography.module-SW6CT55P.module.css";
+import styles31 from "./Typography.module-SW6CT55P.module.css";
 import clsx23 from "clsx";
 import { jsx as jsx39 } from "react/jsx-runtime";
 function Typography({
@@ -3047,7 +3060,7 @@ function Typography({
   style,
   title
 }) {
-  return /* @__PURE__ */ jsx39(Component, { title, className: clsx23(styles32.typography, className), style, children });
+  return /* @__PURE__ */ jsx39(Component, { title, className: clsx23(styles31.typography, className), style, children });
 }
 
 // src/utils/object.utils.ts