@m4l/components 9.19.0 → 9.20.0

package/components/PropertyValue/PropertyValue.js

@@ -1,16 +1,16 @@
 import { jsxs as c, jsx as t } from "@emotion/react/jsx-runtime";
-import y, { useId as b } from "react";
-import z from "clsx";
-import { TEST_PROP_ID as C } from "../../test/constants_no_mock.js";
-import { TEST_PROPS_DATA as A, COMPONENT_PREFIX as D, PROPERTY_VALUE_KEY_COMPONENT as s } from "./constants.js";
-import { getNameDataTestId as x, getPropDataTestId as F } from "../../test/getNameDataTestId.js";
-import { Icon as M } from "@m4l/base";
-import { PropertyValueRootStyled as W, ContainerStartAdornmentStyled as $, ContainerPropertyAndValueStyled as j, NameStyled as q, ValueStyled as w, TypographyValueStyled as L } from "./slots/PropertyValueSlots.js";
+import y, { useId as z } from "react";
+import C from "clsx";
+import { TEST_PROP_ID as A } from "../../test/constants_no_mock.js";
+import { TEST_PROPS_DATA as D, COMPONENT_PREFIX as x, PROPERTY_VALUE_KEY_COMPONENT as s } from "./constants.js";
+import { getNameDataTestId as F, getPropDataTestId as M } from "../../test/getNameDataTestId.js";
+import { Icon as W } from "@m4l/base";
+import { PropertyValueRootStyled as $, ContainerStartAdornmentStyled as j, ContainerPropertyAndValueStyled as q, NameStyled as w, ValueStyled as L, TypographyValueStyled as Y } from "./slots/PropertyValueSlots.js";
 import { getComponentSlotRoot as f } from "../../utils/getComponentSlotRoot.js";
