@luscii-healthtech/web-ui 58.14.2 → 58.14.4

package/dist/esm/components/Table/TableHeader.js

@@ -4,24 +4,21 @@ import { Text } from '../Text/Text.js';
 
 const THead = (props) => {
   return jsx("thead", { className: classNames(
-    // Styles for all <th>
-    "ui:[&>tr>th]:border-neutral-border-high-contrast",
-    "ui:[&>tr>th]:border-y",
-    "ui:[&>tr>th]:px-xxs",
-    // Styles for the first <th> in the header row
-    "ui:[&>tr>th:first-child]:rounded-tl-2xl ui:[&>tr>th:first-child]:border-l ui:[&>tr>th:first-child]:pl-l",
-    // Styles for the last <th> in the table row
-    "ui:[&>tr>th:last-child]:rounded-tr-2xl ui:[&>tr>th:last-child]:border-r ui:[&>tr>th:last-child]:pr-l"
+    // Styles for all header cells
+    "ui:[&>tr>*]:border-neutral-border-high-contrast",
+    "ui:[&>tr>*]:border-y",
+    "ui:[&>tr>*]:px-xxs",
+    // Styles for the first header cell in the header row
+    "ui:[&>tr>*:first-child]:rounded-tl-2xl ui:[&>tr>*:first-child]:border-l ui:[&>tr>*:first-child]:pl-l",
+    // Styles for the last header cell in the table row
+    "ui:[&>tr>*:last-child]:rounded-tr-2xl ui:[&>tr>*:last-child]:border-r ui:[&>tr>*:last-child]:pr-l"
   ), children: props.children });
 };
 function TableHeader(props) {
   if (props.selectAllComponent) {
     return jsx(THead, { children: jsx("tr", { className: "ui:rounded-2xl", children: jsx("th", { colSpan: props.colSpan, children: props.selectAllComponent }) }) });
   }
-  return jsx(THead, { children: jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => {
-    var _a;
-    return jsx("th", { children: jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: (_a = fieldConfig.headerText) !== null && _a !== void 0 ? _a : "" }) }, fieldConfig.key);
-  })] }) });
+  return jsx(THead, { children: jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => fieldConfig.headerText ? jsx("th", { children: jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: fieldConfig.headerText }) }, fieldConfig.key) : jsx("td", {}, fieldConfig.key))] }) });
 }
 
 export { TableHeader };

package/dist/esm/components/Table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAuBA,MAAM,KAAA,GAA+B,CAAC,KAAA,KAAS;AAC7C,EAAA,OACEA,GAAA,CAAA,OAAA,EAAA,EACE,SAAA,EAAW,UAAA;AAAA;AAAA,IAET,kDAAA;AAAA,IACA,uBAAA;AAAA,IACA,qBAAA;AAAA;AAAA,IAEA,yGAAA;AAAA;AAAA,IAEA;AAAA,GAAsG,EACvG,QAAA,EAEA,KAAA,CAAM,QAAA,EAAQ,CAAA;AAGrB,CAAA;AAEM,SAAU,YAAkB,KAAA,EAA6B;AAC7D,EAAA,IAAI,MAAM,kBAAA,EAAoB;AAC5B,IAAA,OACEA,GAAA,CAAC,OAAK,EAAA,QAAA,EACJA,YAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAC5BA,GAAA,CAAA,MAAA,EAAI,OAAA,EAAS,KAAA,CAAM,OAAA,EAAO,QAAA,EAAG,KAAA,CAAM,oBAAkB,CAAA,EAAM,CAAA,EACxD,CAAA;AAAA,EAGX;AAEA,EAAA,OACEA,GAAA,CAAC,KAAA,EAAK,EAAA,QAAA,EACJC,IAAA,CAAA,MAAA,EAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAAA,CAC3B,KAAA,CAAM,qBAAqBD,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,KAAA,CAAM,iBAAA,EAAiB,CAAA,EACvD,KAAA,CAAM,mBAAA,CAAoB,GAAA,CAAI,CAAC,WAAA,KAAe;;AAAC,IAAA,OAC9CA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAC,MAAI,EACH,OAAA,EAAQ,QAAA,EACR,SAAA,EAAU,6DAAA,EAA6D,QAAA,EAAA,MAEtE,WAAA,CAAY,UAAA,MAAU,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAE,CAAA,EACxB,EANA,WAAA,CAAY,GAAG,CAAA;AAAA,GAQzB,CAAC,CAAA,EAAA,GACC,CAAA;AAGX;;"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAuBA,MAAM,KAAA,GAA+B,CAAC,KAAA,KAAS;AAC7C,EAAA,OACEA,GAAA,CAAA,OAAA,EAAA,EACE,SAAA,EAAW,UAAA;AAAA;AAAA,IAET,iDAAA;AAAA,IACA,sBAAA;AAAA,IACA,oBAAA;AAAA;AAAA,IAEA,sGAAA;AAAA;AAAA,IAEA;AAAA,GAAmG,EACpG,QAAA,EAEA,KAAA,CAAM,QAAA,EAAQ,CAAA;AAGrB,CAAA;AAEM,SAAU,YAAkB,KAAA,EAA6B;AAC7D,EAAA,IAAI,MAAM,kBAAA,EAAoB;AAC5B,IAAA,OACEA,GAAA,CAAC,OAAK,EAAA,QAAA,EACJA,YAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAC5BA,GAAA,CAAA,MAAA,EAAI,OAAA,EAAS,KAAA,CAAM,OAAA,EAAO,QAAA,EAAG,KAAA,CAAM,oBAAkB,CAAA,EAAM,CAAA,EACxD,CAAA;AAAA,EAGX;AAEA,EAAA,OACEA,GAAA,CAAC,KAAA,EAAK,EAAA,QAAA,EACJC,IAAA,SAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAAA,CAC3B,KAAA,CAAM,iBAAA,IAAqBD,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,KAAA,CAAM,iBAAA,EAAiB,CAAA,EACvD,KAAA,CAAM,mBAAA,CAAoB,GAAA,CAAI,CAAC,WAAA,KAC9B,WAAA,CAAY,UAAA,GACVA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,QAAA,EACR,SAAA,EAAU,6DAAA,EAA6D,QAAA,EAEtE,WAAA,CAAY,UAAA,KACR,EANA,WAAA,CAAY,GAAG,CAAA,GASxBA,GAAA,CAAA,IAAA,EAAA,EAAA,EAAS,WAAA,CAAY,GAAG,CACzB,CACF,CAAA,EAAA,CAAA,EACE,CAAA;AAGX;;"}

package/dist/esm/components/TimelineCard/TimelineCard.js

@@ -17,7 +17,7 @@ const TimelineCard = ({ title, subtitle, icon, leadingIcon, trailingIcon, status
     "ui:text-start ui:hover:border-slate-200 ui:focus:border-blue-800 ui:focus:outline-primary": onClick
   }), padding: false, elevation: presentation === "highlighted" ? "medium" : "surface", onClick, disabled, children: jsx(Box, { className: classNames({
     ["ui:border-l-8 ui:border-primary"]: presentation === "highlighted"
-  }), children: jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxs(Stack, { _gap: "m", children: [statusText && jsx(Text, { variant: "sm", color: "slate-500", children: statusText }), jsxs(Stack, { _gap: "l", axis: "x", align: "center", children: [(icon === null || icon === void 0 ? void 0 : icon.url) && jsx("img", { className: "ui:shrink-0", width: 24, height: 24, src: icon.url }), (icon === null || icon === void 0 ? void 0 : icon.iconKey) && jsx(Icon, { className: "ui:shrink-0", name: icon.iconKey }), leadingIcon, jsxs(Stack, { width: "full", children: [(presentation === "bold" || presentation === "highlighted") && jsx(Title, { variant: "xs", children: title }), presentation === "default" && getTitle(), typeof subtitle === "string" ? jsx(Text, { variant: "sm", color: "slate-500", children: subtitle }) : subtitle] })] })] }), trailingIcon] }) }) }), jsx("svg", { role: "presentation", width: "17", height: "27", viewBox: "0 0 17 27", fill: "none", className: classNames("ui:translate-x-[-1.5px]", {
+  }), children: jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxs(Stack, { _gap: "m", children: [statusText && jsx(Text, { variant: "sm", color: "slate-500", children: statusText }), jsxs(Stack, { _gap: "l", axis: "x", align: "center", children: [(icon === null || icon === void 0 ? void 0 : icon.url) && jsx("img", { className: "ui:shrink-0", width: 24, height: 24, src: icon.url, alt: "" }), (icon === null || icon === void 0 ? void 0 : icon.iconKey) && jsx(Icon, { className: "ui:shrink-0", name: icon.iconKey }), leadingIcon, jsxs(Stack, { width: "full", children: [(presentation === "bold" || presentation === "highlighted") && jsx(Title, { variant: "xs", children: title }), presentation === "default" && getTitle(), typeof subtitle === "string" ? jsx(Text, { variant: "sm", color: "slate-500", children: subtitle }) : subtitle] })] })] }), trailingIcon] }) }) }), jsx("svg", { role: "presentation", width: "17", height: "27", viewBox: "0 0 17 27", fill: "none", className: classNames("ui:translate-x-[-1.5px]", {
     ["ui:invisible"]: presentation !== "highlighted"
   }), children: jsx("path", { d: "M0.5 0.5L16 13L0.5 26", stroke: "rgb(226 232 240)", fill: "#fff" }) })] });
 };

