@luscii-healthtech/web-ui 58.10.0 → 58.10.2

package/dist/esm/components/Avatar/Avatar.js

@@ -15,7 +15,20 @@ function checkImageValidity(src) {
     image.src = src;
   });
 }
-const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt, defaultImage, initials, children, className }) => {
+const legacySizeAliases = {
+  xsmall: "xs",
+  small: "s",
+  medium: "m"
+};
+const avatarSizeTokens = {
+  xs: "var(--ui-semantic-size-lg)",
+  s: "var(--ui-semantic-size-xl)",
+  m: "var(--ui-semantic-size-5xl)"
+};
+function resolveSize(size) {
+  return size in legacySizeAliases ? legacySizeAliases[size] : size;
+}
+const Avatar = ({ color, isSelf, size = "m", applyGroupOffset, src, alt, defaultImage, initials, children, className }) => {
   const [hasValidImage, setHasValidImage] = useState(false);
   useEffect(() => {
     let mounted = true;
@@ -30,29 +43,42 @@ const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt,
       mounted = false;
     };
   }, [defaultImage, src]);
+  const resolvedSize = resolveSize(size);
+  const sizeStyle = resolvedSize === "large" ? void 0 : {
+    width: avatarSizeTokens[resolvedSize],
+    height: avatarSizeTokens[resolvedSize]
+  };
   const sizeClassName = classNames("ui:rounded-full", {
-    "ui:h-32 ui:w-32": size === "large",
-    "ui:h-16 ui:w-16": size === "medium",
-    "ui:h-9 ui:w-9": size === "small",
-    "ui:h-6 ui:w-6": size === "xsmall"
+    "ui:h-32 ui:w-32": resolvedSize === "large"
   });
   const groupOffsetClassNames = classNames({
-    "ui:-ml-[calc(theme('spacing.32')/4)]": size === "large" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.16')/4)]": size === "medium" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.9')/4)]": size === "small" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.6')/4)]": size === "xsmall" && applyGroupOffset
+    "ui:-ml-[calc(theme('spacing.32')/4)]": resolvedSize === "large" && applyGroupOffset
   });
+  const groupOffsetStyle = applyGroupOffset && resolvedSize !== "large" ? { marginLeft: `calc(${avatarSizeTokens[resolvedSize]} / -4)` } : void 0;
+  const resolvedIsSelf = isSelf !== null && isSelf !== void 0 ? isSelf : color === "primary";
   const colorClassName = classNames({
-    "ui:bg-neutral-200 ui:text-on-surface": color === "slate",
-    "ui:bg-primary ui:text-white": color === "primary"
-  });
-  const containerClassName = classNames(className, sizeClassName, groupOffsetClassNames, colorClassName, "ui:flex ui:items-center ui:justify-center");
-  const textClassName = classNames({
-    "ui:text-5xl": size === "large",
-    "ui:text-2xl": size === "medium",
-    "ui:text-sm": size === "small" || size === "xsmall"
+    "ui:bg-background-brand-primary-default ui:text-text-inverse-primary-default": resolvedIsSelf,
+    "ui:bg-background-neutral-tertiary-default ui:text-text-neutral-primary-default": !resolvedIsSelf
   });
