@m4l/components 9.69.1 → 9.69.2-beta-updated-accordion-component-endaddorment.0

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;AAgCzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GA2GpB,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;AAiCzC;;GAEG;AACH,eAAO,MAAM,SAAS,2GAkHpB,CAAC"}

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

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

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

@@ -1,6 +1,7 @@
 export declare enum AccordionSlots {
     accordionRoot = "accordionRoot",
     accordionSummary = "accordionSummary",
+    accordionEndAdornment = "endAdornment",
     accordionIconLabel = "iconLabel",
     accordionLabelGroup = "labelGroup",
     accordionLabel = "label",

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,mBAAmB,eAAe;IAClC,cAAc,UAAU;IACxB,oBAAoB,gBAAgB;IACpC,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,qBAAqB,iBAAiB;IACtC,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.accordionLabelGroup = "labelGroup", a.accordionLabel = "label", a.accordionDescription = "description", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(c || {});
+var n = /* @__PURE__ */ ((a) => (a.accordionRoot = "accordionRoot", a.accordionSummary = "accordionSummary", a.accordionEndAdornment = "endAdornment", a.accordionIconLabel = "iconLabel", a.accordionLabelGroup = "labelGroup", a.accordionLabel = "label", a.accordionDescription = "description", a.accordionIconExpanded = "iconExpanded", a.accordionDetails = "accordionDetails", a))(n || {});
 export {
-  c as AccordionSlots
+  n as AccordionSlots
 };

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

@@ -17,6 +17,9 @@ export declare const AccordionRootStyled: import('@emotion/styled').StyledCompon
 export declare const AccordionSummaryStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "action" | "classes" | "children" | "className" | "sx" | "style" | "tabIndex" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon">, "color" | "content" | "translate" | "action" | "classes" | "children" | "className" | "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" | "disabled" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').AccordionOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+export declare const EndAdornmentStyled: 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 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;
 }, {}, {}>;

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;;;;;;;;;;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"}
+{"version":3,"file":"AccordionSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Accordion/slots/AccordionSlots.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB;;;;;;;;;;gBAoC8wC,CAAC;;;;;UAjC7wC,CAAC;AACnC,eAAO,MAAM,sBAAsB;;UAGE,CAAC;AACtC,eAAO,MAAM,kBAAkB;;6NAGW,CAAC;AAC3C,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,28 +1,31 @@
-import { Accordion as i, AccordionSummary as d, AccordionDetails as e } from "@mui/material";
+import { Accordion as a, AccordionSummary as i, 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 t } from "@m4l/base";
-const b = o(i, {
+import { Icon as d, Typography as t } from "@m4l/base";
+const A = o(a, {
   name: c,
   slot: n.accordionRoot
-})(r?.accordionRoot), L = o(d, {
+})(r?.accordionRoot), b = o(i, {
   name: c,
   slot: n.accordionSummary
-})(r?.accordionSummary), A = o(a, {
+})(r?.accordionSummary), L = o("div", {
+  name: c,
+  slot: n.accordionEndAdornment
+})(r?.accordionEndAdornment), D = o(d, {
   name: c,
   slot: n.accordionIconLabel
-})(r?.accordionIconLabel), D = o("div", {
+})(r?.accordionIconLabel), I = o("div", {
   name: c,
   slot: n.accordionLabelGroup
-})(r?.accordionLabelGroup), I = o(t, {
+})(r?.accordionLabelGroup), u = o(t, {
   name: c,
   slot: n.accordionLabel
-})(r?.accordionLabel), u = o(t, {
+})(r?.accordionLabel), E = o(t, {
   name: c,
   slot: n.accordionDescription
-})(r?.accordionDescription), f = o(a, {
+})(r?.accordionDescription), f = o(d, {
   name: c,
   slot: n.accordionIconExpanded
 })(r?.accordionIconExpanded), x = o(e, {
@@ -31,11 +34,12 @@ const b = o(i, {
 })(r?.accordionDetails);
 export {
   x as AccordionDetailsStyled,
-  b as AccordionRootStyled,
-  L as AccordionSummaryStyled,
-  u as DescriptionStyled,
+  A as AccordionRootStyled,
+  b as AccordionSummaryStyled,
+  E as DescriptionStyled,
+  L as EndAdornmentStyled,
   f as IconExpandedStyled,
-  A as IconLabelStyled,
-  D as LabelGroupStyled,
-  I as LabelStyled
+  D as IconLabelStyled,
+  I as LabelGroupStyled,
+  u 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,eA6J7B,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,eAuK7B,CAAC"}

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

@@ -48,7 +48,7 @@ const s = {
       })),
       background: r.vars.palette.background.default,
       overflow: "hidden",
-      borderBottom: a?.expanded && a?.variant === "outlined" ? `${r.size.borderStroke.container} ${r.vars.palette.border.secondary}` : "unset",
+      borderBottom: `${r.size.borderStroke.container} ${r.vars.palette.border.disabled}`,
       borderRadius: "unset",
       ...a?.variant === "outlined" && {
         borderTopLeftRadius: r.size.borderRadius.r2,
@@ -84,6 +84,15 @@ const s = {
       }
     }
   }),
+  /**
+   * Styles for optional informational content displayed at the end of the header.
+   */
+  accordionEndAdornment: () => ({
+    display: "inline-flex",
+    alignItems: "center",
+    marginLeft: "auto",
+    flexShrink: 0
+  }),
   /**
    * *************************************************
    * Styles for the icon displayed next to the Accordion label.
@@ -102,7 +111,8 @@ const s = {
     flexDirection: "column",
     alignItems: "flex-start",
     gap: r.vars.size.baseSpacings["sp0-5"],
-    overflow: "hidden"
+    overflow: "hidden",
+    flex: "0 1 auto"
   }),
   /**
    *******************************************************************

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

@@ -14,6 +14,10 @@ export interface AccordionProps {
      * Optional description displayed below the accordion label.
      */
     description?: string;
+    /**
+     * Optional informational content displayed at the end of the accordion header.
+     */
+    endAdornment?: ReactNode;
     /**
      * Optional class name for the Accordion component
      */

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,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB;;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"}
+{"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,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,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,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;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;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAExB;;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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.69.1",
+  "version": "9.69.2-beta-updated-accordion-component-endaddorment.0",
   "publishConfig": {
     "access": "public"
   },
@@ -54,23 +54,23 @@
     "nprogress": "0.2.0",
     "react-transition-group": "4.4.5",
     "@tanstack/react-virtual": "3.13.23",
-    "@mui/x-date-pickers": "6.20.2",
     "react-color": "2.19.3",
+    "@mui/x-date-pickers": "6.20.2",
+    "react-rnd": "10.5.2",
     "react-dropzone": "14.4.1",
-    "react-spinners": "0.13.8",
     "react-draggable": "4.5.0",
-    "react-rnd": "10.5.2",
-    "simplebar-react": "3.2.6",
-    "react-resizable-panels": "2.1.9",
-    "react-simple-code-editor": "0.14.1",
+    "react-spinners": "0.13.8",
     "chart.js": "4.5.1",
     "chartjs-chart-error-bars": "4.4.5",
     "qrcode.react": "3.2.0",
+    "react-simple-code-editor": "0.14.1",
+    "react-resizable-panels": "2.1.9",
+    "simplebar-react": "3.2.6",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
+    "date-fns": "2.30.0",
     "react-resizable": "3.1.3",
-    "react-window": "1.8.11",
-    "date-fns": "2.30.0"
+    "react-window": "1.8.11"
   }
 }