package/dist/esm/components/TimelineCard/TimelineCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineCard.js","sources":["../../../../../../src/components/TimelineCard/TimelineCard.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TimelineCard.js","sources":["../../../../../../src/components/TimelineCard/TimelineCard.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Toaster/ToasterPanel.js

@@ -10,7 +10,7 @@ const TOASTER_TYPE_OPTIONS = {
   SUCCESS: "success",
   FAILURE: "failure"
 };
-const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SUCCESS, showIcon = true, onClickClose, onAnimationEnd }) => {
+const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SUCCESS, showIcon = true, closeButtonLabel = "Close", onClickClose, onAnimationEnd }) => {
   const isSuccess = type === TOASTER_TYPE_OPTIONS.SUCCESS;
   const isFailure = type === TOASTER_TYPE_OPTIONS.FAILURE;
   return jsxs("div", { role: "status", "data-test-id": `toaster-panel-${type}`, className: classNames("ui:rounded-md ui:shadow-lg", "ui:max-h-19 ui:min-h-13 ui:w-104", "ui:relative", "ui:overflow-hidden", {
@@ -22,7 +22,7 @@ const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SU
     "ui:hidden": isFailure || !showIcon
   }), children: jsx(CheckIcon, {}) }), jsx("div", { "data-test-id": "failure-toaster-icon", className: classNames("failure-icon ui:text-red-700", {
     "ui:hidden": isSuccess || !showIcon
-  }), children: jsx(ExclamationMarkIcon, {}) }), jsxs("div", { className: "ui:ml-3", children: [jsx(Text, { variant: "strong", color: isSuccess ? "green" : "red", "data-test-id": "toaster-title", children: title }), jsx(Text, { "data-test-id": "toaster-message", children: message })] }), jsx("button", { onClick: onClickClose, className: "ui:ml-auto ui:cursor-pointer ui:focus:outline-primary", "data-test-id": "toaster-close-button", children: jsx(CrossIcon, { className: "ui:text-slate-500" }) })] }) }), jsx("div", { "data-test-id": "toaster-progress-bar-container", className: classNames("ui:absolute ui:bottom-0 ui:h-1 ui:w-full ui:rounded-b-md", {
+  }), children: jsx(ExclamationMarkIcon, {}) }), jsxs("div", { className: "ui:ml-3", children: [jsx(Text, { variant: "strong", color: isSuccess ? "green" : "red", "data-test-id": "toaster-title", children: title }), jsx(Text, { "data-test-id": "toaster-message", children: message })] }), jsx("button", { "aria-label": closeButtonLabel, onClick: onClickClose, className: "ui:ml-auto ui:cursor-pointer ui:focus:outline-primary", "data-test-id": "toaster-close-button", children: jsx(CrossIcon, { className: "ui:text-slate-500" }) })] }) }), jsx("div", { "data-test-id": "toaster-progress-bar-container", className: classNames("ui:absolute ui:bottom-0 ui:h-1 ui:w-full ui:rounded-b-md", {
     "ui:bg-red-50": isFailure,
     "ui:bg-green-50": isSuccess
   }), children: jsx("div", { "data-test-id": "toaster-progress-bar", className: classNames("ui:transiation progress-reverse ui:duration-3000 ui:h-full ui:w-full ui:origin-left ui:animate-[progress-reverse_5s_linear_forwards]", {

package/dist/esm/components/Toaster/ToasterPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToasterPanel.js","sources":["../../../../../../src/components/Toaster/ToasterPanel.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAeO,MAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;;AAKJ,MAAM,YAAA,GAAsC,CAAC,EAClD,OAAA,GAAU,IACV,KAAA,GAAQ,EAAA,EACR,IAAA,GAAO,oBAAA,CAAqB,OAAA,EAC5B,QAAA,GAAW,IAAA,EACX,YAAA,EACA,gBAAc,KACX;AACH,EAAA,MAAM,SAAA,GAAY,SAAS,oBAAA,CAAqB,OAAA;AAChD,EAAA,MAAM,SAAA,GAAY,SAAS,oBAAA,CAAqB,OAAA;AAEhD,EAAA,OACEA,IAAA,UACE,IAAA,EAAK,UAAQ,cAAA,EACC,CAAA,cAAA,EAAiB,IAAI,CAAA,CAAA,EACnC,SAAA,EAAW,UAAA,CACT,4BAAA,EACA,kCAAA,EACA,eACA,oBAAA,EACA;AAAA,IACE,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,gBAAA,EAAkB;AAAA,GACnB,CAAA,aAGHC,GAAA,CAAA,OAAA,EAAK,SAAA,EAAU,oBAAA,EAAoB,QAAA,EACjCD,IAAA,UAAK,SAAA,EAAU,qBAAA,EAAqB,QAAA,EAAA,CAClCC,GAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EACe,sBAAA,EACb,SAAA,EAAW,UAAA,CAAW,gCAAA,EAAkC;AAAA,IACtD,WAAA,EAAa,aAAa,CAAC;AAAA,GAC5B,CAAA,EAAC,QAAA,EAEFA,GAAA,CAAC,SAAA,EAAS,EAAA,CAAA,KAGZA,IAAA,KAAA,EAAA,EAAA,gBACe,sBAAA,EACb,SAAA,EAAW,WAAW,8BAAA,EAAgC;AAAA,IACpD,WAAA,EAAa,aAAa,CAAC;AAAA,GAC5B,CAAA,EAAC,QAAA,EAEFA,GAAA,CAAC,qBAAmB,EAAA,CAAA,KAEtBD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAA,EAAU,WAAS,QAAA,EAAA,CACtBC,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,QAAA,EACR,KAAA,EAAO,SAAA,GAAY,UAAU,KAAA,kBAChB,eAAA,EAAe,QAAA,EAE3B,OAAK,CAAA,EAERA,GAAA,CAAC,IAAA,EAAI,EAAA,cAAA,EAAc,iBAAA,EAAiB,QAAA,EAAE,OAAA,EAAO,CAAQ,CAAA,EAAA,CAAA,EAEvDA,IAAA,QAAA,EAAA,EACE,OAAA,EAAS,YAAA,EACT,WAAU,uDAAA,EAAuD,cAAA,EACpD,sBAAA,EAAsB,QAAA,EAEnCA,IAAC,SAAA,EAAS,EAAC,SAAA,EAAU,mBAAA,EAAmB,CAAA,EAAG,CACpC,CAAA,KACL,CAAA,EAGRA,GAAA,CAAA,OAAA,EAAA,cAAA,EACe,gCAAA,EACb,SAAA,EAAW,WACT,0DAAA,EACA;AAAA,IACE,cAAA,EAAgB,SAAA;AAAA,IAChB,gBAAA,EAAkB;AAAA,GACnB,CAAA,EACF,QAAA,EAEDA,GAAA,0BACe,sBAAA,EACb,SAAA,EAAW,UAAA,CACT,sIAAA,EACA;AAAA,IACE,eAAA,EAAiB,SAAA;AAAA,IACjB,iBAAA,EAAmB;AAAA,GACpB,GAEH,cAAA,KACA,CACE,GAAA,CAAA;AAGZ;;"}
+{"version":3,"file":"ToasterPanel.js","sources":["../../../../../../src/components/Toaster/ToasterPanel.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAoBO,MAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EAAS,SAAA;AAAA,EACT,OAAA,EAAS;;AAKJ,MAAM,eAAsC,CAAC,EAClD,OAAA,GAAU,EAAA,EACV,QAAQ,EAAA,EACR,IAAA,GAAO,oBAAA,CAAqB,OAAA,EAC5B,WAAW,IAAA,EACX,gBAAA,GAAmB,OAAA,EACnB,YAAA,EACA,gBAAc,KACX;AACH,EAAA,MAAM,SAAA,GAAY,SAAS,oBAAA,CAAqB,OAAA;AAChD,EAAA,MAAM,SAAA,GAAY,SAAS,oBAAA,CAAqB,OAAA;AAEhD,EAAA,OACEA,IAAA,UACE,IAAA,EAAK,UAAQ,cAAA,EACC,CAAA,cAAA,EAAiB,IAAI,CAAA,CAAA,EACnC,SAAA,EAAW,UAAA,CACT,4BAAA,EACA,kCAAA,EACA,eACA,oBAAA,EACA;AAAA,IACE,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,gBAAA,EAAkB;AAAA,GACnB,CAAA,aAGHC,GAAA,CAAA,OAAA,EAAK,SAAA,EAAU,oBAAA,EAAoB,QAAA,EACjCD,IAAA,UAAK,SAAA,EAAU,qBAAA,EAAqB,QAAA,EAAA,CAClCC,GAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EACe,sBAAA,EACb,SAAA,EAAW,UAAA,CAAW,gCAAA,EAAkC;AAAA,IACtD,WAAA,EAAa,aAAa,CAAC;AAAA,GAC5B,CAAA,EAAC,QAAA,EAEFA,GAAA,CAAC,SAAA,EAAS,EAAA,CAAA,KAGZA,IAAA,KAAA,EAAA,EAAA,gBACe,sBAAA,EACb,SAAA,EAAW,WAAW,8BAAA,EAAgC;AAAA,IACpD,WAAA,EAAa,aAAa,CAAC;AAAA,GAC5B,CAAA,YAEDA,GAAA,CAAC,mBAAA,EAAmB,EAAA,CAAA,EAAG,CAAA,EAEzBD,KAAA,KAAA,EAAA,EAAK,SAAA,EAAU,SAAA,aACbC,GAAA,CAAC,IAAA,EAAI,EACH,SAAQ,QAAA,EACR,KAAA,EAAO,SAAA,GAAY,OAAA,GAAU,OAAK,cAAA,EACrB,eAAA,EAAe,QAAA,EAE3B,KAAA,EAAK,CAAA,EAERA,GAAA,CAAC,IAAA,EAAI,EAAA,gBAAc,iBAAA,EAAiB,QAAA,EAAE,OAAA,EAAO,CAAQ,CAAA,EAAA,CAAA,EAEvDA,GAAA,CAAA,UAAA,EAAA,YAAA,EACc,gBAAA,EACZ,OAAA,EAAS,cACT,SAAA,EAAU,uDAAA,EAAuD,cAAA,EACpD,sBAAA,EAAsB,UAEnCA,GAAA,CAAC,SAAA,EAAS,EAAC,SAAA,EAAU,qBAAmB,CAAA,EAAG,CACpC,MACL,CAAA,EAGRA,IAAA,KAAA,EAAA,EAAA,gBACe,gCAAA,EACb,SAAA,EAAW,WACT,0DAAA,EACA;AAAA,IACE,cAAA,EAAgB,SAAA;AAAA,IAChB,gBAAA,EAAkB;AAAA,GACnB,CAAA,EACF,QAAA,EAEDA,GAAA,0BACe,sBAAA,EACb,SAAA,EAAW,UAAA,CACT,sIAAA,EACA;AAAA,IACE,eAAA,EAAiB,SAAA;AAAA,IACjB,iBAAA,EAAmB;AAAA,GACpB,GAEH,cAAA,KACA,CACE,GAAA,CAAA;AAGZ;;"}

package/dist/esm/components/Toaster/toast.js

@@ -3,11 +3,11 @@ import { toast as toast$1 } from 'sonner';
 import { ToasterPanel } from './ToasterPanel.js';
 import { raiseToasters } from './raiseToasters.js';
 
-const showToaster = ({ message, title, showIcon, type }) => {
+const showToaster = ({ message, title, showIcon, closeButtonLabel, type }) => {
   if (typeof document !== "undefined" && document.querySelector("dialog[open]")) {
     raiseToasters();
   }
-  toast$1.custom((t) => jsx(ToasterPanel, { message, title, type, showIcon, onClickClose: () => toast$1.dismiss(t), onAnimationEnd: () => toast$1.dismiss(t) }), { position: "bottom-center", duration: 5e3 });
+  toast$1.custom((t) => jsx(ToasterPanel, { message, title, type, showIcon, closeButtonLabel, onClickClose: () => toast$1.dismiss(t), onAnimationEnd: () => toast$1.dismiss(t) }), { position: "bottom-center", duration: 5e3 });
 };
 const toast = (params) => {
   if (typeof params === "string") {

package/dist/esm/components/Toaster/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../../../../src/components/Toaster/toast.tsx"],"sourcesContent":[null],"names":["sonnerToast","_jsx"],"mappings":";;;;;AAcA,MAAM,cAAc,CAAC,EACnB,SACA,KAAA,EACA,QAAA,EACA,MAAI,KAC6B;AACjC,EAAA,IACE,OAAO,QAAA,KAAa,WAAA,IACpB,QAAA,CAAS,aAAA,CAAc,cAAc,CAAA,EACrC;AACA,IAAA,aAAA;EACF;AAEA,EAAAA,OAAA,CAAY,MAAA,CACV,CAAC,CAAA,KACCC,GAAA,CAAC,YAAA,EAAY,EACX,OAAA,EACA,KAAA,EACA,IAAA,EACA,QAAA,EACA,YAAA,EAAc,MAAMD,OAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,EACzC,cAAA,EAAgB,MAAMA,OAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,EAAC,CAAA,EAGhD,EAAE,QAAA,EAAU,eAAA,EAAiB,QAAA,EAAU,KAAM,CAAA;AAEjD,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,MAAA,KAA6B;AACjD,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC9B,IAAA,OAAO,KAAA,CAAM,KAAK,MAAM,CAAA;AAAA,EAC1B;AAEA,EAAA,OAAO,YAAY,MAAM,CAAA;AAC3B;AAEA,KAAA,CAAM,KAAA,GAAQ,CAAC,OAAA,KAAyB;AACtC,EAAA,WAAA,CAAY,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AACrE,CAAA;AAEA,KAAA,CAAM,IAAA,GAAO,CAAC,OAAA,KAAmB;AAC/B,EAAA,WAAA,CAAY,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AACrE,CAAA;;"}
+{"version":3,"file":"toast.js","sources":["../../../../../../src/components/Toaster/toast.tsx"],"sourcesContent":[null],"names":["sonnerToast","_jsx"],"mappings":";;;;;AAmBA,MAAM,WAAA,GAAc,CAAC,EACnB,OAAA,EACA,OACA,QAAA,EACA,gBAAA,EACA,MAAI,KAC6B;AACjC,EAAA,IACE,OAAO,QAAA,KAAa,WAAA,IACpB,QAAA,CAAS,aAAA,CAAc,cAAc,CAAA,EACrC;AACA,IAAA,aAAA;EACF;AAEA,EAAAA,OAAA,CAAY,MAAA,CACV,CAAC,CAAA,KACCC,GAAA,CAAC,YAAA,EAAY,EACX,OAAA,EACA,KAAA,EACA,IAAA,EACA,QAAA,EACA,gBAAA,EACA,YAAA,EAAc,MAAMD,OAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,EACzC,cAAA,EAAgB,MAAMA,OAAA,CAAY,OAAA,CAAQ,CAAC,CAAA,EAAC,CAAA,EAGhD,EAAE,QAAA,EAAU,eAAA,EAAiB,QAAA,EAAU,KAAM,CAAA;AAEjD,CAAA;AAEO,MAAM,KAAA,GAAQ,CAAC,MAAA,KAA6B;AACjD,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC9B,IAAA,OAAO,KAAA,CAAM,KAAK,MAAM,CAAA;AAAA,EAC1B;AAEA,EAAA,OAAO,YAAY,MAAM,CAAA;AAC3B;AAEA,KAAA,CAAM,KAAA,GAAQ,CAAC,OAAA,KAAyB;AACtC,EAAA,WAAA,CAAY,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AACrE,CAAA;AAEA,KAAA,CAAM,IAAA,GAAO,CAAC,OAAA,KAAmB;AAC/B,EAAA,WAAA,CAAY,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,UAAU,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AACrE,CAAA;;"}

package/dist/esm/components/UnorderedList/UnorderedList.js

@@ -9,7 +9,7 @@ const Padding = (props) => {
 const Item = (props) => {
   const { _DO_NOT_USE_index } = props, rest = __rest(props, ["_DO_NOT_USE_index"]);
   const liClasses = classNames("ui:first:rounded-t-[inherit] ui:last:rounded-b-[inherit]", props.className);
-  return jsxs(Fragment, { children: [_DO_NOT_USE_index === 0 ? null : jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), jsx("li", Object.assign({ className: liClasses }, rest, { children: React__default.Children.map(props.children, (child) => {
+  return jsxs("li", Object.assign({ className: liClasses }, rest, { children: [_DO_NOT_USE_index === 0 ? null : jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), React__default.Children.map(props.children, (child) => {
     if (!React__default.isValidElement(child)) {
       return child;
     }
@@ -28,7 +28,7 @@ const Item = (props) => {
       return jsx(Indent, Object.assign({}, child.props, { className: classNames(child.props.className, "ui:pl-4") }));
     }
     return child;
-  }) }))] });
+  })] }));
 };
 const UnorderedList = (props) => {
   const { _DO_NOT_USE_isRoot = true } = props, rest = __rest(props, ["_DO_NOT_USE_isRoot"]);

package/dist/esm/components/UnorderedList/UnorderedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedList.js","sources":["../../../../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","React","_Fragment"],"mappings":"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"}
+{"version":3,"file":"UnorderedList.js","sources":["../../../../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","React","_Fragment"],"mappings":"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"}

package/dist/index.development.js

@@ -1076,7 +1076,7 @@ const TOASTER_TYPE_OPTIONS = {
   SUCCESS: "success",
   FAILURE: "failure"
 };
-const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SUCCESS, showIcon = true, onClickClose, onAnimationEnd }) => {
+const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SUCCESS, showIcon = true, closeButtonLabel = "Close", onClickClose, onAnimationEnd }) => {
   const isSuccess = type === TOASTER_TYPE_OPTIONS.SUCCESS;
   const isFailure = type === TOASTER_TYPE_OPTIONS.FAILURE;
   return jsxRuntime.jsxs("div", { role: "status", "data-test-id": `toaster-panel-${type}`, className: classNames__default.default("ui:rounded-md ui:shadow-lg", "ui:max-h-19 ui:min-h-13 ui:w-104", "ui:relative", "ui:overflow-hidden", {
@@ -1088,7 +1088,7 @@ const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SU
     "ui:hidden": isFailure || !showIcon
   }), children: jsxRuntime.jsx(CheckIcon, {}) }), jsxRuntime.jsx("div", { "data-test-id": "failure-toaster-icon", className: classNames__default.default("failure-icon ui:text-red-700", {
     "ui:hidden": isSuccess || !showIcon
-  }), children: jsxRuntime.jsx(ExclamationMarkIcon, {}) }), jsxRuntime.jsxs("div", { className: "ui:ml-3", children: [jsxRuntime.jsx(Text, { variant: "strong", color: isSuccess ? "green" : "red", "data-test-id": "toaster-title", children: title }), jsxRuntime.jsx(Text, { "data-test-id": "toaster-message", children: message })] }), jsxRuntime.jsx("button", { onClick: onClickClose, className: "ui:ml-auto ui:cursor-pointer ui:focus:outline-primary", "data-test-id": "toaster-close-button", children: jsxRuntime.jsx(CrossIcon, { className: "ui:text-slate-500" }) })] }) }), jsxRuntime.jsx("div", { "data-test-id": "toaster-progress-bar-container", className: classNames__default.default("ui:absolute ui:bottom-0 ui:h-1 ui:w-full ui:rounded-b-md", {
+  }), children: jsxRuntime.jsx(ExclamationMarkIcon, {}) }), jsxRuntime.jsxs("div", { className: "ui:ml-3", children: [jsxRuntime.jsx(Text, { variant: "strong", color: isSuccess ? "green" : "red", "data-test-id": "toaster-title", children: title }), jsxRuntime.jsx(Text, { "data-test-id": "toaster-message", children: message })] }), jsxRuntime.jsx("button", { "aria-label": closeButtonLabel, onClick: onClickClose, className: "ui:ml-auto ui:cursor-pointer ui:focus:outline-primary", "data-test-id": "toaster-close-button", children: jsxRuntime.jsx(CrossIcon, { className: "ui:text-slate-500" }) })] }) }), jsxRuntime.jsx("div", { "data-test-id": "toaster-progress-bar-container", className: classNames__default.default("ui:absolute ui:bottom-0 ui:h-1 ui:w-full ui:rounded-b-md", {
     "ui:bg-red-50": isFailure,
     "ui:bg-green-50": isSuccess
   }), children: jsxRuntime.jsx("div", { "data-test-id": "toaster-progress-bar", className: classNames__default.default("ui:transiation progress-reverse ui:duration-3000 ui:h-full ui:w-full ui:origin-left ui:animate-[progress-reverse_5s_linear_forwards]", {
@@ -1124,11 +1124,11 @@ function raiseToasters() {
   });
 }
 
-const showToaster = ({ message, title, showIcon, type }) => {
+const showToaster = ({ message, title, showIcon, closeButtonLabel, type }) => {
   if (typeof document !== "undefined" && document.querySelector("dialog[open]")) {
     raiseToasters();
   }
-  sonner.toast.custom((t) => jsxRuntime.jsx(ToasterPanel, { message, title, type, showIcon, onClickClose: () => sonner.toast.dismiss(t), onAnimationEnd: () => sonner.toast.dismiss(t) }), { position: "bottom-center", duration: 5e3 });
+  sonner.toast.custom((t) => jsxRuntime.jsx(ToasterPanel, { message, title, type, showIcon, closeButtonLabel, onClickClose: () => sonner.toast.dismiss(t), onAnimationEnd: () => sonner.toast.dismiss(t) }), { position: "bottom-center", duration: 5e3 });
 };
 const toast = (params) => {
   if (typeof params === "string") {
@@ -1210,7 +1210,7 @@ const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className,
   return jsxRuntime.jsxs("ul", { "data-test-id": dataTestId, className, children: [(_a = items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item) => {
     var _a2;
     return React.createElement(AccordionItem, Object.assign({}, item, { key: item.id, isCollapsedByDefault: (_a2 = item.isCollapsedByDefault) !== null && _a2 !== void 0 ? _a2 : isCollapsedByDefault }));
-  }), footer && jsxRuntime.jsx("div", { className: "ui:p-4", children: footer })] });
+  }), footer && jsxRuntime.jsx("li", { className: "ui:p-4", children: footer })] });
 };
 
 const isSubstring = (string, searchTerm, caseSensitive = false) => {
@@ -1227,11 +1227,11 @@ const ListItemSkeleton = () => {
   return jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-row ui:items-center ui:p-4", children: [jsxRuntime.jsx("div", { className: "skeleton-box is-circle ui:mr-2", style: { width: `${32}px`, height: `${32}px` } }), jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-col", children: [jsxRuntime.jsx("div", { className: "skeleton-box ui:mb-1", style: { width: `${160}px`, height: `${14}px` } }), jsxRuntime.jsx("div", { className: "skeleton-box", style: { width: `${110}px`, height: `${14}px` } })] }), jsxRuntime.jsx("div", { className: "skeleton-box is-button ui:ml-auto ui:rounded-full", style: { width: `${24}px`, height: `${24}px` } })] });
 };
 