-  const imageClassName = classNames(sizeClassName);
+  const containerClassName = classNames(
+    className,
+    sizeClassName,
+    groupOffsetClassNames,
+    colorClassName,
+    /**
+     * The design system puts a 1px inverse border on every avatar. It
+     * sits inside the box (`border-box`), so the sizes above stay exact.
+     */
+    "ui:border ui:border-solid ui:border-border-inverse-primary-default",
+    /**
+     * `shrink-0` keeps the avatar circular when it is a flex child, for
+     * example inside an `AvatarGroup`, where the negative margins would
+     * otherwise let the flex algorithm squash it.
+     */
+    "ui:flex ui:shrink-0 ui:items-center ui:justify-center"
+  );
+  const textVariant = resolvedSize === "m" ? "body-base-regular" : "body-small-regular";
+  const imageClassName = classNames("ui:rounded-full ui:h-full ui:w-full ui:object-cover");
   const renderAvatar = () => {
     const elementToRender = initials !== null && initials !== void 0 ? initials : children;
     if (defaultImage) {
@@ -60,13 +86,13 @@ const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt,
     } else if (hasValidImage) {
       return jsx("img", { className: imageClassName, src, alt });
     } else {
-      if (size === "xsmall") {
-        return jsxs(Fragment, { children: [jsx(Text, { variant: "sm", color: "current", "aria-hidden": true, children: elementToRender }), jsx(ScreenReaderText, { children: alt })] });
+      if (resolvedSize === "large") {
+        return jsxs(Fragment, { children: [jsx("span", { className: "ui:text-5xl", "aria-hidden": true, children: elementToRender }), jsx(ScreenReaderText, { children: alt })] });
       }
-      return jsxs(Fragment, { children: [jsx("span", { className: textClassName, "aria-hidden": true, children: elementToRender }), jsx(ScreenReaderText, { children: alt })] });
+      return jsxs(Fragment, { children: [jsx(Text, { variant: textVariant, color: "current", "aria-hidden": true, children: elementToRender }), jsx(ScreenReaderText, { children: alt })] });
     }
   };
-  return jsx("div", { className: containerClassName, children: jsx("div", { children: renderAvatar() }) });
+  return jsx("div", { className: containerClassName, style: Object.assign(Object.assign({}, sizeStyle), groupOffsetStyle), children: renderAvatar() });
 };
 function ScreenReaderText({ children }) {
   return jsx("span", { className: "ui:sr-only", children });

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

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

package/dist/esm/components/Avatar/AvatarGroup.js

@@ -27,12 +27,20 @@ const AvatarGroup = (props) => {
       "ui:outline-slate-100": props.outlineColor === "slate-100",
       "ui:outline-white": props.outlineColor === "white"
     }, {
-      "ui:outline-2": child.props.size === "xsmall" || child.props.size === "small",
-      "ui:outline-4": child.props.size === "medium",
-      "ui:outline-8": child.props.size === "large"
+      "ui:outline-2": isOneOfSizes(child.props.size, [
+        "xs",
+        "xsmall",
+        "s",
+        "small"
+      ]),
+      "ui:outline-4": isOneOfSizes(child.props.size, ["m", "medium"]),
+      "ui:outline-8": isOneOfSizes(child.props.size, ["large"])
     }) }));
   }), jsx(MoreAvatarsLabel, Object.assign({}, props, { maxAvatars }))] }));
 };
