@natoora-libs/core 0.2.20-dev-doug-1 → 0.2.20-dev-doug-3

package/dist/components/index.cjs

@@ -1198,7 +1198,7 @@ var AddressFormFields = ({
         ]
       }
     ),
-    googlePlacesAutocompleteProps && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.Box, { sx: { width: "100%", display: "flex", mb: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    googlePlacesAutocompleteProps && !!googlePlacesAutocompleteProps.apiKey && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.Box, { sx: { width: "100%", display: "flex", mb: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       GooglePlacesAddressAutocomplete,
       {
         containerStyles: { width: "60%" },
@@ -1946,29 +1946,41 @@ var import_material14 = require("@mui/material");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 var SearchFieldDebounced = ({
   onSearch,
+  value: controlledValue,
+  onChange: onChangeControlled,
+  onKeyDown,
   variant = "outlined",
   hideSearchIcon = false,
   initialValue = "",
   debounceDelay = 500,
   minCharacters = 0,
   sx,
+  width = 285,
   inputProps
 }) => {
-  const [value, setValue] = (0, import_react10.useState)(initialValue);
+  const [internalValue, setInternalValue] = (0, import_react10.useState)(initialValue);
   const debounceRef = (0, import_react10.useRef)(null);
   const inputSx = inputProps?.sx;
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : internalValue;
+  const executeSearch = (inputValue) => {
+    const trimmedInput = inputValue.trim();
+    if (trimmedInput.length > 0 && trimmedInput.length < minCharacters) {
+      return;
+    }
+    onSearch?.(trimmedInput);
+  };
   const handleChange = (e) => {
     const input = e.target.value;
-    setValue(input);
+    if (!isControlled) {
+      setInternalValue(input);
+    }
+    onChangeControlled?.(e);
     if (debounceRef.current) {
       clearTimeout(debounceRef.current);
     }
     debounceRef.current = window.setTimeout(() => {
-      const trimmedInput = input.trim();
-      if (trimmedInput.length < minCharacters) {
-        return;
-      }
-      onSearch(trimmedInput);
+      executeSearch(input);
     }, debounceDelay);
   };
   (0, import_react10.useEffect)(() => {
@@ -1979,7 +1991,7 @@ var SearchFieldDebounced = ({
       clearTimeout(debounceRef.current);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material14.Box, { width: 285, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material14.Box, { sx: { width }, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     import_material14.TextField,
     {
       fullWidth: true,
@@ -1987,6 +1999,7 @@ var SearchFieldDebounced = ({
       placeholder: "Search",
       value,
       onChange: handleChange,
+      onKeyDown,
       sx,
       slotProps: {
         input: {
@@ -7917,40 +7930,58 @@ var SearchAndFilterHeaderForTable = (props) => {
 var SearchAndFilterHeaderForTable_default = React7.memo(SearchAndFilterHeaderForTable);
 
 // src/components/SearchHeader/SearchHeader.tsx
-var import_react36 = require("react");
 var import_material64 = require("@mui/material");
 var import_jsx_runtime117 = require("react/jsx-runtime");
-var SearchHeader = (0, import_react36.memo)(
-  ({ renderButton, children, onSearch }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
-      import_material64.Paper,
-      {
-        sx: {
-          display: "flex",
-          flexDirection: "column",
-          padding: 2
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
-            import_material64.Box,
-            {
-              sx: {
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_material64.Box, { sx: { width: 285 }, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(SearchFieldDebounced, { onSearch }) }),
-                renderButton
-              ]
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
+var SearchHeader = ({
+  renderButton,
+  renderExtraAction,
+  children,
+  onSearch,
+  value,
+  onChange,
+  onKeyDown,
+  width
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+    import_material64.Paper,
+    {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        padding: 2
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(
+          import_material64.Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)(import_material64.Box, { sx: { display: "flex", gap: 1, alignItems: "center" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+                  SearchFieldDebounced,
+                  {
+                    width,
+                    onSearch,
+                    value,
+                    onChange,
+                    onKeyDown
+                  }
+                ),
+                renderExtraAction
+              ] }),
+              renderButton
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
 
 // src/components/SectionName/SectionName.tsx
 var import_History = __toESM(require("@mui/icons-material/History"), 1);
@@ -8055,7 +8086,7 @@ var SectionName = ({
 var SectionName_default = SectionName;
 
 // src/components/SmartMultipleSelect/SmartMultipleSelect.tsx
-var import_react37 = require("react");
+var import_react36 = require("react");
 var import_material66 = require("@mui/material");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var SmartMultipleSelect = ({
@@ -8075,7 +8106,7 @@ var SmartMultipleSelect = ({
   helperText,
   menuProps
 }) => {
-  const [localValues, setLocalValues] = (0, import_react37.useState)(defaultValues ?? []);
+  const [localValues, setLocalValues] = (0, import_react36.useState)(defaultValues ?? []);
   const handleChangeOption = (option) => {
     let newValues = [];
     const selectedIndex = localValues.findIndex(
@@ -8163,7 +8194,7 @@ var SmartMultipleSelect = ({
 };
 
 // src/components/SquareLabel/SquareLabel.tsx
-var import_react38 = require("react");
+var import_react37 = require("react");
 var import_material67 = require("@mui/material");
 var import_colors52 = require("@mui/material/colors");
 var import_mui49 = require("tss-react/mui");
@@ -8184,10 +8215,10 @@ var SquareLabel = ({ color, copy }) => {
   const { classes } = useStyles44();
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_material67.Typography, { className: classes[color], children: copy });
 };
-var SquareLabel_default = (0, import_react38.memo)(SquareLabel);
+var SquareLabel_default = (0, import_react37.memo)(SquareLabel);
 
 // src/components/Switch/Switch.tsx
-var import_react39 = require("react");
+var import_react38 = require("react");
 var import_material68 = require("@mui/material");
 var import_mui50 = require("tss-react/mui");
 var import_jsx_runtime121 = require("react/jsx-runtime");
@@ -8240,10 +8271,10 @@ var LabelledSwitch = (0, import_mui50.withStyles)(LSwitch, (theme) => ({
     fontSize: "1rem"
   }
 }));
-var Switch_default = (0, import_react39.memo)(LabelledSwitch);
+var Switch_default = (0, import_react38.memo)(LabelledSwitch);
 
 // src/components/SmartTableHeaderFilterMenu/SmartTableHeaderFilterMenu.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_material69 = require("@mui/material");
 var import_classnames3 = __toESM(require("classnames"), 1);
 var import_jsx_runtime122 = require("react/jsx-runtime");
@@ -8264,11 +8295,11 @@ var SmartTableHeaderFilterMenu = ({
   shouldShowCheckOnFilter,
   onApplyFilters
 }) => {
-  const [anchorEl, setAnchorEl] = (0, import_react40.useState)(null);
-  const [filterOptionsData, setFilterOptionsData] = (0, import_react40.useState)();
-  const [selectedFilterOptions, setSelectedFilterOptions] = (0, import_react40.useState)(headerFilters[headCell.id] ?? []);
+  const [anchorEl, setAnchorEl] = (0, import_react39.useState)(null);
+  const [filterOptionsData, setFilterOptionsData] = (0, import_react39.useState)();
+  const [selectedFilterOptions, setSelectedFilterOptions] = (0, import_react39.useState)(headerFilters[headCell.id] ?? []);
   const numFilterOptions = filterOptionsData?.length ?? 0;
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (headCell.filterOptions) {
       setFilterOptionsData(headCell.filterOptions);
     } else if (headCell.filterType === "boolean") {
@@ -8324,7 +8355,7 @@ var SmartTableHeaderFilterMenu = ({
     onApplyFilters?.(updatedFilters, shouldSave);
     setAnchorEl(null);
   };
-  (0, import_react40.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     setSelectedFilterOptions(headerFilters[headCell.id] ?? []);
   }, [headerFilters, headCell.id]);
   return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_jsx_runtime122.Fragment, { children: [
@@ -8385,10 +8416,10 @@ var SmartTableHeaderFilterMenu = ({
 };
 
 // src/components/SmartTableHeader/SmartTableHeader.tsx
-var import_react41 = require("react");
+var import_react40 = require("react");
 var import_material70 = require("@mui/material");
 var import_jsx_runtime123 = require("react/jsx-runtime");
-var SmartTableHeader = (0, import_react41.memo)(
+var SmartTableHeader = (0, import_react40.memo)(
   ({
     order,
     orderBy,
@@ -8505,7 +8536,7 @@ var SmartTableHeader = (0, import_react41.memo)(
 );
 
 // src/components/Table/Table.tsx
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_material72 = require("@mui/material");
 var import_debounce = __toESM(require_debounce(), 1);
 var import_mui51 = require("tss-react/mui");
@@ -8601,11 +8632,11 @@ var Table = ({
   serverRendered,
   updateSort
 }) => {
-  const [order, setOrder] = (0, import_react42.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react42.useState)(
+  const [order, setOrder] = (0, import_react41.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react41.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [rowsPerPage, setRowsPerPage] = (0, import_react42.useState)(defaultRowsPerPage);
+  const [rowsPerPage, setRowsPerPage] = (0, import_react41.useState)(defaultRowsPerPage);
   const { classes } = useStyles45();
   const rowHeight = 56;
   const emptyRows = rowsPerPage - Math.min(rowsPerPage, data.length - page * rowsPerPage);
@@ -8618,7 +8649,7 @@ var Table = ({
       updateSort(property, orderDir);
     }
   };
-  (0, import_react42.useLayoutEffect)(() => {
+  (0, import_react41.useLayoutEffect)(() => {
     if (!doNotCalculateRows) {
       return;
     }
@@ -8682,7 +8713,7 @@ var Table = ({
 var Table_default = Table;
 
 // src/components/TableDesktop/TableDesktop.tsx
-var import_react43 = require("react");
+var import_react42 = require("react");
 var import_material77 = require("@mui/material");
 
 // src/components/TableDesktopLoadingState/TableDesktopLoadingState.tsx
@@ -8984,24 +9015,24 @@ var TableDesktop = ({
   shouldShowCheckOnFilter,
   refetchData
 }) => {
-  const tableToolbarMenuButtonRef = (0, import_react43.useRef)(null);
-  const [tableToolbarMenuAnchor, setTableToolbarMenuAnchor] = (0, import_react43.useState)(null);
-  const [order, setOrder] = (0, import_react43.useState)(appliedFilters?.sortDir || "desc");
-  const [orderBy, setOrderBy] = (0, import_react43.useState)(
+  const tableToolbarMenuButtonRef = (0, import_react42.useRef)(null);
+  const [tableToolbarMenuAnchor, setTableToolbarMenuAnchor] = (0, import_react42.useState)(null);
+  const [order, setOrder] = (0, import_react42.useState)(appliedFilters?.sortDir || "desc");
+  const [orderBy, setOrderBy] = (0, import_react42.useState)(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = (0, import_react43.useState)(/* @__PURE__ */ new Set());
-  const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react43.useState)(false);
-  const [isBulkChangesMode, setIsBulkChangesMode] = (0, import_react43.useState)(false);
+  const [selectedRows, setSelectedRows] = (0, import_react42.useState)(/* @__PURE__ */ new Set());
+  const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = (0, import_react42.useState)(false);
+  const [isBulkChangesMode, setIsBulkChangesMode] = (0, import_react42.useState)(false);
   const numRows = data.length;
-  const numSelectedRows = (0, import_react43.useMemo)(() => {
+  const numSelectedRows = (0, import_react42.useMemo)(() => {
     const currentPageIds = new Set(
       data.map((row) => resolveKeyValue(keyField, row))
     );
     return [...selectedRows].filter((id) => currentPageIds.has(id)).length;
   }, [data, selectedRows, keyField]);
   const isEveryRowInPageSelected = numRows > 0 && numSelectedRows === numRows;
-  const visibleHeadCells = (0, import_react43.useMemo)(
+  const visibleHeadCells = (0, import_react42.useMemo)(
     () => headCells.filter((headCell) => headCell?.enabled ?? true),
     [headCells]
   );
@@ -9067,7 +9098,7 @@ var TableDesktop = ({
       refetchData?.();
     }
   };
-  (0, import_react43.useEffect)(() => {
+  (0, import_react42.useEffect)(() => {
     if (isRowsFromAllPagesSelected) {
       selectAllRowsInPage();
     }
@@ -9218,14 +9249,14 @@ var TableDesktop = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopEditableField.tsx
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_Delete = __toESM(require("@mui/icons-material/Delete"), 1);
 var import_material79 = require("@mui/material");
 var import_x_date_pickers = require("@mui/x-date-pickers");
 var import_moment3 = __toESM(require("moment"), 1);
 
 // src/components/TableDesktopEditableField/TableDesktopSmartMultipleSelect.tsx
-var import_react44 = require("react");
+var import_react43 = require("react");
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var TableDesktopSmartMultipleSelect = ({
   initialValue,
@@ -9241,7 +9272,7 @@ var TableDesktopSmartMultipleSelect = ({
   isFetchingFilterOptions,
   onUpdateEditableCell
 }) => {
-  const defaultValues = (0, import_react44.useMemo)(() => {
+  const defaultValues = (0, import_react43.useMemo)(() => {
     return initialValue?.map((val) => ({
       value: val.id,
       label: val[fieldName].toString()
@@ -9278,7 +9309,7 @@ var TableDesktopSmartMultipleSelect = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopSmartSelect.tsx
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime134 = require("react/jsx-runtime");
 var TableDesktopSmartSelect = ({
   ref,
@@ -9296,7 +9327,7 @@ var TableDesktopSmartSelect = ({
   isFetchingFilterOptions,
   onUpdateEditableCell
 }) => {
-  const [value, setValue] = (0, import_react45.useState)(
+  const [value, setValue] = (0, import_react44.useState)(
     initialValue
   );
   const valueId = resolveObjectType(value ?? "", "id");
@@ -9333,7 +9364,7 @@ var TableDesktopSmartSelect = ({
 };
 
 // src/components/TableDesktopEditableField/TableDesktopTextField.tsx
-var import_react46 = require("react");
+var import_react45 = require("react");
 var import_material78 = require("@mui/material");
 var import_jsx_runtime135 = require("react/jsx-runtime");
 var TableDesktopTextField = ({
@@ -9348,13 +9379,13 @@ var TableDesktopTextField = ({
   validateInput,
   onUpdateEditableCell
 }) => {
-  const [input, setInput] = (0, import_react46.useState)(initialValue);
-  const oldValue = (0, import_react46.useRef)(initialValue);
-  const isDirty = (0, import_react46.useMemo)(
+  const [input, setInput] = (0, import_react45.useState)(initialValue);
+  const oldValue = (0, import_react45.useRef)(initialValue);
+  const isDirty = (0, import_react45.useMemo)(
     () => input !== oldValue.current,
     [input, oldValue.current]
   );
-  const hasValidationError = (0, import_react46.useMemo)(
+  const hasValidationError = (0, import_react45.useMemo)(
     () => isDirty && validateInput && !validateInput(input),
     [input, validateInput]
   );
@@ -9426,8 +9457,8 @@ var TableDesktopEditableField = ({
     allowBlankSelectOption
   }
 }) => {
-  const [parsedFilterOptions, setParsedFilterOptions] = (0, import_react47.useState)();
-  (0, import_react47.useEffect)(() => {
+  const [parsedFilterOptions, setParsedFilterOptions] = (0, import_react46.useState)();
+  (0, import_react46.useEffect)(() => {
     if (filterOptions && editableCellType === "select" || editableCellType === "multipleSelect") {
       const parsedOptions = filterOptions?.map(
         (option) => ({
@@ -9666,7 +9697,7 @@ var TableDesktopFooter = ({
 };
 
 // src/components/TableDesktopCell/TableDesktopCell.tsx
-var import_react48 = require("react");
+var import_react47 = require("react");
 var import_Check3 = __toESM(require("@mui/icons-material/Check"), 1);
 var import_Close = __toESM(require("@mui/icons-material/Close"), 1);
 var import_Edit = __toESM(require("@mui/icons-material/Edit"), 1);
@@ -9696,10 +9727,10 @@ var TableDesktopCell = ({
   onCellClick,
   headCell
 }) => {
-  const [isCellHovered, setIsCellHovered] = (0, import_react48.useState)(false);
-  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react48.useState)(false);
+  const [isCellHovered, setIsCellHovered] = (0, import_react47.useState)(false);
+  const [isCellInEditMode, setIsCellInEditMode] = (0, import_react47.useState)(false);
   const { width, editableCellType } = headCell;
-  (0, import_react48.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         setIsCellInEditMode(false);
@@ -9767,7 +9798,7 @@ var TableDesktopCell = ({
 };
 
 // src/components/TableDesktopToolbar/TableDesktopToolbar.tsx
-var import_react49 = require("react");
+var import_react48 = require("react");
 var import_Download = __toESM(require("@mui/icons-material/Download"), 1);
 var import_KeyboardArrowLeft2 = __toESM(require("@mui/icons-material/KeyboardArrowLeft"), 1);
 var import_KeyboardArrowRight2 = __toESM(require("@mui/icons-material/KeyboardArrowRight"), 1);
@@ -9795,12 +9826,12 @@ var TableDesktopToolbar = ({
   renderTableColumnConfigurationMenu,
   renderInfoIcons
 }) => {
-  const scrollRef = (0, import_react49.useRef)(null);
-  const [bulkChanges, setBulkChanges] = (0, import_react49.useState)([]);
-  const [isBulkChangesDialogOpen, setIsBulkChangesDialogOpen] = (0, import_react49.useState)(false);
-  const [isExportCsvDialogOpen, setIsExportCsvDialogOpen] = (0, import_react49.useState)(false);
-  const [resetCounter, setResetCounter] = (0, import_react49.useState)(0);
-  const visibleEditableColumns = (0, import_react49.useMemo)(
+  const scrollRef = (0, import_react48.useRef)(null);
+  const [bulkChanges, setBulkChanges] = (0, import_react48.useState)([]);
+  const [isBulkChangesDialogOpen, setIsBulkChangesDialogOpen] = (0, import_react48.useState)(false);
+  const [isExportCsvDialogOpen, setIsExportCsvDialogOpen] = (0, import_react48.useState)(false);
+  const [resetCounter, setResetCounter] = (0, import_react48.useState)(0);
+  const visibleEditableColumns = (0, import_react48.useMemo)(
     () => headCells.filter(
       (headCell) => headCell?.enabled && !!headCell?.editableCellType
     ),
@@ -10020,7 +10051,7 @@ var TableDesktopToolbar = ({
 };
 
 // src/components/TableHeader/TableHeader.tsx
-var import_react50 = require("react");
+var import_react49 = require("react");
 var import_icons_material10 = require("@mui/icons-material");
 var import_material83 = require("@mui/material");
 var import_mui53 = require("tss-react/mui");
@@ -10033,9 +10064,9 @@ var useStyles47 = (0, import_mui53.makeStyles)()(() => ({
   }
 }));
 var TableHeader = ({ cells, onSort = null }) => {
-  const [sortableCells, setSortableCells] = (0, import_react50.useState)([]);
+  const [sortableCells, setSortableCells] = (0, import_react49.useState)([]);
   const { classes } = useStyles47();
-  (0, import_react50.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     setSortableCells(cells);
   }, []);
   const getNewSortDirection = (direction) => {
@@ -10080,7 +10111,7 @@ var TableHeader = ({ cells, onSort = null }) => {
     }
   ) : cell.label }, cell.label || key)) }) });
 };
-var TableHeader_default = (0, import_react50.memo)(TableHeader);
+var TableHeader_default = (0, import_react49.memo)(TableHeader);
 
 // src/components/TextDivider/TextDivider.tsx
 var import_material84 = require("@mui/material");
@@ -10257,7 +10288,7 @@ var ThemedDateRangePicker = ({
 var ThemedDateRangePicker_default = ThemedDateRangePicker;
 
 // src/components/TheToolbar/TheToolbar.tsx
-var import_react51 = require("react");
+var import_react50 = require("react");
 var import_material85 = require("@mui/material");
 var import_mui56 = require("tss-react/mui");
 var import_jsx_runtime143 = require("react/jsx-runtime");
@@ -10307,7 +10338,7 @@ var TheToolbar = ({
     LeftDrawer
   ] });
 };
-var TheToolbar_default = (0, import_react51.memo)(TheToolbar);
+var TheToolbar_default = (0, import_react50.memo)(TheToolbar);
 
 // src/components/ToastMessage/ToastMessage.tsx
 var import_material86 = require("@mui/material");
@@ -10450,7 +10481,7 @@ var TwoButtonDialog = ({
 var TwoButtonDialog_default = TwoButtonDialog;
 
 // src/components/UserBust/UserBust.tsx
-var import_react52 = require("react");
+var import_react51 = require("react");
 var import_material88 = require("@mui/material");
 var import_jsx_runtime146 = require("react/jsx-runtime");
 var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { children: [
@@ -10467,7 +10498,7 @@ var UserBust = ({ user, avatarProps, typographyProps }) => /* @__PURE__ */ (0, i
     /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_material88.Typography, { ...typographyProps.username, children: user.username })
   ] })
 ] });
-var UserBust_default = (0, import_react52.memo)(UserBust);
+var UserBust_default = (0, import_react51.memo)(UserBust);
 
 // src/components/icons/IconChart.tsx
 var import_jsx_runtime147 = require("react/jsx-runtime");