-import { getNullGuard as Y } from "../../utils/getNullGuard.js";
-import { Label as G } from "../Label/Label.js";
-import { useComponentSize as H } from "@m4l/graphics";
-function ie(S) {
+import { getNullGuard as G } from "../../utils/getNullGuard.js";
+import { Label as H } from "../Label/Label.js";
+import { useComponentSize as J } from "@m4l/graphics";
+function le(S) {
   const {
     property: l,
     startAdornment: o,
@@ -22,67 +22,69 @@ function ie(S) {
     mandatory: P,
     mandatoryMessage: v,
     helperMessage: E,
+    symbol: N,
     semanticWidth: a = "fullWidth",
-    propertyWidth: N = 200,
-    size: T = "medium",
+    propertyWidth: T = 200,
+    size: g = "medium",
     direction: u,
-    valueHeight: g,
-    iconVariant: I = "outlined",
-    iconColor: V = "primary",
-    borderStyle: O = "none"
-  } = S, d = `property-value-${b()}`, { currentSize: i } = H(T), r = {
-    propertyWidth: N,
+    valueHeight: I,
+    iconVariant: V = "outlined",
+    iconColor: O = "primary",
+    borderStyle: _ = "none"
+  } = S, d = `property-value-${z()}`, { currentSize: i } = J(g), r = {
+    propertyWidth: T,
     disabled: n && p ? p : !1,
     isForm: !!n,
     semanticWidth: a,
-    valueHeight: g,
+    valueHeight: I,
     size: i,
     direction: n && u === void 0 ? "column" : u ?? "row",
-    iconVariant: I,
-    iconColor: V,
-    borderStyle: O
-  }, _ = () => o ? typeof o == "string" ? /* @__PURE__ */ t(
-    M,
+    iconVariant: V,
+    iconColor: O,
+    borderStyle: _
+  }, b = () => o ? typeof o == "string" ? /* @__PURE__ */ t(
+    W,
     {
       src: o,
       color: "text.secondary"
     }
-  ) : o : null, R = () => typeof e == "string" || typeof e == "number" || e === null || e === void 0 ? /* @__PURE__ */ t(L, { id: d, size: i, variant: "bodyDens", ownerState: r, children: Y(e) }) : y.isValidElement(e) ? y.cloneElement(e, { size: i, id: d }) : e;
+  ) : o : null, R = () => typeof e == "string" || typeof e == "number" || e === null || e === void 0 ? /* @__PURE__ */ t(Y, { id: d, size: i, variant: "bodyDens", ownerState: r, children: G(e) }) : y.isValidElement(e) ? y.cloneElement(e, { size: i, id: d }) : e;
   return /* @__PURE__ */ c(
-    W,
+    $,
     {
       role: n ? "property-value-form-role" : "property-value-role",
-      className: z(
+      className: C(
         f(s),
         a && `${f(s)}-semanticWidth-${a}`,
         h
       ),
-      ...F(s, "root", m),
+      ...M(s, "root", m),
       ownerState: r,
       ...process.env.NODE_ENV !== "production" ? {
-        [A]: JSON.stringify([{ property: !!l, value: !!e }]),
-        [C]: x(D, "root", m)
+        [D]: JSON.stringify([{ property: !!l, value: !!e }]),
+        [A]: F(x, "root", m)
       } : {},
       children: [
-        o && /* @__PURE__ */ t($, { ownerState: r, children: _() }),
-        /* @__PURE__ */ c(j, { ownerState: r, children: [
-          /* @__PURE__ */ t(q, { ownerState: r, children: l && /* @__PURE__ */ t(
-            G,
+        o && /* @__PURE__ */ t(j, { ownerState: r, children: b() }),
+        /* @__PURE__ */ c(q, { ownerState: r, children: [
+          /* @__PURE__ */ t(w, { ownerState: r, children: l && /* @__PURE__ */ t(
+            H,
             {
               size: i,
               label: l,
               mandatory: P,
               mandatoryMessage: v,
               helperMessage: E,
+              symbol: N,
               htmlFor: d
             }
           ) }),
-          /* @__PURE__ */ t(w, { role: "property-value-value-role", ownerState: r, children: R() })
+          /* @__PURE__ */ t(L, { role: "property-value-value-role", ownerState: r, children: R() })
         ] })
       ]
     }
   );
 }
 export {
-  ie as PropertyValue
+  le as PropertyValue
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAuBzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GA6FpB,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAgCzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GA2GpB,CAAC"}

package/components/extended/mui/Accordion/Accordion.js

@@ -1,60 +1,62 @@
-import { jsxs as f, jsx as o } from "@emotion/react/jsx-runtime";
-import { TEST_PROP_ID as A } from "../../../../test/constants_no_mock.js";
-import { getNameDataTestId as D } from "../../../../test/getNameDataTestId.js";
-import { ACCORDION_KEY as u } from "./constants.js";
+import { jsxs as c, jsx as o } from "@emotion/react/jsx-runtime";
+import { TEST_PROP_ID as b } from "../../../../test/constants_no_mock.js";
+import { getNameDataTestId as A } from "../../../../test/getNameDataTestId.js";
+import { ACCORDION_KEY as S } from "./constants.js";
 import { getComponentSlotRoot as T } from "../../../../utils/getComponentSlotRoot.js";
-import { AccordionRootStyled as b, AccordionSummaryStyled as N, IconLabelStyled as R, LabelStyled as v, IconExpandedStyled as O, AccordionDetailsStyled as w } from "./slots/AccordionSlots.js";
-import { forwardRef as P, useState as _, useEffect as k } from "react";
-import { useComponentSize as L } from "../../../../hooks/useComponentSize/index.js";
-import j from "clsx";
-import { ArrowChevronMdDownOutlined as W } from "@m4l/icons";
-function K(r) {
-  return r.replace(/\\r\\n/g, `
+import { AccordionRootStyled as v, AccordionSummaryStyled as N, IconLabelStyled as R, LabelGroupStyled as O, LabelStyled as w, DescriptionStyled as L, IconExpandedStyled as P, AccordionDetailsStyled as _ } from "./slots/AccordionSlots.js";
+import { forwardRef as k, useState as j, useEffect as W } from "react";
+import { useComponentSize as B } from "../../../../hooks/useComponentSize/index.js";
+import G from "clsx";
+import { ArrowChevronMdDownOutlined as K } from "@m4l/icons";
+function M(a) {
+  return a.replace(/\\r\\n/g, `
 `).replace(/\\n/g, `
 `).replace(/\\t/g, "	").replace(/\r\n/g, `
 `).replace(/\r/g, `
 `);
 }
-const U = P((r, x) => {
+const $ = k((a, x) => {
   const {
-    label: S,
-    children: a,
+    label: h,
+    description: i,
+    children: l,
     accordionProps: d,
     summaryProps: g,
-    icon: i,
-    className: h,
-    dataTestId: y = "",
+    icon: s,
+    className: y,
+    dataTestId: z = "",
     skeletonLabelWidth: C = "100px",
-    size: l,
-    expanded: t,
-    variant: z = "outlined"
-  } = r, { currentSize: c } = L(l), E = T(u), [s, p] = _(t ?? d?.defaultExpanded ?? !0), m = typeof a == "string" ? K(a) : null, I = () => {
-    p((n) => !n);
+    size: p,
+    expanded: n,
+    variant: D = "outlined"
+  } = a, { currentSize: t } = B(p), E = T(S), [m, u] = j(n ?? d?.defaultExpanded ?? !0), f = typeof l == "string" ? M(l) : null, I = () => {
+    u((r) => !r);
   };
-  k(() => {
-    let n = !0;
-    return n && t !== void 0 && p(t), () => {
-      n = !1;
+  W(() => {
+    let r = !0;
+    return r && n !== void 0 && u(n), () => {
+      r = !1;
     };
-  }, [t]);
+  }, [n]);
   const e = {
-    size: c,
-    variant: z,
-    expanded: s,
-    hasTextContent: m !== null
+    size: t,
+    variant: D,
+    expanded: m,
+    hasTextContent: f !== null,
+    hasDescription: !!i
   };
-  return /* @__PURE__ */ f(
-    b,
+  return /* @__PURE__ */ c(
+    v,
     {
       ownerState: e,
       ref: x,
       role: "contentinfo",
-      className: j(E, h),
-      expanded: s,
+      className: G(E, y),
+      expanded: m,
       ...d,
-      ...process.env.NODE_ENV !== "production" ? { [A]: D(u, "root", y) } : {},
+      ...process.env.NODE_ENV !== "production" ? { [b]: A(S, "root", z) } : {},
       children: [
-        /* @__PURE__ */ f(
+        /* @__PURE__ */ c(
           N,
           {
             ownerState: e,
@@ -62,35 +64,47 @@ const U = P((r, x) => {
             "aria-controls": "expanded-content",
             onClick: I,
             expandIcon: /* @__PURE__ */ o(
-              O,
+              P,
               {
                 ownerState: e,
-                size: c,
+                size: t,
                 "aria-label": "settings",
-                src: /* @__PURE__ */ o(W, {})
+                src: /* @__PURE__ */ o(K, {})
               }
             ),
             ...g,
             children: [
-              i && /* @__PURE__ */ o(R, { ownerState: e, src: i, size: l }),
-              /* @__PURE__ */ o(
-                v,
-                {
-                  ownerState: e,
-                  size: c,
-                  variant: "captionDens",
-                  skeletonWidth: C,
-                  children: S
-                }
-              )
+              s && /* @__PURE__ */ o(R, { ownerState: e, src: s, size: p }),
+              /* @__PURE__ */ c(O, { ownerState: e, children: [
+                /* @__PURE__ */ o(
+                  w,
+                  {
+                    ownerState: e,
+                    size: t,
+                    variant: "captionDens",
+                    skeletonWidth: C,
+                    children: h
+                  }
+                ),
+                i ? /* @__PURE__ */ o(
+                  L,
+                  {
+                    ownerState: e,
+                    size: t,
+                    color: "text.secondary",
+                    variant: "caption",
+                    children: i
+                  }
+                ) : null
+              ] })
             ]
           }
         ),
-        /* @__PURE__ */ o(w, { ownerState: e, children: m ?? a })
+        /* @__PURE__ */ o(_, { ownerState: e, children: f ?? l })
       ]
     }
   );
 });
 export {
-  U as Accordion
+  $ as Accordion
 };

package/components/extended/mui/Accordion/slots/AccordionEnum.d.ts

@@ -2,7 +2,9 @@ export declare enum AccordionSlots {
     accordionRoot = "accordionRoot",
     accordionSummary = "accordionSummary",
     accordionIconLabel = "iconLabel",
+    accordionLabelGroup = "labelGroup",
     accordionLabel = "label",
+    accordionDescription = "description",
     accordionIconExpanded = "iconExpanded",
     accordionDetails = "accordionDetails"
 }

package/components/extended/mui/Accordion/slots/AccordionEnum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,gBAAgB,qBAAqB;IACrC,kBAAkB,cAAc;IAChC,cAAc,UAAU;IACxB,qBAAqB,iBAAiB;IACtC,gBAAgB,qBAAqB;CACtC"}
+{"version":3,"file":"AccordionEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,aAAa,kBAAkB;IAC/B,gBAAgB,qBAAqB;IACrC,kBAAkB,cAAc;IAChC,mBAAmB,eAAe;IAClC,cAAc,UAAU;IACxB,oBAAoB,gBAAgB;IACpC,qBAAqB,iBAAiB;IACtC,gBAAgB,qBAAqB;CACtC"}

package/components/extended/mui/Accordion/slots/AccordionEnum.js

@@ -1,4 +1,4 @@
-var c = /* @__PURE__ */ ((a) => (a.accordionRoot = "accordionRoot", a.accordionSummary = "accordionSummary", a.accordionIconLabel = "iconLabel", a.accordionLabel = "label", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(c || {});
+var c = /* @__PURE__ */ ((a) => (a.accordionRoot = "accordionRoot", a.accordionSummary = "accordionSummary", a.accordionIconLabel = "iconLabel", a.accordionLabelGroup = "labelGroup", a.accordionLabel = "label", a.accordionDescription = "description", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(c || {});
 export {
   c as AccordionSlots
 };

package/components/extended/mui/Accordion/slots/AccordionSlots.d.ts

@@ -20,9 +20,15 @@ export declare const AccordionSummaryStyled: import('@emotion/styled').StyledCom
 export declare const IconLabelStyled: 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> & {
     ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const LabelGroupStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccordionOwnerState> & 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 LabelStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "ellipsis" | "skeletonWidth" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const DescriptionStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "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" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "ellipsis" | "skeletonWidth" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
 export declare const IconExpandedStyled: 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> & {
     ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;

package/components/extended/mui/Accordion/slots/AccordionSlots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;;;;;;;;gBAuB0xD,CAAC;;;;;UApBzxD,CAAC;AACnC,eAAO,MAAM,sBAAsB;;UAGE,CAAC;AACtC,eAAO,MAAM,eAAe;;UAGW,CAAC;AACxC,eAAO,MAAM,WAAW;;UAGW,CAAC;AACpC,eAAO,MAAM,kBAAkB;;UAGW,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGE,CAAC"}
+{"version":3,"file":"AccordionSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;;;;;;;;gBAgCi7C,CAAC;;;;;UA7Bh7C,CAAC;AACnC,eAAO,MAAM,sBAAsB;;UAGE,CAAC;AACtC,eAAO,MAAM,eAAe;;UAGW,CAAC;AACxC,eAAO,MAAM,gBAAgB;;6NAGW,CAAC;AACzC,eAAO,MAAM,WAAW;;UAGW,CAAC;AACpC,eAAO,MAAM,iBAAiB;;UAGW,CAAC;AAC1C,eAAO,MAAM,kBAAkB;;UAGW,CAAC;AAC3C,eAAO,MAAM,sBAAsB;;UAGE,CAAC"}

package/components/extended/mui/Accordion/slots/AccordionSlots.js

@@ -1,33 +1,41 @@
-import { Accordion as t, AccordionSummary as d, AccordionDetails as i } from "@mui/material";
+import { Accordion as i, AccordionSummary as d, AccordionDetails as e } from "@mui/material";
 import { styled as o } from "@mui/material/styles";
 import { ACCORDION_KEY as c } from "../constants.js";
 import { AccordionSlots as n } from "./AccordionEnum.js";
 import { accordionStyles as r } from "../styles.js";
-import { Icon as a, Typography as e } from "@m4l/base";
-const A = o(t, {
+import { Icon as a, Typography as t } from "@m4l/base";
+const b = o(i, {
   name: c,
   slot: n.accordionRoot
-})(r?.accordionRoot), I = o(d, {
+})(r?.accordionRoot), L = o(d, {
   name: c,
   slot: n.accordionSummary
-})(r?.accordionSummary), b = o(a, {
+})(r?.accordionSummary), A = o(a, {
   name: c,
   slot: n.accordionIconLabel
-})(r?.accordionIconLabel), f = o(e, {
+})(r?.accordionIconLabel), D = o("div", {
+  name: c,
+  slot: n.accordionLabelGroup
+})(r?.accordionLabelGroup), I = o(t, {
   name: c,
   slot: n.accordionLabel
-})(r?.accordionLabel), L = o(a, {
+})(r?.accordionLabel), u = o(t, {
+  name: c,
+  slot: n.accordionDescription
+})(r?.accordionDescription), f = o(a, {
   name: c,
   slot: n.accordionIconExpanded
-})(r?.accordionIconExpanded), D = o(i, {
+})(r?.accordionIconExpanded), x = o(e, {
   name: c,
   slot: n.accordionDetails
 })(r?.accordionDetails);
 export {
-  D as AccordionDetailsStyled,
-  A as AccordionRootStyled,
-  I as AccordionSummaryStyled,
-  L as IconExpandedStyled,
-  b as IconLabelStyled,
-  f as LabelStyled
+  x as AccordionDetailsStyled,
+  b as AccordionRootStyled,
+  L as AccordionSummaryStyled,
+  u as DescriptionStyled,
+  f as IconExpandedStyled,
+  A as IconLabelStyled,
+  D as LabelGroupStyled,
+  I as LabelStyled
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,eAAO,MAAM,eAAe,EAAE,eAkI7B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/styles.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,eAAO,MAAM,eAAe,EAAE,eA6J7B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { getSizeStyles as i } from "../../../../utils/getSizeStyles/getSizeStyles.js";
-const d = {
+const s = {
   /**
    * *********************************************************
    * Styles for the Accordion root container.
@@ -35,6 +35,8 @@ const d = {
     "&&&": {
       paddingLeft: r.vars.size.baseSpacings.sp2,
       paddingRight: r.vars.size.baseSpacings.sp2,
+      paddingTop: r.vars.size.baseSpacings.sp2,
+      paddingBottom: r.vars.size.baseSpacings.sp2,
       gap: r.vars.size.baseSpacings.sp2,
       display: "flex",
       flexDirection: "row",
@@ -42,7 +44,7 @@ const d = {
       alignItems: "center",
       ...i(r, a?.size ?? "medium", "container", (o) => ({
         minHeight: o,
-        height: o
+        height: a?.hasDescription ? "auto" : o
       })),
       background: r.vars.palette.background.default,
       overflow: "hidden",
@@ -65,10 +67,16 @@ const d = {
         background: r.vars.palette.default.activeOpacity
       },
       "& .MuiAccordionSummary-content": {
-        gap: `${r.vars.size.baseSpacings.sp1}`,
+        gap: `${r.vars.size.baseSpacings["sp2-5"]}`,
         overflow: "hidden",
         paddingLeft: r.vars.size.baseSpacings.sp1,
-        "& .MuiTypography-root": {
+        alignItems: "center",
+        margin: "unset",
+        "& .M4LAccordion-labelGroup": {
+          minWidth: 0,
+          flex: 1
+        },
+        "& .M4LAccordion-label, & .M4LAccordion-description": {
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
@@ -84,14 +92,33 @@ const d = {
   accordionIconLabel: ({ theme: r }) => ({
     color: r.vars.palette.text.primary
   }),
+  /**
+   * *************************************************************
+   * Styles for the wrapper that groups label and description.
+   * *************************************************************
+   */
+  accordionLabelGroup: ({ theme: r }) => ({
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    gap: r.vars.size.baseSpacings["sp0-5"],
+    overflow: "hidden"
+  }),
   /**
    *******************************************************************
    * Styles for the label displayed in the Accordion header.
    * *******************************************************************
    */
   accordionLabel: ({ theme: r }) => ({
-    color: r.vars.palette.text.primary,
-    paddingLeft: r.vars.size.baseSpacings.sp1
+    color: r.vars.palette.text.primary
+  }),
+  /**
+   * *******************************************************************
+   * Styles for the description displayed below the Accordion label.
+   * *******************************************************************
+   */
+  accordionDescription: ({ theme: r }) => ({
+    color: r.vars.palette.text.secondary
   }),
   /**
    * *************************************************
@@ -107,7 +134,7 @@ const d = {
    * **************************************************************
    */
   accordionDetails: ({ theme: r, ownerState: a }) => ({
-    padding: r.vars.size.baseSpacings.sp5,
+    padding: r.vars.size.baseSpacings.sp4,
     background: r.vars.palette.background.default,
     display: "flex",
     flexDirection: "column",
@@ -128,5 +155,5 @@ const d = {
   })
 };
 export {
-  d as accordionStyles
+  s as accordionStyles
 };

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

@@ -9,6 +9,10 @@ export interface AccordionProps {
      * The label for the Accordion component
      */
     label: string;
+    /**
+     * Optional description displayed below the accordion label.
+     */
+    description?: string;
     /**
      * Optional class name for the Accordion component
      */
@@ -56,5 +60,6 @@ export type AccordionStyles = M4LOverridesStyleRules<AccordionSlotsType, typeof
 export interface AccordionOwnerState extends Pick<AccordionProps, 'size' | 'variant'> {
     expanded: boolean;
     hasTextContent: boolean;
+    hasDescription: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,GAAG,UAAU,CAAC,CAAC;IAE5D;;OAEG;IACH,YAAY,CAAC,EAAE,qBAAqB,CAAC;IAErC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAE1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,kBAAkB,EAAE,OAAO,aAAa,EAAE,KAAK,CAAC,CAAC;AACtG,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnF,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;CACzB"}

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

@@ -2,5 +2,5 @@
  * Class name used to identify the component's slots and generate their CSS classes.
  */
 export declare const TAB_KEY_COMPONENT = "M4LTab";
-export declare const TAB_CLASSES: Record<"title" | "root" | "icon" | "startAdornmentImageWrapper" | "endAdornmentImageWrapper" | "description" | "tipography" | "labelGroup", string>;
+export declare const TAB_CLASSES: Record<"title" | "root" | "icon" | "startAdornmentImageWrapper" | "endAdornmentImageWrapper" | "description" | "labelGroup" | "tipography", string>;
 //# sourceMappingURL=constants.d.ts.map