-const ListSkeleton = ({ items, dataTestId = "list-skeleton" }) => {
+const ListSkeleton = ({ items, "aria-label": ariaLabel = "Loading", dataTestId = "list-skeleton" }) => {
   const skeletonItems = Array.from({ length: items || 5 }, (_, i) => {
     return jsxRuntime.jsx(ListItemSkeleton, {}, i);
   });
-  return jsxRuntime.jsxs("div", { "data-test-id": dataTestId, className: "list-skeleton ui:flex ui:flex-col ui:divide-y ui:divide-slate-200 ui:rounded-2xl ui:border ui:border-slate-50 ui:bg-white ui:shadow", role: "progressbar", children: [jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-row ui:items-center ui:px-4 ui:py-2", children: [jsxRuntime.jsx("div", { className: "skeleton-box", style: { width: `${160}px`, height: `${14}px` } }), jsxRuntime.jsx("div", { className: "skeleton-box is-button ui:ml-auto ui:bg-slate-200 ui:radius-xxs", style: { width: `${110}px`, height: `${36}px` } })] }), skeletonItems] });
+  return jsxRuntime.jsxs("div", { "data-test-id": dataTestId, className: "list-skeleton ui:flex ui:flex-col ui:divide-y ui:divide-slate-200 ui:rounded-2xl ui:border ui:border-slate-50 ui:bg-white ui:shadow", role: "progressbar", "aria-label": ariaLabel, children: [jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-row ui:items-center ui:px-4 ui:py-2", children: [jsxRuntime.jsx("div", { className: "skeleton-box", style: { width: `${160}px`, height: `${14}px` } }), jsxRuntime.jsx("div", { className: "skeleton-box is-button ui:ml-auto ui:bg-slate-200 ui:radius-xxs", style: { width: `${110}px`, height: `${36}px` } })] }), skeletonItems] });
 };
 
 const ELEVATION = {
@@ -1522,20 +1522,20 @@ function isIconKey(key) {
 }
 
 const DragHandle = React.forwardRef((_a, ref) => {
-  var { dataTestId, className: classes, grabbing, disabled = false } = _a, props = __rest(_a, ["dataTestId", "className", "grabbing", "disabled"]);
+  var { dataTestId, className: classes, grabbing, disabled = false, label = "Drag to reorder" } = _a, props = __rest(_a, ["dataTestId", "className", "grabbing", "disabled", "label"]);
   const className = classNames__default.default(classes, "ui:py-2 ui:focus:outline-primary", {
     "ui:cursor-grab": !grabbing && !disabled,
     "ui:cursor-grabbing ui:shadow-sm ui:bg-slate-200": grabbing && !disabled,
     "ui:hover:bg-slate-200 ui:hover:shadow-sm ui:transition ui:duration-200 ui:rounded": !disabled,
     "ui:cursor-not-allowed": disabled
   });
-  return jsxRuntime.jsx("button", Object.assign({ ref }, props, { tabIndex: 0, className, "data-test-id": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "dragHandle", children: jsxRuntime.jsx(Icon, { name: "DragIndicatorIcon", className: disabled ? "ui:text-slate-300" : "ui:text-slate-400" }) }));
+  return jsxRuntime.jsx("button", Object.assign({ ref, "aria-label": label }, props, { tabIndex: 0, className, "data-test-id": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "dragHandle", children: jsxRuntime.jsx(Icon, { name: "DragIndicatorIcon", className: disabled ? "ui:text-slate-300" : "ui:text-slate-400" }) }));
 });
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3e%3cpath d='M18 16V2C18 0.9 17.1 0 16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16ZM5.9 10.98L8 13.51L11.1 9.52C11.3 9.26 11.7 9.26 11.9 9.53L15.41 14.21C15.66 14.54 15.42 15.01 15.01 15.01H3.02C2.6 15.01 2.37 14.53 2.63 14.2L5.12 11C5.31 10.74 5.69 10.73 5.9 10.98Z' fill='%23D1D5DB'/%3e%3c/svg%3e";
 
 const ImageInner = (_a) => {
-  var { src, className, children = null, onClick, showIconOnFailure = true, wrapperClassName } = _a, otherProps = __rest(_a, ["src", "className", "children", "onClick", "showIconOnFailure", "wrapperClassName"]);
+  var { src, alt = "", className, children = null, onClick, showIconOnFailure = true, wrapperClassName } = _a, otherProps = __rest(_a, ["src", "alt", "className", "children", "onClick", "showIconOnFailure", "wrapperClassName"]);
   const [isError, setIsError] = React.useState(false);
   if (!src || isError) {
     if (children) {
@@ -1545,7 +1545,7 @@ const ImageInner = (_a) => {
       return null;
     }
   }
-  return jsxRuntime.jsx(reactLazyLoadImageComponent.LazyLoadImage, Object.assign({ className: classNames__default.default(className), effect: "blur", useIntersectionObserver: true, placeholder: jsxRuntime.jsx("div", { className: "ui:flex ui:h-full ui:w-full ui:flex-row ui:items-center ui:justify-center ui:rounded", children: jsxRuntime.jsx("img", { src: img$7, alt: "image-icon" }) }), src, onClick, onError: () => setIsError(true), wrapperClassName }, otherProps));
+  return jsxRuntime.jsx(reactLazyLoadImageComponent.LazyLoadImage, Object.assign({ className: classNames__default.default(className), effect: "blur", useIntersectionObserver: true, placeholder: jsxRuntime.jsx("div", { className: "ui:flex ui:h-full ui:w-full ui:flex-row ui:items-center ui:justify-center ui:rounded", children: jsxRuntime.jsx("img", { src: img$7, alt: "image-icon" }) }), src, alt, onClick, onError: () => setIsError(true), wrapperClassName }, otherProps));
 };
 var Image$1 = reactLazyLoadImageComponent.trackWindowScroll(ImageInner);
 
@@ -1710,7 +1710,7 @@ const DefaultList = (_a) => {
     });
   };
   const composeIconWithChevron = (parentItem, isExpanded) => {
-    return jsxRuntime.jsxs(Stack, { axis: "x", _gap: "m", align: "center", children: [jsxRuntime.jsx("button", { type: "button", "aria-expanded": isExpanded, onClick: (e) => {
+    return jsxRuntime.jsxs(Stack, { axis: "x", _gap: "m", align: "center", children: [jsxRuntime.jsx("button", { type: "button", "aria-expanded": isExpanded, "aria-label": typeof parentItem.title === "string" ? `Sub-items of ${parentItem.title}` : "Sub-items", onClick: (e) => {
       e.stopPropagation();
       toggleExpand(parentItem.itemId);
     }, onKeyDown: (e) => {
@@ -1948,7 +1948,7 @@ const Spinner = (props) => {
 };
 
 const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
-  var _b, _c, _d, _e;
+  var _b, _c, _d, _e, _f;
   var { children, size = "medium", onClick, text, textColor, textHoverColor, icon, leadingIcon, trailingIcon, isDisabled, isPending, className, title, dataTestId, type = "button", titleTooltipContainer } = _a, otherAttributes = __rest(_a, ["children", "size", "onClick", "text", "textColor", "textHoverColor", "icon", "leadingIcon", "trailingIcon", "isDisabled", "isPending", "className", "title", "dataTestId", "type", "titleTooltipContainer"]);
   const disabled = (_c = (_b = otherAttributes.disabled) !== null && _b !== void 0 ? _b : isDisabled) !== null && _c !== void 0 ? _c : false;
   const generatedId = React__namespace.default.useId();
@@ -1994,7 +1994,7 @@ const ButtonV2 = React__namespace.default.forwardRef((_a, innerRef) => {
     "data-tip": true,
     "data-for": buttonTooltipId
   } : {};
-  const buttonComponent = jsxRuntime.jsxs("button", Object.assign({ ref: innerRef }, otherAttributes, { className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_e = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _e !== void 0 ? _e : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), !leadingIcon && icon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon }) }), isPending && jsxRuntime.jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsxRuntime.jsx(Spinner, { className: textColorClass }) }), content && jsxRuntime.jsx(Text, { variant: "strong", className: classNames__default.default({
+  const buttonComponent = jsxRuntime.jsxs("button", Object.assign({ ref: innerRef }, otherAttributes, { "aria-label": (_e = otherAttributes["aria-label"]) !== null && _e !== void 0 ? _e : !content && typeof title === "string" ? title : void 0, className: buttonClassName, type, onClick: handleClick, disabled: disabled || isPending, "aria-disabled": disabled, "aria-busy": isPending, "data-test-id": (_f = dataTestId !== null && dataTestId !== void 0 ? dataTestId : otherAttributes["data-test-id"]) !== null && _f !== void 0 ? _f : otherAttributes.id }, tooltipAttrs, { children: [leadingIcon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: leadingIcon }), !leadingIcon && icon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon }) }), isPending && jsxRuntime.jsx("span", { className: "ui:absolute ui:left-1/2 ui:top-1/2 ui:-translate-x-1/2 ui:-translate-y-1/2 ui:transform ui:opacity-100", children: jsxRuntime.jsx(Spinner, { className: textColorClass }) }), content && jsxRuntime.jsx(Text, { variant: "strong", className: classNames__default.default({
     "ui:opacity-[0.01]": isPending
   }), color: textColor, hoverColor: textHoverColor, hoverInGroup: true, children: content }), trailingIcon && jsxRuntime.jsx(IconLayoutWrapper, { isInvisible: isPending, children: trailingIcon })] }));
   if (title) {
@@ -2062,17 +2062,17 @@ function LoadingIndicator(_a) {
   const containerClassName = classNames__default.default("cweb-loading", className, {
     "as-modal": asModal
   });
-  return jsxRuntime.jsx("div", Object.assign({}, restProps, { className: containerClassName, "data-test-id": dataTestId, role: "progressbar", children: jsxRuntime.jsx("img", { src: asSpinner ? spinnerToRender : img$3, "data-chromatic": "ignore", className: classNames__default.default("ui:fill-current ui:stroke-current ui:text-gray-600", {
+  return jsxRuntime.jsx("div", Object.assign({ "aria-label": "Loading" }, restProps, { className: containerClassName, "data-test-id": dataTestId, role: "progressbar", children: jsxRuntime.jsx("img", { alt: "", src: asSpinner ? spinnerToRender : img$3, "data-chromatic": "ignore", className: classNames__default.default("ui:fill-current ui:stroke-current ui:text-gray-600", {
     "ui:h-4 ui:w-4": asSpinner,
     "ui:h-12 ui:w-12": !asSpinner
   }) }) }));
 }
 
-const CenteredHero = ({ title, text, image, slots, background = "slate-50", imageSize = "small", dataTestId = "centered-hero" }) => {
+const CenteredHero = ({ title, text, image, imageAlt = "", slots, background = "slate-50", imageSize = "small", dataTestId = "centered-hero" }) => {
   return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:align-center ui:flex ui:w-full ui:flex-col ui:items-center ui:p-6", {
     "ui:bg-white": background === "white",
     "ui:bg-slate-50": background === "slate-50"
-  }), "data-test-id": dataTestId, children: [image && jsxRuntime.jsx("img", { src: image, className: classNames__default.default("ui:mb-4", {
+  }), "data-test-id": dataTestId, children: [image && jsxRuntime.jsx("img", { src: image, alt: imageAlt, className: classNames__default.default("ui:mb-4", {
     "ui:max-h-36": imageSize === "small",
     "ui:max-h-72": imageSize === "large"
   }) }), title && jsxRuntime.jsx(Title, { variant: "base", children: title }), text && jsxRuntime.jsx(Text, { className: "ui:text-center", children: text }), (slots === null || slots === void 0 ? void 0 : slots.bottom) && jsxRuntime.jsx(Box, { _mt: "l", children: slots === null || slots === void 0 ? void 0 : slots.bottom })] });
@@ -2150,7 +2150,8 @@ const TertiaryButton = React__namespace.default.forwardRef((props, innerRef) =>
 });
 
 const ModalHeader = (props) => {
-  return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:flex-row", "ui:space-x-2 ui:px-6 ui:py-4", "ui:items-center ui:justify-between", "ui:border-b ui:border-slate-100", "ui:rounded-t-lg"), children: [jsxRuntime.jsx(Title, { text: props.title, type: "sm" }), jsxRuntime.jsx(TertiaryButton, { icon: CrossIcon, onClick: props.onCloseClick })] });
+  var _a;
+  return jsxRuntime.jsxs("div", { className: classNames__default.default("ui:flex ui:flex-row", "ui:space-x-2 ui:px-6 ui:py-4", "ui:items-center ui:justify-between", "ui:border-b ui:border-slate-100", "ui:rounded-t-lg"), children: [jsxRuntime.jsx(Title, { text: props.title, type: "sm" }), jsxRuntime.jsx(TertiaryButton, { leadingIcon: jsxRuntime.jsx(CrossIcon, {}), onClick: props.onCloseClick, "aria-label": (_a = props.closeButtonLabel) !== null && _a !== void 0 ? _a : "Close dialog" })] });
 };
 
 const PrimaryButton = React__namespace.default.forwardRef((props, innerRef) => {
@@ -2188,7 +2189,7 @@ const ModalBase = (props) => {
     content: props.scrollableContent && autoMaxContentHeight ? {
       height: props.withExtraMarginTop ? `calc(100vh - ${TOP_BOTTOM_MARGIN_REM}rem - ${TOP_BOTTOM_EXTRA_MARGIN_REM}rem)` : `calc(100vh - ${TOP_BOTTOM_MARGIN_REM}rem)`
     } : {}
-  }, children: [props.title && jsxRuntime.jsx(ModalHeader, { title: props.title, onCloseClick: props.onCloseClick }), jsxRuntime.jsx("div", { className: classNames__default.default({
+  }, children: [props.title && jsxRuntime.jsx(ModalHeader, { title: props.title, onCloseClick: props.onCloseClick, closeButtonLabel: props.closeButtonLabel }), jsxRuntime.jsx("div", { className: classNames__default.default({
     "ui:rounded-t-lg": !props.title,
     "ui:flex-1 ui:overflow-y-auto ui:min-h-0": props.scrollableContent && autoMaxContentHeight,
     "ui:max-h-135 ui:overflow-y-auto": props.scrollableContent && !autoMaxContentHeight
@@ -2510,11 +2511,12 @@ const DotButton = (_a) => {
   });
   return jsxRuntime.jsx(Box, Object.assign({ as: "button", onClick, className: classes }, rest));
 };
-const DotList = ({ activeIndex, amount, onClickIndex, buttonLabel }) => {
+const DotList = ({ activeIndex, amount, onClickIndex, buttonLabel = (index) => `Slide ${index + 1}` }) => {
   const items = Array.from({ length: amount }).map((_, i) => i);
-  return jsxRuntime.jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsxRuntime.jsx(Box, { as: "li", children: jsxRuntime.jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel === null || buttonLabel === void 0 ? void 0 : buttonLabel(index), role: "tab" }) }, index)) });
+  return jsxRuntime.jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsxRuntime.jsx(Box, { as: "li", role: "none", children: jsxRuntime.jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel(index), role: "tab" }) }, index)) });
 };
 const Carousel = ({ id, className, slides = [], labels }) => {
+  var _a, _b;
   const [currentIndex, setCurrentIndex] = React.useState(0);
   const slidesContainer = React.useRef(null);
   const scrollToIndex = React.useCallback((index) => {
@@ -2548,7 +2550,7 @@ const Carousel = ({ id, className, slides = [], labels }) => {
     const index = Math.round(scrollLeft / scrollWidth);
     setCurrentIndexDebounced(index);
   }, [setCurrentIndexDebounced]);
-  return jsxRuntime.jsx("div", { ref: slidesContainer, id, className, children: jsxRuntime.jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "aria-label": labels === null || labels === void 0 ? void 0 : labels.previousButton, disabled: slides.length === 0 }) }), jsxRuntime.jsx(Stack, { as: "ol", axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsxRuntime.jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "aria-label": labels === null || labels === void 0 ? void 0 : labels.nextButton, disabled: slides.length === 0 }) })] }), jsxRuntime.jsx(Stack, { align: "center", children: jsxRuntime.jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex }) })] }) });
+  return jsxRuntime.jsx("div", { ref: slidesContainer, id, className, children: jsxRuntime.jsxs(Stack, { width: "full", align: "stretch", _gap: "l", children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "stretch", width: "full", _gap: "l", children: [jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickPrevious, leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "aria-label": (_a = labels === null || labels === void 0 ? void 0 : labels.previousButton) !== null && _a !== void 0 ? _a : "Previous slide", disabled: slides.length === 0 }) }), jsxRuntime.jsx(Stack, { as: "ol", axis: "x", width: "full", align: "stretch", className: "ui:w-full ui:snap-x ui:snap-mandatory ui:overflow-x-auto", style: { scrollbarWidth: "none" }, onScroll, children: slides.map((slide, i) => jsxRuntime.jsx(Box, { width: "full", as: "li", className: "ui:shrink-0 ui:snap-start", children: slide }, i)) }), jsxRuntime.jsx(Stack, { justify: "center", children: jsxRuntime.jsx(SecondaryButton, { onClick: onClickNext, leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), "aria-label": (_b = labels === null || labels === void 0 ? void 0 : labels.nextButton) !== null && _b !== void 0 ? _b : "Next slide", disabled: slides.length === 0 }) })] }), jsxRuntime.jsx(Stack, { align: "center", children: jsxRuntime.jsx(DotList, { activeIndex: currentIndex, amount: slides.length, onClickIndex: scrollToIndex, buttonLabel: labels === null || labels === void 0 ? void 0 : labels.dotButton }) })] }) });
 };
 
 var css_248z$7 = "/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n.cweb-checkbox {\n  outline: none;\n}\n.cweb-checkbox .cweb-checkbox-input {\n  position: absolute;\n  -webkit-appearance: none;\n  height: 1px;\n  opacity: 0;\n  width: 1px;\n}\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n  border-color: #cccccc;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n}\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n  border-color: var(--ui-color-red-800, #991b1b);\n}\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon {\n  padding: 4px;\n  background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2210%22 height%3D%228%22 viewBox%3D%220 0 10 8%22 fill%3D%22none%22%3E    %3Cpath d%3D%22M9.207 0.792787C9.39447 0.980314 9.49979 1.23462 9.49979 1.49979C9.49979 1.76495 9.39447 2.01926 9.207 2.20679L4.207 7.20679C4.01947 7.39426 3.76516 7.49957 3.5 7.49957C3.23484 7.49957 2.98053 7.39426 2.793 7.20679L0.793 5.20679C0.610842 5.01818 0.510047 4.76558 0.512326 4.50339C0.514604 4.24119 0.619773 3.99038 0.805181 3.80497C0.990589 3.61956 1.2414 3.51439 1.5036 3.51211C1.7658 3.50983 2.0184 3.61063 2.207 3.79279L3.5 5.08579L7.793 0.792787C7.98053 0.605316 8.23484 0.5 8.5 0.5C8.76516 0.5 9.01947 0.605316 9.207 0.792787Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n}\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-checked.is-focused .cweb-checkbox-icon-container {\n  border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon {\n  width: 0.5rem;\n  height: 0.5rem;\n  padding: 4px;\n  background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%222%22 viewBox%3D%220 0 10 2%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 -4.37114e-08C9.55228 -1.95703e-08 10 0.447715 10 1C10 1.55228 9.55228 2 9 2L1 2C0.447716 2 -6.78525e-08 1.55228 -4.37114e-08 1C-1.95703e-08 0.447715 0.447715 -4.17544e-07 1 -3.93402e-07L9 -4.37114e-08Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n}\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon-container {\n  border-color: #1e40af;\n}\n.cweb-checkbox.type-regular.is-indeterminate.is-focused .cweb-checkbox-icon-container {\n  border-color: #1d4ed8;\n}\n.cweb-checkbox.type-regular.is-disabled.show-cross-when-disabled .cweb-checkbox-icon {\n  width: 10px;\n  height: 10px;\n  background: url(\"data:image/svg+xml,%3Csvg width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 11 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-linecap%3D%22round%22%3E        %3Cg transform%3D%22translate(-6.000000%2C -7.000000)%22 stroke%3D%22%232D2D2D%22 stroke-width%3D%222%22%3E            %3Cpath d%3D%22M7%2C17 L16%2C8 M16%2C17 L7%2C8%22 %2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n  background-size: contain;\n  opacity: 0.6;\n}";
@@ -2870,7 +2872,7 @@ const NotificationBanner = (_a) => {
     "ui:inline-flex": !stretch
   }) }, boxProps, { children: [icon && (typeof icon === "function" ? React__namespace.default.createElement(icon, {
     className: "ui:w-6 ui:h-6 ui:mr-3 ui:shrink-0"
-  }) : jsxRuntime.jsx("img", { src: icon, className: "ui:mr-3 ui:h-6 ui:w-6" })), jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-col", children: [children, (text || linkProps) && jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-row ui:items-center", children: [text && jsxRuntime.jsx(Text, { className: classNames__default.default({
+  }) : jsxRuntime.jsx("img", { src: icon, alt: "", className: "ui:mr-3 ui:h-6 ui:w-6" })), jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-col", children: [children, (text || linkProps) && jsxRuntime.jsxs("div", { className: "ui:flex ui:flex-row ui:items-center", children: [text && jsxRuntime.jsx(Text, { className: classNames__default.default({
     "ui:mr-1": linkProps
   }), "data-test-id": "notification-text", color: colour, children: text }), linkProps && jsxRuntime.jsx(Link, { "data-test-id": "notification-text-link", "aria-disabled": !linkProps.enabled, rel: "noopener", target: "_blank", onClick: linkProps.handleClick, children: linkProps.text })] })] })] }));
 };
