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

package/components/extended/mui/Tab/Tab.js

@@ -1,82 +1,104 @@
-import { jsx as r, jsxs as w, Fragment as L } from "@emotion/react/jsx-runtime";
+import { jsx as n, jsxs as C, Fragment as j } from "@emotion/react/jsx-runtime";
 import { clsx as m } from "clsx";
-import { useRef as R, isValidElement as z, cloneElement as j } from "react";
-import { useModuleSkeleton as k } from "@m4l/core";
-import { useComponentSize as M } from "../../../../hooks/useComponentSize/index.js";
-import { TabSlots as O } from "./Slots/TabEnum.js";
-import { TAB_KEY_COMPONENT as W } from "./constants.js";
-import { getComponentClasses as B } from "../../../../utils/getComponentSlotRoot.js";
-import { RootStyled as G, StartAdornmentImageWrapperStyled as V, LabelGroupStyled as _, TitleStyled as F, DescriptionStyled as K, EndAdornmentImageWrapperStyled as Y, IconStyled as q } from "./Slots/TabSlots.js";
-import { isImageComponentElement as N } from "../../../../helpers/isImageComponentElement/isImageComponentElement.js";
-function y(e, s, n) {
-  return e == null ? e : typeof e == "string" && n ? /* @__PURE__ */ r(
-    q,
-    {
-      ownerState: { ...n.ownerState },
-      className: n.iconClassName,
-      src: e,
-      size: n.size
+import { useRef as k, isValidElement as A, cloneElement as M } from "react";
+import { useModuleSkeleton as O } from "@m4l/core";
+import { useComponentSize as W } from "../../../../hooks/useComponentSize/index.js";
+import { TabSlots as B } from "./Slots/TabEnum.js";
+import { TAB_KEY_COMPONENT as G } from "./constants.js";
+import { getComponentClasses as V } from "../../../../utils/getComponentSlotRoot.js";
+import { RootStyled as _, StartAdornmentImageWrapperStyled as F, LabelGroupStyled as K, TitleStyled as Y, DescriptionStyled as q, EndAdornmentImageWrapperStyled as H, IconStyled as f } from "./Slots/TabSlots.js";
+import { isImageComponentElement as z } from "../../../../helpers/isImageComponentElement/isImageComponentElement.js";
+import { isIconComponentElement as J } from "../../../../helpers/isIconComponentElement/isIconComponentElement.js";
+import { isSvgIconComponentElement as P } from "../../../../helpers/isSvgIconComponentElement/isSvgIconComponentElement.js";
+function w(e, u, o) {
+  if (e == null)
+    return e;
+  if (o) {
+    const t = {
+      ownerState: { ...o.ownerState },
+      className: o.iconClassName,
+      size: o.size
+    };
+    if (typeof e == "string")
+      return /* @__PURE__ */ n(f, { ...t, src: e });
+    if (J(e)) {
+      const r = e.props;
+      return r.color === void 0 ? /* @__PURE__ */ n(
+        f,
+        {
+          ...r,
+          ...t,
+          className: m(r.className, o.iconClassName)
+        }
+      ) : e;
     }
-  ) : z(e) ? j(e, { selected: s }) : e;
+    if (P(e))
+      return /* @__PURE__ */ n(f, { ...t, src: e });
+  }
+  return A(e) ? M(e, { selected: u }) : e;
 }
-function ne(e) {
+function ie(e) {
   const {
-    size: s,
-    disabled: n,
-    label: l,
-    description: c,
-    urlIcon: A,
-    value: C,
-    color: E = "default",
-    variant: g = "outlined",
+    size: u,
+    disabled: o,
+    label: t,
+    description: r,
+    urlIcon: E,
+    icon: y,
+    value: I,
+    color: g = "default",
+    variant: x = "outlined",
     className: d,
-    ariaLabel: x,
-    startAdornment: I,
-    endAdornment: u,
-    ...D
-  } = e, b = R(null), { currentSize: S } = M(s), p = S === "small" || S === "medium" ? S : "medium", f = k(), v = b.current?.classList.contains("Mui-selected") ?? !1, t = {
-    tabColor: E,
-    tabSize: p,
-    tabDisabled: n,
-    tabSkeleton: f,
-    tabVariant: g,
-    hasDescription: !!c
-  }, a = B(W, O), h = {
-    ownerState: t,
-    iconClassName: m(a.icon, d),
-    size: s
-  }, o = y(
-    I ?? A,
-    v,
+    ariaLabel: D,
+    startAdornment: T,
+    endAdornment: p,
+    ...L
+  } = e, b = k(null), { currentSize: S } = W(u), i = S === "small" || S === "medium" ? S : "medium", v = O(), N = b.current?.classList.contains("Mui-selected") ?? !1, l = {
+    tabColor: g,
+    tabSize: i,
+    tabDisabled: o,
+    tabSkeleton: v,
+    tabVariant: x,
+    hasDescription: !!r,
+    // The size-driven style rules (container, action, and the icon skeleton box) read
+    // `ownerState.size`, so the resolved size must travel under that name too.
+    size: i
+  }, s = V(G, B), h = {
+    ownerState: l,
+    iconClassName: m(s.icon, d),
+    size: i
+  }, a = w(
+    T ?? E ?? y,
+    N,
     h
-  ), i = y(
-    u,
-    v,
+  ), c = w(
+    p,
+    N,
     h
-  ), T = l != null || u != null;
-  return /* @__PURE__ */ r(
-    G,
+  ), R = t != null || p != null;
+  return /* @__PURE__ */ n(
+    _,
     {
       ref: b,
-      "aria-label": x,
-      label: T ? /* @__PURE__ */ w(L, { children: [
-        /* @__PURE__ */ w(_, { className: a.labelGroup, ownerState: { ...t }, children: [
-          l != null ? /* @__PURE__ */ r(F, { size: p, variant: t.hasDescription ? "captionDens" : "bodyStandard", className: m(a.title, d), ownerState: { ...t }, children: l }) : null,
-          c != null ? /* @__PURE__ */ r(K, { color: "text.secondary", size: p, className: m(a.description, d), ownerState: { ...t }, variant: "bodyStandard", children: c }) : null
+      "aria-label": D,
+      label: R ? /* @__PURE__ */ C(j, { children: [
+        /* @__PURE__ */ C(K, { className: s.labelGroup, ownerState: { ...l }, children: [
+          t != null ? /* @__PURE__ */ n(Y, { size: i, variant: l.hasDescription ? "captionDens" : "bodyStandard", className: m(s.title, d), ownerState: { ...l }, children: t }) : null,
+          r != null ? /* @__PURE__ */ n(q, { color: "text.secondary", size: i, className: m(s.description, d), ownerState: { ...l }, variant: "bodyStandard", children: r }) : null
         ] }),
-        i != null && N(i) ? /* @__PURE__ */ r(Y, { ownerState: { ...t }, children: i }) : i
+        c != null && z(c) ? /* @__PURE__ */ n(H, { ownerState: { ...l }, children: c }) : c
       ] }) : void 0,
-      disabled: f || n,
-      ownerState: { ...t },
-      icon: o != null ? N(o) ? /* @__PURE__ */ r(V, { ownerState: { ...t }, children: o }) : z(o) ? o : /* @__PURE__ */ r("span", { children: o }) : void 0,
-      value: C,
+      disabled: v || o,
+      ownerState: { ...l },
+      icon: a != null ? z(a) ? /* @__PURE__ */ n(F, { ownerState: { ...l }, children: a }) : A(a) ? a : /* @__PURE__ */ n("span", { children: a }) : void 0,
+      value: I,
       tabIndex: 0,
       disableRipple: !0,
-      className: m(a.root, d),
-      ...D
+      className: m(s.root, d),
+      ...L
     }
   );
 }
 export {
-  ne as Tab
+  ie as Tab
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAqXvB,CAAC"}
+{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA4BpC;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,SAoWvB,CAAC"}

package/components/extended/mui/Tab/Tab.styles.js

@@ -1,5 +1,20 @@
-import { getSizeStyles as i } from "../../../../utils/getSizeStyles/getSizeStyles.js";
-const s = {
+import { ICON_SVG_SHAPE_SELECTOR as s } from "@m4l/base";
+import { getSizeStyles as t } from "../../../../utils/getSizeStyles/getSizeStyles.js";
+function i(a, o = !1) {
+  const r = o ? `${a} !important` : a;
+  return {
+    "& .M4LIcon-icon": {
+      backgroundColor: r
+    },
+    "& .M4LTab-icon .MuiSvgIcon-root": {
+      [s]: {
+        fill: r,
+        stroke: "none"
+      }
+    }
+  };
+}
+const n = {
   /**
    * Root slot: styles for the main container element of the Tab component.
    */
@@ -39,7 +54,7 @@ const s = {
       opacity: "1 !important"
     },
     "& .M4LIcon-iconSkeleton": {
-      ...i(
+      ...t(
         a,
         o?.size || "medium",
         "base",
@@ -64,7 +79,7 @@ const s = {
       paddingLeft: a.vars.size.baseSpacings["sp2-5"],
       paddingRight: a.vars.size.baseSpacings["sp2-5"],
       // size styles
-      ...i(
+      ...t(
         a,
         o?.size || "medium",
         "container"
@@ -72,13 +87,8 @@ const s = {
       // Not selected
       "&&&:not(.Mui-selected)": {
         transition: "background-color 0.2s ease-in-out, color 0.2s ease-in-out",
-        "& .M4LIcon-icon": {
-          backgroundColor: a.vars.palette.text.secondary
-        },
-        // SVG-based Icons (@m4l/icons) color via `fill`, matching the label color.
-        "& .M4LIcon-root .MuiSvgIcon-root path": {
-          fill: a.vars.palette.text.secondary
-        },
+        // Both Icon strategies (URL mask and @m4l/icons SVG) follow the label color.
+        ...i(a.vars.palette.text.secondary),
         "& .M4LTab-tipography, & .M4LTab-title": {
           color: a.vars.palette.text.secondary
         },
@@ -108,13 +118,8 @@ const s = {
         background: a.vars.palette.background.default,
         border: "unset",
         transition: "background-color 0.2s ease-in-out, color 0.2s ease-in-out",
-        "& .M4LIcon-icon": {
-          backgroundColor: a.vars.palette.primary.semanticText
-        },
-        // SVG-based Icons (@m4l/icons) color via `fill`, not the mask background-color.
-        "& .M4LIcon-root .MuiSvgIcon-root path": {
-          fill: a.vars.palette.primary.semanticText
-        },
+        // Both Icon strategies (URL mask and @m4l/icons SVG) follow the selected label color.
+        ...i(a.vars.palette.primary.semanticText),
         "& .M4LTab-tipography, & .M4LTab-title": {
           color: a.vars.palette.primary.semanticText
         },
@@ -136,9 +141,7 @@ const s = {
         },
         "&:active": {
           background: a.vars.palette.primary.activeOpacity,
-          ".M4LTab-icon div": {
-            backgroundColor: a.vars.palette.primary.active
-          },
+          ...i(a.vars.palette.primary.active),
           ".M4LTab-tipography, .M4LTab-title": {
             color: a.vars.palette.primary.active
           },
@@ -158,7 +161,7 @@ const s = {
       paddingRight: a.vars.size.baseSpacings.sp2,
       transition: "background-color 0.2s ease-in-out, color 0.2s ease-in-out",
       "& .M4LIcon-root.MuiSkeleton-root": {
-        ...i(
+        ...t(
           a,
           o?.size || "medium",
           "base",
@@ -169,7 +172,7 @@ const s = {
         )
       },
       // size styles
-      ...i(
+      ...t(
         a,
         o?.size || "medium",
         "action"
@@ -178,9 +181,8 @@ const s = {
       "&&&:not(.Mui-selected)": {
         border: a.vars.size.borderStroke.container,
         borderColor: "transparent",
-        "& .M4LIcon-icon": {
-          backgroundColor: a.vars.palette.text.secondary
-        },
+        // Both Icon strategies (URL mask and @m4l/icons SVG) follow the label color.
+        ...i(a.vars.palette.text.secondary),
         "& .M4LTab-tipography, & .M4LTab-title, & .M4LTab-description": {
           color: a.vars.palette.text.secondary
         },
@@ -215,9 +217,8 @@ const s = {
             color: a.vars.palette.chips.primary.contained.color
           }
         },
-        "& .M4LIcon-icon": {
-          backgroundColor: a.vars.palette.text.primary
-        },
+        // Both Icon strategies (URL mask and @m4l/icons SVG) follow the selected label color.
+        ...i(a.vars.palette.text.primary),
         "& .M4LTab-tipography, & .M4LTab-title": {
           color: a.vars.palette.text.primary
         },
@@ -242,9 +243,9 @@ const s = {
       ".M4LTab-icon div": {
         backgroundColor: `${a.vars.palette.text.disabled} !important`
       },
-      "& .M4LIcon-icon": {
-        backgroundColor: `${a.vars.palette.text.disabled} !important`
-      },
+      // Both Icon strategies (URL mask and @m4l/icons SVG) are forced to the disabled color,
+      // so this block still wins over the more specific variant/selected rules.
+      ...i(a.vars.palette.text.disabled, !0),
       ".M4LTab-tipography, .M4LTab-title, .M4LTab-description": {
         color: `${a.vars.palette.text.disabled} !important`
       },
@@ -317,5 +318,5 @@ const s = {
   })
 };
 export {
-  s as tabStyles
+  n as tabStyles
 };

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

@@ -4,6 +4,7 @@ import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { TabSlots } from './Slots/TabEnum';
 import { TAB_KEY_COMPONENT } from './constants';
+import { IconProps } from '@m4l/base';
 /**
  * Visual variant of the Tab: outlined (underline when selected) or contained (filled background when selected).
  */
@@ -18,7 +19,7 @@ export interface TabProps extends Omit<MUITabProps, 'size' | 'label' | 'color' |
      * URL of an icon image to show in the tab (e.g. favicon or custom icon).
      * @deprecated Prefer using `startAdornment` with an icon component instead.
      */
-    urlIcon?: string;
+    urlIcon?: IconProps['src'];
     /** Text label displayed in the tab. */
     label?: string;
     /** Description displayed in the tab. */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAElD,mCAAmC;AACnC,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACzF,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,wGAAwG;IACxG,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AACD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,QAAQ,CAAC;AACjD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;IACxE,8CAA8C;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,mCAAmC;IACnC,WAAW,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAClC,8BAA8B;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAChC,yCAAyC;IACzC,cAAc,EAAE,OAAO,CAAC;CACzB;AACD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,iBAAiB,EAAE,KAAK,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;AAElD,mCAAmC;AACnC,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACzF,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAC3B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD,4GAA4G;IAC5G,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,qEAAqE;IACrE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,wGAAwG;IACxG,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AACD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,QAAQ,CAAC;AACjD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,CAAC;IACxE,8CAA8C;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,+CAA+C;IAC/C,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5B,mCAAmC;IACnC,WAAW,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAClC,8BAA8B;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IAChC,yCAAyC;IACzC,cAAc,EAAE,OAAO,CAAC;CACzB;AACD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,EAAE,OAAO,iBAAiB,EAAE,KAAK,CAAC,CAAA"}

package/components/extended/mui/Tabs/slots/TabsSlots.d.ts

@@ -2,7 +2,7 @@
  * Root styled component for the Tabs container. Wraps MuiTabs and applies variant-dependent
  * styles (outlined vs contained), scroll-button layout, and flex container behaviour.
  */
-export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "action" | "classes" | "children" | "className" | "slots" | "slotProps" | "sx" | "style" | "aria-label" | "aria-labelledby" | "onChange" | "variant" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar">, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "slots" | "slotProps" | "sx" | "slot" | "style" | "title" | "ref" | "key" | "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" | "variant" | "value" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').TabsProps> & Record<string, unknown> & {
+export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TabsOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "action" | "classes" | "children" | "className" | "slots" | "slotProps" | "sx" | "style" | "aria-label" | "aria-labelledby" | "onChange" | "orientation" | "variant" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar">, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "slots" | "slotProps" | "sx" | "slot" | "style" | "title" | "ref" | "key" | "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" | "orientation" | "variant" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').TabsProps> & Record<string, unknown> & {
     ownerState: Partial<import('..').TabsProps> & Record<string, unknown>;
 }, {}, {}>;
 //# sourceMappingURL=TabsSlots.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAO9D,OAAO,KAAiE,MAAM,OAAO,CAAC;AAUtF;;GAEG;AACH,eAAO,MAAM,SAAS,oGAyHpB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAO9D,OAAO,KAAiE,MAAM,OAAO,CAAC;AAmBtF;;GAEG;AACH,eAAO,MAAM,SAAS,oGA6HpB,CAAC"}

package/components/extended/mui/TextField/TextField.js

@@ -1,85 +1,93 @@
-import { jsx as n, jsxs as k } from "@emotion/react/jsx-runtime";
-import { useModuleSkeleton as C } from "@m4l/core";
-import O from "clsx";
-import { useComponentSize as P } from "../../../../hooks/useComponentSize/index.js";
-import { SkeletonStyled as N, TextFieldRootStyled as _, LimitContainerStyled as g, LimitTextFirstStyled as M, LimitTextSeparatorStyled as D, LimitTextSecondStyled as R } from "./slots/TextFieldSlots.js";
-import { getPropDataTestId as p } from "../../../../test/getNameDataTestId.js";
-import { TEXT_FIELD_CLASSES as a, TEXT_FIELD_KEY_COMPONENT as S } from "./constants.js";
-import { TextFieldSlots as u } from "./slots/TextFieldEnum.js";
-import { useTheme as j } from "@mui/material";
-import f, { forwardRef as V, useMemo as x, cloneElement as y } from "react";
-import { IconButton as X } from "../IconButton/IconButton.js";
-const te = V(function(A, T) {
+import { jsx as o, jsxs as O } from "@emotion/react/jsx-runtime";
+import { useModuleSkeleton as P } from "@m4l/core";
+import N from "clsx";
+import { useComponentSize as _ } from "../../../../hooks/useComponentSize/index.js";
+import { SkeletonStyled as g, TextFieldRootStyled as D, LimitContainerStyled as M, LimitTextFirstStyled as R, LimitTextSeparatorStyled as j, LimitTextSecondStyled as V } from "./slots/TextFieldSlots.js";
+import { getPropDataTestId as u } from "../../../../test/getNameDataTestId.js";
+import { TEXT_FIELD_CLASSES as d, TEXT_FIELD_KEY_COMPONENT as S } from "./constants.js";
+import { TextFieldSlots as f } from "./slots/TextFieldEnum.js";
+import { useTheme as X } from "@mui/material";
+import y, { forwardRef as B, useMemo as x, cloneElement as A } from "react";
+import { IconButton as T } from "../IconButton/IconButton.js";
+import { isIconComponentElement as K } from "../../../../helpers/isIconComponentElement/isIconComponentElement.js";
+function Y(i) {
+  return K(i) || i.type === T;
+}
+const oe = B(function(h, E) {
   const {
-    value: d,
-    dataTestId: l,
-    variant: m = "outlined",
-    size: h,
-    disabled: i = !1,
-    error: o,
+    value: s,
+    dataTestId: m,
+    variant: c = "outlined",
+    size: v,
+    disabled: r = !1,
+    error: a,
     InputProps: e,
-    autoComplete: E = "off",
-    className: v,
-    inputProps: z,
-    maxLength: r,
-    ...L
-  } = A, { currentSize: t } = P(h), c = j(), b = o && c.vars.palette.error || c.vars.palette.primary, s = r ? d.length / r * 100 : 0, w = {
+    autoComplete: z = "off",
+    className: b,
+    inputProps: w,
+    maxLength: n,
+    ...C
+  } = h, { currentSize: t } = _(v), p = X(), I = a && p.vars.palette.error || p.vars.palette.primary, l = n ? s.length / n * 100 : 0, L = {
     size: t,
-    disabled: i,
-    paletteColor: b,
-    variant: m,
-    error: o,
-    color: o ? "error" : "default",
+    disabled: r,
+    paletteColor: I,
+    variant: c,
+    error: a,
+    color: a ? "error" : "default",
     readOnly: e?.readOnly
-  }, F = x(() => e?.startAdornment && f.isValidElement(e?.startAdornment) ? y(e?.startAdornment, {
-    size: t
-  }) : e?.startAdornment, [e?.startAdornment, t]), I = x(() => e?.endAdornment && f.isValidElement(e?.endAdornment) && e?.endAdornment.type === X ? y(e?.endAdornment, {
-    size: t
-  }) : e?.endAdornment, [e?.endAdornment, t]);
-  return C() ? /* @__PURE__ */ n(
-    N,
+  }, F = x(() => e?.startAdornment && y.isValidElement(e?.startAdornment) ? A(e?.startAdornment, {
+    size: t,
+    // Only Icon and IconButton own a `disabled` contract; forwarding it to any other
+    // element would leak an unknown prop into the DOM.
+    ...Y(e.startAdornment) && { disabled: r }
+  }) : e?.startAdornment, [e?.startAdornment, t, r]), k = x(() => e?.endAdornment && y.isValidElement(e?.endAdornment) && e?.endAdornment.type === T ? A(e?.endAdornment, {
+    size: t,
+    disabled: r
+  }) : e?.endAdornment, [e?.endAdornment, t, r]);
+  return P() ? /* @__PURE__ */ o(
+    g,
     {
-      className: a.skeleton,
-      ...p(S, u.skeleton, l),
+      className: d.skeleton,
+      ...u(S, f.skeleton, m),
       variant: "rounded",
       ownerState: { size: t }
     }
-  ) : /* @__PURE__ */ n(
-    _,
+  ) : /* @__PURE__ */ o(
+    D,
     {
-      ref: T,
-      className: O(a.root, a[m], v, e?.readOnly && a.readOnly),
-      ...p(S, u.root, l),
-      autoComplete: E,
-      value: d,
+      ref: E,
+      className: N(d.root, d[c], b, e?.readOnly && d.readOnly),
+      ...u(S, f.root, m),
+      autoComplete: z,
+      value: s,
       inputMode: "numeric",
-      disabled: i,
+      disabled: r,
       inputProps: {
         role: "textbox",
-        "aria-invalid": o ? "true" : void 0,
-        ...z
+        "aria-invalid": a ? "true" : void 0,
+        ...w
       },
-      maxLength: r,
+      maxLength: n,
       InputProps: {
         ...e,
         startAdornment: F,
-        endAdornment: I,
-        ...r && {
-          endAdornment: /* @__PURE__ */ k(g, { children: [
-            /* @__PURE__ */ n(M, { size: t, role: "text", "aria-label": "current characters", variant: "bodyStandard", color: "text.secondary", ownerState: { percent: s }, children: d.length }),
-            /* @__PURE__ */ n(D, { size: t, variant: "bodyStandard", color: "text.secondary", ownerState: { percent: s }, children: "/" }),
-            /* @__PURE__ */ n(R, { size: t, role: "text", "aria-label": "limit characters", variant: "bodyStandard", color: "text.secondary", ownerState: { percent: s }, children: r }),
+        endAdornment: k,
+        ...n && {
+          endAdornment: /* @__PURE__ */ O(M, { children: [
+            /* @__PURE__ */ o(R, { size: t, role: "text", "aria-label": "current characters", variant: "bodyStandard", color: "text.secondary", ownerState: { percent: l }, children: s.length }),
+            /* @__PURE__ */ o(j, { size: t, variant: "bodyStandard", color: "text.secondary", ownerState: { percent: l }, children: "/" }),
+            /* @__PURE__ */ o(V, { size: t, role: "text", "aria-label": "limit characters", variant: "bodyStandard", color: "text.secondary", ownerState: { percent: l }, children: n }),
             e?.endAdornment
           ] })
         },
-        disabled: i,
+        disabled: r,
         type: e?.type || "text"
       },
-      ...L,
-      ownerState: { ...w }
+      ...C,
+      ownerState: { ...L }
     }
   );
 });
 export {
-  te as TextField
+  oe as TextField
 };

package/components/extended/mui/TextField/slots/TextFieldSlots.d.ts

@@ -1,6 +1,6 @@
 export declare const TextFieldRootStyled: import('@emotion/styled').StyledComponent<Pick<{
     variant?: import('@mui/material').TextFieldVariants | undefined;
-} & Omit<import('@mui/material').StandardTextFieldProps | import('@mui/material').OutlinedTextFieldProps | import('@mui/material').FilledTextFieldProps, "variant">, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "sx" | "label" | "slot" | "select" | "style" | "title" | "ref" | "key" | "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" | "variant" | "value" | "disabled" | "type" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+} & Omit<import('@mui/material').StandardTextFieldProps | import('@mui/material').OutlinedTextFieldProps | import('@mui/material').FilledTextFieldProps, "variant">, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "sx" | "label" | "slot" | "select" | "style" | "title" | "ref" | "key" | "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" | "type" | "variant" | "value" | "disabled" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {

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

@@ -5,7 +5,6 @@ import { TimePickerProps } from './types';
  * que el usuario defina una hora.
  *
  * ### Dependencias:
- * - **`useEnvironment:`** Hook que permite acceder a los valores del entorno de la aplicación.
  * - **`useIsMobile:`** Hook que permite saber si el dispositivo es móvil .
  * @example
  * ```tsx

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAwB,eAAe,EAAE,MAAM,SAAS,CAAC;AAKhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,CAAC,IAAI,CAAC,qDA6HtD,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAwB,eAAe,EAAE,MAAM,SAAS,CAAC;AAKhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,CAAC,IAAI,CAAC,qDA4HtD,CAAC"}