@dashadmin/dash-admin 1.3.51 → 1.3.52

package/dist/components/avatar/Avatar.js

@@ -52,7 +52,16 @@ const AvatarDisplay = (props) => {
   const record = useRecordContext();
   const _attributeName = attribute.listAttribute || attribute.attribute;
   const imageUrl = record == null ? void 0 : record[_attributeName];
-  return /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(AvatarMui, { src: imageUrl, alt: "avatar" }) });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ jsx(AvatarMui, { src: imageUrl, alt: "avatar" })
+    }
+  );
 };
 const Avatar = ({ method, attribute, resourceConfig }) => {
   switch (method) {

package/dist/components/currency/Format.js

@@ -47,7 +47,9 @@ const ComponentEdit = ({
       {
         label: "Valor formateado",
         value: formattedNumber,
-        inputProps: { readOnly: true }
+        slotProps: {
+          htmlInput: { readOnly: true }
+        }
       }
     )
   ] });

package/dist/components/i18n/BridgedLocalesMenuButton.js

@@ -103,8 +103,10 @@ const BridgedLocalesMenuButton = ({
         anchorEl,
         open,
         onClose: handleClose,
-        MenuListProps: {
-          "aria-labelledby": "locale-button"
+        slotProps: {
+          list: {
+            "aria-labelledby": "locale-button"
+          }
         },
         children: locales.map((localeOption) => /* @__PURE__ */ jsx(
           MenuItem,

package/dist/components/misc/NoResults.js

@@ -8,7 +8,9 @@ const NoResults = (props) => {
       /* @__PURE__ */ jsx(InfoIcon, { sx: { fontSize: 32 } }),
       title ? /* @__PURE__ */ jsx(Typography, { variant: "h5", children: title }) : "No hay registros"
     ] }),
-    description && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: description }),
+    description && /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: {
+      color: "text.secondary"
+    }, children: description }),
     children ? children : /* @__PURE__ */ jsx(Fragment, {})
   ] }) });
 };

package/dist/components/permission/PermissionsSelector.js

@@ -97,7 +97,9 @@ const PermissionsSelectorView = ({
     }
   }, [record == null ? void 0 : record.permissions]);
   if (!(record == null ? void 0 : record.permissions) || record.permissions.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No permissions assigned" }) });
+    return /* @__PURE__ */ jsx(Box, { sx: { p: 2, textAlign: "center" }, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: {
+      color: "text.secondary"
+    }, children: "No permissions assigned" }) });
   }
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
     /* @__PURE__ */ jsxs(Typography, { variant: "h6", sx: { mb: 3 }, children: [
@@ -462,9 +464,11 @@ const PermissionsSelectorBase = ({
             placeholder: "e.g., user, admin, system...",
             value: groupSearchTerm,
             onChange: (e) => setGroupSearchTerm(e.target.value),
-            InputProps: {
-              startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { color: "action" }) }),
-              endAdornment: groupSearchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearGroupSearch, children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" }) }) })
+            slotProps: {
+              input: {
+                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { color: "action" }) }),
+                endAdornment: groupSearchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearGroupSearch, children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" }) }) })
+              }
             }
           }
         ) }),