+function isOneOfSizes(size, sizes) {
+  return typeof size === "string" && sizes.includes(size);
+}
 function MoreAvatarsLabel(props) {
   const { children, maxAvatars, moreAvatarsLabel } = props;
   if (!moreAvatarsLabel) {

package/dist/esm/components/Avatar/AvatarGroup.js.map

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

package/dist/esm/components/ModalDialog/ModalDialog.js

@@ -9,6 +9,7 @@ import { TertiaryButton } from '../ButtonV2/TertiaryButton.js';
 import 'dompurify';
 import '../Text/Text.css.js';
 import CrossIcon from '../Icons/CrossIcon.js';
+import { raiseToasters } from '../Toaster/raiseToasters.js';
 import { useOnCloseAnimationFinished } from './use-on-close-animation-finished.js';
 
 const context = createContext({
@@ -52,6 +53,7 @@ const ModalDialog = (_a) => {
     var _a2, _b;
     if (open) {
       (_a2 = dialog.current) === null || _a2 === void 0 ? void 0 : _a2.showModal();
+      raiseToasters();
     } else {
       (_b = dialog.current) === null || _b === void 0 ? void 0 : _b.close();
     }

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

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

package/dist/esm/components/Select/SelectOptionAvatar.js

@@ -4,13 +4,12 @@ import { Avatar } from '../Avatar/Avatar.js';
 const SelectOptionAvatar = ({ avatar }) => {
   var _a, _b;
   return jsx(Avatar, {
-    size: "xsmall",
-    color: avatar.isSelf ? "primary" : "slate",
+    size: "xs",
+    isSelf: avatar.isSelf,
     // First code point + combining marks, so a decomposed "Ángela" keeps its accent.
     initials: (_b = (_a = avatar.initials.trim().match(/^.\p{M}*/u)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "",
     src: avatar.src,
-    alt: avatar.alt,
-    className: "ui:shrink-0 ui:border ui:border-solid ui:border-border-neutral-secondary-default"
+    alt: avatar.alt
   });
 };
 

package/dist/esm/components/Select/SelectOptionAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOptionAvatar.js","sources":["../../../../../../src/components/Select/SelectOptionAvatar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAoBO,MAAM,kBAAA,GAAmD,CAAC,EAC/D,MAAA,EAAM,KACH;;AAAC,EAAA,OACJA,IAAC,MAAA,EAAM;AAAA,IACL,IAAA,EAAK,QAAA;AAAA,IACL,KAAA,EAAO,MAAA,CAAO,MAAA,GAAS,SAAA,GAAY,OAAA;AAAA;AAAA,IAEnC,QAAA,EAAA,CAAU,MAAA,EAAA,GAAA,MAAA,CAAO,SAAS,IAAA,EAAI,CAAG,MAAM,WAAW,CAAA,MAAC,QAAA,EAAA,KAAA,MAAA,GAAA,SAAA,EAAA,CAAG,CAAC,OAAC,IAAA,IAAA,EAAA,KAAA,SAAA,EAAA,GAAI,EAAA;AAAA,IAC5D,KAAK,MAAA,CAAO,GAAA;AAAA,IACZ,KAAK,MAAA,CAAO,GAAA;AAAA,IACZ,SAAA,EAAU;AAAA,GAAkF,CAAA;;;;;"}
+{"version":3,"file":"SelectOptionAvatar.js","sources":["../../../../../../src/components/Select/SelectOptionAvatar.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAaO,MAAM,kBAAA,GAAmD,CAAC,EAC/D,MAAA,EAAM,KACH;;AAAC,EAAA,OACJA,IAAC,MAAA,EAAM;AAAA,IACL,IAAA,EAAK,IAAA;AAAA,IACL,QAAQ,MAAA,CAAO,MAAA;AAAA;AAAA,IAEf,QAAA,EAAA,CAAU,MAAA,EAAA,GAAA,MAAA,CAAO,SAAS,IAAA,EAAI,CAAG,MAAM,WAAW,CAAA,MAAC,QAAA,EAAA,KAAA,MAAA,GAAA,SAAA,EAAA,CAAG,CAAC,OAAC,IAAA,IAAA,EAAA,KAAA,SAAA,EAAA,GAAI,EAAA;AAAA,IAC5D,KAAK,MAAA,CAAO,GAAA;AAAA,IACZ,KAAK,MAAA,CAAO;AAAA,GAAG,CAAA;;;;;"}

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

@@ -1,8 +1,23 @@
-import { Toaster } from 'sonner';
-export { Toaster as default } from 'sonner';
-import 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useRef, useEffect } from 'react';
+import { Toaster as Toaster$1 } from 'sonner';
 import 'classnames';
 import '../../vendor/tslib/tslib.es6.js';
 import 'dompurify';
 import '../Text/Text.css.js';
+
+const Toaster = forwardRef(function Toaster2(props, forwardedRef) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || typeof el.showPopover !== "function") {
+      return void 0;
+    }
+    el.showPopover();
+    return () => el.hidePopover();
+  }, []);
+  return jsx("div", { ref, popover: "manual", "data-web-ui-toaster": "", className: "ui:m-0 ui:p-0 ui:border-0 ui:bg-transparent ui:overflow-visible ui:inset-auto", children: jsx(Toaster$1, Object.assign({}, props, { ref: forwardedRef })) });
+});
+
+export { Toaster as default };
 //# sourceMappingURL=Toaster.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Toaster.js","sources":["../../../../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":[null],"names":["Toaster","_jsx","SonnerToaster"],"mappings":";;;;;;;;AAMA,MAAM,OAAA,GAAU,UAAA,CACd,SAASA,QAAAA,CAAQ,OAAO,YAAA,EAAY;AAClC,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AAEvC,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,IAAM,OAAO,EAAA,CAAG,gBAAgB,UAAA,EAAY;AAC/C,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,EAAA,CAAG,WAAA,EAAW;AACd,IAAA,OAAO,MAAM,GAAG,WAAA;EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OACEC,GAAA,CAAA,KAAA,EAAA,EACE,GAAA,EACA,OAAA,EAAQ,UAAQ,qBAAA,EACI,EAAA,EACpB,SAAA,EAAU,+EAAA,EAA+E,QAAA,EAEzFA,GAAA,CAACC,WAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAA,EAAK,EAAE,KAAK,YAAA,EAAY,CAAA,CAAA,EAAI,CAAA;AAGrD,CAAC;;;;"}

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

@@ -0,0 +1,15 @@
+function raiseToasters() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.querySelectorAll("[data-web-ui-toaster]").forEach((el) => {
+    if (typeof el.showPopover !== "function") {
+      return;
+    }
+    el.hidePopover();
+    el.showPopover();
+  });
+}
+
+export { raiseToasters };
+//# sourceMappingURL=raiseToasters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"raiseToasters.js","sources":["../../../../../../src/components/Toaster/raiseToasters.ts"],"sourcesContent":[null],"names":[],"mappings":"SAAgB,aAAA,GAAa;AAC3B,EAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,IAAA;AAAA,EACF;AAGA,EAAA,QAAA,CACG,gBAAA,CAA8B,uBAAuB,CAAA,CACrD,OAAA,CAAQ,CAAC,EAAA,KAAM;AACd,IAAA,IAAI,OAAO,EAAA,CAAG,WAAA,KAAgB,UAAA,EAAY;AACxC,MAAA;AAAA,IACF;AAEA,IAAA,EAAA,CAAG,WAAA,EAAW;AACd,IAAA,EAAA,CAAG,WAAA,EAAW;AAAA,EAChB,CAAC,CAAA;AACL;;;;"}

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

@@ -1,8 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { toast as toast$1 } from 'sonner';
 import { ToasterPanel } from './ToasterPanel.js';
+import { raiseToasters } from './raiseToasters.js';
 
 const showToaster = ({ message, title, showIcon, 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 });
 };
 const toast = (params) => {

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":";;;;AAaA,MAAM,cAAc,CAAC,EACnB,SACA,KAAA,EACA,QAAA,EACA,MAAI,KAC6B;AACjC,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":";;;;;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;;;;"}

package/dist/esm/index.js

@@ -1,8 +1,7 @@
 export { SIZES } from './system/Sizes.js';
 export { FlexColumn } from './components/Container/FlexColumn.js';
 export { FlexRow } from './components/Container/FlexRow.js';
-export { Toaster } from 'sonner';
-export { TOASTER_TYPE_OPTIONS } from './components/Toaster/ToasterPanel.js';
+export { default as Toaster } from './components/Toaster/Toaster.js';
 export { toast } from './components/Toaster/toast.js';
 export { default as AccordionTemporary } from './components/Accordion/Accordion.js';
 export { AccordionList } from './components/AccordionList/AccordionList.js';
@@ -302,4 +301,5 @@ export { SplitViewLayout } from './components/SplitViewLayout/SplitViewLayout.js
 export { PageWithCenteredContentLayout } from './components/PageWithCenteredContentLayout/PageWithCenteredContentLayout.js';
 export { InputSelect } from './components/InputSelect/InputSelect.js';
 export { NaturalLanguageForm } from './components/NaturalLanguageForm/NaturalLanguageForm.js';
+export { TOASTER_TYPE_OPTIONS } from './components/Toaster/ToasterPanel.js';
 //# sourceMappingURL=index.js.map

package/dist/index.development.js

@@ -2,9 +2,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('classnames');
+var React = require('react');
 var sonner = require('sonner');
 var DOMPurify = require('dompurify');
-var React = require('react');
 var lodashEs = require('lodash-es');
 var core = require('@dnd-kit/core');
 var sortable = require('@dnd-kit/sortable');
@@ -56,8 +56,8 @@ function _interopNamespace(e) {
 }
 
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var DOMPurify__default = /*#__PURE__*/_interopDefault(DOMPurify);
 var Tooltip__namespace = /*#__PURE__*/_interopNamespace(Tooltip$1);
 var ReactModal__default = /*#__PURE__*/_interopDefault(ReactModal);
 var ReactDatePicker__default = /*#__PURE__*/_interopDefault(ReactDatePicker);
@@ -1083,7 +1083,36 @@ const ToasterPanel = ({ message = "", title = "", type = TOASTER_TYPE_OPTIONS.SU
   }), onAnimationEnd }) })] });
 };
 
