@natoora-libs/core 0.2.11-dev-doug-2 → 0.2.11

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, 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 { 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 { 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,7 +870,6 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
-    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -948,7 +947,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: RowId;
+    rowId?: number;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -959,7 +958,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: RowId;
+    rowId: number;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1072,4 +1071,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, 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 };
+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 };

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, 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 { 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 { 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,7 +870,6 @@ type SmartMultipleSelectProps = {
     inputLabel?: string;
     variant?: SelectProps['variant'];
     size?: SelectProps['size'];
-    error?: boolean;
     values?: Option[];
     defaultValues?: Option[];
     onOpen?: () => void;
@@ -948,7 +947,7 @@ declare const Table: ({ appliedFilters, data, doNotCalculateRows, headCells, isL
 type TableDesktopEditableFieldProps = {
     headCell: HeadCell;
     editInitialValue?: any;
-    rowId?: RowId;
+    rowId?: number;
     disabled?: boolean;
     showCheckboxLabel?: boolean;
     variant?: 'standard' | 'outlined' | 'filled';
@@ -959,7 +958,7 @@ declare const TableDesktopEditableField: FC<TableDesktopEditableFieldProps>;
 
 type TableDesktopCellProps = {
     editInitialValue: any;
-    rowId: RowId;
+    rowId: number;
     enableEditMode: boolean;
     disabled?: boolean;
     readOnlyValue: string | number | boolean;
@@ -1072,4 +1071,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, 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 };
+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 };

package/dist/components/index.js

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