@dmsi/wedgekit-react 0.0.498 → 0.0.500

package/dist/{chunk-3WCLGTYP.js → chunk-4LBQSSGH.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-JUFBGNWW.js";
 import {
   Modal
-} from "./chunk-X67L3NZI.js";
+} from "./chunk-TOKS63IK.js";
 
 // src/components/PDFViewer/index.tsx
 import { useCallback, useEffect, useState } from "react";

package/dist/{chunk-RQRR4FEF.js → chunk-5MLYAQQO.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-44TH3VC7.js";
+} from "./chunk-G4AWTFBQ.js";
 import {
   __objRest,
   __spreadValues

package/dist/{chunk-44TH3VC7.js → chunk-G4AWTFBQ.js}

@@ -6,6 +6,9 @@ import {
   formatDecimalValue,
   getDecimalPlaceholder
 } from "./chunk-5UH6QUFB.js";
+import {
+  Paragraph
+} from "./chunk-ZSETMD4A.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
@@ -37,6 +40,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -60,6 +64,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -201,7 +206,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ jsx("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ jsx("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -228,7 +234,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -239,7 +246,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = useState("");
   const [displayValue, setDisplayValue] = useState("");
@@ -261,7 +269,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -324,7 +332,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ jsx(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ jsx("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ jsx(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ jsx("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ jsx(Icon, { name: "percent" }) });
       default:
@@ -410,7 +418,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };

package/dist/{chunk-ZKTHUXKS.js → chunk-HIKWIY5Q.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-5R4C5F63.js";
 import {
   Search
-} from "./chunk-RQRR4FEF.js";
+} from "./chunk-5MLYAQQO.js";
 import {
   CSS
 } from "./chunk-WVUIIBRR.js";

package/dist/{chunk-HVNHTM3P.js → chunk-PIBHG6DH.js}

@@ -1,6 +1,6 @@
 import {
   InputBase
-} from "./chunk-44TH3VC7.js";
+} from "./chunk-G4AWTFBQ.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";

package/dist/{chunk-X67L3NZI.js → chunk-TOKS63IK.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-FG7GNGE3.js";
 import {
   ModalHeader
-} from "./chunk-G7KIKHER.js";
+} from "./chunk-X4UK7HE2.js";
 import {
   ModalScrim
 } from "./chunk-AG43RS4Q.js";
@@ -105,7 +105,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -231,7 +232,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ jsx(

package/dist/{chunk-7LKGHCVT.js → chunk-TWDH7ZDS.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-M7INAUAJ.js";
 import {
   RowDetailModalProvider
-} from "./chunk-4Q7T4GJ2.js";
+} from "./chunk-YD3HWIUJ.js";
 import {
   ColumnList
 } from "./chunk-QMSPTD6L.js";
@@ -18,13 +18,13 @@ import {
 } from "./chunk-EWGHVZL5.js";
 import {
   Select
-} from "./chunk-HVNHTM3P.js";
+} from "./chunk-PIBHG6DH.js";
 import {
   DataCellHeader,
   DataGridCell,
   DragAlongCell,
   DraggableCellHeader
-} from "./chunk-ZKTHUXKS.js";
+} from "./chunk-HIKWIY5Q.js";
 import {
   Menu
 } from "./chunk-TCMOGTPB.js";
@@ -33,11 +33,11 @@ import {
 } from "./chunk-5R4C5F63.js";
 import {
   Search
-} from "./chunk-RQRR4FEF.js";
+} from "./chunk-5MLYAQQO.js";
 import {
   Input,
   InputBase
-} from "./chunk-44TH3VC7.js";
+} from "./chunk-G4AWTFBQ.js";
 import {
   Label
 } from "./chunk-AL5QIRY3.js";

package/dist/{chunk-G7KIKHER.js → chunk-X4UK7HE2.js}