+const Toaster = React.forwardRef(function Toaster2(props, forwardedRef) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el || typeof el.showPopover !== "function") {
+      return void 0;
+    }
+    el.showPopover();
+    return () => el.hidePopover();
+  }, []);
+  return jsxRuntime.jsx("div", { ref, popover: "manual", "data-web-ui-toaster": "", className: "ui:m-0 ui:p-0 ui:border-0 ui:bg-transparent ui:overflow-visible ui:inset-auto", children: jsxRuntime.jsx(sonner.Toaster, Object.assign({}, props, { ref: forwardedRef })) });
+});
+
+function raiseToasters() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  document.querySelectorAll("[data-web-ui-toaster]").forEach((el) => {
+    if (typeof el.showPopover !== "function") {
+      return;
+    }
+    el.hidePopover();
+    el.showPopover();
+  });
+}
+
 const showToaster = ({ message, title, showIcon, 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 });
 };
 const toast = (params) => {
@@ -2270,7 +2299,20 @@ function checkImageValidity(src) {
     image.src = src;
   });
 }
-const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt, defaultImage, initials, children, className }) => {
+const legacySizeAliases = {
+  xsmall: "xs",
+  small: "s",
+  medium: "m"
+};
+const avatarSizeTokens = {
+  xs: "var(--ui-semantic-size-lg)",
+  s: "var(--ui-semantic-size-xl)",
+  m: "var(--ui-semantic-size-5xl)"
+};
+function resolveSize(size) {
+  return size in legacySizeAliases ? legacySizeAliases[size] : size;
+}
+const Avatar = ({ color, isSelf, size = "m", applyGroupOffset, src, alt, defaultImage, initials, children, className }) => {
   const [hasValidImage, setHasValidImage] = React.useState(false);
   React.useEffect(() => {
     let mounted = true;
@@ -2285,29 +2327,42 @@ const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt,
       mounted = false;
     };
   }, [defaultImage, src]);
+  const resolvedSize = resolveSize(size);
+  const sizeStyle = resolvedSize === "large" ? void 0 : {
+    width: avatarSizeTokens[resolvedSize],
+    height: avatarSizeTokens[resolvedSize]
+  };
   const sizeClassName = classNames__default.default("ui:rounded-full", {
-    "ui:h-32 ui:w-32": size === "large",
-    "ui:h-16 ui:w-16": size === "medium",
-    "ui:h-9 ui:w-9": size === "small",
-    "ui:h-6 ui:w-6": size === "xsmall"
+    "ui:h-32 ui:w-32": resolvedSize === "large"
   });
   const groupOffsetClassNames = classNames__default.default({
-    "ui:-ml-[calc(theme('spacing.32')/4)]": size === "large" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.16')/4)]": size === "medium" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.9')/4)]": size === "small" && applyGroupOffset,
-    "ui:-ml-[calc(theme('spacing.6')/4)]": size === "xsmall" && applyGroupOffset
+    "ui:-ml-[calc(theme('spacing.32')/4)]": resolvedSize === "large" && applyGroupOffset
   });
