@warp-ds/elements 1.4.0 → 1.4.1-next.1

package/dist/packages/toast/index.js

@@ -1029,9 +1029,368 @@ var require_parser = __commonJS({
 
 // packages/toast/toast.js
 import { css, html as html5 } from "lit";
-import WarpElement from "@warp-ds/elements-core";
-import { classMap } from "lit/directives/class-map.js";
-import { when } from "lit/directives/when.js";
+
+// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
+var import_unraw = __toESM(require_dist(), 1);
+
+// node_modules/.pnpm/@lingui+message-utils@4.7.1/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+var import_parser = __toESM(require_parser(), 1);
+function processTokens(tokens, mapText) {
+  if (!tokens.filter((token) => token.type !== "content").length) {
+    return tokens.map((token) => mapText(token.value)).join("");
+  }
+  return tokens.map((token) => {
+    var _a;
+    if (token.type === "content") {
+      return mapText(token.value);
+    } else if (token.type === "octothorpe") {
+      return "#";
+    } else if (token.type === "argument") {
+      return [token.arg];
+    } else if (token.type === "function") {
+      const _param = (_a = token == null ? void 0 : token.param) == null ? void 0 : _a[0];
+      if (_param) {
+        return [token.arg, token.key, _param.value.trim()];
+      } else {
+        return [token.arg, token.key];
+      }
+    }
+    const offset = token.pluralOffset;
+    const formatProps = {};
+    token.cases.forEach((item) => {
+      formatProps[item.key.replace(/^=(.)+/, "$1")] = processTokens(
+        item.tokens,
+        mapText
+      );
+    });
+    return [
+      token.arg,
+      token.type,
+      __spreadValues({
+        offset
+      }, formatProps)
+    ];
+  });
+}
+function compileMessage(message, mapText = (v) => v) {
+  try {
+    return processTokens((0, import_parser.parse)(message), mapText);
+  } catch (e) {
+    console.error(`${e.message} 
+
+Message: ${message}`);
+    return message;
+  }
+}
+
+// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
+var isString = (s) => typeof s === "string";
+var isFunction = (f) => typeof f === "function";
+var cache = /* @__PURE__ */ new Map();
+var defaultLocale = "en";
+function normalizeLocales(locales) {
+  const out = Array.isArray(locales) ? locales : [locales];
+  return [...out, defaultLocale];
+}
+function date(locales, value, format) {
+  const _locales = normalizeLocales(locales);
+  const formatter = getMemoized(
+    () => cacheKey("date", _locales, format),
+    () => new Intl.DateTimeFormat(_locales, format)
+  );
+  return formatter.format(isString(value) ? new Date(value) : value);
+}
+function number(locales, value, format) {
+  const _locales = normalizeLocales(locales);
+  const formatter = getMemoized(
+    () => cacheKey("number", _locales, format),
+    () => new Intl.NumberFormat(_locales, format)
+  );
+  return formatter.format(value);
+}
+function plural(locales, ordinal, value, _a) {
+  var _b = _a, { offset = 0 } = _b, rules = __objRest(_b, ["offset"]);
+  var _a2, _b2;
+  const _locales = normalizeLocales(locales);
+  const plurals = ordinal ? getMemoized(
+    () => cacheKey("plural-ordinal", _locales),
+    () => new Intl.PluralRules(_locales, { type: "ordinal" })
+  ) : getMemoized(
+    () => cacheKey("plural-cardinal", _locales),
+    () => new Intl.PluralRules(_locales, { type: "cardinal" })
+  );
+  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset)]) != null ? _b2 : rules.other;
+}
+function getMemoized(getKey, construct) {
+  const key = getKey();
+  let formatter = cache.get(key);
+  if (!formatter) {
+    formatter = construct();
+    cache.set(key, formatter);
+  }
+  return formatter;
+}
+function cacheKey(type, locales, options) {
+  const localeKey = locales.join("-");
+  return `${type}-${localeKey}-${JSON.stringify(options)}`;
+}
+var UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g;
+var OCTOTHORPE_PH = "%__lingui_octothorpe__%";
+var getDefaultFormats = (locale, passedLocales, formats = {}) => {
+  const locales = passedLocales || locale;
+  const style = (format) => {
+    return typeof format === "object" ? format : formats[format] || { style: format };
+  };
+  const replaceOctothorpe = (value, message) => {
+    const numberFormat = Object.keys(formats).length ? style("number") : void 0;
+    const valueStr = number(locales, value, numberFormat);
+    return message.replace(new RegExp(OCTOTHORPE_PH, "g"), valueStr);
+  };
+  return {
+    plural: (value, cases) => {
+      const { offset = 0 } = cases;
+      const message = plural(locales, false, value, cases);
+      return replaceOctothorpe(value - offset, message);
+    },
+    selectordinal: (value, cases) => {
+      const { offset = 0 } = cases;
+      const message = plural(locales, true, value, cases);
+      return replaceOctothorpe(value - offset, message);
+    },
+    select: selectFormatter,
+    number: (value, format) => number(locales, value, style(format)),
+    date: (value, format) => date(locales, value, style(format))
+  };
+};
+var selectFormatter = (value, rules) => {
+  var _a;
+  return (_a = rules[value]) != null ? _a : rules.other;
+};
+function interpolate(translation, locale, locales) {
+  return (values = {}, formats) => {
+    const formatters = getDefaultFormats(locale, locales, formats);
+    const formatMessage = (tokens) => {
+      if (!Array.isArray(tokens))
+        return tokens;
+      return tokens.reduce((message, token) => {
+        if (token === "#") {
+          return message + OCTOTHORPE_PH;
+        }
+        if (isString(token)) {
+          return message + token;
+        }
+        const [name, type, format] = token;
+        let interpolatedFormat = {};
+        if (type === "plural" || type === "selectordinal" || type === "select") {
+          Object.entries(format).forEach(
+            ([key, value2]) => {
+              interpolatedFormat[key] = formatMessage(value2);
+            }
+          );
+        } else {
+          interpolatedFormat = format;
+        }
+        let value;
+        if (type) {
+          const formatter = formatters[type];
+          value = formatter(values[name], interpolatedFormat);
+        } else {
+          value = values[name];
+        }
+        if (value == null) {
+          return message;
+        }
+        return message + value;
+      }, "");
+    };
+    const result = formatMessage(translation);
+    if (isString(result) && UNICODE_REGEX.test(result)) {
+      return (0, import_unraw.unraw)(result.trim());
+    }
+    if (isString(result))
+      return result.trim();
+    return result ? String(result) : "";
+  };
+}
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => {
+  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var EventEmitter = class {
+  constructor() {
+    __publicField$1(this, "_events", {});
+  }
+  on(event, listener) {
+    var _a2;
+    var _a;
+    (_a2 = (_a = this._events)[event]) != null ? _a2 : _a[event] = [];
+    this._events[event].push(listener);
+    return () => this.removeListener(event, listener);
+  }
+  removeListener(event, listener) {
+    const maybeListeners = this._getListeners(event);
+    if (!maybeListeners)
+      return;
+    const index = maybeListeners.indexOf(listener);
+    if (~index)
+      maybeListeners.splice(index, 1);
+  }
+  emit(event, ...args) {
+    const maybeListeners = this._getListeners(event);
+    if (!maybeListeners)
+      return;
+    maybeListeners.map((listener) => listener.apply(this, args));
+  }
+  _getListeners(event) {
+    const maybeListeners = this._events[event];
+    return Array.isArray(maybeListeners) ? maybeListeners : false;
+  }
+};
+var __defProp2 = Object.defineProperty;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField2 = (obj, key, value) => {
+  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var I18n = class extends EventEmitter {
+  constructor(params) {
+    var _a;
+    super();
+    __publicField2(this, "_locale", "");
+    __publicField2(this, "_locales");
+    __publicField2(this, "_localeData", {});
+    __publicField2(this, "_messages", {});
+    __publicField2(this, "_missing");
+    __publicField2(this, "t", this._.bind(this));
+    if (params.missing != null)
+      this._missing = params.missing;
+    if (params.messages != null)
+      this.load(params.messages);
+    if (params.localeData != null)
+      this.loadLocaleData(params.localeData);
+    if (typeof params.locale === "string" || params.locales) {
+      this.activate((_a = params.locale) != null ? _a : defaultLocale, params.locales);
+    }
+  }
+  get locale() {
+    return this._locale;
+  }
+  get locales() {
+    return this._locales;
+  }
+  get messages() {
+    var _a;
+    return (_a = this._messages[this._locale]) != null ? _a : {};
+  }
+  /**
+   * @deprecated this has no effect. Please remove this from the code. Deprecated in v4
+   */
+  get localeData() {
+    var _a;
+    return (_a = this._localeData[this._locale]) != null ? _a : {};
+  }
+  _loadLocaleData(locale, localeData) {
+    const maybeLocaleData = this._localeData[locale];
+    if (!maybeLocaleData) {
+      this._localeData[locale] = localeData;
+    } else {
+      Object.assign(maybeLocaleData, localeData);
+    }
+  }
+  /**
+   * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
+   */
+  // @ts-ignore deprecated, so ignore the reported error
+  loadLocaleData(localeOrAllData, localeData) {
+    if (localeData != null) {
+      this._loadLocaleData(localeOrAllData, localeData);
+    } else {
+      Object.keys(localeOrAllData).forEach(
+        (locale) => this._loadLocaleData(locale, localeOrAllData[locale])
+      );
+    }
+    this.emit("change");
+  }
+  _load(locale, messages10) {
+    const maybeMessages = this._messages[locale];
+    if (!maybeMessages) {
+      this._messages[locale] = messages10;
+    } else {
+      Object.assign(maybeMessages, messages10);
+    }
+  }
+  load(localeOrMessages, messages10) {
+    if (typeof localeOrMessages == "string" && typeof messages10 === "object") {
+      this._load(localeOrMessages, messages10);
+    } else {
+      Object.entries(localeOrMessages).forEach(
+        ([locale, messages25]) => this._load(locale, messages25)
+      );
+    }
+    this.emit("change");
+  }
+  /**
+   * @param options {@link LoadAndActivateOptions}
+   */
+  loadAndActivate({ locale, locales, messages: messages10 }) {
+    this._locale = locale;
+    this._locales = locales || void 0;
+    this._messages[this._locale] = messages10;
+    this.emit("change");
+  }
+  activate(locale, locales) {
+    if (true) {
+      if (!this._messages[locale]) {
+        console.warn(`Messages for locale "${locale}" not loaded.`);
+      }
+    }
+    this._locale = locale;
+    this._locales = locales;
+    this.emit("change");
+  }
+  _(id, values, options) {
+    let message = options == null ? void 0 : options.message;
+    if (!isString(id)) {
+      values = id.values || values;
+      message = id.message;
+      id = id.id;
+    }
+    const messageForId = this.messages[id];
+    const messageMissing = messageForId === void 0;
+    const missing = this._missing;
+    if (missing && messageMissing) {
+      return isFunction(missing) ? missing(this._locale, id) : missing;
+    }
+    if (messageMissing) {
+      this.emit("missing", { id, locale: this._locale });
+    }
+    let translation = messageForId || message || id;
+    if (true) {
+      translation = isString(translation) ? compileMessage(translation) : translation;
+    }
+    if (isString(translation) && UNICODE_REGEX.test(translation))
+      return JSON.parse(`"${translation}"`);
+    if (isString(translation))
+      return translation;
+    return interpolate(
+      translation,
+      this._locale,
+      this._locales
+    )(values, options == null ? void 0 : options.formats);
+  }
+  date(value, format) {
+    return date(this._locales || this._locale, value, format);
+  }
+  number(value, format) {
+    return number(this._locales || this._locale, value, format);
+  }
+};
+function setupI18n(params = {}) {
+  return new I18n(params);
+}
+var i18n = setupI18n();
 
 // node_modules/.pnpm/@warp-ds+css@1.9.6/node_modules/@warp-ds/css/component-classes/index.js
 var box = {
@@ -1335,446 +1694,89 @@ var attention = {
   closeBtn: `${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill} justify-self-end -mr-8 ml-8`
 };
 
+// packages/toast/toast.js
+import WarpElement from "@warp-ds/elements-core";
+
 // node_modules/.pnpm/element-collapse@1.1.0/node_modules/element-collapse/index.js
 var windowExists = typeof window !== "undefined";
 var prefersMotion = true;
 if (windowExists) {
   const query = window.matchMedia("(prefers-reduced-motion: reduce)");
   const callback = ({ matches }) => prefersMotion = !matches;
-  if (query.addEventListener)
-    query.addEventListener("change", callback);
-  callback(query);
-}
-var removeTransition = (el) => {
-  el.style.transition = null;
-  el.style.backfaceVisibility = null;
-  el.style.overflow = null;
-};
-var addTransition = (el) => {
-  const timing = prefersMotion ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
-  el.style.transition = `height ${timing}`;
-  el.style.backfaceVisibility = "hidden";
-  el.style.overflow = "hidden";
-};
-var getAfterExpandCallback = (el, done) => () => {
-  el.style.height = "auto";
-  el.style.overflow = null;
-  if (done)
-    done();
-};
-var getAfterCollapseCallback = (done) => () => {
-  if (done)
-    done();
-};
-var expand = (el, done) => {
-  const returnPromise = (() => {
-    if (!done)
-      return new Promise((r) => {
-        done = r;
-      });
-  })();
-  const afterExpandCallback = getAfterExpandCallback(el, done);
-  removeTransition(el);
-  el.style.height = "auto";
-  let dest = el.scrollHeight;
-  windowExists && requestAnimationFrame(() => {
-    el.addEventListener("transitionend", afterExpandCallback, { once: true });
-    el.style.height = "0px";
-    el.style.transitionTimingFunction = "ease-out";
-    addTransition(el);
-    requestAnimationFrame(() => el.style.height = dest + "px");
-  });
-  if (returnPromise)
-    return returnPromise;
-};
-var collapse = (el, done) => {
-  const returnPromise = (() => {
-    if (!done)
-      return new Promise((r) => {
-        done = r;
-      });
-  })();
-  const afterCollapseCallback = getAfterCollapseCallback(done);
-  removeTransition(el);
-  let original = el.scrollHeight;
-  windowExists && requestAnimationFrame(() => {
-    el.addEventListener("transitionend", afterCollapseCallback, { once: true });
-    el.style.height = original + "px";
-    el.style.transitionTimingFunction = "ease-in";
-    addTransition(el);
-    requestAnimationFrame(() => el.style.height = "0px");
-  });
-  if (returnPromise)
-    return returnPromise;
-};
-
-// node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
-import { LitElement } from "lit";
-import { unsafeStatic, html } from "lit/static-html.js";
-
-// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
-var import_unraw = __toESM(require_dist(), 1);
-
-// node_modules/.pnpm/@lingui+message-utils@4.7.1/node_modules/@lingui/message-utils/dist/compileMessage.mjs
-var import_parser = __toESM(require_parser(), 1);
-function processTokens(tokens, mapText) {
-  if (!tokens.filter((token) => token.type !== "content").length) {
-    return tokens.map((token) => mapText(token.value)).join("");
-  }
-  return tokens.map((token) => {
-    var _a;
-    if (token.type === "content") {
-      return mapText(token.value);
-    } else if (token.type === "octothorpe") {
-      return "#";
-    } else if (token.type === "argument") {
-      return [token.arg];
-    } else if (token.type === "function") {
-      const _param = (_a = token == null ? void 0 : token.param) == null ? void 0 : _a[0];
-      if (_param) {
-        return [token.arg, token.key, _param.value.trim()];
-      } else {
-        return [token.arg, token.key];
-      }
-    }
-    const offset = token.pluralOffset;
-    const formatProps = {};
-    token.cases.forEach((item) => {
-      formatProps[item.key.replace(/^=(.)+/, "$1")] = processTokens(
-        item.tokens,
-        mapText
-      );
-    });
-    return [
-      token.arg,
-      token.type,
-      __spreadValues({
-        offset
-      }, formatProps)
-    ];
-  });
-}
-function compileMessage(message, mapText = (v) => v) {
-  try {
-    return processTokens((0, import_parser.parse)(message), mapText);
-  } catch (e) {
-    console.error(`${e.message} 
-
-Message: ${message}`);
-    return message;
-  }
-}
-
-// node_modules/.pnpm/@lingui+core@4.7.1/node_modules/@lingui/core/dist/index.mjs
-var isString = (s) => typeof s === "string";
-var isFunction = (f) => typeof f === "function";
-var cache = /* @__PURE__ */ new Map();
-var defaultLocale = "en";
-function normalizeLocales(locales) {
-  const out = Array.isArray(locales) ? locales : [locales];
-  return [...out, defaultLocale];
-}
-function date(locales, value, format) {
-  const _locales = normalizeLocales(locales);
-  const formatter = getMemoized(
-    () => cacheKey("date", _locales, format),
-    () => new Intl.DateTimeFormat(_locales, format)
-  );
-  return formatter.format(isString(value) ? new Date(value) : value);
-}
-function number(locales, value, format) {
-  const _locales = normalizeLocales(locales);
-  const formatter = getMemoized(
-    () => cacheKey("number", _locales, format),
-    () => new Intl.NumberFormat(_locales, format)
-  );
-  return formatter.format(value);
-}
-function plural(locales, ordinal, value, _a) {
-  var _b = _a, { offset = 0 } = _b, rules = __objRest(_b, ["offset"]);
-  var _a2, _b2;
-  const _locales = normalizeLocales(locales);
-  const plurals = ordinal ? getMemoized(
-    () => cacheKey("plural-ordinal", _locales),
-    () => new Intl.PluralRules(_locales, { type: "ordinal" })
-  ) : getMemoized(
-    () => cacheKey("plural-cardinal", _locales),
-    () => new Intl.PluralRules(_locales, { type: "cardinal" })
-  );
-  return (_b2 = (_a2 = rules[value]) != null ? _a2 : rules[plurals.select(value - offset)]) != null ? _b2 : rules.other;
-}
-function getMemoized(getKey, construct) {
-  const key = getKey();
-  let formatter = cache.get(key);
-  if (!formatter) {
-    formatter = construct();
-    cache.set(key, formatter);
-  }
-  return formatter;
-}
-function cacheKey(type, locales, options) {
-  const localeKey = locales.join("-");
-  return `${type}-${localeKey}-${JSON.stringify(options)}`;
-}
-var UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/g;
-var OCTOTHORPE_PH = "%__lingui_octothorpe__%";
-var getDefaultFormats = (locale, passedLocales, formats = {}) => {
-  const locales = passedLocales || locale;
-  const style = (format) => {
-    return typeof format === "object" ? format : formats[format] || { style: format };
-  };
-  const replaceOctothorpe = (value, message) => {
-    const numberFormat = Object.keys(formats).length ? style("number") : void 0;
-    const valueStr = number(locales, value, numberFormat);
-    return message.replace(new RegExp(OCTOTHORPE_PH, "g"), valueStr);
-  };
-  return {
-    plural: (value, cases) => {
-      const { offset = 0 } = cases;
-      const message = plural(locales, false, value, cases);
-      return replaceOctothorpe(value - offset, message);
-    },
-    selectordinal: (value, cases) => {
-      const { offset = 0 } = cases;
-      const message = plural(locales, true, value, cases);
-      return replaceOctothorpe(value - offset, message);
-    },
-    select: selectFormatter,
-    number: (value, format) => number(locales, value, style(format)),
-    date: (value, format) => date(locales, value, style(format))
-  };
-};
-var selectFormatter = (value, rules) => {
-  var _a;
-  return (_a = rules[value]) != null ? _a : rules.other;
-};
-function interpolate(translation, locale, locales) {
-  return (values = {}, formats) => {
-    const formatters = getDefaultFormats(locale, locales, formats);
-    const formatMessage = (tokens) => {
-      if (!Array.isArray(tokens))
-        return tokens;
-      return tokens.reduce((message, token) => {
-        if (token === "#") {
-          return message + OCTOTHORPE_PH;
-        }
-        if (isString(token)) {
-          return message + token;
-        }
-        const [name, type, format] = token;
-        let interpolatedFormat = {};
-        if (type === "plural" || type === "selectordinal" || type === "select") {
-          Object.entries(format).forEach(
-            ([key, value2]) => {
-              interpolatedFormat[key] = formatMessage(value2);
-            }
-          );
-        } else {
-          interpolatedFormat = format;
-        }
-        let value;
-        if (type) {
-          const formatter = formatters[type];
-          value = formatter(values[name], interpolatedFormat);
-        } else {
-          value = values[name];
-        }
-        if (value == null) {
-          return message;
-        }
-        return message + value;
-      }, "");
-    };
-    const result = formatMessage(translation);
-    if (isString(result) && UNICODE_REGEX.test(result)) {
-      return (0, import_unraw.unraw)(result.trim());
-    }
-    if (isString(result))
-      return result.trim();
-    return result ? String(result) : "";
-  };
+  if (query.addEventListener)
+    query.addEventListener("change", callback);
+  callback(query);
 }
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => {
-  __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+var removeTransition = (el) => {
+  el.style.transition = null;
+  el.style.backfaceVisibility = null;
+  el.style.overflow = null;
 };
-var EventEmitter = class {
-  constructor() {
-    __publicField$1(this, "_events", {});
-  }
-  on(event, listener) {
-    var _a2;
-    var _a;
-    (_a2 = (_a = this._events)[event]) != null ? _a2 : _a[event] = [];
-    this._events[event].push(listener);
-    return () => this.removeListener(event, listener);
-  }
-  removeListener(event, listener) {
-    const maybeListeners = this._getListeners(event);
-    if (!maybeListeners)
-      return;
-    const index = maybeListeners.indexOf(listener);
-    if (~index)
-      maybeListeners.splice(index, 1);
-  }
-  emit(event, ...args) {
-    const maybeListeners = this._getListeners(event);
-    if (!maybeListeners)
-      return;
-    maybeListeners.map((listener) => listener.apply(this, args));
-  }
-  _getListeners(event) {
-    const maybeListeners = this._events[event];
-    return Array.isArray(maybeListeners) ? maybeListeners : false;
-  }
+var addTransition = (el) => {
+  const timing = prefersMotion ? "var(--f-expansion-duration, 0.3s)" : "0.01s";
+  el.style.transition = `height ${timing}`;
+  el.style.backfaceVisibility = "hidden";
+  el.style.overflow = "hidden";
 };
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => {
-  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+var getAfterExpandCallback = (el, done) => () => {
+  el.style.height = "auto";
+  el.style.overflow = null;
+  if (done)
+    done();
 };
-var I18n = class extends EventEmitter {
-  constructor(params) {
-    var _a;
-    super();
-    __publicField2(this, "_locale", "");
-    __publicField2(this, "_locales");
-    __publicField2(this, "_localeData", {});
-    __publicField2(this, "_messages", {});
-    __publicField2(this, "_missing");
-    __publicField2(this, "t", this._.bind(this));
-    if (params.missing != null)
-      this._missing = params.missing;
-    if (params.messages != null)
-      this.load(params.messages);
-    if (params.localeData != null)
-      this.loadLocaleData(params.localeData);
-    if (typeof params.locale === "string" || params.locales) {
-      this.activate((_a = params.locale) != null ? _a : defaultLocale, params.locales);
-    }
-  }
-  get locale() {
-    return this._locale;
-  }
-  get locales() {
-    return this._locales;
-  }
-  get messages() {
-    var _a;
-    return (_a = this._messages[this._locale]) != null ? _a : {};
-  }
-  /**
-   * @deprecated this has no effect. Please remove this from the code. Deprecated in v4
-   */
-  get localeData() {
-    var _a;
-    return (_a = this._localeData[this._locale]) != null ? _a : {};
-  }
-  _loadLocaleData(locale, localeData) {
-    const maybeLocaleData = this._localeData[locale];
-    if (!maybeLocaleData) {
-      this._localeData[locale] = localeData;
-    } else {
-      Object.assign(maybeLocaleData, localeData);
-    }
-  }
-  /**
-   * @deprecated Plurals automatically used from Intl.PluralRules you can safely remove this call. Deprecated in v4
-   */
-  // @ts-ignore deprecated, so ignore the reported error
-  loadLocaleData(localeOrAllData, localeData) {
-    if (localeData != null) {
-      this._loadLocaleData(localeOrAllData, localeData);
-    } else {
-      Object.keys(localeOrAllData).forEach(
-        (locale) => this._loadLocaleData(locale, localeOrAllData[locale])
-      );
-    }
-    this.emit("change");
-  }
-  _load(locale, messages10) {
-    const maybeMessages = this._messages[locale];
-    if (!maybeMessages) {
-      this._messages[locale] = messages10;
-    } else {
-      Object.assign(maybeMessages, messages10);
-    }
-  }
-  load(localeOrMessages, messages10) {
-    if (typeof localeOrMessages == "string" && typeof messages10 === "object") {
-      this._load(localeOrMessages, messages10);
-    } else {
-      Object.entries(localeOrMessages).forEach(
-        ([locale, messages25]) => this._load(locale, messages25)
-      );
-    }
-    this.emit("change");
-  }
-  /**
-   * @param options {@link LoadAndActivateOptions}
-   */
-  loadAndActivate({ locale, locales, messages: messages10 }) {
-    this._locale = locale;
-    this._locales = locales || void 0;
-    this._messages[this._locale] = messages10;
-    this.emit("change");
-  }
-  activate(locale, locales) {
-    if (true) {
-      if (!this._messages[locale]) {
-        console.warn(`Messages for locale "${locale}" not loaded.`);
-      }
-    }
-    this._locale = locale;
-    this._locales = locales;
-    this.emit("change");
-  }
-  _(id, values, options) {
-    let message = options == null ? void 0 : options.message;
-    if (!isString(id)) {
-      values = id.values || values;
-      message = id.message;
-      id = id.id;
-    }
-    const messageForId = this.messages[id];
-    const messageMissing = messageForId === void 0;
-    const missing = this._missing;
-    if (missing && messageMissing) {
-      return isFunction(missing) ? missing(this._locale, id) : missing;
-    }
-    if (messageMissing) {
-      this.emit("missing", { id, locale: this._locale });
-    }
-    let translation = messageForId || message || id;
-    if (true) {
-      translation = isString(translation) ? compileMessage(translation) : translation;
-    }
-    if (isString(translation) && UNICODE_REGEX.test(translation))
-      return JSON.parse(`"${translation}"`);
-    if (isString(translation))
-      return translation;
-    return interpolate(
-      translation,
-      this._locale,
-      this._locales
-    )(values, options == null ? void 0 : options.formats);
-  }
-  date(value, format) {
-    return date(this._locales || this._locale, value, format);
-  }
-  number(value, format) {
-    return number(this._locales || this._locale, value, format);
-  }
+var getAfterCollapseCallback = (done) => () => {
+  if (done)
+    done();
 };
-function setupI18n(params = {}) {
-  return new I18n(params);
-}
-var i18n = setupI18n();
+var expand = (el, done) => {
+  const returnPromise = (() => {
+    if (!done)
+      return new Promise((r) => {
+        done = r;
+      });
+  })();
+  const afterExpandCallback = getAfterExpandCallback(el, done);
+  removeTransition(el);
+  el.style.height = "auto";
+  let dest = el.scrollHeight;
+  windowExists && requestAnimationFrame(() => {
+    el.addEventListener("transitionend", afterExpandCallback, { once: true });
+    el.style.height = "0px";
+    el.style.transitionTimingFunction = "ease-out";
+    addTransition(el);
+    requestAnimationFrame(() => el.style.height = dest + "px");
+  });
+  if (returnPromise)
+    return returnPromise;
+};
+var collapse = (el, done) => {
+  const returnPromise = (() => {
+    if (!done)
+      return new Promise((r) => {
+        done = r;
+      });
+  })();
+  const afterCollapseCallback = getAfterCollapseCallback(done);
+  removeTransition(el);
+  let original = el.scrollHeight;
+  windowExists && requestAnimationFrame(() => {
+    el.addEventListener("transitionend", afterCollapseCallback, { once: true });
+    el.style.height = original + "px";
+    el.style.transitionTimingFunction = "ease-in";
+    addTransition(el);
+    requestAnimationFrame(() => el.style.height = "0px");
+  });
+  if (returnPromise)
+    return returnPromise;
+};
+
+// packages/toast/toast.js
+import { classMap } from "lit/directives/class-map.js";
+import { when } from "lit/directives/when.js";
 
 // node_modules/.pnpm/@warp-ds+icons@2.0.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
+import { LitElement } from "lit";
+import { unsafeStatic, html } from "lit/static-html.js";
 var messages = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
 var messages2 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
 var messages3 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
@@ -2136,15 +2138,6 @@ if (!customElements.get("w-icon-close-16")) {
   customElements.define("w-icon-close-16", IconClose16);
 }
 
-// packages/toast/locales/en/messages.mjs
-var messages7 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
-
-// packages/toast/locales/nb/messages.mjs
-var messages8 = JSON.parse('{"toast.aria.error":"Varsel","toast.aria.successful":"Vellykket","toast.aria.warning":"Feil"}');
-
-// packages/toast/locales/fi/messages.mjs
-var messages9 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
-
 // packages/i18n.ts
 var supportedLocales5 = ["en", "nb", "fi"];
 var defaultLocale6 = "en";
@@ -2180,6 +2173,15 @@ var activateI18n5 = (enMessages, nbMessages, fiMessages) => {
   i18n.activate(locale);
 };
 
+// packages/toast/locales/en/messages.mjs
+var messages7 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+
+// packages/toast/locales/fi/messages.mjs
+var messages8 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+
+// packages/toast/locales/nb/messages.mjs
+var messages9 = JSON.parse('{"toast.aria.error":"Varsel","toast.aria.successful":"Vellykket","toast.aria.warning":"Feil"}');
+
 // packages/toast/toast.js
 var classes = (definition) => {
   const defn = {};
@@ -2198,7 +2200,7 @@ var toastType = {
 var WarpToast = class extends WarpElement {
   constructor() {
     super();
-    activateI18n5(messages7, messages8, messages9);
+    activateI18n5(messages7, messages9, messages8);
     this.id = Date.now().toString(36) + Math.random().toString(36).slice(2, 5);
     this.type = "success";
     this.text = "";
@@ -2428,7 +2430,14 @@ var WarpToastContainer = class extends WarpElement2 {
           ${repeat(
       this._toastsArray,
       (toast3) => toast3.id,
-      (toast3) => html6` <w-toast class="${toaster.content}" id="${toast3.id}" type="${toast3.type}" text="${toast3.text}" ?canclose=${toast3.canclose} @close=${() => this.del(toast3.id)}> </w-toast>`
+      (toast3) => html6` <w-toast
+                class="${toaster.content}"
+                id="${toast3.id}"
+                type="${toast3.type}"
+                text="${toast3.text}"
+                ?canclose=${toast3.canclose}
+                @close=${() => this.del(toast3.id)}>
+              </w-toast>`
     )}
         </div>
       </aside>