@@ -23,8 +23,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -43,7 +45,7 @@ var ModalHeader = ({
         /* @__PURE__ */ jsxs("div", { className: clsx("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ jsx(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,

package/dist/{chunk-4Q7T4GJ2.js → chunk-YD3HWIUJ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-5IFPG6TS.js";
 import {
   Modal
-} from "./chunk-X67L3NZI.js";
+} from "./chunk-TOKS63IK.js";
 import {
   Heading2
 } from "./chunk-H2KC5XUY.js";

package/dist/components/CalendarRange.cjs

@@ -1630,6 +1630,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1653,6 +1654,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1794,7 +1796,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1821,7 +1824,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1832,7 +1836,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1854,7 +1859,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1917,7 +1922,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -2003,7 +2008,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -4592,8 +4598,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
@@ -4612,7 +4620,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx24.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -4842,7 +4850,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -4968,7 +4977,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(

package/dist/components/CalendarRange.js

@@ -2,14 +2,14 @@ import {
   CalendarRange,
   CalendarRange_default,
   isWeekend
-} from "../chunk-7LKGHCVT.js";
+} from "../chunk-TWDH7ZDS.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-4Q7T4GJ2.js";
+import "../chunk-YD3HWIUJ.js";
 import "../chunk-3DEYCNUE.js";
 import "../chunk-XHQOTLG6.js";
 import "../chunk-BQNPOGD5.js";
 import "../chunk-Y5GD2FJA.js";
-import "../chunk-3WCLGTYP.js";
+import "../chunk-4LBQSSGH.js";
 import "../chunk-YEZBNQZI.js";
 import "../chunk-B53XDCLO.js";
 import "../chunk-S5ZJ3Q7P.js";
@@ -30,23 +30,23 @@ import "../chunk-7BVUTFZ5.js";
 import "../chunk-L3BXRDLP.js";
 import "../chunk-34VEVX5H.js";
 import "../chunk-GRGDX7JC.js";
-import "../chunk-HVNHTM3P.js";
-import "../chunk-X67L3NZI.js";
+import "../chunk-PIBHG6DH.js";
+import "../chunk-TOKS63IK.js";
 import "../chunk-4RJKB7LC.js";
 import "../chunk-FG7GNGE3.js";
-import "../chunk-G7KIKHER.js";
+import "../chunk-X4UK7HE2.js";
 import "../chunk-AG43RS4Q.js";
 import "../chunk-ZQJMNPCF.js";
 import "../chunk-6TYWM26K.js";
 import "../chunk-SBRRNFOP.js";
 import "../chunk-Y2GK27RX.js";
 import "../chunk-QVWYTQKL.js";
-import "../chunk-ZKTHUXKS.js";
+import "../chunk-HIKWIY5Q.js";
 import "../chunk-TCMOGTPB.js";
 import "../chunk-DVU5XV7L.js";
 import "../chunk-5R4C5F63.js";
-import "../chunk-RQRR4FEF.js";
-import "../chunk-44TH3VC7.js";
+import "../chunk-5MLYAQQO.js";
+import "../chunk-G4AWTFBQ.js";
 import "../chunk-AL5QIRY3.js";
 import "../chunk-WVUIIBRR.js";
 import "../chunk-75USUR3I.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs

@@ -1624,6 +1624,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1647,6 +1648,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1788,7 +1790,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1815,7 +1818,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1826,7 +1830,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1848,7 +1853,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1911,7 +1916,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1997,7 +2002,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -5025,8 +5031,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "div",
     {
@@ -5045,7 +5053,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: (0, import_clsx25.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5275,7 +5283,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5401,7 +5410,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(

package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js

@@ -1,13 +1,13 @@
 import {
   ColumnSelectorMenuOption
-} from "../../../chunk-7LKGHCVT.js";
+} from "../../../chunk-TWDH7ZDS.js";
 import "../../../chunk-M7INAUAJ.js";
-import "../../../chunk-4Q7T4GJ2.js";
+import "../../../chunk-YD3HWIUJ.js";
 import "../../../chunk-3DEYCNUE.js";
 import "../../../chunk-XHQOTLG6.js";
 import "../../../chunk-BQNPOGD5.js";
 import "../../../chunk-Y5GD2FJA.js";
-import "../../../chunk-3WCLGTYP.js";
+import "../../../chunk-4LBQSSGH.js";
 import "../../../chunk-YEZBNQZI.js";
 import "../../../chunk-B53XDCLO.js";
 import "../../../chunk-S5ZJ3Q7P.js";
@@ -28,23 +28,23 @@ import "../../../chunk-7BVUTFZ5.js";
 import "../../../chunk-L3BXRDLP.js";
 import "../../../chunk-34VEVX5H.js";
 import "../../../chunk-GRGDX7JC.js";
-import "../../../chunk-HVNHTM3P.js";
-import "../../../chunk-X67L3NZI.js";
+import "../../../chunk-PIBHG6DH.js";
+import "../../../chunk-TOKS63IK.js";
 import "../../../chunk-4RJKB7LC.js";
 import "../../../chunk-FG7GNGE3.js";
-import "../../../chunk-G7KIKHER.js";
+import "../../../chunk-X4UK7HE2.js";
 import "../../../chunk-AG43RS4Q.js";
 import "../../../chunk-ZQJMNPCF.js";
 import "../../../chunk-6TYWM26K.js";
 import "../../../chunk-SBRRNFOP.js";
 import "../../../chunk-Y2GK27RX.js";
 import "../../../chunk-QVWYTQKL.js";
-import "../../../chunk-ZKTHUXKS.js";
+import "../../../chunk-HIKWIY5Q.js";
 import "../../../chunk-TCMOGTPB.js";
 import "../../../chunk-DVU5XV7L.js";
 import "../../../chunk-5R4C5F63.js";
-import "../../../chunk-RQRR4FEF.js";
-import "../../../chunk-44TH3VC7.js";
+import "../../../chunk-5MLYAQQO.js";
+import "../../../chunk-G4AWTFBQ.js";
 import "../../../chunk-AL5QIRY3.js";
 import "../../../chunk-WVUIIBRR.js";
 import "../../../chunk-75USUR3I.js";

package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs

@@ -1624,6 +1624,7 @@ var InputBase = (_a) => {
     testid,
     before,
     after,
+    rightAdornment,
     type,
     label,
     error,
@@ -1647,6 +1648,7 @@ var InputBase = (_a) => {
     "testid",
     "before",
     "after",
+    "rightAdornment",
     "type",
     "label",
     "error",
@@ -1788,7 +1790,8 @@ var InputBase = (_a) => {
                   style: __spreadProps(__spreadValues({}, props.style), { width })
                 })
               ),
-              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after
+              secondaryIconColor ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "contents text-text-secondary-normal", children: after }) : after,
+              rightAdornment
             ]
           }
         ),
@@ -1815,7 +1818,8 @@ var Input = (_a) => {
     onBlur,
     onClear,
     id,
-    testid
+    testid,
+    rightAdornment
   } = _b, props = __objRest(_b, [
     "variant",
     "decimals",
@@ -1826,7 +1830,8 @@ var Input = (_a) => {
     "onBlur",
     "onClear",
     "id",
-    "testid"
+    "testid",
+    "rightAdornment"
   ]);
   const [internalValue, setInternalValue] = (0, import_react9.useState)("");
   const [displayValue, setDisplayValue] = (0, import_react9.useState)("");
@@ -1848,7 +1853,7 @@ var Input = (_a) => {
     const formatted = formatDecimalValue(stringValue, decimals != null ? decimals : 2);
     setInternalValue(formatted);
     setDisplayValue(formatCurrencyDisplay(formatted));
-  }, []);
+  }, [variant, propValue, decimals]);
   const getInputProps = () => {
     var _a2;
     const baseProps = __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, props), {
@@ -1911,7 +1916,7 @@ var Input = (_a) => {
       case "finder":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "search" });
       case "uom":