+  const groupOffsetStyle = applyGroupOffset && resolvedSize !== "large" ? { marginLeft: `calc(${avatarSizeTokens[resolvedSize]} / -4)` } : void 0;
+  const resolvedIsSelf = isSelf !== null && isSelf !== void 0 ? isSelf : color === "primary";
   const colorClassName = classNames__default.default({
-    "ui:bg-neutral-200 ui:text-on-surface": color === "slate",
-    "ui:bg-primary ui:text-white": color === "primary"
+    "ui:bg-background-brand-primary-default ui:text-text-inverse-primary-default": resolvedIsSelf,
+    "ui:bg-background-neutral-tertiary-default ui:text-text-neutral-primary-default": !resolvedIsSelf
   });
-  const containerClassName = classNames__default.default(className, sizeClassName, groupOffsetClassNames, colorClassName, "ui:flex ui:items-center ui:justify-center");
-  const textClassName = classNames__default.default({
-    "ui:text-5xl": size === "large",
-    "ui:text-2xl": size === "medium",
-    "ui:text-sm": size === "small" || size === "xsmall"
-  });
-  const imageClassName = classNames__default.default(sizeClassName);
+  const containerClassName = classNames__default.default(
+    className,
+    sizeClassName,
+    groupOffsetClassNames,
+    colorClassName,
+    /**
+     * The design system puts a 1px inverse border on every avatar. It
+     * sits inside the box (`border-box`), so the sizes above stay exact.
+     */
+    "ui:border ui:border-solid ui:border-border-inverse-primary-default",
+    /**
+     * `shrink-0` keeps the avatar circular when it is a flex child, for
+     * example inside an `AvatarGroup`, where the negative margins would
+     * otherwise let the flex algorithm squash it.
+     */
+    "ui:flex ui:shrink-0 ui:items-center ui:justify-center"
+  );
+  const textVariant = resolvedSize === "m" ? "body-base-regular" : "body-small-regular";
+  const imageClassName = classNames__default.default("ui:rounded-full ui:h-full ui:w-full ui:object-cover");
   const renderAvatar = () => {
     const elementToRender = initials !== null && initials !== void 0 ? initials : children;
     if (defaultImage) {
@@ -2315,13 +2370,13 @@ const Avatar = ({ color = "slate", size = "medium", applyGroupOffset, src, alt,
     } else if (hasValidImage) {
       return jsxRuntime.jsx("img", { className: imageClassName, src, alt });
     } else {
-      if (size === "xsmall") {
-        return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { variant: "sm", color: "current", "aria-hidden": true, children: elementToRender }), jsxRuntime.jsx(ScreenReaderText, { children: alt })] });
+      if (resolvedSize === "large") {
+        return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "ui:text-5xl", "aria-hidden": true, children: elementToRender }), jsxRuntime.jsx(ScreenReaderText, { children: alt })] });
       }