@@ -477,15 +481,19 @@ const PermissionsSelectorBase = ({
             placeholder: "e.g., create, edit, delete, view...",
             value: itemSearchTerm,
             onChange: (e) => setItemSearchTerm(e.target.value),
-            InputProps: {
-              startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { color: "action" }) }),
-              endAdornment: itemSearchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearItemSearch, children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" }) }) })
+            slotProps: {
+              input: {
+                startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx(SearchIcon, { color: "action" }) }),
+                endAdornment: itemSearchTerm && /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: handleClearItemSearch, children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" }) }) })
+              }
             }
           }
         ) })
       ] }),
       hasActiveSearch && /* @__PURE__ */ jsxs(Box, { sx: { mt: 2, p: 2, bgcolor: "action.hover", borderRadius: 1 }, children: [
-        /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.secondary", children: [
+        /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: {
+          color: "text.secondary"
+        }, children: [
           /* @__PURE__ */ jsx("strong", { children: "Search Results:" }),
           " ",
           filteredGroupsCount,
@@ -524,12 +532,24 @@ const PermissionsSelectorBase = ({
       borderColor: "divider"
     }, children: [
       /* @__PURE__ */ jsx(SearchIcon, { sx: { fontSize: 48, color: "text.disabled", mb: 2 } }),
-      /* @__PURE__ */ jsx(Typography, { variant: "h6", color: "text.secondary", gutterBottom: true, children: "No permissions found" }),
-      /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.disabled", sx: { mb: 2 }, children: [
-        "No permissions match your search criteria",
-        debouncedGroupSearch && ` for group "${debouncedGroupSearch}"`,
-        debouncedItemSearch && ` for permission "${debouncedItemSearch}"`
-      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, sx: {
+        color: "text.secondary"
+      }, children: "No permissions found" }),
+      /* @__PURE__ */ jsxs(
+        Typography,
+        {
+          variant: "body2",
+          sx: {
+            color: "text.disabled",
+            mb: 2
+          },
+          children: [
+            "No permissions match your search criteria",
+            debouncedGroupSearch && ` for group "${debouncedGroupSearch}"`,
+            debouncedItemSearch && ` for permission "${debouncedItemSearch}"`
+          ]
+        }
+      ),
       /* @__PURE__ */ jsx(
         Button,
         {

package/dist/components/permission/PermissionsSelectorList.js

@@ -356,7 +356,17 @@ const PermissionsSelectorListBase = ({
             onToggle: handleTogglePermission
           },
           permission.route_name
-        )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, align: "center", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { py: 3 }, children: "No permissions found" }) }) }) })
+        )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, align: "center", children: /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body2",
+            sx: {
+              color: "text.secondary",
+              py: 3
+            },
+            children: "No permissions found"
+          }
+        ) }) }) })
       ] }),
       /* @__PURE__ */ jsx(
         TablePagination,

package/dist/components/selects/RASearchableSelect.js

@@ -170,12 +170,14 @@ const SearchableSelect = ({
               if (searchValue && searchValue !== "" && searchValue.length >= minSearch)
                 debounce(() => setQ(searchValue), timerSearch);
             },
-            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-              autoComplete: "new-password",
-              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-                params.InputProps.endAdornment
-              ] })
+            slotProps: __spreadProps(__spreadValues({}, params.slotProps), {
+              input: __spreadProps(__spreadValues({}, params.slotProps.input), {
+                autoComplete: "new-password",
+                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                  params.slotProps.input.endAdornment
+                ] })
+              })
             })
           }),
           params.id

package/dist/components/selects/RASearchableSelectChips.js

@@ -174,12 +174,14 @@ const SearchableSelectChipsControl = ({
                 if (searchValue && searchValue !== "" && searchValue.length >= minSearch)
                   debounce(() => setQ(searchValue), timerSearch);
               },
-              InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-                autoComplete: "new-password",
-                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  isResourceSearchLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-                  params.InputProps.endAdornment
-                ] })
+              slotProps: __spreadProps(__spreadValues({}, params.slotProps), {
+                input: __spreadProps(__spreadValues({}, params.slotProps.input), {
+                  autoComplete: "new-password",
+                  endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                    isResourceSearchLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                    params.slotProps.input.endAdornment
+                  ] })
+                })
               })
             }),
             params.id

package/dist/components/selects/SearchableSelect.js

@@ -109,12 +109,14 @@ const SearchableSelect = ({
               }
             },
             onBlur: () => setQ(""),
-            InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
-              autoComplete: "new-password",
-              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-                params.InputProps.endAdornment
-              ] })
+            slotProps: __spreadProps(__spreadValues({}, params.slotProps), {
+              input: __spreadProps(__spreadValues({}, params.slotProps.input), {
+                autoComplete: "new-password",
+                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  isLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                  params.slotProps.input.endAdornment
+                ] })
+              })
             })
           })
         )

