@natoora-libs/core 0.2.11 → 0.2.12

package/dist/components/index.d.cts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order } from '../TableDesktop-CZe649rr.cjs';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-CZe649rr.cjs';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.cjs';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.cjs';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -870,6 +870,7 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
+    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -947,7 +948,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: number;
+    rowId?: RowId;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -958,7 +959,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: number;
+    rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1071,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import React__default, { MouseEvent, ReactNode, FC, ReactElement, ComponentType, ChangeEvent, ComponentProps, SVGProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order } from '../TableDesktop-CZe649rr.js';
-export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-CZe649rr.js';
+import { H as HeadCell, a as HeaderFilters, b as HeaderFilterOptions, c as HeaderFilterObject, T as TableDesktopProps, O as Order, R as RowId } from '../TableDesktop-Z0KE59L4.js';
+export { B as BulkChanges, j as BulkChangesDialogProps, E as EditableCellType, k as ExportCsvDialogProps, i as TableColumnConfigurationMenuProps, d as TableDesktop, e as TableDesktopFooter, f as TableDesktopFooterProps, g as TableDesktopToolbar, h as TableDesktopToolbarProps, U as UpdateEditableCellParams } from '../TableDesktop-Z0KE59L4.js';
 import { Control, ControllerRenderProps, ControllerFieldState, UseFormTrigger, UseFormReturn, FieldValues } from 'react-hook-form';
 import { UseMutateAsyncFunction } from 'react-query';
 import { SxProps, Theme, SelectProps, MenuProps, Typography } from '@mui/material';
@@ -870,6 +870,7 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
+    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -947,7 +948,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: number;
+    rowId?: RowId;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -958,7 +959,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: number;
+    rowId: RowId;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1071,4 +1072,4 @@ declare const SvgIconCompare: (props: SVGProps<SVGSVGElement>) => react_jsx_runt
 
 declare const SvgIconChart: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 
-export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };
+export { ActiveFiltersIconButton, AlertDialog, AlertDialogFullScreen, AppLabel, AppliedTableFiltersDisplay, AutocompleteFilterMenuContent, BackHeader, BottomBar, _default$k as BoxButton, CheckboxFilterMenuContent, ClearFiltersConfirmationDialog, CompanyLogo, ConfirmationDialog, ControlledCheckbox, ControlledNumberInput, ControlledNumericField, ControlledSelectWithArray, ControlledSelectWithObject, ControlledValidTextInput, DataGrid, Date, _default$c as DeleteSubstitutionDialogContent, _default$b as DeleteUserDialogContent, DynamicOverflowTooltip, _default$j as ExtendedButton, FileCard, _default$i as FilledButton, _default$h as FilledButtonLg, _default$a as FilledLabel, FilterGroupSelector, FilterOptionsCheckboxes, FilterSimpleSelector, _default$9 as FixedFooter, HeadCell, Header, HeaderFilterObject, HeaderFilterOptions, HeaderFilters, SvgIconChart as IconChart, SvgIconCompare as IconCompare, _default$g as ImageButton, LabeledValueList, VirtualizedList as List, Loading, LocationsSectionInfo, Notes, Numpad, _default$8 as NumpadInput, NumpadPlus, Order, _default$f as OutlinedButton, _default$e as OutlinedButtonLg, PaginationForTable as Pagination, PhoneInput, _default$d as Pin, ActionButton as PinnedApp, PlusMinusInput, ProductBust, ProductImage, RenderAvatar, RenderContentList, RoundButton, RowId, RowProductCard, ScrollableDialog, SearchAndFilterHeader, _default$7 as SearchAndFilterHeaderForTable, SearchFieldDebounced, SearchHeader, _default$6 as SearchWithFilters, _default$5 as SearchWithFiltersForTable, SectionName, SmartMultipleSelect, SmartSelect, SmartTableHeader, SmartTableHeaderFilterMenu, SquareButton, _default$4 as SquareLabel, _default$3 as Switch, Table, TableDesktopCell, TableDesktopEditableField, TableEmptyResult, _default$2 as TableHeader, TableLoading, TextDivider, _default$1 as TheToolbar, ThemedDateRangePicker, ToastMessage, TwoButtonDialog, UploadButton, _default as UserBust, icons };

package/dist/components/index.js

@@ -3463,7 +3463,7 @@ var CheckboxFilterMenuContent = ({
         )
       }
     ),