-      return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: textClassName, "aria-hidden": true, children: elementToRender }), jsxRuntime.jsx(ScreenReaderText, { children: alt })] });
+      return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { variant: textVariant, color: "current", "aria-hidden": true, children: elementToRender }), jsxRuntime.jsx(ScreenReaderText, { children: alt })] });
     }
   };
-  return jsxRuntime.jsx("div", { className: containerClassName, children: jsxRuntime.jsx("div", { children: renderAvatar() }) });
+  return jsxRuntime.jsx("div", { className: containerClassName, style: Object.assign(Object.assign({}, sizeStyle), groupOffsetStyle), children: renderAvatar() });
 };
 function ScreenReaderText({ children }) {
   return jsxRuntime.jsx("span", { className: "ui:sr-only", children });
@@ -2347,12 +2402,20 @@ const AvatarGroup = (props) => {
       "ui:outline-slate-100": props.outlineColor === "slate-100",
       "ui:outline-white": props.outlineColor === "white"
     }, {
-      "ui:outline-2": child.props.size === "xsmall" || child.props.size === "small",
-      "ui:outline-4": child.props.size === "medium",
-      "ui:outline-8": child.props.size === "large"
+      "ui:outline-2": isOneOfSizes(child.props.size, [
+        "xs",
+        "xsmall",
+        "s",
+        "small"
+      ]),
+      "ui:outline-4": isOneOfSizes(child.props.size, ["m", "medium"]),
+      "ui:outline-8": isOneOfSizes(child.props.size, ["large"])
     }) }));
   }), jsxRuntime.jsx(MoreAvatarsLabel, Object.assign({}, props, { maxAvatars }))] }));
 };
+function isOneOfSizes(size, sizes) {
+  return typeof size === "string" && sizes.includes(size);
+}
 function MoreAvatarsLabel(props) {
   const { children, maxAvatars, moreAvatarsLabel } = props;
   if (!moreAvatarsLabel) {
@@ -4466,13 +4529,12 @@ const SelectLoadingIndicator = (props) => jsxRuntime.jsx(LoadingIndicator, Objec
 const SelectOptionAvatar = ({ avatar }) => {
   var _a, _b;
   return jsxRuntime.jsx(Avatar, {
-    size: "xsmall",
-    color: avatar.isSelf ? "primary" : "slate",
+    size: "xs",
+    isSelf: avatar.isSelf,
     // First code point + combining marks, so a decomposed "Ángela" keeps its accent.
     initials: (_b = (_a = avatar.initials.trim().match(/^.\p{M}*/u)) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : "",
     src: avatar.src,
-    alt: avatar.alt,
-    className: "ui:shrink-0 ui:border ui:border-solid ui:border-border-neutral-secondary-default"
+    alt: avatar.alt
   });
 };
 
@@ -4872,6 +4934,7 @@ const ModalDialog = (_a) => {
     var _a2, _b;
     if (open) {
       (_a2 = dialog.current) === null || _a2 === void 0 ? void 0 : _a2.showModal();
+      raiseToasters();
     } else {
       (_b = dialog.current) === null || _b === void 0 ? void 0 : _b.close();
     }
@@ -7368,10 +7431,6 @@ const NaturalLanguageFormWithSubComponents = Object.assign(NaturalLanguageForm,
   InputSelect: NaturalLanguageFormInputSelect
 });
 
-Object.defineProperty(exports, "Toaster", {
-    enumerable: true,
-    get: function () { return sonner.Toaster; }
-});
 Object.defineProperty(exports, "TooltipProvider", {
     enumerable: true,
     get: function () { return Tooltip$1.Provider; }
@@ -7655,6 +7714,7 @@ exports.Timeline = Timeline;
 exports.TimelineCard = TimelineCard;
 exports.TimelineCardLayout = TimelineCardLayout;
 exports.Title = Title;
+exports.Toaster = Toaster;
 exports.Tooltip = Tooltip;
 exports.TrashBinIcon = TrashBinIcon;
 exports.TreeIcon = TreeIcon;