package/dist/components/subscription/PlanAddonsSettings.js

@@ -76,7 +76,9 @@ const AddonRow = ({ addonId, entry, plan, mode }) => {
         borderLeft: isEnabled ? "4px solid #4caf50" : "4px solid #e0e0e0",
         transition: "border-color 0.3s"
       },
-      children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, alignItems: "flex-start", children: [
+      children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 2, sx: {
+        alignItems: "flex-start"
+      }, children: [
         /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 4, children: [
           /* @__PURE__ */ jsx(
             Controller,
@@ -102,11 +104,15 @@ const AddonRow = ({ addonId, entry, plan, mode }) => {
                       }
                     ),
                     label: /* @__PURE__ */ jsxs(Box, { children: [
-                      /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", fontWeight: "medium", children: [
+                      /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", sx: {
+                        fontWeight: "medium"
+                      }, children: [
                         entry.icon && /* @__PURE__ */ jsx("span", { style: { marginRight: 8 }, children: entry.icon }),
                         entry.label
                       ] }),
-                      entry.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: entry.description })
+                      entry.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: {
+                        color: "text.secondary"
+                      }, children: entry.description })
                     ] })
                   }
                 );
@@ -143,13 +149,15 @@ const AddonRow = ({ addonId, entry, plan, mode }) => {
                       type: "text",
                       size: "small",
                       disabled: isReadOnly,
-                      InputProps: {
-                        startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: config.symbol })
-                      },
                       sx: { width: 150 },
                       value: formatPrice((_a3 = field.value) != null ? _a3 : 0, currency),
                       onChange: (e) => handlePriceChange(currency, e.target.value),
-                      helperText: config.name
+                      helperText: config.name,
+                      slotProps: {
+                        input: {
+                          startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: config.symbol })
+                        }
+                      }
                     })
                   );
                 }
@@ -157,10 +165,21 @@ const AddonRow = ({ addonId, entry, plan, mode }) => {
               currency
             );
           }) }),
-          ((_g = plan == null ? void 0 : plan.flow_addon_items) == null ? void 0 : _g[addonId]) && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", sx: { mt: 1, display: "block" }, children: [
-            "Flow Item ID: ",
-            plan.flow_addon_items[addonId]
-          ] })
+          ((_g = plan == null ? void 0 : plan.flow_addon_items) == null ? void 0 : _g[addonId]) && /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              variant: "caption",
+              sx: {
+                color: "text.secondary",
+                mt: 1,
+                display: "block"
+              },
+              children: [
+                "Flow Item ID: ",
+                plan.flow_addon_items[addonId]
+              ]
+            }
+          )
         ] }) })
       ] })
     }
@@ -203,9 +222,29 @@ const PlanAddonsSettingsEdit = ({ method, attribute }) => {
   }, {});
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons Configuration" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit (e.g., cents for USD, pesos for CLP)." }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        sx: {
+          color: "text.secondary",
+          mb: 3
+        },
+        children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit (e.g., cents for USD, pesos for CLP)."
+      }
+    ),
     Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 4 }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "subtitle1",
+          sx: {
+            fontWeight: "bold",
+            mb: 2
+          },
+          children: tabName
+        }
+      ),
       /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
       entries.map((entry) => {
         const addonId = entry.attribute ? entry.attribute.replace("addons.", "") : entry.id;
@@ -257,9 +296,29 @@ const PlanAddonsSettingsCreate = ({ method, attribute }) => {
   }, {});
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons Configuration" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mb: 3 }, children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit." }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        sx: {
+          color: "text.secondary",
+          mb: 3
+        },
+        children: "Enable add-ons and set prices per currency. Prices are in the smallest currency unit."
+      }
+    ),
     Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 4 }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "subtitle1",