-    /* @__PURE__ */ jsx73(Divider2, {}),
+    /* @__PURE__ */ jsx73(Divider2, { sx: { mt: 0.5 } }),
     /* @__PURE__ */ jsxs42(
       Box13,
       {
@@ -7081,6 +7081,7 @@ var SmartMultipleSelect = ({
   inputLabel,
   variant = "standard",
   size,
+  error,
   values,
   defaultValues,
   onChange,
@@ -7136,38 +7137,48 @@ var SmartMultipleSelect = ({
       option.value ?? index
     );
   }) });
-  return /* @__PURE__ */ jsxs78(FormControl4, { fullWidth: true, size, variant, disabled, children: [
-    /* @__PURE__ */ jsx114(InputLabel4, { children: inputLabel }),
-    /* @__PURE__ */ jsx114(
-      Select3,
-      {
-        multiple: true,
-        size,
-        disabled,
-        value: values ?? localValues,
-        defaultValue: defaultValues,
-        MenuProps: menuProps,
-        onOpen,
-        onClose: () => onClose?.(localValues),
-        renderValue: (selectedValues) => {
-          const valuesString = selectedValues.map((v) => v.label)?.join(", ");
-          return /* @__PURE__ */ jsx114(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
-        },
-        children: isLoading ? /* @__PURE__ */ jsx114(
-          Box35,
+  return /* @__PURE__ */ jsxs78(
+    FormControl4,
+    {
+      fullWidth: true,
+      variant,
+      size,
+      disabled,
+      error,
+      children: [
+        /* @__PURE__ */ jsx114(InputLabel4, { children: inputLabel }),
+        /* @__PURE__ */ jsx114(
+          Select3,
           {
-            sx: {
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center"
+            multiple: true,
+            label: inputLabel,
+            error,
+            value: values ?? localValues,
+            defaultValue: defaultValues,
+            MenuProps: menuProps,
+            onOpen,
+            onClose: () => onClose?.(localValues),
+            renderValue: (selectedValues) => {
+              const valuesString = selectedValues.map((v) => v.label)?.join(", ");
+              return /* @__PURE__ */ jsx114(DynamicOverflowTooltip, { tooltipDescription: valuesString, children: valuesString });
             },
-            children: /* @__PURE__ */ jsx114(CircularProgress4, { size: 24 })
+            children: isLoading ? /* @__PURE__ */ jsx114(
+              Box35,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "center",
+                  alignItems: "center"
+                },
+                children: /* @__PURE__ */ jsx114(CircularProgress4, { size: 24 })
+              }
+            ) : renderMenuContent()
           }
-        ) : renderMenuContent()
-      }
-    ),
-    helperText && /* @__PURE__ */ jsx114(FormHelperText3, { children: helperText })
-  ] });
+        ),
+        helperText && /* @__PURE__ */ jsx114(FormHelperText3, { children: helperText })
+      ]
+    }
+  );
 };
 
 // src/components/SmartSelect/SmartSelect.tsx