@@ -3581,24 +3583,21 @@ Line.propTypes = {
 
 const THead = (props) => {
   return jsxRuntime.jsx("thead", { className: classNames__default.default(
-    // Styles for all <th>
-    "ui:[&>tr>th]:border-neutral-border-high-contrast",
-    "ui:[&>tr>th]:border-y",
-    "ui:[&>tr>th]:px-xxs",
-    // Styles for the first <th> in the header row
-    "ui:[&>tr>th:first-child]:rounded-tl-2xl ui:[&>tr>th:first-child]:border-l ui:[&>tr>th:first-child]:pl-l",
-    // Styles for the last <th> in the table row
-    "ui:[&>tr>th:last-child]:rounded-tr-2xl ui:[&>tr>th:last-child]:border-r ui:[&>tr>th:last-child]:pr-l"
+    // Styles for all header cells
+    "ui:[&>tr>*]:border-neutral-border-high-contrast",
+    "ui:[&>tr>*]:border-y",
+    "ui:[&>tr>*]:px-xxs",
+    // Styles for the first header cell in the header row
+    "ui:[&>tr>*:first-child]:rounded-tl-2xl ui:[&>tr>*:first-child]:border-l ui:[&>tr>*:first-child]:pl-l",
+    // Styles for the last header cell in the table row
+    "ui:[&>tr>*:last-child]:rounded-tr-2xl ui:[&>tr>*:last-child]:border-r ui:[&>tr>*:last-child]:pr-l"
   ), children: props.children });
 };
 function TableHeader(props) {
   if (props.selectAllComponent) {
     return jsxRuntime.jsx(THead, { children: jsxRuntime.jsx("tr", { className: "ui:rounded-2xl", children: jsxRuntime.jsx("th", { colSpan: props.colSpan, children: props.selectAllComponent }) }) });
   }
-  return jsxRuntime.jsx(THead, { children: jsxRuntime.jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsxRuntime.jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => {
-    var _a;
-    return jsxRuntime.jsx("th", { children: jsxRuntime.jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: (_a = fieldConfig.headerText) !== null && _a !== void 0 ? _a : "" }) }, fieldConfig.key);
-  })] }) });
+  return jsxRuntime.jsx(THead, { children: jsxRuntime.jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsxRuntime.jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => fieldConfig.headerText ? jsxRuntime.jsx("th", { children: jsxRuntime.jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: fieldConfig.headerText }) }, fieldConfig.key) : jsxRuntime.jsx("td", {}, fieldConfig.key))] }) });
 }
 
 function isTableFieldText(content) {
@@ -3767,13 +3766,18 @@ function TableBody(props) {
 }
 
 const PaginationMenuSmall = (props) => {
+  var _a;
+  const localization = (_a = props.localization) !== null && _a !== void 0 ? _a : {
+    previous: "Previous",
+    next: "Next"
+  };
   const handleOnChange = (event) => {
     const pageNumber = event.currentTarget.dataset.page;
     if (pageNumber) {
       props.onChange(parseInt(pageNumber, 10), props.pageSize);
     }
   };
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TertiaryButton, { "data-test-id": "prev-button", leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "data-page": props.currentPageNumber - 1, onClick: handleOnChange, disabled: props.currentPageNumber === 1 }), jsxRuntime.jsx(Text, { className: "ui:ml-4", variant: "sm", color: "slate-500", children: `${props.currentPageNumber} / ${props.pageCount}` }), jsxRuntime.jsx(TertiaryButton, { className: "ui:ml-4", "data-test-id": "next-button", leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), disabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnChange })] });
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TertiaryButton, { "aria-label": localization.previous, "data-test-id": "prev-button", leadingIcon: jsxRuntime.jsx(ChevronLeftIcon, {}), "data-page": props.currentPageNumber - 1, onClick: handleOnChange, disabled: props.currentPageNumber === 1 }), jsxRuntime.jsx(Text, { className: "ui:ml-4", variant: "sm", color: "slate-500", children: `${props.currentPageNumber} / ${props.pageCount}` }), jsxRuntime.jsx(TertiaryButton, { className: "ui:ml-4", "aria-label": localization.next, "data-test-id": "next-button", leadingIcon: jsxRuntime.jsx(ChevronRightIcon, {}), disabled: props.currentPageNumber === props.pageCount, "data-page": props.currentPageNumber + 1, onClick: handleOnChange })] });
 };
 
 var css_248z$5 = ".styled-select {\n  appearance: none;\n}\n.styled-select::picker-icon {\n  appearance: none;\n}";
