@natoora-libs/core 0.1.9-dev-doug-1 → 0.1.9-dev-doug-2

package/dist/components/index.d.cts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, Ref, RefObject, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, Theme, Typography } from '@mui/material';
+import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -712,7 +712,7 @@ declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeade
 type SearchFieldDebouncedProps = {
     onSearch: (value: string) => void;
     initialValue?: string;
-    debounceMs?: number;
+    debounceDelay?: number;
 };
 declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
 
@@ -866,6 +866,7 @@ type HeadCell = {
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
+    disableSort?: boolean;
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
     onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
@@ -942,21 +943,11 @@ interface TableProps {
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 type TableDesktopRowActionsProps = {
-    rowRef: Ref<unknown>;
     isRowHovered: boolean;
-    top?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    left?: number | string;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
     zIndex?: number | string;
-    px?: number | string;
-    py?: number | string;
-    pt?: number | string;
-    pb?: number | string;
-    pr?: number | string;
-    pl?: number | string;
     backgroundColor?: string | ((theme: Theme) => string);
-    children: ReactNode;
 };
 declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
 
@@ -972,7 +963,7 @@ type TableDesktopRowCellProps = {
     inputLabel: HeadCell["label"];
     filterOptions?: HeadCell["filterOptions"];
     refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
 declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;

package/dist/components/index.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, Ref, RefObject, ComponentProps, SVGProps } from 'react';
+import React__default, { MouseEvent, ReactNode, ComponentType, ChangeEvent, FC, RefObject, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
-import { MenuProps, Theme, Typography } from '@mui/material';
+import { MenuProps, SxProps, Theme, Typography } from '@mui/material';
 import { DateRangePickerShape } from 'react-dates';
 
 type ActiveFiltersIconButtonProps = {
@@ -712,7 +712,7 @@ declare const _default$9: React.MemoExoticComponent<(props: SearchAndFilterHeade
 type SearchFieldDebouncedProps = {
     onSearch: (value: string) => void;
     initialValue?: string;
-    debounceMs?: number;
+    debounceDelay?: number;
 };
 declare const SearchFieldDebounced: React__default.FC<SearchFieldDebouncedProps>;
 
@@ -866,6 +866,7 @@ type HeadCell = {
     disablePadding?: boolean;
     width?: number | string;
     enabled?: boolean;
+    disableSort?: boolean;
     RenderHeader?: ReactNode;
     editableCellType?: EditableCellType;
     onUpdateEditableCell?: (rowId: number, newValue: string | number | boolean) => void;
@@ -942,21 +943,11 @@ interface TableProps {
 declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isLoading, onRowClick, page, RenderItem, rowsPerPage: defaultRowsPerPage, serverRendered, updateSort, }: TableProps) => react_jsx_runtime.JSX.Element;
 
 type TableDesktopRowActionsProps = {
-    rowRef: Ref<unknown>;
     isRowHovered: boolean;
-    top?: number | string;
-    right?: number | string;
-    bottom?: number | string;
-    left?: number | string;
+    children: ReactNode;
+    sx?: SxProps<Theme>;
     zIndex?: number | string;
-    px?: number | string;
-    py?: number | string;
-    pt?: number | string;
-    pb?: number | string;
-    pr?: number | string;
-    pl?: number | string;
     backgroundColor?: string | ((theme: Theme) => string);
-    children: ReactNode;
 };
 declare const TableDesktopRowActions: FC<TableDesktopRowActionsProps>;
 
@@ -972,7 +963,7 @@ type TableDesktopRowCellProps = {
     inputLabel: HeadCell["label"];
     filterOptions?: HeadCell["filterOptions"];
     refetchFilterOptions?: HeadCell["refetchFilterOptions"];
-    isFetchingFilterOptions: HeadCell["isFetchingFilterOptions"];
+    isFetchingFilterOptions?: HeadCell["isFetchingFilterOptions"];
     onUpdateEditableCell?: HeadCell["onUpdateEditableCell"];
 };
 declare const TableDesktopRowCell: FC<TableDesktopRowCellProps>;

package/dist/components/index.js

@@ -6226,7 +6226,7 @@ import { jsx as jsx103 } from "react/jsx-runtime";
 var SearchFieldDebounced = ({
   onSearch,
   initialValue = "",
-  debounceMs = 500
+  debounceDelay = 500
 }) => {
   const [value, setValue] = useState13(initialValue);
   const debounceRef = useRef4(null);
@@ -6238,7 +6238,7 @@ var SearchFieldDebounced = ({
     ;
     debounceRef.current = window.setTimeout(() => {
       onSearch(e.target.value);
-    }, debounceMs);
+    }, debounceDelay);
   };
   useEffect8(() => {
     return () => {
@@ -6592,7 +6592,7 @@ var Switch_default = memo19(LabelledSwitch);
 import { useMemo as useMemo3, useState as useState16, useEffect as useEffect11, memo as memo21 } from "react";
 import CheckIcon from "@mui/icons-material/Check";
 import {
-  Box as Box29,
+  Box as Box30,
   Checkbox as Checkbox5,
   Divider as Divider9,
   FormControlLabel as FormControlLabel3,
@@ -6616,18 +6616,20 @@ import {
   TableBody,
   TableContainer,
   Skeleton as Skeleton2,
-  Box as Box28
+  Box as Box29
 } from "@mui/material";
 import { makeStyles as makeStyles47 } from "tss-react/mui";
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
 import { memo as memo20 } from "react";
 import {
+  Box as Box28,
   Checkbox as Checkbox4,
   TableCell,
   TableHead,
   TableRow,
-  TableSortLabel
+  TableSortLabel,
+  Typography as Typography25
 } from "@mui/material";
 import { makeStyles as makeStyles45 } from "tss-react/mui";
 import { jsx as jsx108, jsxs as jsxs73 } from "react/jsx-runtime";
@@ -6714,38 +6716,46 @@ var SmartTableHeader = ({
         onChange: onSelectAllClick
       }
     ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ jsxs73(
+    headCells.map((headCell) => /* @__PURE__ */ jsx108(
       TableCell,
       {
         className: classes.tableHeaderContent,
         align: "left",
-        sx: { width: headCell.width ?? "auto" },
+        width: headCell.width ?? "auto",
         sortDirection: orderBy === headCell.id ? order : false,
-        children: [
-          /* @__PURE__ */ jsxs73(
-            TableSortLabel,
-            {
-              "data-testid": "table-sort-label",
-              active: isSortActive(headCell.id),
-              direction: orderBy === headCell.id ? order : "asc",
-              onClick: createSortHandler(headCell.id),
-              children: [
-                headCell.RenderHeader ?? headCell.label,
-                orderBy === headCell.id ? /* @__PURE__ */ jsx108("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
-              ]
-            }
-          ),
-          headCell.refetchFilterOptions ? /* @__PURE__ */ jsx108(
-            SmartTableHeaderFilterMenu_default,
-            {
-              headCell,
-              headerFilters,
-              numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-              onApplyFilters,
-              shouldShowCheckOnFilter
-            }
-          ) : null
-        ]
+        children: /* @__PURE__ */ jsxs73(
+          Box28,
+          {
+            display: "flex",
+            flexDirection: "row",
+            gap: headCell.disableSort ? 1 : 0,
+            children: [
+              headCell.disableSort ? /* @__PURE__ */ jsx108(Typography25, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) : /* @__PURE__ */ jsxs73(
+                TableSortLabel,
+                {
+                  "data-testid": "table-sort-label",
+                  active: isSortActive(headCell.id),
+                  direction: orderBy === headCell.id ? order : "asc",
+                  onClick: createSortHandler(headCell.id),
+                  children: [
+                    headCell.RenderHeader ?? headCell.label,
+                    orderBy === headCell.id ? /* @__PURE__ */ jsx108("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                  ]
+                }
+              ),
+              headCell.refetchFilterOptions ? /* @__PURE__ */ jsx108(
+                SmartTableHeaderFilterMenu_default,
+                {
+                  headCell,
+                  headerFilters,
+                  numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+                  onApplyFilters,
+                  shouldShowCheckOnFilter
+                }
+              ) : null
+            ]
+          }
+        )
       },
       headCell.id
     ))
@@ -6754,7 +6764,7 @@ var SmartTableHeader = ({
 var SmartTableHeader_default = memo20(SmartTableHeader);
 
 // src/components/TableEmptyResult/TableEmptyResult.tsx
-import { TableCell as TableCell2, TableRow as TableRow2, Typography as Typography25 } from "@mui/material";
+import { TableCell as TableCell2, TableRow as TableRow2, Typography as Typography26 } from "@mui/material";
 import { makeStyles as makeStyles46 } from "tss-react/mui";
 import { jsx as jsx109, jsxs as jsxs74 } from "react/jsx-runtime";
 var useStyles46 = makeStyles46()(() => ({
@@ -6776,8 +6786,8 @@ var TableEmptyResult = ({
       align: "center",
       children: [
         /* @__PURE__ */ jsx109(EmptyGlassIcon_default, {}),
-        /* @__PURE__ */ jsx109(Typography25, { variant: "h6", children: "No results found." }),
-        /* @__PURE__ */ jsx109(Typography25, { variant: "subtitle1", children: "Search without applied filters?" }),
+        /* @__PURE__ */ jsx109(Typography26, { variant: "h6", children: "No results found." }),
+        /* @__PURE__ */ jsx109(Typography26, { variant: "subtitle1", children: "Search without applied filters?" }),
         /* @__PURE__ */ jsx109(
           FilledButton_default,
           {
@@ -6983,7 +6993,7 @@ var TableDesktop = ({
     }
   }, [enableCheckboxSelection]);
   return /* @__PURE__ */ jsx110("div", { className: classes.root, style: { height }, children: /* @__PURE__ */ jsxs75(Paper10, { className: classes.paper, children: [
-    isLoading ? /* @__PURE__ */ jsx110(Box28, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ jsx110(
+    isLoading ? /* @__PURE__ */ jsx110(Box29, { width: "100%", overflow: "hidden", children: [...Array(Math.floor(rowsPerPage ?? 50))].map((_, index) => /* @__PURE__ */ jsx110(
       Skeleton2,
       {
         animation: "pulse",
@@ -7099,8 +7109,9 @@ var SmartTableHeaderFilterMenu = ({
     headerFilters[headCell.id] ?? []
   );
   useEffect11(() => {
-    if (headCell.filterOptions)
+    if (headCell.filterOptions) {
       setFilterOptionsData(headCell.filterOptions);
+    }
   }, [headCell.filterOptions]);
   const numFilterOptions = useMemo3(() => filterOptionsData?.length ?? 0, [filterOptionsData?.length]);
   const numCurrentSelectedFilters = selectedFilters.length;
@@ -7144,7 +7155,7 @@ var SmartTableHeaderFilterMenu = ({
   const isOptionChecked = useMemo3(() => (resolvedOption) => !!selectedFilters?.some(
     (value) => resolveOptionType(value, headCell.fieldName ?? "") === resolvedOption
   ), [selectedFilters]);
-  const loadingSkeletons = /* @__PURE__ */ jsxs76(Box29, { "data-testid": "loading-skeletons", width: 272, children: [
+  const loadingSkeletons = /* @__PURE__ */ jsxs76(Box30, { "data-testid": "loading-skeletons", width: 272, children: [
     /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
     /* @__PURE__ */ jsx111(Divider9, {}),
     /* @__PURE__ */ jsx111(Skeleton3, { variant: "rounded", className: classes.skeleton }),
@@ -7174,8 +7185,8 @@ var SmartTableHeaderFilterMenu = ({
         "data-testid": "filter-menu",
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: false ? loadingSkeletons : /* @__PURE__ */ jsxs76(Box29, { className: classes.filterMenu, children: [
-          /* @__PURE__ */ jsx111(Box29, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx111(
+        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ jsxs76(Box30, { className: classes.filterMenu, children: [
+          /* @__PURE__ */ jsx111(Box30, { px: 3, mb: 0.5, children: /* @__PURE__ */ jsx111(
             FormControlLabel3,
             {
               label: "Select All",
@@ -7197,11 +7208,11 @@ var SmartTableHeaderFilterMenu = ({
             }
           ) }),
           /* @__PURE__ */ jsx111(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsx111(Box29, { className: classes.filterOptions, children: filterOptionsData?.map(
+          /* @__PURE__ */ jsx111(Box30, { className: classes.filterOptions, children: filterOptionsData?.map(
             (option) => {
               const resolvedOption = resolveOptionType(option, headCell.fieldName ?? "");
               return /* @__PURE__ */ jsxs76(
-                Box29,
+                Box30,
                 {
                   className: classes.filter,
                   children: [
@@ -7228,7 +7239,7 @@ var SmartTableHeaderFilterMenu = ({
             }
           ) }),
           /* @__PURE__ */ jsx111(Divider9, { sx: { mb: 0.5 } }),
-          /* @__PURE__ */ jsxs76(Box29, { className: classes.applyFilterButtonsContainer, children: [
+          /* @__PURE__ */ jsxs76(Box30, { className: classes.applyFilterButtonsContainer, children: [
             /* @__PURE__ */ jsx111(
               ExtendedButton_default,
               {
@@ -7261,7 +7272,7 @@ var SmartTableHeaderFilterMenu_default = memo21(SmartTableHeaderFilterMenu);
 var import_debounce = __toESM(require_debounce(), 1);
 import { useLayoutEffect, useState as useState17 } from "react";
 import {
-  Box as Box31,
+  Box as Box32,
   Paper as Paper11,
   Table as MUITable,
   TableBody as TableBody2,
@@ -7275,12 +7286,12 @@ import { makeStyles as makeStyles49 } from "tss-react/mui";
 import { v4 as uuidv4 } from "uuid";
 
 // src/components/TableLoading/TableLoading.tsx
-import { Box as Box30, Skeleton as Skeleton4 } from "@mui/material";
+import { Box as Box31, Skeleton as Skeleton4 } from "@mui/material";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var TableLoading = ({
   rowsPerPage,
   rowHeight
-}) => /* @__PURE__ */ jsx112(Box30, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx112(
+}) => /* @__PURE__ */ jsx112(Box31, { children: Array.from({ length: rowsPerPage ?? 0 }).map((_, index) => /* @__PURE__ */ jsx112(
   Skeleton4,
   {
     animation: "pulse",
@@ -7418,7 +7429,7 @@ var Table2 = ({
     }
     return rowsComponents;
   };
-  return /* @__PURE__ */ jsx113(Paper11, { className: classes.root, children: /* @__PURE__ */ jsx113(Box31, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx113(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx113(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(MUITable, { size: "medium", stickyHeader: true, children: [
+  return /* @__PURE__ */ jsx113(Paper11, { className: classes.root, children: /* @__PURE__ */ jsx113(Box32, { className: classes.paper, children: isLoading ? /* @__PURE__ */ jsx113(TableLoading_default, { rowHeight, rowsPerPage }) : /* @__PURE__ */ jsx113(TableContainer2, { className: classes.container, children: /* @__PURE__ */ jsxs77(MUITable, { size: "medium", stickyHeader: true, children: [
     /* @__PURE__ */ jsx113(TableHead2, { className: classes.header, children: /* @__PURE__ */ jsx113(TableRow3, { children: headCells?.map((headCell) => /* @__PURE__ */ jsx113(
       TableCell3,
       {
@@ -7445,49 +7456,32 @@ var Table2 = ({
 var Table_default = Table2;
 
 // src/components/TableDesktopRowActions/TableDesktopRowActions.tsx
-import { Box as Box32, TableCell as TableCell4 } from "@mui/material";
+import { Box as Box33, TableCell as TableCell4 } from "@mui/material";
 import { jsx as jsx114 } from "react/jsx-runtime";
 var TableDesktopRowActions = ({
-  rowRef,
   isRowHovered,
-  px,
-  py,
-  pt,
-  pb,
-  pr,
-  pl,
-  top = 0,
-  right = 0,
-  bottom = 0,
-  left = 0,
+  children,
+  sx,
   zIndex = 1,
-  backgroundColor,
-  children
+  backgroundColor
 }) => {
   return isRowHovered ? /* @__PURE__ */ jsx114(
     TableCell4,
     {
-      ref: rowRef,
       padding: "none",
       sx: {
-        top,
-        right,
-        bottom,
-        left,
+        top: 0,
+        right: 0,
         zIndex,
         position: "sticky",
         display: "flex",
-        justifyContent: "flex-end"
+        justifyContent: "flex-end",
+        alignItems: "center"
       },
       children: /* @__PURE__ */ jsx114(
-        Box32,
+        Box33,
         {
-          px,
-          py,
-          pt,
-          pb,
-          pr,
-          pl,
+          sx,
           display: "flex",
           flexDirection: "row",
           borderLeft: `1px solid ${colors.neutral300}`,
@@ -7506,7 +7500,7 @@ import { Checkbox as Checkbox6, TableCell as TableCell5, TextField as TextField8
 // src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
 import { useState as useState18, memo as memo22, useEffect as useEffect12 } from "react";
 import { jsx as jsx115 } from "react/jsx-runtime";
-var getValueId = (value) => {
+var resolveValue = (value) => {
   if (typeof value === "string") {
     return value;
   }
@@ -7525,12 +7519,12 @@ var TableDesktopSmartSelect = memo22(({
 }) => {
   const [value, setValue] = useState18(initialValue);
   const [options, setOptions] = useState18();
-  const valueId = getValueId(value);
+  const valueId = resolveValue(value);
   const valueLabel = resolveOptionType(value, fieldName);
   useEffect12(() => {
     if (filterOptions) {
       const parsedOptions = filterOptions?.map((option) => ({
-        value: getValueId(option),
+        value: resolveValue(option),
         label: String(resolveOptionType(option, fieldName))
       }));
       setOptions(parsedOptions);
@@ -7588,10 +7582,10 @@ var TableDesktopRowCell = ({
       TableDesktopSmartSelect,
       {
         ref,
+        rowId,
+        fieldName,
         initialValue: editInitialValue,
         inputLabel: inputLabel ?? "",
-        fieldName,
-        rowId,
         filterOptions,
         refetchFilterOptions,
         isFetchingFilterOptions,
@@ -7727,7 +7721,7 @@ var TableHeader = ({ cells, onSort = null }) => {
 var TableHeader_default = memo23(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
-import { Box as Box33, Typography as Typography26, Divider as Divider10, Button as Button13 } from "@mui/material";
+import { Box as Box34, Typography as Typography27, Divider as Divider10, Button as Button13 } from "@mui/material";
 import { makeStyles as makeStyles51 } from "tss-react/mui";
 import { jsx as jsx118, jsxs as jsxs78 } from "react/jsx-runtime";
 var useStyles51 = makeStyles51()(() => ({
@@ -7767,7 +7761,7 @@ var TextDivider = ({
   const { classes } = useStyles51();
   const iconColor = color ?? colors.neutral900;
   return /* @__PURE__ */ jsxs78(
-    Box33,
+    Box34,
     {
       display: "flex",
       alignItems: "center",
@@ -7775,10 +7769,10 @@ var TextDivider = ({
       className: classes.container,
       children: [
         /* @__PURE__ */ jsx118(Divider10, { className: classes.leftDivider }),
-        /* @__PURE__ */ jsx118(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box33, { className: classes.center, children: [
+        /* @__PURE__ */ jsx118(Button13, { onClick, disabled: !onClick, className: classes.button, children: /* @__PURE__ */ jsxs78(Box34, { className: classes.center, children: [
           Icon2 && iconPosition === "left" && /* @__PURE__ */ jsx118(Icon2, { className: classes.icon, style: { color: iconColor } }),
           /* @__PURE__ */ jsx118(
-            Typography26,
+            Typography27,
             {
               color: "textSecondary",
               className: classes.title,
@@ -7902,7 +7896,7 @@ var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
 import { memo as memo24 } from "react";
-import { AppBar, Box as Box34, Toolbar } from "@mui/material";
+import { AppBar, Box as Box35, Toolbar } from "@mui/material";
 import { makeStyles as makeStyles53 } from "tss-react/mui";
 import { jsx as jsx120, jsxs as jsxs79 } from "react/jsx-runtime";
 var useStyles53 = makeStyles53()((theme) => ({
@@ -7924,7 +7918,7 @@ var TheToolbar = ({
   rightSection
 }) => {
   const { classes } = useStyles53();
-  return /* @__PURE__ */ jsxs79(Box34, { children: [
+  return /* @__PURE__ */ jsxs79(Box35, { children: [
     /* @__PURE__ */ jsx120(AppBar, { children: /* @__PURE__ */ jsxs79(Toolbar, { className: classes.topBar, children: [
       /* @__PURE__ */ jsx120(
         RoundButton_default,
@@ -7944,8 +7938,8 @@ var TheToolbar = ({
           imageLogoLightSmall
         }
       ),
-      /* @__PURE__ */ jsx120(Box34, { ml: 2, children: leftSection }),
-      /* @__PURE__ */ jsx120(Box34, { ml: "auto", children: rightSection })
+      /* @__PURE__ */ jsx120(Box35, { ml: 2, children: leftSection }),
+      /* @__PURE__ */ jsx120(Box35, { ml: "auto", children: rightSection })
     ] }) }),
     LeftDrawer
   ] });
@@ -7995,10 +7989,10 @@ var ToastMessage_default = ToastMessage;
 
 // src/components/TwoButtonDialog/TwoButtonDialog.tsx
 import {
-  Typography as Typography27,
+  Typography as Typography28,
   Dialog as Dialog5,
   Backdrop,
-  Box as Box35,
+  Box as Box36,
   Divider as Divider11,
   Paper as Paper12,
   Fade as Fade2
@@ -8045,9 +8039,9 @@ var TwoButtonDialog = ({
       BackdropComponent: Backdrop,
       BackdropProps: { timeout: 500 },
       children: /* @__PURE__ */ jsx122(Fade2, { in: open, children: /* @__PURE__ */ jsxs80(Paper12, { className: classes.paper, children: [
-        /* @__PURE__ */ jsxs80(Box35, { className: classes.mb, children: [
-          /* @__PURE__ */ jsx122(Typography27, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx122(
-            Box35,
+        /* @__PURE__ */ jsxs80(Box36, { className: classes.mb, children: [
+          /* @__PURE__ */ jsx122(Typography28, { variant: "h5", component: "div", children: /* @__PURE__ */ jsx122(
+            Box36,
             {
               sx: {
                 fontWeight: 600
@@ -8056,21 +8050,21 @@ var TwoButtonDialog = ({
             }
           ) }),
           /* @__PURE__ */ jsxs80(
-            Box35,
+            Box36,
             {
               className: classes.mt,
               sx: {
                 fontWeight: 600
               },
               children: [
-                subtitle1 && /* @__PURE__ */ jsx122(Typography27, { variant: "subtitle1", children: subtitle1 }),
-                subtitle2 && /* @__PURE__ */ jsx122(Typography27, { variant: "subtitle1", children: subtitle2 })
+                subtitle1 && /* @__PURE__ */ jsx122(Typography28, { variant: "subtitle1", children: subtitle1 }),
+                subtitle2 && /* @__PURE__ */ jsx122(Typography28, { variant: "subtitle1", children: subtitle2 })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsx122(Divider11, {}),
-        /* @__PURE__ */ jsxs80(Box35, { className: classes.buttonContainer, children: [
+        /* @__PURE__ */ jsxs80(Box36, { className: classes.buttonContainer, children: [
           /* @__PURE__ */ jsx122(
             FilledButton_default,
             {
@@ -8102,7 +8096,7 @@ var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
 import { memo as memo25 } from "react";
-import { Avatar as Avatar2, Typography as Typography28 } from "@mui/material";
+import { Avatar as Avatar2, Typography as Typography29 } from "@mui/material";
 import { jsx as jsx123, jsxs as jsxs81 } from "react/jsx-runtime";
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs81("div", { children: [
   /* @__PURE__ */ jsx123(
@@ -8114,8 +8108,8 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ jsxs8
     }
   ),
   /* @__PURE__ */ jsxs81("div", { style: { paddingTop: 16 }, children: [
-    /* @__PURE__ */ jsx123(Typography28, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
-    /* @__PURE__ */ jsx123(Typography28, { ...typographyProps.username, children: user.username })
+    /* @__PURE__ */ jsx123(Typography29, { ...typographyProps.name, children: `${user.first_name} ${user.last_name}` }),
+    /* @__PURE__ */ jsx123(Typography29, { ...typographyProps.username, children: user.username })
   ] })
 ] });
 var UserBust_default = memo25(UserBust);