+          sx: {
+            fontWeight: "bold",
+            mb: 2
+          },
+          children: tabName
+        }
+      ),
       /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
       entries.map((entry) => {
         const addonId = entry.attribute ? entry.attribute.replace("addons.", "") : entry.id;
@@ -294,7 +353,17 @@ const PlanAddonsSettingsView = ({ method, attribute }) => {
   return /* @__PURE__ */ jsxs(Box, { sx: { p: 2 }, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, children: "Plan Add-ons" }),
     Object.entries(groupedByTab).map(([tabName, entries]) => /* @__PURE__ */ jsxs(Box, { sx: { mb: 3 }, children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", fontWeight: "bold", sx: { mb: 2 }, children: tabName }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "subtitle1",
+          sx: {
+            fontWeight: "bold",
+            mb: 2
+          },
+          children: tabName
+        }
+      ),
       /* @__PURE__ */ jsx(Divider, { sx: { mb: 2 } }),
       entries.map((entry) => {
         var _a, _b, _c, _d, _e;
@@ -338,7 +407,9 @@ const PlanAddonsSettingsView = ({ method, attribute }) => {
                     formatPrice(price, currency)
                   ] }, currency);
                 }),
-                flowItemId && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+                flowItemId && /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: {
+                  color: "text.secondary"
+                }, children: [
                   "Flow ID: ",
                   flowItemId
                 ] })

package/dist/components/subscription/PlanAuditLog.js

@@ -72,24 +72,36 @@ const JsonDialog = ({ open, log, onClose }) => {
       fullWidth: true,
       "aria-labelledby": "audit-log-dialog-title",
       children: [
-        /* @__PURE__ */ jsx(DialogTitle, { id: "audit-log-dialog-title", children: /* @__PURE__ */ jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
-          /* @__PURE__ */ jsxs(Typography, { variant: "h6", children: [
-            "Audit Log Details - ",
-            log.event || log.description
-          ] }),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              edge: "end",
-              color: "inherit",
-              onClick: onClose,
-              "aria-label": "close",
-              children: /* @__PURE__ */ jsx(CloseIcon, {})
-            }
-          )
-        ] }) }),
+        /* @__PURE__ */ jsx(DialogTitle, { id: "audit-log-dialog-title", children: /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "h6", children: [
+                "Audit Log Details - ",
+                log.event || log.description
+              ] }),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  edge: "end",
+                  color: "inherit",
+                  onClick: onClose,
+                  "aria-label": "close",
+                  children: /* @__PURE__ */ jsx(CloseIcon, {})
+                }
+              )
+            ]
+          }
+        ) }),
         /* @__PURE__ */ jsxs(DialogContent, { dividers: true, children: [
-          /* @__PURE__ */ jsxs(Box, { mb: 2, children: [
+          /* @__PURE__ */ jsxs(Box, { sx: {
+            mb: 2
+          }, children: [
             /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "textSecondary", children: "Event Information" }),
             /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 2, mt: 1 }, children: [
               /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
@@ -262,7 +274,9 @@ const PlanAuditLogView = ({ resourceConfig }) => {
   if (!(record == null ? void 0 : record.id)) {
     return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 3, textAlign: "center" }, children: [
       /* @__PURE__ */ jsx(HistoryIcon, { sx: { fontSize: 48, color: "text.secondary", mb: 1 } }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: "Save the record first to view audit logs" })
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: {
+        color: "text.secondary"
+      }, children: "Save the record first to view audit logs" })
     ] });
   }
   if (isLoading) {
@@ -277,7 +291,9 @@ const PlanAuditLogView = ({ resourceConfig }) => {
   if (!data || data.length === 0) {
     return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 3, textAlign: "center" }, children: [
       /* @__PURE__ */ jsx(HistoryIcon, { sx: { fontSize: 48, color: "text.secondary", mb: 1 } }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: "No audit logs available for this record" })
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: {
+        color: "text.secondary"
+      }, children: "No audit logs available for this record" })
     ] });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -319,7 +335,9 @@ const PlanAuditLogEdit = (props) => {
 };
 const PlanAuditLogList = () => {
   const record = useRecordContext();
-  return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "\u2014" });
+  return /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: {
+    color: "text.secondary"
+  }, children: "\u2014" });
 };
 const PlanAuditLog = (props) => {
   const { method } = props;
@@ -333,7 +351,9 @@ const PlanAuditLog = (props) => {
     case "create":
       return /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 3, textAlign: "center" }, children: [
         /* @__PURE__ */ jsx(HistoryIcon, { sx: { fontSize: 48, color: "text.secondary", mb: 1 } }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: "Audit logs will be available after the record is created" })
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: {
+          color: "text.secondary"
+        }, children: "Audit logs will be available after the record is created" })
       ] });
     default:
       return /* @__PURE__ */ jsx(PlanAuditLogView, __spreadValues({}, props));

