@embeddable.com/remarkable-ui 2.0.24 → 2.0.26

package/dist/index.js

@@ -66,10 +66,10 @@ var getStyleNumber = (variableName, fallbackValue) => {
 // src/components/charts/charts.constants.ts
 var getChartColors = () => [
   getStyle("--em-sem-chart-color--1"),
+  getStyle("--em-sem-chart-color--5"),
   getStyle("--em-sem-chart-color--2"),
   getStyle("--em-sem-chart-color--3"),
   getStyle("--em-sem-chart-color--4"),
-  getStyle("--em-sem-chart-color--5"),
   getStyle("--em-sem-chart-color--6"),
   getStyle("--em-sem-chart-color--7"),
   getStyle("--em-sem-chart-color--8"),
@@ -78,9 +78,9 @@ var getChartColors = () => [
 ];
 var getChartContrastColors = () => [
   getStyle("--em-sem-chart-color--1"),
-  getStyle("--em-sem-chart-color--4"),
-  getStyle("--em-sem-chart-color--7"),
-  getStyle("--em-sem-chart-color--10")
+  getStyle("--em-sem-chart-color--5"),
+  getStyle("--em-sem-chart-color--2"),
+  getStyle("--em-sem-chart-color--3")
 ];
 
 // src/components/charts/bars/bars.utils.ts
@@ -938,7 +938,7 @@ var PieChart = ({
 
 // src/components/charts/tables/HeatMap/HeatMap.tsx
 import { useMemo, useCallback } from "react";
-import tableStyles from "./tables.module-OHIGVUSC.module.css";
+import tableStyles from "./tables.module-6DZDKDSH.module.css";
 import clsx2 from "clsx";
 
 // src/components/charts/tables/HeatMap/HeatMap.utils.ts
@@ -1227,7 +1227,7 @@ var HeatMap = ({
 
 // src/components/charts/tables/PivotTable/PivotTable.tsx
 import { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
-import tableStyles2 from "./tables.module-OHIGVUSC.module.css";
+import tableStyles2 from "./tables.module-6DZDKDSH.module.css";
 import clsx3 from "clsx";
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var isNumber = (v) => typeof v === "number" && !Number.isNaN(v);
@@ -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-6DZDKDSH.module.css";
 import clsx7 from "clsx";
 
 // src/components/charts/tables/Table/components/TableHeader/TableHeader.tsx
@@ -1563,7 +1563,7 @@ var TableHeaderAlign = {
 };
 
 // src/components/charts/tables/Table/components/TableHeader/TableHeader.tsx
-import tableStyles3 from "./tables.module-OHIGVUSC.module.css";
+import tableStyles3 from "./tables.module-6DZDKDSH.module.css";
 import clsx4 from "clsx";
 import { useEffect as useEffect3, useState as useState3 } from "react";
 
@@ -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
@@ -1683,7 +1683,7 @@ var ActionIcon = ({ icon: Icon, className, ...props }) => {
 // src/components/charts/tables/Table/components/TableBody/TableBody.tsx
 import { IconCopy, IconCopyCheckFilled } from "@tabler/icons-react";
 import { useState as useState4 } from "react";
-import tableStyles4 from "./tables.module-OHIGVUSC.module.css";
+import tableStyles4 from "./tables.module-6DZDKDSH.module.css";
 import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var TableBody = ({
   headers,
@@ -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,
           {
@@ -1914,7 +1927,7 @@ var useTableGetRowsPerPage = ({
 
 // src/components/charts/tables/Table/TableScrollable/TableScrollable.tsx
 import clsx8 from "clsx";
-import tableStyles5 from "./tables.module-OHIGVUSC.module.css";
+import tableStyles5 from "./tables.module-6DZDKDSH.module.css";
 
 // src/components/charts/tables/Table/TableScrollable/TableScrollable.hooks.ts
 import { useEffect as useEffect5, useRef as useRef7 } from "react";
@@ -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,37 +2970,34 @@ 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-FJOL7BYF.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";
-var CardHeader = ({ title, subtitle, rightContent }) => {
-  if (!title && !subtitle && !rightContent) {
+var CardHeader = ({ title, subtitle }) => {
+  if (!title && !subtitle) {
     return null;
   }
-  return /* @__PURE__ */ jsxs21("div", { className: styles27.cardHeader, children: [
-    /* @__PURE__ */ jsxs21("div", { className: styles27.leftContent, children: [
-      title && /* @__PURE__ */ jsx34("h1", { children: title }),
-      subtitle && /* @__PURE__ */ jsx34("p", { children: subtitle })
-    ] }),
-    rightContent
+  return /* @__PURE__ */ jsxs21("div", { className: styles26.cardHeader, children: [
+    title && /* @__PURE__ */ jsx34("h1", { children: title }),
+    subtitle && /* @__PURE__ */ jsx34("p", { children: subtitle })
   ] });
 };
 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 +3006,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 +3015,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 +3024,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 +3033,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 +3057,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