@@ -3881,7 +3885,7 @@ const PaginationMenuCursor = (props) => {
 const Wrapper = ({ className, children }) => jsxRuntime.jsx(Stack, { axis: "x", align: "center", className: classNames__default.default(className), justify: "between", width: "full", children });
 const PaginationMenu = (props) => {
   if (props.type === "small" || props.small) {
-    return jsxRuntime.jsx(Wrapper, { className: props.className, children: jsxRuntime.jsx(PaginationMenuSmall, { pageCount: props.pageCount, currentPageNumber: props.currentPageNumber, pageSize: props.pageSize, onChange: props.onChange }) });
+    return jsxRuntime.jsx(Wrapper, { className: props.className, children: jsxRuntime.jsx(PaginationMenuSmall, { localization: props.localization, pageCount: props.pageCount, currentPageNumber: props.currentPageNumber, pageSize: props.pageSize, onChange: props.onChange }) });
   }
   if (props.type === "cursor") {
     return jsxRuntime.jsx(Wrapper, { className: props.className, children: jsxRuntime.jsx(PaginationMenuCursor, { previousCursor: props.previousCursor, nextCursor: props.nextCursor, onChange: props.onChange, pageSize: props.pageSize, localization: props.localization }) });
@@ -4947,7 +4951,7 @@ const SettingsMenuButton = (props) => {
     console.error("An icon component is required to use this component, please make sure to pass it as a prop. ");
     return jsxRuntime.jsx("span", { children: "Invalid props passed to this component." });
   }
-  return jsxRuntime.jsxs("div", { onClick: handleShowMenu, className: "ui:relative", children: [jsxRuntime.jsx(TertiaryButton, { icon: iconComponent, onClick: handleShowMenu, text: buttonTitle, role: "tertiary" }), jsxRuntime.jsxs("div", { ref: menuRef, className: classNames__default.default("ui:transform ui:cursor-default ui:transition-all ui:duration-300", "ui:absolute ui:-top-1 ui:z-30", "ui:max-h-78 ui:w-80 ui:overflow-y-auto ui:rounded", "ui:bg-white ui:shadow-md", "ui:border ui:border-slate-300", {
+  return jsxRuntime.jsxs("div", { onClick: handleShowMenu, className: "ui:relative", children: [jsxRuntime.jsx(TertiaryButton, { icon: iconComponent, onClick: handleShowMenu, text: buttonTitle, "aria-label": buttonTitle ? void 0 : menuTitle !== null && menuTitle !== void 0 ? menuTitle : "Settings" }), jsxRuntime.jsxs("div", { ref: menuRef, className: classNames__default.default("ui:transform ui:cursor-default ui:transition-all ui:duration-300", "ui:absolute ui:-top-1 ui:z-30", "ui:max-h-78 ui:w-80 ui:overflow-y-auto ui:rounded", "ui:bg-white ui:shadow-md", "ui:border ui:border-slate-300", {
     "ui:-left-54": shiftMenuTo === "left",
     "ui:-right-54": shiftMenuTo === "right",
     "ui:-left-68": shiftMenuTo === "left-md",
@@ -4961,7 +4965,7 @@ const SettingsMenuButton = (props) => {
 };
 
 const SwitcherItem = ({ className, icon, ariaLabel, isSelected = false, isLast = false, name, onSelect }) => {
-  return jsxRuntime.jsx("li", { className: classNames__default.default("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxRuntime.jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames__default.default("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
+  return jsxRuntime.jsx("li", { role: "none", className: classNames__default.default("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxRuntime.jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames__default.default("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
     "ui:bg-background-brand-secondary-default ui:text-text-brand-primary-default": isSelected,
     "ui:bg-background-neutral-secondary-default ui:text-text-neutral-secondary-default ui:hover:bg-background-neutral-secondary-hovered": !isSelected
   }, className), children: [icon && jsxRuntime.jsx(IconComponentOrKey, { name: icon }), name && jsxRuntime.jsx(Text, { text: name, color: "current" })] }) });
@@ -5140,8 +5144,9 @@ const Header$1 = (props) => {
 const Footer = (props) => {
   return jsxRuntime.jsx(Stack, Object.assign({ as: "footer", _p: "l", backgroundColor: "background", className: "ui:rounded-b-[inherit]" }, props));
 };
-const CloseButton = (props) => {
-  return jsxRuntime.jsx(TertiaryButton, Object.assign({ leadingIcon: jsxRuntime.jsx(CrossIcon, {}) }, props));
+const CloseButton = (_a) => {
+  var { closeButtonLabel = "Close dialog" } = _a, props = __rest(_a, ["closeButtonLabel"]);
+  return jsxRuntime.jsx(TertiaryButton, Object.assign({ leadingIcon: jsxRuntime.jsx(CrossIcon, {}), "aria-label": props.children ? void 0 : closeButtonLabel }, props));
 };
 const Actions = (_a) => {
   var { className } = _a, rest = __rest(_a, ["className"]);
@@ -6028,7 +6033,7 @@ const Padding = (props) => {
 const Item$1 = (props) => {
   const { _DO_NOT_USE_index } = props, rest = __rest(props, ["_DO_NOT_USE_index"]);
   const liClasses = classNames__default.default("ui:first:rounded-t-[inherit] ui:last:rounded-b-[inherit]", props.className);
-  return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [_DO_NOT_USE_index === 0 ? null : jsxRuntime.jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames__default.default("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), jsxRuntime.jsx("li", Object.assign({ className: liClasses }, rest, { children: React__namespace.default.Children.map(props.children, (child) => {
+  return jsxRuntime.jsxs("li", Object.assign({ className: liClasses }, rest, { children: [_DO_NOT_USE_index === 0 ? null : jsxRuntime.jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames__default.default("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), React__namespace.default.Children.map(props.children, (child) => {
     if (!React__namespace.default.isValidElement(child)) {
       return child;
     }
@@ -6047,7 +6052,7 @@ const Item$1 = (props) => {
       return jsxRuntime.jsx(Indent, Object.assign({}, child.props, { className: classNames__default.default(child.props.className, "ui:pl-4") }));
     }
     return child;
-  }) }))] });
+  })] }));
 };
 const UnorderedList = (props) => {
   const { _DO_NOT_USE_isRoot = true } = props, rest = __rest(props, ["_DO_NOT_USE_isRoot"]);
@@ -6655,7 +6660,7 @@ WeekdaysPicker.weekdayNameToIndex = weekdayNameToIndex;
 WeekdaysPicker.indexToWeekdayName = indexToWeekdayName;
 
 const FileUpload = React.forwardRef((props, ref) => {
-  const { accept, maxFileSize, name, id, onChange, isDisabled = false, buttonText = "Upload a file", leadingIcon } = props, otherProps = __rest(props, ["accept", "maxFileSize", "name", "id", "onChange", "isDisabled", "buttonText", "leadingIcon"]);
+  const { accept, maxFileSize, name, id, onChange, isDisabled = false, buttonText = "Upload a file", leadingIcon, removeButtonLabel = "Remove" } = props, otherProps = __rest(props, ["accept", "maxFileSize", "name", "id", "onChange", "isDisabled", "buttonText", "leadingIcon", "removeButtonLabel"]);
   const [selectedFile, setSelectedFile] = React.useState(null);
   const fileUploadRef = React.useRef(null);
   const handleOnUploadClick = () => {
@@ -6677,7 +6682,7 @@ const FileUpload = React.forwardRef((props, ref) => {
     }
   };
   if (selectedFile) {
-    return jsxRuntime.jsx(UploadedFileSection, { file: selectedFile, onRemove: handleOnUnselectFile });
+    return jsxRuntime.jsx(UploadedFileSection, { file: selectedFile, onRemove: handleOnUnselectFile, removeButtonLabel });
   }
   return jsxRuntime.jsxs(FlexRow, { children: [jsxRuntime.jsx(SecondaryButton, { leadingIcon, onClick: handleOnUploadClick, children: buttonText }), jsxRuntime.jsx("input", Object.assign({ type: "file", className: "ui:hidden", accept, size: maxFileSize ? maxFileSize * 1024 * 1024 : void 0, name, id, ref: (element) => {
     fileUploadRef.current = element;
@@ -6690,8 +6695,8 @@ const FileUpload = React.forwardRef((props, ref) => {
     }
   }, onChange: handleChangeEvent, disabled: isDisabled }, otherProps))] });
 });
-const UploadedFileSection = ({ file, onRemove }) => {
-  return jsxRuntime.jsx("div", { className: "ui:inline-block ui:flex-row ui:rounded-lg ui:bg-blue-100", children: jsxRuntime.jsxs(Stack, { axis: "x", justify: "center", align: "center", _gap: "base", _py: "base", _px: "l", title: file.name, children: [jsxRuntime.jsx(Text, { truncate: true, className: "ui:max-w-55", children: file.name }), jsxRuntime.jsx(TertiaryButton, { icon: "TrashBinIcon", onClick: onRemove })] }) });
+const UploadedFileSection = ({ file, onRemove, removeButtonLabel = "Remove" }) => {
+  return jsxRuntime.jsx("div", { className: "ui:inline-block ui:flex-row ui:rounded-lg ui:bg-blue-100", children: jsxRuntime.jsxs(Stack, { axis: "x", justify: "center", align: "center", _gap: "base", _py: "base", _px: "l", title: file.name, children: [jsxRuntime.jsx(Text, { truncate: true, className: "ui:max-w-55", children: file.name }), jsxRuntime.jsx(TertiaryButton, { leadingIcon: jsxRuntime.jsx(TrashBinIcon, {}), onClick: onRemove, "aria-label": removeButtonLabel })] }) });
 };
 
 const StatusIndicator = (props) => {
@@ -6727,7 +6732,7 @@ const TimelineCard = ({ title, subtitle, icon, leadingIcon, trailingIcon, status
     "ui:text-start ui:hover:border-slate-200 ui:focus:border-blue-800 ui:focus:outline-primary": onClick
   }), padding: false, elevation: presentation === "highlighted" ? "medium" : "surface", onClick, disabled, children: jsxRuntime.jsx(Box, { className: classNames__default.default({
     ["ui:border-l-8 ui:border-primary"]: presentation === "highlighted"
-  }), children: jsxRuntime.jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxRuntime.jsxs(Stack, { _gap: "m", children: [statusText && jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: statusText }), jsxRuntime.jsxs(Stack, { _gap: "l", axis: "x", align: "center", children: [(icon === null || icon === void 0 ? void 0 : icon.url) && jsxRuntime.jsx("img", { className: "ui:shrink-0", width: 24, height: 24, src: icon.url }), (icon === null || icon === void 0 ? void 0 : icon.iconKey) && jsxRuntime.jsx(Icon, { className: "ui:shrink-0", name: icon.iconKey }), leadingIcon, jsxRuntime.jsxs(Stack, { width: "full", children: [(presentation === "bold" || presentation === "highlighted") && jsxRuntime.jsx(Title, { variant: "xs", children: title }), presentation === "default" && getTitle(), typeof subtitle === "string" ? jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: subtitle }) : subtitle] })] })] }), trailingIcon] }) }) }), jsxRuntime.jsx("svg", { role: "presentation", width: "17", height: "27", viewBox: "0 0 17 27", fill: "none", className: classNames__default.default("ui:translate-x-[-1.5px]", {
+  }), children: jsxRuntime.jsxs(Stack, { width: "full", _p: "l", axis: "x", justify: "between", align: "center", children: [jsxRuntime.jsxs(Stack, { _gap: "m", children: [statusText && jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: statusText }), jsxRuntime.jsxs(Stack, { _gap: "l", axis: "x", align: "center", children: [(icon === null || icon === void 0 ? void 0 : icon.url) && jsxRuntime.jsx("img", { className: "ui:shrink-0", width: 24, height: 24, src: icon.url, alt: "" }), (icon === null || icon === void 0 ? void 0 : icon.iconKey) && jsxRuntime.jsx(Icon, { className: "ui:shrink-0", name: icon.iconKey }), leadingIcon, jsxRuntime.jsxs(Stack, { width: "full", children: [(presentation === "bold" || presentation === "highlighted") && jsxRuntime.jsx(Title, { variant: "xs", children: title }), presentation === "default" && getTitle(), typeof subtitle === "string" ? jsxRuntime.jsx(Text, { variant: "sm", color: "slate-500", children: subtitle }) : subtitle] })] })] }), trailingIcon] }) }) }), jsxRuntime.jsx("svg", { role: "presentation", width: "17", height: "27", viewBox: "0 0 17 27", fill: "none", className: classNames__default.default("ui:translate-x-[-1.5px]", {
     ["ui:invisible"]: presentation !== "highlighted"
   }), children: jsxRuntime.jsx("path", { d: "M0.5 0.5L16 13L0.5 26", stroke: "rgb(226 232 240)", fill: "#fff" }) })] });
 };