package/dist/components/subscription/PlanFeaturesSettings.js

@@ -22,7 +22,17 @@ const PlanFeaturesView = () => {
   const record = useRecordContext();
   const features = (record == null ? void 0 : record.features) || [];
   if (!features.length) {
-    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { py: 2 }, children: "No features configured" });
+    return /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "body2",
+        sx: {
+          color: "text.secondary",
+          py: 2
+        },
+        children: "No features configured"
+      }
+    );
   }
   return /* @__PURE__ */ jsx(TableContainer, { component: Paper, variant: "outlined", children: /* @__PURE__ */ jsx(Table, { size: "small", children: /* @__PURE__ */ jsx(TableBody, { children: features.map((feature, index) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
     Chip,
@@ -38,9 +48,13 @@ const PlanFeaturesList = () => {
   const record = useRecordContext();
   const features = (record == null ? void 0 : record.features) || [];
   if (!features.length) {
-    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "\u2014" });
+    return /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: {
+      color: "text.secondary"
+    }, children: "\u2014" });
   }
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, flexWrap: "wrap", useFlexGap: true, children: [
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: {
+    flexWrap: "wrap"
+  }, children: [
     features.slice(0, 3).map((feature, index) => /* @__PURE__ */ jsx(
       Chip,
       {
@@ -92,7 +106,18 @@ const PlanFeaturesEdit = () => {
   };
   return /* @__PURE__ */ jsxs(Box, { children: [
     /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", gutterBottom: true, children: "Plan Features" }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", display: "block", sx: { mb: 2 }, children: 'Add feature keys that are enabled for this plan (e.g., "api_access", "custom_branding")' }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        sx: {
+          color: "text.secondary",
+          display: "block",
+          mb: 2
+        },
+        children: 'Add feature keys that are enabled for this plan (e.g., "api_access", "custom_branding")'
+      }
+    ),
     /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { mb: 2 }, children: [
       /* @__PURE__ */ jsx(
         TextField,
@@ -115,7 +140,9 @@ const PlanFeaturesEdit = () => {
         }
       )
     ] }),
-    features.length > 0 ? /* @__PURE__ */ jsx(Paper, { variant: "outlined", sx: { p: 1 }, children: /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, flexWrap: "wrap", useFlexGap: true, children: features.map((feature, index) => /* @__PURE__ */ jsx(
+    features.length > 0 ? /* @__PURE__ */ jsx(Paper, { variant: "outlined", sx: { p: 1 }, children: /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, useFlexGap: true, sx: {
+      flexWrap: "wrap"
+    }, children: features.map((feature, index) => /* @__PURE__ */ jsx(
       Chip,
       {
         label: feature,
@@ -125,7 +152,9 @@ const PlanFeaturesEdit = () => {
         variant: "outlined"
       },
       index
-    )) }) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "No features added yet" })
+    )) }) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: {
+      color: "text.secondary"
+    }, children: "No features added yet" })
   ] });
 };
 const PlanFeaturesSettings = ({