-        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-secondary-normal uppercase", children: uom.slice(0, 4) }) : null;
+        return uom ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Paragraph, { color: "text-secondary-normal", children: uom.toUpperCase() }) : null;
       case "percentage":
         return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-icon-primary-normal contents", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { name: "percent" }) });
       default:
@@ -1997,7 +2002,8 @@ var Input = (_a) => {
       after: getAfterElement(),
       onChange: handleChange,
       onBlur: handleBlur,
-      testid
+      testid,
+      rightAdornment
     })
   );
 };
@@ -4947,8 +4953,10 @@ var ModalHeader = ({
   onClose,
   id,
   testid,
-  headerClassname
+  headerClassname,
+  titleAs: TitleComponent
 }) => {
+  const Title = TitleComponent || Heading2;
   return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
@@ -4967,7 +4975,7 @@ var ModalHeader = ({
         /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: (0, import_clsx25.default)("flex items-center flex-1", layoutGroupGap), children: [
           headerIcon,
           title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-            Heading2,
+            Title,
             {
               id: id ? `${id}-title` : void 0,
               testid: testid ? `${testid}-title` : void 0,
@@ -5197,7 +5205,8 @@ var Modal = ({
   customActions,
   headerClassname,
   customFooter,
-  noWrapper
+  noWrapper,
+  titleAs: TitleComponent
 }) => {
   var _a;
   const mounted = useMounted();
@@ -5323,7 +5332,8 @@ var Modal = ({
                   hideCloseIcon,
                   headerIcon,
                   headerIconAlign,
-                  headerClassname
+                  headerClassname,
+                  titleAs: TitleComponent
                 }
               ),
               children && (size !== "screen" || noWrapper) ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(