@movable/ui 3.20.5 → 3.20.7

package/lib/components/InkSelect/types.d.ts

@@ -1,8 +1,9 @@
-import { SelectProps, MenuItemProps } from '@mui/material';
+import { SelectProps, MenuItemProps, SxProps } from '@mui/material';
 export type MuiSelectProps = SelectProps<string>;
 export type MenuOption = MenuItemProps & {
     label: string;
     group?: string;
+    groupLabelSx?: SxProps;
 };
 export type InkSelectProps = {
     menuOptions?: MenuOption[];

package/lib/index.d.ts

@@ -1060,6 +1060,7 @@ export declare class LinkBreadcrumbsPageObject {
 export declare type MenuOption = MenuItemProps & {
     label: string;
     group?: string;
+    groupLabelSx?: SxProps;
 };
 
 declare type MenuOptionType = {

package/lib/index.mjs

@@ -23732,12 +23732,28 @@ const A1 = Wr(({ name: e, minRows: t = 3, variant: r = "filled", size: o = "medi
         });
         const p = [];
         return d.forEach((h, m) => {
-          m !== null && p.push(u.jsx(uf, { children: m }, m)), h.forEach(({ label: g, value: b, sx: f, ...C }) => {
+          if (m !== null) {
+            const g = h[0]?.groupLabelSx;
+            p.push(u.jsx(uf, { sx: {
+              fontSize: "0.75rem",
+              fontWeight: 500,
+              textTransform: "uppercase",
+              color: "text.secondary",
+              paddingTop: 1.25,
+              paddingBottom: 0,
+              lineHeight: 2,
+              letterSpacing: "1px",
+              userSelect: "none",
+              ...g
+            }, children: m }, m));
+          }
+          h.forEach((g) => {
+            const { label: b, value: f, sx: C, groupLabelSx: w, ...O } = g;
             p.push(u.jsx(Mr, { sx: {
               fontSize: 16,
               backgroundColor: "neutral.300",
-              ...f
-            }, value: b, "data-test-select-menu-item": b, ...C, children: g }, g));
+              ...C
+            }, value: f, "data-test-select-menu-item": f, ...O, children: b }, b));
           });
         }), p;
       }