@m4l/components 9.50.0 → 9.51.0-beta-m4lcom-764-device-picker.0

package/components/extended/mui/Select/Select.js

@@ -1,198 +1,202 @@
-import { jsx as l, jsxs as ne } from "@emotion/react/jsx-runtime";
-import { useEnvironment as oe, useModuleSkeleton as se, useModuleDictionary as ce } from "@m4l/core";
-import { useTheme as ae } from "@mui/material";
-import { useForkRef as ie } from "@mui/material/utils";
-import le from "clsx";
-import ue, { forwardRef as fe, useMemo as h, useState as me, useRef as k, useCallback as S, useEffect as T } from "react";
-import { useComponentSize as de } from "../../../../hooks/useComponentSize/index.js";
-import { ArrowDownStyled as Se, AdormentStyled as Ae, SelectRootStyled as he, SkeletonSelectStyled as we, MenuItemListStyled as ye, MenuItemNoOptionStyled as Ce, LabelPlaceholerStyled as ge, RenderValueContainerStyled as V, RenderValueTypography as Ie } from "./slots/SelectSlots.js";
-import { ICON_ARROW_DOWN as Ne, SELECT_CLASSES as m, SELECT_KEY_COMPONENT as pe } from "./constants.js";
-import { SELECT_DICTIONARY as ve } from "./dictionary.js";
-import { getPropDataTestId as xe } from "../../../../test/getNameDataTestId.js";
-import { selectStyles as _ } from "./Select.styles.js";
-import { usePopoverContainer as Me } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
-import { Chip as Re } from "../../../Chip/Chip.js";
-import { SelectSlots as De } from "./slots/SelectEnum.js";
-const He = fe(
+import { jsx as l, jsxs as re } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as ne, useModuleDictionary as oe } from "@m4l/core";
+import { useTheme as se } from "@mui/material";
+import { useForkRef as ce } from "@mui/material/utils";
+import ie from "clsx";
+import k, { forwardRef as ae, useMemo as h, useState as le, useRef as T, useCallback as S, useEffect as V } from "react";
+import { useComponentSize as ue } from "../../../../hooks/useComponentSize/index.js";
+import { ArrowDownStyled as fe, AdormentStyled as me, SelectRootStyled as de, SkeletonSelectStyled as Se, MenuItemListStyled as Ae, MenuItemNoOptionStyled as he, LabelPlaceholerStyled as we, RenderValueContainerStyled as _, RenderValueTypography as ye } from "./slots/SelectSlots.js";
+import { ICON_ARROW_DOWN as Ce, SELECT_CLASSES as m, SELECT_KEY_COMPONENT as ge } from "./constants.js";
+import { SELECT_DICTIONARY as Ie } from "./dictionary.js";
+import { getPropDataTestId as pe } from "../../../../test/getNameDataTestId.js";
+import { selectStyles as W } from "./Select.styles.js";
+import { usePopoverContainer as Ne } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
+import { isIconComponentElement as xe } from "../../../../helpers/isIconComponentElement/isIconComponentElement.js";
+import { SelectSlots as Ee } from "./slots/SelectEnum.js";
+import { Chip as Me } from "../../../Chip/Chip.js";
+const He = ae(
   function({
-    value: v = null,
+    value: x = null,
     options: u = [],
     multiple: s,
     onChange: A,
-    size: W = "medium",
-    disabled: r = !1,
+    size: j = "medium",
+    disabled: t = !1,
     error: y = !1,
     variant: C = "outlined",
-    placeholder: j,
-    className: B,
-    dataTestId: K,
+    placeholder: B,
+    className: K,
+    dataTestId: F,
     readOnly: n = !1,
     MenuProps: c,
-    ...x
-  }, $) {
-    const { currentSize: g } = de(W), { host_static_assets: F, environment_assets: O } = oe(), Y = se(), { getLabel: q } = ce(), i = g === "small" || g === "medium" ? g : "medium", M = `${F}/${O}/${Ne}`, o = h(() => v, [v]), [f, w] = me(!1), I = k(null), R = k(null), D = ae(), d = h(() => ({
+    ...E
+  }, O) {
+    const { currentSize: g } = ue(j), Y = ne(), { getLabel: q } = oe(), i = g === "small" || g === "medium" ? g : "medium", M = Ce, o = h(() => x, [x]), [f, w] = le(!1), I = T(null), R = T(null), z = se(), d = h(() => ({
       size: i,
-      disabled: r,
+      disabled: t,
       error: y,
       variant: C,
       multiple: s,
       readOnly: n
-    }), [i, r, y, C, s, n]), E = Me(I.current), z = f ? (I.current?.offsetWidth ?? 0) + 1 : void 0, L = h(() => {
-      const e = typeof _?.menuPaper == "function" ? _.menuPaper({ theme: D, menuPaperMinWidth: z }) : {};
+    }), [i, t, y, C, s, n]), D = Ne(I.current), v = f ? (I.current?.offsetWidth ?? 0) + 1 : void 0, L = h(() => {
+      const e = typeof W?.menuPaper == "function" ? W.menuPaper({ theme: z, menuPaperMinWidth: v }) : {};
       return Array.isArray(c?.sx) ? [e, ...c.sx] : c?.sx ? [e, c.sx] : e;
-    }, [z, c?.sx, D]), H = h(() => ({
+    }, [v, c?.sx, z]), H = h(() => ({
       ...c,
       anchorOrigin: c?.anchorOrigin ?? {
         vertical: "bottom",
         horizontal: "left"
       },
-      container: c?.container ?? E ?? void 0,
+      container: c?.container ?? D ?? void 0,
       disableScrollLock: c?.disableScrollLock ?? !0,
       sx: L,
       transformOrigin: c?.transformOrigin ?? {
         vertical: "top",
         horizontal: "left"
       }
-    }), [E, c, L]), G = S((e) => {
-      if (n || r)
+    }), [D, c, L]), G = S((e) => {
+      if (n || t)
         return;
-      const t = e.target.value;
+      const r = e.target.value;
       if (A)
         if (s) {
-          if (Array.isArray(t)) {
-            const a = u.filter((p) => t.includes(p.id));
+          if (Array.isArray(r)) {
+            const a = u.filter((N) => r.includes(N.id));
             A(a);
           }
         } else {
-          const a = u.find((p) => p.id === t);
+          const a = u.find((N) => N.id === r);
           a && A(a);
         }
-    }, [s, A, u, n, r]), J = S((e) => {
-      if (!(n || r) && s && Array.isArray(o)) {
-        const t = u.filter((a) => a.id !== e.id && o.includes(a.id));
-        A?.(t);
+    }, [s, A, u, n, t]), J = S((e) => {
+      if (!(n || t) && s && Array.isArray(o)) {
+        const r = u.filter((a) => a.id !== e.id && o.includes(a.id));
+        A?.(r);
       }
-    }, [s, o, A, u, n, r]), N = S(() => {
-      if (!(r || n)) {
+    }, [s, o, A, u, n, t]), p = S(() => {
+      if (!(t || n)) {
         if (s) {
           f || w(!0);
           return;
         }
         w(!f);
       }
-    }, [r, n, s, f]), Q = h(() => () => /* @__PURE__ */ l(
-      Se,
+    }, [t, n, s, f]), Q = h(() => () => /* @__PURE__ */ l(
+      fe,
       {
         ownerState: { ...d },
         icon: M,
-        disabled: r || n,
+        disabled: t || n,
         size: i,
-        onClick: N,
+        onClick: p,
         rotationAngle: f ? 180 : 0
       }
-    ), [d, M, r, n, i, f, N]), U = S((e) => e ? typeof e == "string" ? /* @__PURE__ */ l(
-      Ae,
+    ), [d, M, t, n, i, f, p]), U = S((e) => e ? typeof e == "string" ? /* @__PURE__ */ l(
+      me,
       {
         src: e,
         size: i,
         className: m.adorment,
-        disabled: r
+        disabled: t
       }
-    ) : ue.isValidElement(e) ? e : null : null, [r, i]), X = S((e) => {
+    ) : k.isValidElement(e) ? xe(e) ? k.cloneElement(e, {
+      size: i,
+      disabled: t
+    }) : e : null : null, [t, i]), X = S((e) => {
       e.stopPropagation();
     }, []), Z = S((e) => {
       e.stopPropagation();
-    }, []), b = () => {
+    }, []), $ = () => {
       if (o == null || s && Array.isArray(o) && o.length === 0)
-        return /* @__PURE__ */ l(ge, { ownerState: { disabled: r, readOnly: n }, variant: "bodyStandard", color: "text.disabled", children: j });
+        return /* @__PURE__ */ l(we, { ownerState: { disabled: t, readOnly: n }, variant: "bodyStandard", color: "text.disabled", children: B });
       if (s) {
         if (!Array.isArray(o))
           return null;
-        const e = o.map((t) => u.find((a) => a.id === t));
+        const e = o.map((r) => u.find((a) => a.id === r));
         return /* @__PURE__ */ l(
-          V,
+          _,
           {
             ref: R,
             ownerState: { ...d },
             className: m.renderValueContainer,
-            children: e.map((t) => t ? /* @__PURE__ */ l(
-              Re,
+            children: e.map((r) => r ? /* @__PURE__ */ l(
+              Me,
               {
                 size: i,
-                label: t.label,
-                description: t.description,
-                startIcon: t.selectedStartAdornment ?? t.startAdornment,
-                endIcon: t.endAdornment,
+                label: r.label,
+                description: r.description,
+                startIcon: r.selectedStartAdornment ?? r.startAdornment,
+                endIcon: r.endAdornment,
                 opacity: !0,
-                onDeleted: n || r ? void 0 : () => J(t),
+                onDeleted: n || t ? void 0 : () => J(r),
                 iconButtonProps: { onMouseDown: X, onKeyDown: Z }
               },
-              t.id
+              r.id
             ) : null)
           }
         );
       } else {
-        const e = u.find((t) => String(t.id) === String(o));
-        return e ? /* @__PURE__ */ ne(V, { ownerState: { ...d }, className: m.renderValueContainer, children: [
+        const e = u.find((r) => String(r.id) === String(o));
+        return e ? /* @__PURE__ */ re(_, { ownerState: { ...d }, className: m.renderValueContainer, children: [
           (e.selectedStartAdornment ?? e.startAdornment) && U(e.selectedStartAdornment ?? e.startAdornment),
-          /* @__PURE__ */ l(Ie, { ownerState: { disabled: r, readOnly: n }, variant: "bodyStandard", color: "text.primary", size: i, className: m.renderValueTypography, children: e.label })
+          /* @__PURE__ */ l(ye, { ownerState: { disabled: t, readOnly: n }, variant: "bodyStandard", color: "text.primary", size: i, className: m.renderValueTypography, children: e.label })
         ] }) : "";
       }
-    }, P = S(() => {
-      r || n || w(!0);
-    }, [r, n]), ee = S(() => {
+    }, b = S(() => {
+      t || n || w(!0);
+    }, [t, n]), P = S(() => {
       w(!1);
     }, []);
-    T(() => {
+    V(() => {
       if (!s || !Array.isArray(o))
         return;
       const e = R.current;
       e && requestAnimationFrame(() => {
         e.scrollTop = e.scrollHeight;
       });
-    }, [s, o]), T(() => {
+    }, [s, o]), V(() => {
       n && f && w(!1);
     }, [n, f]);
-    const te = h(() => he(), []), re = ie(I, $);
-    return Y ? /* @__PURE__ */ l(we, { ownerState: { ...d }, className: m.skeletonSelect }) : /* @__PURE__ */ l(
-      te,
+    const ee = h(() => de(), []), te = ce(I, O);
+    return Y ? /* @__PURE__ */ l(Se, { ownerState: { ...d }, className: m.skeletonSelect }) : /* @__PURE__ */ l(
+      ee,
       {
-        ...x,
-        ...xe(pe, De.root, K),
-        ref: re,
-        className: le(m.root, m[C], B),
+        ...E,
+        ...pe(ge, Ee.root, F),
+        ref: te,
+        className: ie(m.root, m[C], K),
         ownerState: { ...d },
         IconComponent: Q,
         multiple: s,
         value: o ?? (s ? [] : ""),
         onChange: G,
         fullWidth: !0,
-        disabled: r,
+        disabled: t,
         error: y,
-        renderValue: b,
+        renderValue: $,
         open: n ? !1 : f,
         native: !1,
-        onOpen: P,
-        onClose: ee,
-        onClick: N,
+        onOpen: b,
+        onClose: P,
+        onClick: p,
         displayEmpty: !0,
         inputProps: {
-          ...x.inputProps,
+          ...E.inputProps,
           readOnly: n
         },
         MenuProps: H,
         children: u.length > 0 ? u.map(
           (e) => {
-            const t = s ? Array.isArray(o) && o.some((a) => a === e.id) : o === e.id;
+            const r = s ? Array.isArray(o) && o.some((a) => a === e.id) : o === e.id;
             return /* @__PURE__ */ l(
-              ye,
+              Ae,
               {
                 className: m.menuItem,
                 ownerState: { ...d },
                 size: i,
                 value: e.id,
-                disabled: r,
-                selected: t,
+                disabled: t,
+                selected: r,
                 label: e.label,
                 description: e.description,
                 startAdornment: e.startAdornment,
@@ -202,12 +206,12 @@ const He = fe(
             );
           }
         ) : /* @__PURE__ */ l(
-          Ce,
+          he,
           {
             ownerState: { ...d },
             className: m.menuItemNoOptions,
             size: i,
-            label: q(ve.noOptions),
+            label: q(Ie.noOptions),
             disabled: !0
           }
         )

package/components/extended/mui/Select/constants.d.ts

@@ -10,7 +10,7 @@ export declare const SELECT_KEY_COMPONENT = "M4LSelect";
 /**
  * url del icono de flecha hacia abajo
  */
-export declare const ICON_ARROW_DOWN = "frontend/components/select/arrow_down.svg";
+export declare const ICON_ARROW_DOWN: import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const COMBINATED_TEXTFIELD_ENUMS: {
     outlined: SelectComplementaryClasses.outlined;
     text: SelectComplementaryClasses.text;

package/components/extended/mui/Select/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Select/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAClE;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD;;GAEG;AACH,eAAO,MAAM,eAAe,8CAA8C,CAAC;AAC3E,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;CAGtC,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,cAAc,kPAAwE,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Select/constants.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAElE;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD;;GAEG;AACH,eAAO,MAAM,eAAe,kDAAiC,CAAC;AAC9D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;CAGtC,CAAC;AACF;;GAEG;AACH,eAAO,MAAM,cAAc,kPAAwE,CAAC"}

package/components/extended/mui/Select/constants.js

@@ -1,12 +1,14 @@
-import { getComponentClasses as o } from "../../../../utils/getComponentSlotRoot.js";
-import { SelectComplementaryClasses as e, SelectSlots as t } from "./slots/SelectEnum.js";
-const s = "M4LSelect", S = "frontend/components/select/arrow_down.svg", n = {
-  ...t,
-  ...e
-}, c = o(s, n);
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { getComponentClasses as t } from "../../../../utils/getComponentSlotRoot.js";
+import { ArrowChevronSmDownOutlined as e } from "@m4l/icons";
+import { SelectComplementaryClasses as r, SelectSlots as m } from "./slots/SelectEnum.js";
+const s = "M4LSelect", c = /* @__PURE__ */ o(e, {}), C = {
+  ...m,
+  ...r
+}, p = t(s, C);
 export {
-  n as COMBINATED_TEXTFIELD_ENUMS,
-  S as ICON_ARROW_DOWN,
-  c as SELECT_CLASSES,
+  C as COMBINATED_TEXTFIELD_ENUMS,
+  c as ICON_ARROW_DOWN,
+  p as SELECT_CLASSES,
   s as SELECT_KEY_COMPONENT
 };

package/components/extended/mui/Select/slots/SelectSlots.d.ts

@@ -6,7 +6,7 @@
  * <SelectRootStyled<number> />
  * <SelectRootStyled<string> />
  */
-export declare const SelectRootStyled: <T extends string | number>() => import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<T>, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "variant" | "value" | "onOpen" | "disabled" | "type" | "startAdornment" | "endAdornment" | "multiple" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "readOnly" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "inputComponent" | "renderSuffix" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const SelectRootStyled: <T extends string | number>() => import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<T>, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "value" | "onOpen" | "disabled" | "startAdornment" | "endAdornment" | "multiple" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "readOnly" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "inputComponent" | "renderSuffix" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').SelectOwnerState<any, any>> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const AdormentStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
@@ -24,7 +24,7 @@ export declare const SkeletonSelectStyled: import('@emotion/styled').StyledCompo
 export declare const RenderValueContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').SelectOwnerState<any, any>> & Record<string, unknown>) | undefined;
 }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ArrowDownStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "sx" | "form" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "name" | "size" | "instaceDataTestId" | "variant" | "src" | "tooltip" | "value" | "icon" | "selected" | "dataTestId" | "placement" | "rotationAngle" | "instanceDataTestId" | "disabled" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const ArrowDownStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../..').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "sx" | "form" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "name" | "size" | "instaceDataTestId" | "type" | "variant" | "src" | "tooltip" | "value" | "icon" | "selected" | "dataTestId" | "placement" | "rotationAngle" | "instanceDataTestId" | "disabled" | "ariaLabel" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').SelectOwnerState<any, any>> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const RenderValueTypography: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "classes" | "children" | "className" | "sx" | "p" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "component" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "size" | "variant" | "dataTestid" | "paragraph" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {

package/components/extended/mui/Tab/Tab.d.ts

@@ -9,6 +9,11 @@ import { TabProps } from './types';
  * Adornment behaviour:
  * - String values passed to `startAdornment` or `urlIcon` are treated as image URLs and
  *   rendered as `IconStyled`.
+ * - MUI's own `icon` prop is accepted as the last fallback of the start adornment, so a
+ *   consumer that renders the tab through the MUI contract (`ModuleDetailTabs` does) still
+ *   gets the tab icon slot. It must be destructured: `{...other}` is spread last on the root,
+ *   so an `icon` left inside it would override the resolved adornment and skip the slot,
+ *   losing the state colors that `M4LTab-icon` carries.
  * - React elements receive the current `selected` state as a prop automatically.
  * - `Image` components (`isM4LImageComponent`) are wrapped in a spacing container.
  * - Ripple is disabled by default (`disableRipple={true}`).

package/components/extended/mui/Tab/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+ClD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,oDAmGlC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAiB,QAAQ,EAAE,MAAM,SAAS,CAAC;AA4ElD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,oDAwGlC"}