@@ -7992,7 +8003,7 @@ var TableDesktopRows = ({
   data,
   RenderItem,
   visibleHeadCells,
-  keyField,
+  getRowId,
   order,
   orderBy,
   disableInternalSort,
@@ -8005,7 +8016,8 @@ var TableDesktopRows = ({
 }) => {
   const sortedData = disableInternalSort ? data : stableSort2(data, getComparator(order, orderBy));
   return sortedData.map((row, index) => {
-    const isItemSelected = selectedRows.has(row[keyField]);
+    const rowId = getRowId(row);
+    const isItemSelected = selectedRows.has(rowId);
     return /* @__PURE__ */ jsx124(
       RenderItem,
       {
@@ -8017,12 +8029,12 @@ var TableDesktopRows = ({
           enableEditMode,
           enableCheckboxSelection,
           rowHeight,
-          rowId: row[keyField],
+          rowId,
           onRowCheckboxChange,
           visibleHeadCells
         }
       },
-      row[keyField] ?? index
+      rowId ?? index
     );
   });
 };
@@ -8123,6 +8135,12 @@ var TableEmptyResult_default = TableEmptyResult;
 
 // src/components/TableDesktop/TableDesktop.tsx
 import { Fragment as Fragment14, jsx as jsx127, jsxs as jsxs88 } from "react/jsx-runtime";
+var resolveKeyValue = (keyField, rowData) => {
+  if (typeof keyField === "string") {
+    return rowData[keyField];
+  }
+  return keyField?.(rowData);
+};
 var TableDesktop = ({
   data = [],
   headCells,
@@ -8155,14 +8173,14 @@ var TableDesktop = ({
   const [orderBy, setOrderBy] = useState18(
     appliedFilters?.sortField || "delivery_date"
   );
-  const [selectedRows, setSelectedRows] = useState18(
-    /* @__PURE__ */ new Set()
-  );
+  const [selectedRows, setSelectedRows] = useState18(/* @__PURE__ */ new Set());
   const [isRowsFromAllPagesSelected, setIsRowsFromAllPagesSelected] = useState18(false);
   const [isBulkChangesMode, setIsBulkChangesMode] = useState18(false);
   const numRows = data.length;
   const numSelectedRows = useMemo4(() => {
-    const currentPageIds = new Set(data.map((row) => row[keyField]));
+    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;
@@ -8183,7 +8201,9 @@ var TableDesktop = ({
     }
   };
   const selectAllRowsInPage = () => {
-    const allRowsIds = new Set(data.map((obj) => obj[keyField]));
+    const allRowsIds = new Set(
+      data.map((row) => resolveKeyValue(keyField, row))
+    );
     setSelectedRows(allRowsIds);
   };
   const resetSelectedRows = () => {
@@ -8262,7 +8282,7 @@ var TableDesktop = ({
         data,
         RenderItem,
         visibleHeadCells,
-        keyField,
+        getRowId: (rowData) => resolveKeyValue(keyField, rowData),
         order,
         orderBy,
         disableInternalSort,
@@ -8405,7 +8425,7 @@ var TableDesktopSmartMultipleSelect = ({
   onUpdateEditableCell
 }) => {
   const defaultValues = useMemo5(() => {
-    return initialValue.map((val) => ({
+    return initialValue?.map((val) => ({
       value: val.id,
       label: val[fieldName].toString()
     }));
@@ -8428,11 +8448,12 @@ var TableDesktopSmartMultipleSelect = ({
       },
       onClose: (values) => {
         const optionsValues = values.map((option) => option.value ?? "");
+        const optionsLabels = values.map((option) => option.label ?? "");
         onUpdateEditableCell?.({
           rowId,
           columnId,
           value: optionsValues,
-          label: optionsValues
+          label: optionsLabels
         });
       }
     }
@@ -8691,10 +8712,9 @@ var TableDesktopEditableField = ({
     date: /* @__PURE__ */ jsx131(
       DatePicker,
       {
-        defaultValue: moment2(editInitialValue),
+        defaultValue: editInitialValue ? moment2(editInitialValue, "HH:mm:ss") : void 0,
         label: inputLabel,
         format: "DD/MM/YYYY",
-        sx: { overflowY: "hidden" },
         onAccept: (value) => {
           const formattedValue = value?.format("YYYY-MM-DD") ?? null;
           const formattedLabel = value?.format("DD/MM/YYYY") ?? null;
@@ -8711,7 +8731,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -8720,9 +8741,8 @@ var TableDesktopEditableField = ({
     time: /* @__PURE__ */ jsx131(
       TimePicker,
       {
-        defaultValue: moment2(editInitialValue, "HH:mm:ss"),
+        defaultValue: editInitialValue ? moment2(editInitialValue, "HH:mm:ss") : void 0,
         label: inputLabel,
-        sx: { overflowY: "hidden" },
         onAccept: (value) => {
           const formattedValue = value?.format("HH:mm") ?? null;
           onUpdateEditableCell?.({
@@ -8738,7 +8758,8 @@ var TableDesktopEditableField = ({
           clearButton: { sx: { p: 0.5 } },
           openPickerButton: { sx: { p: 0 } },
           textField: {
-            variant: "standard",
+            variant,
+            size,
             error: false
           }
         }
@@ -9152,7 +9173,7 @@ var TableDesktopToolbar = ({
                 )
               ] }) : /* @__PURE__ */ jsxs91(Box43, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
                 renderInfoIcons,
-                renderExportCsvDialog ? /* @__PURE__ */ jsx134(Tooltip11, { title: "Download Customer List", children: /* @__PURE__ */ jsx134("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx134(
+                renderExportCsvDialog ? /* @__PURE__ */ jsx134(Tooltip11, { title: "Download List", children: /* @__PURE__ */ jsx134("span", { style: { display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx134(
                   IconButton6,
                   {
                     disableRipple: true,