@warp-ds/elements 2.1.0 → 2.1.1-next.2

package/dist/index.js

@@ -732,9 +732,9 @@ var require_moo = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/lexer.js
+// node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/lexer.js
 var require_lexer = __commonJS({
-  "node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/lexer.js"(exports) {
+  "node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/lexer.js"(exports) {
     "use strict";
     var __importDefault = exports && exports.__importDefault || function(mod) {
       return mod && mod.__esModule ? mod : { "default": mod };
@@ -747,7 +747,7 @@ var require_lexer = __commonJS({
         doubleapos: { match: "''", value: () => "'" },
         quoted: {
           lineBreaks: true,
-          match: /'[{}#](?:[^]*?[^'])?'(?!')/u,
+          match: /'[{}#](?:[^']|'')*'(?!')/u,
           value: (src) => src.slice(1, -1).replace(/''/g, "'")
         },
         argument: {
@@ -799,12 +799,13 @@ var require_lexer = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/parser.js
+// node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/parser.js
 var require_parser = __commonJS({
-  "node_modules/.pnpm/@messageformat+parser@5.1.0/node_modules/@messageformat/parser/lib/parser.js"(exports) {
+  "node_modules/.pnpm/@messageformat+parser@5.1.1/node_modules/@messageformat/parser/lib/parser.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.parse = exports.ParseError = void 0;
+    exports.ParseError = void 0;
+    exports.parse = parse2;
     var lexer_js_1 = require_lexer();
     var getContext = (lt) => ({
       offset: lt.offset,
@@ -870,8 +871,9 @@ var require_parser = __commonJS({
       }
       checkSelectKey(lt, type, key) {
         if (key[0] === "=") {
-          if (type === "select")
+          if (type === "select") {
             throw new ParseError(lt, `The case ${key} is not valid with select`);
+          }
         } else if (type !== "select") {
           const keys2 = type === "plural" ? this.cardinalKeys : this.ordinalKeys;
           if (this.strictPluralKeys && keys2.length > 0 && !keys2.includes(key)) {
@@ -889,10 +891,12 @@ var require_parser = __commonJS({
         for (const lt of this.lexer) {
           switch (lt.type) {
             case "offset":
-              if (type === "select")
+              if (type === "select") {
                 throw new ParseError(lt, "Unexpected plural offset for select");
-              if (sel.cases.length > 0)
+              }
+              if (sel.cases.length > 0) {
                 throw new ParseError(lt, "Plural offset must be set before cases");
+              }
               sel.pluralOffset = Number(lt.value);
               ctx.text += lt.text;
               ctx.lineBreaks += lt.lineBreaks;
@@ -932,11 +936,13 @@ var require_parser = __commonJS({
             const end = this.lexer.next();
             if (!end)
               throw new ParseError(null, "Unexpected message end");
-            if (end.type !== "end")
+            if (end.type !== "end") {
               throw new ParseError(end, `Unexpected lexer token: ${end.type}`);
+            }
             ctx.text += end.text;
-            if (isSelectType(argType.value.toLowerCase()))
+            if (isSelectType(argType.value.toLowerCase())) {
               throw new ParseError(argType, `Invalid type identifier: ${argType.value}`);
+            }
             return {
               type: "function",
               arg: lt.value,
@@ -950,8 +956,9 @@ var require_parser = __commonJS({
               throw new ParseError(argType, msg);
             }
             let param = this.parseBody(this.strict ? false : inPlural);
-            if (this.strict && param.length > 0)
+            if (this.strict && param.length > 0) {
               param = strictArgStyleParam(lt, param);
+            }
             return {
               type: "function",
               arg: lt.value,
@@ -961,10 +968,11 @@ var require_parser = __commonJS({
             };
           }
           case "select":
-            if (isSelectType(argType.value))
+            if (isSelectType(argType.value)) {
               return this.parseSelect(lt, inPlural, ctx, argType.value);
-            else
+            } else {
               throw new ParseError(argType, `Unexpected select type ${argType.value}`);
+            }
           default:
             throw new ParseError(argType, `Unexpected lexer token: ${argType.type}`);
         }
@@ -1011,7 +1019,6 @@ var require_parser = __commonJS({
       const parser = new Parser(src, options);
       return parser.parse();
     }
-    exports.parse = parse2;
   }
 });
 
@@ -1028,7 +1035,7 @@ var r = function() {
   }, []).join(" ");
 };
 
-// node_modules/.pnpm/@warp-ds+css@2.0.0_@warp-ds+uno@2.0.0_unocss@0.62.0_postcss@8.4.41_rollup@4.20.0_vite@5.3.3_@_vyiy5vwpqfzwy5hpmfkwp3zmle/node_modules/@warp-ds/css/component-classes/index.js
+// node_modules/.pnpm/@warp-ds+css@2.1.1_@warp-ds+uno@2.1.0_unocss@0.62.0_postcss@8.5.1_rollup@4.32.1_vite@5.3.3_@t_sgrraibu65gdmqpe655kfrpl6a/node_modules/@warp-ds/css/component-classes/index.js
 var badge = {
   base: "py-4 px-8 border-0 rounded-4 text-xs inline-flex",
   neutral: "bg-[--w-color-badge-neutral-background] s-text",
@@ -1429,18 +1436,276 @@ var attention = {
 import WarpElement from "@warp-ds/elements-core";
 import { ifDefined } from "lit/directives/if-defined.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/search-16.js
 import { LitElement } from "lit";
 import { unsafeStatic, html } from "lit/static-html.js";
 
-// node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-macros@3.1.0_typescri_qfhfd5z2jpd4amxt2golzdalsi/node_modules/@lingui/core/dist/index.mjs
 var import_unraw = __toESM(require_dist(), 1);
 
-// node_modules/.pnpm/@lingui+message-utils@4.11.2/node_modules/@lingui/message-utils/dist/compileMessage.mjs
+// node_modules/.pnpm/@lingui+message-utils@5.2.0/node_modules/@lingui/message-utils/dist/compileMessage.mjs
 var import_parser = __toESM(require_parser(), 1);
+var DateFormatError = class extends Error {
+  /** @internal */
+  constructor(msg, token, type) {
+    super(msg);
+    this.token = token;
+    this.type = type || "error";
+  }
+};
+var alpha = (width) => width < 4 ? "short" : width === 4 ? "long" : "narrow";
+var numeric = (width) => width % 2 === 0 ? "2-digit" : "numeric";
+function yearOptions(token, onError) {
+  switch (token.char) {
+    case "y":
+      return { year: numeric(token.width) };
+    case "r":
+      return { calendar: "gregory", year: "numeric" };
+    case "u":
+    case "U":
+    case "Y":
+    default:
+      onError(`${token.desc} is not supported; falling back to year:numeric`, DateFormatError.WARNING);
+      return { year: "numeric" };
+  }
+}
+function monthStyle(token, onError) {
+  switch (token.width) {
+    case 1:
+      return "numeric";
+    case 2:
+      return "2-digit";
+    case 3:
+      return "short";
+    case 4:
+      return "long";
+    case 5:
+      return "narrow";
+    default:
+      onError(`${token.desc} is not supported with width ${token.width}`);
+      return void 0;
+  }
+}
+function dayStyle(token, onError) {
+  const { char, desc, width } = token;
+  if (char === "d") {
+    return numeric(width);
+  } else {
+    onError(`${desc} is not supported`);
+    return void 0;
+  }
+}
+function weekdayStyle(token, onError) {
+  const { char, desc, width } = token;
+  if ((char === "c" || char === "e") && width < 3) {
+    const msg = `Numeric value is not supported for ${desc}; falling back to weekday:short`;
+    onError(msg, DateFormatError.WARNING);
+  }
+  return alpha(width);
+}
+function hourOptions(token) {
+  const hour = numeric(token.width);
+  let hourCycle;
+  switch (token.char) {
+    case "h":
+      hourCycle = "h12";
+      break;
+    case "H":
+      hourCycle = "h23";
+      break;
+    case "k":
+      hourCycle = "h24";
+      break;
+    case "K":
+      hourCycle = "h11";
+      break;
+  }
+  return hourCycle ? { hour, hourCycle } : { hour };
+}
+function timeZoneNameStyle(token, onError) {
+  const { char, desc, width } = token;
+  switch (char) {
+    case "v":
+    case "z":
+      return width === 4 ? "long" : "short";
+    case "V":
+      if (width === 4)
+        return "long";
+      onError(`${desc} is not supported with width ${width}`);
+      return void 0;
+    case "X":
+      onError(`${desc} is not supported`);
+      return void 0;
+  }
+  return "short";
+}
+function compileOptions(token, onError) {
+  switch (token.field) {
+    case "era":
+      return { era: alpha(token.width) };
+    case "year":
+      return yearOptions(token, onError);
+    case "month":
+      return { month: monthStyle(token, onError) };
+    case "day":
+      return { day: dayStyle(token, onError) };
+    case "weekday":
+      return { weekday: weekdayStyle(token, onError) };
+    case "period":
+      return void 0;
+    case "hour":
+      return hourOptions(token);
+    case "min":
+      return { minute: numeric(token.width) };
+    case "sec":
+      return { second: numeric(token.width) };
+    case "tz":
+      return { timeZoneName: timeZoneNameStyle(token, onError) };
+    case "quarter":
+    case "week":
+    case "sec-frac":
+    case "ms":
+      onError(`${token.desc} is not supported`);
+  }
+  return void 0;
+}
+function getDateFormatOptions(tokens, timeZone, onError = (error) => {
+  throw error;
+}) {
+  const options = {
+    timeZone
+  };
+  const fields2 = [];
+  for (const token of tokens) {
+    const { error, field, str } = token;
+    if (error) {
+      const dte = new DateFormatError(error.message, token);
+      dte.stack = error.stack;
+      onError(dte);
+    }
+    if (str) {
+      const msg = `Ignoring string part: ${str}`;
+      onError(new DateFormatError(msg, token, DateFormatError.WARNING));
+    }
+    if (field) {
+      if (fields2.indexOf(field) === -1)
+        fields2.push(field);
+      else
+        onError(new DateFormatError(`Duplicate ${field} token`, token));
+    }
+    const opt = compileOptions(token, (msg, isWarning) => onError(new DateFormatError(msg, token, isWarning)));
+    if (opt)
+      Object.assign(options, opt);
+  }
+  return options;
+}
+var fields = {
+  G: { field: "era", desc: "Era" },
+  y: { field: "year", desc: "Year" },
+  Y: { field: "year", desc: 'Year of "Week of Year"' },
+  u: { field: "year", desc: "Extended year" },
+  U: { field: "year", desc: "Cyclic year name" },
+  r: { field: "year", desc: "Related Gregorian year" },
+  Q: { field: "quarter", desc: "Quarter" },
+  q: { field: "quarter", desc: "Stand-alone quarter" },
+  M: { field: "month", desc: "Month in year" },
+  L: { field: "month", desc: "Stand-alone month in year" },
+  w: { field: "week", desc: "Week of year" },
+  W: { field: "week", desc: "Week of month" },
+  d: { field: "day", desc: "Day in month" },
+  D: { field: "day", desc: "Day of year" },
+  F: { field: "day", desc: "Day of week in month" },
+  g: { field: "day", desc: "Modified julian day" },
+  E: { field: "weekday", desc: "Day of week" },
+  e: { field: "weekday", desc: "Local day of week" },
+  c: { field: "weekday", desc: "Stand-alone local day of week" },
+  a: { field: "period", desc: "AM/PM marker" },
+  b: { field: "period", desc: "AM/PM/noon/midnight marker" },
+  B: { field: "period", desc: "Flexible day period" },
+  h: { field: "hour", desc: "Hour in AM/PM (1~12)" },
+  H: { field: "hour", desc: "Hour in day (0~23)" },
+  k: { field: "hour", desc: "Hour in day (1~24)" },
+  K: { field: "hour", desc: "Hour in AM/PM (0~11)" },
+  j: { field: "hour", desc: "Hour in preferred cycle" },
+  J: { field: "hour", desc: "Hour in preferred cycle without marker" },
+  C: { field: "hour", desc: "Hour in preferred cycle with flexible marker" },
+  m: { field: "min", desc: "Minute in hour" },
+  s: { field: "sec", desc: "Second in minute" },
+  S: { field: "sec-frac", desc: "Fractional second" },
+  A: { field: "ms", desc: "Milliseconds in day" },
+  z: { field: "tz", desc: "Time Zone: specific non-location" },
+  Z: { field: "tz", desc: "Time Zone" },
+  O: { field: "tz", desc: "Time Zone: localized" },
+  v: { field: "tz", desc: "Time Zone: generic non-location" },
+  V: { field: "tz", desc: "Time Zone: ID" },
+  X: { field: "tz", desc: "Time Zone: ISO8601 with Z" },
+  x: { field: "tz", desc: "Time Zone: ISO8601" }
+};
+var isLetter = (char) => char >= "A" && char <= "Z" || char >= "a" && char <= "z";
+function readFieldToken(src, pos) {
+  const char = src[pos];
+  let width = 1;
+  while (src[++pos] === char)
+    ++width;
+  const field = fields[char];
+  if (!field) {
+    const msg = `The letter ${char} is not a valid field identifier`;
+    return { char, error: new Error(msg), width };
+  }
+  return { char, field: field.field, desc: field.desc, width };
+}
+function readQuotedToken(src, pos) {
+  let str = src[++pos];
+  let width = 2;
+  if (str === "'")
+    return { char: "'", str, width };
+  while (true) {
+    const next = src[++pos];
+    ++width;
+    if (next === void 0) {
+      const msg = `Unterminated quoted literal in pattern: ${str || src}`;
+      return { char: "'", error: new Error(msg), str, width };
+    } else if (next === "'") {
+      if (src[++pos] !== "'")
+        return { char: "'", str, width };
+      else
+        ++width;
+    }
+    str += next;
+  }
+}
+function readToken(src, pos) {
+  const char = src[pos];
+  if (!char)
+    return null;
+  if (isLetter(char))
+    return readFieldToken(src, pos);
+  if (char === "'")
+    return readQuotedToken(src, pos);
+  let str = char;
+  let width = 1;
+  while (true) {
+    const next = src[++pos];
+    if (!next || isLetter(next) || next === "'")
+      return { char, str, width };
+    str += next;
+    width += 1;
+  }
+}
+function parseDateTokens(src) {
+  const tokens = [];
+  let pos = 0;
+  while (true) {
+    const token = readToken(src, pos);
+    if (!token)
+      return tokens;
+    tokens.push(token);
+    pos += token.width;
+  }
+}
 function processTokens(tokens, mapText) {
   if (!tokens.filter((token) => token.type !== "content").length) {
-    return tokens.map((token) => mapText(token.value)).join("");
+    return tokens.map((token) => mapText(token.value));
   }
   return tokens.map((token) => {
     var _a;
@@ -1452,6 +1717,12 @@ function processTokens(tokens, mapText) {
       return [token.arg];
     } else if (token.type === "function") {
       const _param = (_a = token == null ? void 0 : token.param) == null ? void 0 : _a[0];
+      if (token.key === "date" && _param) {
+        const opts = compileDateExpression(_param.value.trim(), (e) => {
+          throw new Error(`Unable to compile date expression: ${e.message}`);
+        });
+        return [token.arg, token.key, opts];
+      }
       if (_param) {
         return [token.arg, token.key, _param.value.trim()];
       } else {
@@ -1473,6 +1744,13 @@ function processTokens(tokens, mapText) {
     ];
   });
 }
+function compileDateExpression(format, onError) {
+  if (/^::/.test(format)) {
+    const tokens = parseDateTokens(format.substring(2));
+    return getDateFormatOptions(tokens, void 0, onError);
+  }
+  return format;
+}
 function compileMessage(message, mapText = (v) => v) {
   try {
     return processTokens((0, import_parser.parse)(message), mapText);
@@ -1480,11 +1758,11 @@ function compileMessage(message, mapText = (v) => v) {
     console.error(`${e.message} 
 
 Message: ${message}`);
-    return message;
+    return [message];
   }
 }
 
-// node_modules/.pnpm/@lingui+core@4.11.2/node_modules/@lingui/core/dist/index.mjs
+// node_modules/.pnpm/@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-macros@3.1.0_typescri_qfhfd5z2jpd4amxt2golzdalsi/node_modules/@lingui/core/dist/index.mjs
 var isString = (s) => typeof s === "string";
 var isFunction = (f2) => typeof f2 === "function";
 var cache = /* @__PURE__ */ new Map();
@@ -1495,12 +1773,59 @@ function normalizeLocales(locales) {
 }
 function date(locales, value, format) {
   const _locales = normalizeLocales(locales);
+  if (!format) {
+    format = "default";
+  }
+  let o;
+  if (typeof format === "string") {
+    o = {
+      day: "numeric",
+      month: "short",
+      year: "numeric"
+    };
+    switch (format) {
+      case "full":
+        o.weekday = "long";
+      case "long":
+        o.month = "long";
+        break;
+      case "short":
+        o.month = "numeric";
+        break;
+    }
+  } else {
+    o = format;
+  }
   const formatter = getMemoized(
     () => cacheKey("date", _locales, format),
-    () => new Intl.DateTimeFormat(_locales, format)
+    () => new Intl.DateTimeFormat(_locales, o)
   );
   return formatter.format(isString(value) ? new Date(value) : value);
 }
+function time(locales, value, format) {
+  let o;
+  if (!format) {
+    format = "default";
+  }
+  if (typeof format === "string") {
+    o = {
+      second: "numeric",
+      minute: "numeric",
+      hour: "numeric"
+    };
+    switch (format) {
+      case "full":
+      case "long":
+        o.timeZoneName = "short";
+        break;
+      case "short":
+        delete o.second;
+    }
+  } else {
+    o = format;
+  }
+  return date(locales, value, o);
+}
 function number(locales, value, format) {
   const _locales = normalizeLocales(locales);
   const formatter = getMemoized(
@@ -1535,12 +1860,14 @@ 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 UNICODE_REGEX = /\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/;
 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 };
+    if (typeof format === "object")
+      return format;
+    return formats[format];
   };
   const replaceOctothorpe = (value, message) => {
     const numberFormat = Object.keys(formats).length ? style("number") : void 0;
@@ -1559,8 +1886,13 @@ var getDefaultFormats = (locale, passedLocales, formats = {}) => {
       return replaceOctothorpe(value - offset3, message);
     },
     select: selectFormatter,
-    number: (value, format) => number(locales, value, style(format)),
-    date: (value, format) => date(locales, value, style(format))
+    number: (value, format) => number(
+      locales,
+      value,
+      style(format) || { style: format }
+    ),
+    date: (value, format) => date(locales, value, style(format) || format),
+    time: (value, format) => time(locales, value, style(format) || format)
   };
 };
 var selectFormatter = (value, rules) => {
@@ -1609,10 +1941,10 @@ function interpolate(translation, locale, locales) {
     };
     const result = formatMessage(translation);
     if (isString(result) && UNICODE_REGEX.test(result)) {
-      return (0, import_unraw.unraw)(result.trim());
+      return (0, import_unraw.unraw)(result);
     }
     if (isString(result))
-      return result.trim();
+      return result;
     return result ? String(result) : "";
   };
 }
@@ -1667,7 +1999,11 @@ var I18n = class extends EventEmitter {
     __publicField2(this, "_localeData", {});
     __publicField2(this, "_messages", {});
     __publicField2(this, "_missing");
+    __publicField2(this, "_messageCompiler");
     __publicField2(this, "t", this._.bind(this));
+    if (true) {
+      this.setMessagesCompiler(compileMessage);
+    }
     if (params.missing != null)
       this._missing = params.missing;
     if (params.messages != null)
@@ -1703,12 +2039,30 @@ var I18n = class extends EventEmitter {
       Object.assign(maybeLocaleData, localeData);
     }
   }
+  /**
+   * Registers a `MessageCompiler` to enable the use of uncompiled catalogs at runtime.
+   *
+   * In production builds, the `MessageCompiler` is typically excluded to reduce bundle size.
+   * By default, message catalogs should be precompiled during the build process. However,
+   * if you need to compile catalogs at runtime, you can use this method to set a message compiler.
+   *
+   * Example usage:
+   *
+   * ```ts
+   * import { compileMessage } from "@lingui/message-utils/compileMessage";
+   *
+   * i18n.setMessagesCompiler(compileMessage);
+   * ```
+   */
+  setMessagesCompiler(compiler) {
+    this._messageCompiler = compiler;
+    return this;
+  }
   /**
    * @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) {
+    if (typeof localeOrAllData === "string") {
       this._loadLocaleData(localeOrAllData, localeData);
     } else {
       Object.keys(localeOrAllData).forEach(
@@ -1755,6 +2109,11 @@ var I18n = class extends EventEmitter {
     this.emit("change");
   }
   _(id, values, options) {
+    if (!this.locale) {
+      throw new Error(
+        "Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic."
+      );
+    }
     let message = options == null ? void 0 : options.message;
     if (!id) {
       id = "";
@@ -1774,8 +2133,20 @@ var I18n = class extends EventEmitter {
       this.emit("missing", { id, locale: this._locale });
     }
     let translation = messageForId || message || id;
-    if (true) {
-      translation = isString(translation) ? compileMessage(translation) : translation;
+    if (isString(translation)) {
+      if (this._messageCompiler) {
+        translation = this._messageCompiler(translation);
+      } else {
+        console.warn(`Uncompiled message detected! Message:
+
+> ${translation}
+
+That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
+ICU features such as interpolation and plurals will not work properly for that message. 
+
+Please compile your catalog first. 
+`);
+      }
     }
     if (isString(translation) && UNICODE_REGEX.test(translation))
       return JSON.parse(`"${translation}"`);
@@ -1799,12 +2170,12 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/search-16.js
-var messages = JSON.parse('{"icon.title.search":"Forst\xF8rrelsesglass"}');
-var messages2 = JSON.parse('{"icon.title.search":"Magnifying glass"}');
-var messages3 = JSON.parse('{"icon.title.search":"Suurennuslasi"}');
-var messages4 = JSON.parse('{"icon.title.search":"Forst\xF8rrelsesglas"}');
-var messages5 = JSON.parse('{"icon.title.search":"F\xF6rstoringsglas"}');
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/search-16.js
+var messages = JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}');
+var messages2 = JSON.parse('{"icon.title.search":["Magnifying glass"]}');
+var messages3 = JSON.parse('{"icon.title.search":["Suurennuslasi"]}');
+var messages4 = JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}');
+var messages5 = JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}');
 var supportedLocales = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale2 = "en";
 var detectByBrand = () => {
@@ -1891,14 +2262,14 @@ if (!customElements.get("w-icon-search-16")) {
   customElements.define("w-icon-search-16", IconSearch16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/close-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/close-16.js
 import { LitElement as LitElement2 } from "lit";
 import { unsafeStatic as unsafeStatic2, html as html2 } from "lit/static-html.js";
-var messages6 = JSON.parse('{"icon.title.close":"Kryss"}');
-var messages22 = JSON.parse('{"icon.title.close":"Cross"}');
-var messages32 = JSON.parse('{"icon.title.close":"Rasti"}');
-var messages42 = JSON.parse('{"icon.title.close":"Kryds"}');
-var messages52 = JSON.parse('{"icon.title.close":"Kryss"}');
+var messages6 = JSON.parse('{"icon.title.close":["Kryss"]}');
+var messages22 = JSON.parse('{"icon.title.close":["Cross"]}');
+var messages32 = JSON.parse('{"icon.title.close":["Rasti"]}');
+var messages42 = JSON.parse('{"icon.title.close":["Kryds"]}');
+var messages52 = JSON.parse('{"icon.title.close":["Kryss"]}');
 var supportedLocales2 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale3 = "en";
 var detectByBrand2 = () => {
@@ -2062,14 +2433,14 @@ if (!customElements.get("w-affix")) {
 import { css, html as html8 } from "lit";
 import WarpElement2 from "@warp-ds/elements-core";
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/info-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/info-16.js
 import { LitElement as LitElement3 } from "lit";
 import { unsafeStatic as unsafeStatic3, html as html4 } from "lit/static-html.js";
-var messages7 = JSON.parse('{"icon.title.info":"Informasjonssirkel"}');
-var messages23 = JSON.parse('{"icon.title.info":"Information circle"}');
-var messages33 = JSON.parse('{"icon.title.info":"Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"}');
-var messages43 = JSON.parse('{"icon.title.info":"Informationscirkel"}');
-var messages53 = JSON.parse('{"icon.title.info":"Informationscirkel"}');
+var messages7 = JSON.parse('{"icon.title.info":["Informasjonssirkel"]}');
+var messages23 = JSON.parse('{"icon.title.info":["Information circle"]}');
+var messages33 = JSON.parse('{"icon.title.info":["Ympyr\xE4, jonka sis\xE4ll\xE4 on i-kirjain"]}');
+var messages43 = JSON.parse('{"icon.title.info":["Informationscirkel"]}');
+var messages53 = JSON.parse('{"icon.title.info":["Informationscirkel"]}');
 var supportedLocales3 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale4 = "en";
 var detectByBrand3 = () => {
@@ -2156,14 +2527,14 @@ if (!customElements.get("w-icon-info-16")) {
   customElements.define("w-icon-info-16", IconInfo16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/warning-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/warning-16.js
 import { LitElement as LitElement4 } from "lit";
 import { unsafeStatic as unsafeStatic4, html as html5 } from "lit/static-html.js";
-var messages8 = JSON.parse('{"icon.title.warning":"Varseltrekant med utropstegn"}');
-var messages24 = JSON.parse('{"icon.title.warning":"Warning triangle with exclamation point"}');
-var messages34 = JSON.parse('{"icon.title.warning":"Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
-var messages44 = JSON.parse('{"icon.title.warning":"Advarselstrekant med et udr\xE5bstegn"}');
-var messages54 = JSON.parse('{"icon.title.warning":"Varningstriangel med utropstecken"}');
+var messages8 = JSON.parse('{"icon.title.warning":["Varseltrekant med utropstegn"]}');
+var messages24 = JSON.parse('{"icon.title.warning":["Warning triangle with exclamation point"]}');
+var messages34 = JSON.parse('{"icon.title.warning":["Varoituskolmio, jonka sis\xE4ll\xE4 on huutomerkki"]}');
+var messages44 = JSON.parse('{"icon.title.warning":["Advarselstrekant med et udr\xE5bstegn"]}');
+var messages54 = JSON.parse('{"icon.title.warning":["Varningstriangel med utropstecken"]}');
 var supportedLocales4 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale5 = "en";
 var detectByBrand4 = () => {
@@ -2250,14 +2621,14 @@ if (!customElements.get("w-icon-warning-16")) {
   customElements.define("w-icon-warning-16", IconWarning16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/error-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/error-16.js
 import { LitElement as LitElement5 } from "lit";
 import { unsafeStatic as unsafeStatic5, html as html6 } from "lit/static-html.js";
-var messages9 = JSON.parse('{"icon.title.error":"\xC5ttekant med utropstegn"}');
-var messages25 = JSON.parse('{"icon.title.error":"Octagon with exclamation point"}');
-var messages35 = JSON.parse('{"icon.title.error":"Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"}');
-var messages45 = JSON.parse('{"icon.title.error":"Ottekant med et udr\xE5bstegn"}');
-var messages55 = JSON.parse('{"icon.title.error":"Oktagon med utropstecken"}');
+var messages9 = JSON.parse('{"icon.title.error":["\xC5ttekant med utropstegn"]}');
+var messages25 = JSON.parse('{"icon.title.error":["Octagon with exclamation point"]}');
+var messages35 = JSON.parse('{"icon.title.error":["Kahdeksankulmio, jonka sis\xE4ll\xE4 on huutomerkki"]}');
+var messages45 = JSON.parse('{"icon.title.error":["Ottekant med et udr\xE5bstegn"]}');
+var messages55 = JSON.parse('{"icon.title.error":["Oktagon med utropstecken"]}');
 var supportedLocales5 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale6 = "en";
 var detectByBrand5 = () => {
@@ -2344,14 +2715,14 @@ if (!customElements.get("w-icon-error-16")) {
   customElements.define("w-icon-error-16", IconError16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/success-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/success-16.js
 import { LitElement as LitElement6 } from "lit";
 import { unsafeStatic as unsafeStatic6, html as html7 } from "lit/static-html.js";
-var messages10 = JSON.parse('{"icon.title.success":"Sirkel med sjekkmerke"}');
-var messages26 = JSON.parse('{"icon.title.success":"Circle with checkmark"}');
-var messages36 = JSON.parse('{"icon.title.success":"Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"}');
-var messages46 = JSON.parse('{"icon.title.success":"Cirkel med et flueben"}');
-var messages56 = JSON.parse('{"icon.title.success":"Cirkel med bock"}');
+var messages10 = JSON.parse('{"icon.title.success":["Sirkel med sjekkmerke"]}');
+var messages26 = JSON.parse('{"icon.title.success":["Circle with checkmark"]}');
+var messages36 = JSON.parse('{"icon.title.success":["Ympyr\xE4, jonka sis\xE4ll\xE4 on valintamerkki"]}');
+var messages46 = JSON.parse('{"icon.title.success":["Cirkel med et flueben"]}');
+var messages56 = JSON.parse('{"icon.title.success":["Cirkel med bock"]}');
 var supportedLocales6 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale7 = "en";
 var detectByBrand6 = () => {
@@ -2521,7 +2892,7 @@ if (!customElements.get("w-alert")) {
 // packages/attention/index.js
 import { css as css2, html as html9, nothing } from "lit";
 
-// node_modules/.pnpm/@floating-ui+utils@0.2.7/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+// node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
 var min = Math.min;
 var max = Math.max;
@@ -2650,7 +3021,7 @@ function rectToClientRect(rect) {
   };
 }
 
-// node_modules/.pnpm/@floating-ui+core@1.6.7/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+// node_modules/.pnpm/@floating-ui+core@1.6.9/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
 function computeCoordsFromPlacement(_ref, placement, rtl) {
   let {
     reference,
@@ -3092,11 +3463,11 @@ async function convertValueToCoords(state, options) {
     mainAxis: rawValue,
     crossAxis: 0,
     alignmentAxis: null
-  } : __spreadValues({
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null
-  }, rawValue);
+  } : {
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
+  };
   if (alignment && typeof alignmentAxis === "number") {
     crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
   }
@@ -3200,7 +3571,11 @@ var shift = function(options) {
       return __spreadProps(__spreadValues({}, limitedCoords), {
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y2
+          y: limitedCoords.y - y2,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
         }
       });
     }
@@ -3214,6 +3589,7 @@ var size = function(options) {
     name: "size",
     options,
     async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -3250,10 +3626,11 @@ var size = function(options) {
       const noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
-      if (isYAxis) {
-        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-      } else {
-        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
       }
       if (noShift && !alignment) {
         const xMin = max(overflow.left, 0);
@@ -3283,7 +3660,10 @@ var size = function(options) {
   };
 };
 
-// node_modules/.pnpm/@floating-ui+utils@0.2.7/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+// node_modules/.pnpm/@floating-ui+utils@0.2.9/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function hasWindow() {
+  return typeof window !== "undefined";
+}
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || "").toLowerCase();
@@ -3299,16 +3679,25 @@ function getDocumentElement(node) {
   return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
 }
 function isNode(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Node || value instanceof getWindow(value).Node;
 }
 function isElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof Element || value instanceof getWindow(value).Element;
 }
 function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
   return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
 }
 function isShadowRoot(value) {
-  if (typeof ShadowRoot === "undefined") {
+  if (!hasWindow() || typeof ShadowRoot === "undefined") {
     return false;
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
@@ -3337,7 +3726,7 @@ function isTopLayer(element) {
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
   const css11 = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
-  return css11.transform !== "none" || css11.perspective !== "none" || (css11.containerType ? css11.containerType !== "normal" : false) || !webkit && (css11.backdropFilter ? css11.backdropFilter !== "none" : false) || !webkit && (css11.filter ? css11.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css11.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css11.contain || "").includes(value));
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css11[value] ? css11[value] !== "none" : false) || (css11.containerType ? css11.containerType !== "normal" : false) || !webkit && (css11.backdropFilter ? css11.backdropFilter !== "none" : false) || !webkit && (css11.filter ? css11.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css11.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css11.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -3417,7 +3806,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 
-// node_modules/.pnpm/@floating-ui+dom@1.6.10/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+// node_modules/.pnpm/@floating-ui+dom@1.6.13/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
 function getCssDimensions(element) {
   const css11 = getComputedStyle(element);
   let width = parseFloat(css11.width) || 0;
@@ -3535,6 +3924,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y: y2
   });
 }
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
+  if (ignoreScrollbarX === void 0) {
+    ignoreScrollbarX = false;
+  }
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
+    // RTL <body> scrollbar.
+    getWindowScrollBarX(documentElement, htmlRect)
+  ));
+  const y2 = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y: y2
+  };
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -3566,19 +3977,17 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
-    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x,
-    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
   };
 }
 function getClientRects(element) {
   return Array.from(element.getClientRects());
 }
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
 function getDocumentRect(element) {
   const html30 = getDocumentElement(element);
   const scroll = getNodeScroll(element);
@@ -3647,10 +4056,12 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
     rect = getInnerBoundingClientRect(clippingAncestor, strategy);
   } else {
     const visualOffsets = getVisualOffsets(element);
-    rect = __spreadProps(__spreadValues({}, clippingAncestor), {
+    rect = {
       x: clippingAncestor.x - visualOffsets.x,
-      y: clippingAncestor.y - visualOffsets.y
-    });
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
+    };
   }
   return rectToClientRect(rect);
 }
@@ -3744,8 +4155,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  const x = rect.left + scroll.scrollLeft - offsets.x;
-  const y2 = rect.top + scroll.scrollTop - offsets.y;
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y2 = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
     y: y2,
@@ -3763,7 +4175,11 @@ function getTrueOffsetParent(element, polyfill) {
   if (polyfill) {
     return polyfill(element);
   }
-  return element.offsetParent;
+  let rawOffsetParent = element.offsetParent;
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
 }
 function getOffsetParent(element, polyfill) {
   const win = getWindow(element);
@@ -3837,7 +4253,7 @@ var computePosition2 = (reference, floating, options) => {
   }));
 };
 
-// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
+// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.13/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
 var TOP_START = "top-start";
 var TOP = "top";
 var TOP_END = "top-end";
@@ -4038,19 +4454,19 @@ var activateI18n7 = (enMessages, nbMessages, fiMessages, daMessages, svMessages)
 };
 
 // packages/attention/locales/da/messages.mjs
-var messages11 = JSON.parse('{"attention.aria.callout":"En gr\xF8n taleboble der introducerer noget nyt","attention.aria.close":"Luk","attention.aria.highlight":"En opm\xE6rksomhedsskabende taleboble med vigtig information","attention.aria.pointingDown":"peger nedad","attention.aria.pointingLeft":"peger til venstre","attention.aria.pointingRight":"peger til h\xF8jre","attention.aria.pointingUp":"peger opad","attention.aria.popover":"En hvid taleboble med mere information","attention.aria.tooltip":"En sort taleboble med flere oplysninger"}');
+var messages11 = JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');
 
 // packages/attention/locales/en/messages.mjs
-var messages12 = JSON.parse('{"attention.aria.callout":"A green speech bubble introducing something new","attention.aria.close":"Close","attention.aria.highlight":"An attention speech bubble with important information","attention.aria.pointingDown":"pointing down","attention.aria.pointingLeft":"pointing left","attention.aria.pointingRight":"pointing right","attention.aria.pointingUp":"pointing up","attention.aria.popover":"A white speech bubble providing additional information","attention.aria.tooltip":"A black speech bubble providing complementary information"}');
+var messages12 = JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');
 
 // packages/attention/locales/fi/messages.mjs
-var messages13 = JSON.parse('{"attention.aria.callout":"Vihre\xE4 puhekupla, joka esittelee jotain uutta","attention.aria.close":"Sulje","attention.aria.highlight":"Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa","attention.aria.pointingDown":"osoittaa alas","attention.aria.pointingLeft":"osoittaa vasemmalle","attention.aria.pointingRight":"osoittaa oikealle","attention.aria.pointingUp":"osoittaa yl\xF6s","attention.aria.popover":"Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa","attention.aria.tooltip":"Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"}');
+var messages13 = JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');
 
 // packages/attention/locales/nb/messages.mjs
-var messages14 = JSON.parse('{"attention.aria.callout":"Gr\xF8nn taleboble som introduserer noe nytt","attention.aria.close":"Lukk","attention.aria.highlight":"En uthevet taleboble med viktig informasjon","attention.aria.pointingDown":"peker ned","attention.aria.pointingLeft":"peker til venstre","attention.aria.pointingRight":"peker til h\xF8yre","attention.aria.pointingUp":"peker opp","attention.aria.popover":"En hvit taleboble som gir tilleggsinformasjon","attention.aria.tooltip":"En svart taleboble som forklarer konteksten"}');
+var messages14 = JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');
 
 // packages/attention/locales/sv/messages.mjs
-var messages15 = JSON.parse('{"attention.aria.callout":"En gr\xF6n pratbubbla som introducerar n\xE5got nytt","attention.aria.close":"St\xE4ng","attention.aria.highlight":"En pratbubbla med viktig information","attention.aria.pointingDown":"pekar ned","attention.aria.pointingLeft":"pekar v\xE4nster","attention.aria.pointingRight":"pekar h\xF6ger","attention.aria.pointingUp":"pekar upp","attention.aria.popover":"En vit pratbubbla som ger ytterligare information","attention.aria.tooltip":"En svart pratbubbla som ger kompletterande information"}');
+var messages15 = JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');
 
 // packages/attention/index.js
 var WarpAttention = class extends kebabCaseAttributes(WarpElement3) {
@@ -4472,7 +4888,7 @@ if (!customElements.get("w-box")) {
 // packages/breadcrumbs/index.js
 import { html as html12 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
+// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.13/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
 function interleave(array, separator2) {
   return array.flatMap((el) => [el, separator2]).slice(0, -1);
 }
@@ -4481,19 +4897,19 @@ function interleave(array, separator2) {
 import WarpElement6 from "@warp-ds/elements-core";
 
 // packages/breadcrumbs/locales/da/messages.mjs
-var messages16 = JSON.parse('{"breadcrumbs.ariaLabel":"Du er her"}');
+var messages16 = JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');
 
 // packages/breadcrumbs/locales/en/messages.mjs
-var messages17 = JSON.parse('{"breadcrumbs.ariaLabel":"You are here"}');
+var messages17 = JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');
 
 // packages/breadcrumbs/locales/fi/messages.mjs
-var messages18 = JSON.parse('{"breadcrumbs.ariaLabel":"Olet t\xE4ss\xE4"}');
+var messages18 = JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');
 
 // packages/breadcrumbs/locales/nb/messages.mjs
-var messages19 = JSON.parse('{"breadcrumbs.ariaLabel":"Her er du"}');
+var messages19 = JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');
 
 // packages/breadcrumbs/locales/sv/messages.mjs
-var messages20 = JSON.parse('{"breadcrumbs.ariaLabel":"Du \xE4r h\xE4r"}');
+var messages20 = JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');
 
 // packages/breadcrumbs/index.js
 var separator = html12`<span class=${breadcrumbs.separator}>/</span>`;
@@ -4622,19 +5038,19 @@ import { html as html14 } from "lit";
 import WarpElement8 from "@warp-ds/elements-core";
 
 // packages/button/locales/da/messages.mjs
-var messages21 = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
+var messages21 = JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');
 
 // packages/button/locales/en/messages.mjs
-var messages27 = JSON.parse('{"button.aria.loading":"Loading..."}');
+var messages27 = JSON.parse('{"button.aria.loading":["Loading..."]}');
 
 // packages/button/locales/fi/messages.mjs
-var messages28 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
+var messages28 = JSON.parse('{"button.aria.loading":["Ladataan..."]}');
 
 // packages/button/locales/nb/messages.mjs
-var messages29 = JSON.parse('{"button.aria.loading":"Laster..."}');
+var messages29 = JSON.parse('{"button.aria.loading":["Laster..."]}');
 
 // packages/button/locales/sv/messages.mjs
-var messages30 = JSON.parse('{"button.aria.loading":"Laddar ..."}');
+var messages30 = JSON.parse('{"button.aria.loading":["Laddar ..."]}');
 
 // packages/button/index.js
 var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];
@@ -4762,19 +5178,19 @@ import WarpElement9 from "@warp-ds/elements-core";
 import { ifDefined as ifDefined3 } from "lit/directives/if-defined.js";
 
 // packages/card/locales/da/messages.mjs
-var messages31 = JSON.parse('{"card.button.text":"V\xE6lg"}');
+var messages31 = JSON.parse('{"card.button.text":["V\xE6lg"]}');
 
 // packages/card/locales/en/messages.mjs
-var messages37 = JSON.parse('{"card.button.text":"Select"}');
+var messages37 = JSON.parse('{"card.button.text":["Select"]}');
 
 // packages/card/locales/fi/messages.mjs
-var messages38 = JSON.parse('{"card.button.text":"Valitse"}');
+var messages38 = JSON.parse('{"card.button.text":["Valitse"]}');
 
 // packages/card/locales/nb/messages.mjs
-var messages39 = JSON.parse('{"card.button.text":"Velg"}');
+var messages39 = JSON.parse('{"card.button.text":["Velg"]}');
 
 // packages/card/locales/sv/messages.mjs
-var messages40 = JSON.parse('{"card.button.text":"V\xE4lj"}');
+var messages40 = JSON.parse('{"card.button.text":["V\xE4lj"]}');
 
 // packages/card/index.js
 var keys = {
@@ -4856,14 +5272,14 @@ import { css as css5, html as html18 } from "lit";
 import WarpElement10 from "@warp-ds/elements-core";
 import { ifDefined as ifDefined4 } from "lit/directives/if-defined.js";
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/chevron-down-16.js
 import { LitElement as LitElement7 } from "lit";
 import { unsafeStatic as unsafeStatic7, html as html16 } from "lit/static-html.js";
-var messages41 = JSON.parse('{"icon.title.chevron-down":"Nedoverpil"}');
-var messages210 = JSON.parse('{"icon.title.chevron-down":"Downward arrow"}');
-var messages310 = JSON.parse('{"icon.title.chevron-down":"Nuoli alasp\xE4in"}');
-var messages47 = JSON.parse('{"icon.title.chevron-down":"Pil nedad"}');
-var messages57 = JSON.parse('{"icon.title.chevron-down":"Pil ned"}');
+var messages41 = JSON.parse('{"icon.title.chevron-down":["Nedoverpil"]}');
+var messages210 = JSON.parse('{"icon.title.chevron-down":["Downward arrow"]}');
+var messages310 = JSON.parse('{"icon.title.chevron-down":["Nuoli alasp\xE4in"]}');
+var messages47 = JSON.parse('{"icon.title.chevron-down":["Pil nedad"]}');
+var messages57 = JSON.parse('{"icon.title.chevron-down":["Pil ned"]}');
 var supportedLocales8 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale9 = "en";
 var detectByBrand7 = () => {
@@ -4950,14 +5366,14 @@ if (!customElements.get("w-icon-chevron-down-16")) {
   customElements.define("w-icon-chevron-down-16", IconChevronDown16);
 }
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/chevron-up-16.js
 import { LitElement as LitElement8 } from "lit";
 import { unsafeStatic as unsafeStatic8, html as html17 } from "lit/static-html.js";
-var messages48 = JSON.parse('{"icon.title.chevron-up":"Oppoverpil"}');
-var messages211 = JSON.parse('{"icon.title.chevron-up":"Upward arrow"}');
-var messages311 = JSON.parse('{"icon.title.chevron-up":"Nuoli yl\xF6sp\xE4in"}');
-var messages49 = JSON.parse('{"icon.title.chevron-up":"Pil opad"}');
-var messages58 = JSON.parse('{"icon.title.chevron-up":"Pil upp"}');
+var messages48 = JSON.parse('{"icon.title.chevron-up":["Oppoverpil"]}');
+var messages211 = JSON.parse('{"icon.title.chevron-up":["Upward arrow"]}');
+var messages311 = JSON.parse('{"icon.title.chevron-up":["Nuoli yl\xF6sp\xE4in"]}');
+var messages49 = JSON.parse('{"icon.title.chevron-up":["Pil opad"]}');
+var messages58 = JSON.parse('{"icon.title.chevron-up":["Pil upp"]}');
 var supportedLocales9 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale10 = "en";
 var detectByBrand8 = () => {
@@ -5265,14 +5681,14 @@ var Move = class {
   }
 };
 
-// node_modules/.pnpm/@warp-ds+icons@2.4.0/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
+// node_modules/.pnpm/@warp-ds+icons@2.5.0_@lingui+core@5.2.0_@lingui+babel-plugin-lingui-macro@5.2.0_babel-plugin-_hyhbgchrkasknlbocfng7geeci/node_modules/@warp-ds/icons/dist/elements/arrow-left-16.js
 import { LitElement as LitElement9 } from "lit";
 import { unsafeStatic as unsafeStatic9, html as html20 } from "lit/static-html.js";
-var messages50 = JSON.parse('{"icon.title.arrow-left":"Pil som peker mot venstre"}');
-var messages212 = JSON.parse('{"icon.title.arrow-left":"Leftward-pointing arrow"}');
-var messages312 = JSON.parse('{"icon.title.arrow-left":"Vasemmalle osoittava nuoli"}');
-var messages410 = JSON.parse('{"icon.title.arrow-left":"Pil til venstre"}');
-var messages59 = JSON.parse('{"icon.title.arrow-left":"Pil som pekar v\xE4nster"}');
+var messages50 = JSON.parse('{"icon.title.arrow-left":["Pil som peker mot venstre"]}');
+var messages212 = JSON.parse('{"icon.title.arrow-left":["Leftward-pointing arrow"]}');
+var messages312 = JSON.parse('{"icon.title.arrow-left":["Vasemmalle osoittava nuoli"]}');
+var messages410 = JSON.parse('{"icon.title.arrow-left":["Pil til venstre"]}');
+var messages59 = JSON.parse('{"icon.title.arrow-left":["Pil som pekar v\xE4nster"]}');
 var supportedLocales10 = ["en", "nb", "fi", "da", "sv"];
 var defaultLocale11 = "en";
 var detectByBrand9 = () => {
@@ -5364,19 +5780,19 @@ import WarpElement12 from "@warp-ds/elements-core";
 import { createRef, ref } from "lit/directives/ref.js";
 
 // packages/modal/locales/da/messages.mjs
-var messages51 = JSON.parse('{"modal.aria.back":"Tilbage","modal.aria.close":"Luk"}');
+var messages51 = JSON.parse('{"modal.aria.back":["Tilbage"],"modal.aria.close":["Luk"]}');
 
 // packages/modal/locales/en/messages.mjs
-var messages60 = JSON.parse('{"modal.aria.back":"Back","modal.aria.close":"Close"}');
+var messages60 = JSON.parse('{"modal.aria.back":["Back"],"modal.aria.close":["Close"]}');
 
 // packages/modal/locales/fi/messages.mjs
-var messages61 = JSON.parse('{"modal.aria.back":"Takaisin","modal.aria.close":"Sulje"}');
+var messages61 = JSON.parse('{"modal.aria.back":["Takaisin"],"modal.aria.close":["Sulje"]}');
 
 // packages/modal/locales/nb/messages.mjs
-var messages62 = JSON.parse('{"modal.aria.back":"Tilbake","modal.aria.close":"Lukk"}');
+var messages62 = JSON.parse('{"modal.aria.back":["Tilbake"],"modal.aria.close":["Lukk"]}');
 
 // packages/modal/locales/sv/messages.mjs
-var messages63 = JSON.parse('{"modal.aria.back":"Tillbaka","modal.aria.close":"St\xE4ng"}');
+var messages63 = JSON.parse('{"modal.aria.back":["Tillbaka"],"modal.aria.close":["St\xE4ng"]}');
 
 // packages/modal/modal-header.js
 var NO_CLOSE_BUTTON = "no-close";
@@ -5679,19 +6095,19 @@ import { html as html23 } from "lit";
 import WarpElement14 from "@warp-ds/elements-core";
 
 // packages/pill/locales/da/messages.mjs
-var messages64 = JSON.parse('{"pill.aria.openFilter":"\xC5bn filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages64 = JSON.parse('{"pill.aria.openFilter":["\xC5bn filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/locales/en/messages.mjs
-var messages65 = JSON.parse('{"pill.aria.openFilter":"Open filter","pill.aria.removeFilter":["Remove filter ",["label"]]}');
+var messages65 = JSON.parse('{"pill.aria.openFilter":["Open filter"],"pill.aria.removeFilter":["Remove filter ",["label"]]}');
 
 // packages/pill/locales/fi/messages.mjs
-var messages66 = JSON.parse('{"pill.aria.openFilter":"Avaa suodatin","pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
+var messages66 = JSON.parse('{"pill.aria.openFilter":["Avaa suodatin"],"pill.aria.removeFilter":["Tyhjenn\xE4 suodatin ",["label"]]}');
 
 // packages/pill/locales/nb/messages.mjs
-var messages67 = JSON.parse('{"pill.aria.openFilter":"\xC5pne filter","pill.aria.removeFilter":["Fjern filter ",["label"]]}');
+var messages67 = JSON.parse('{"pill.aria.openFilter":["\xC5pne filter"],"pill.aria.removeFilter":["Fjern filter ",["label"]]}');
 
 // packages/pill/locales/sv/messages.mjs
-var messages68 = JSON.parse('{"pill.aria.openFilter":"\xD6ppna filter","pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');
+var messages68 = JSON.parse('{"pill.aria.openFilter":["\xD6ppna filter"],"pill.aria.removeFilter":["Ta bort filtret ",["label"]]}');
 
 // packages/pill/index.js
 var WarpPill = class extends kebabCaseAttributes(WarpElement14) {
@@ -5762,19 +6178,19 @@ import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { when } from "lit/directives/when.js";
 
 // packages/select/locales/da/messages.mjs
-var messages69 = JSON.parse('{"select.label.optional":"(valgfrit)"}');
+var messages69 = JSON.parse('{"select.label.optional":["(valgfrit)"]}');
 
 // packages/select/locales/en/messages.mjs
-var messages70 = JSON.parse('{"select.label.optional":"(optional)"}');
+var messages70 = JSON.parse('{"select.label.optional":["(optional)"]}');
 
 // packages/select/locales/fi/messages.mjs
-var messages71 = JSON.parse('{"select.label.optional":"(vapaaehtoinen)"}');
+var messages71 = JSON.parse('{"select.label.optional":["(vapaaehtoinen)"]}');
 
 // packages/select/locales/nb/messages.mjs
-var messages72 = JSON.parse('{"select.label.optional":"(valgfritt)"}');
+var messages72 = JSON.parse('{"select.label.optional":["(valgfritt)"]}');
 
 // packages/select/locales/sv/messages.mjs
-var messages73 = JSON.parse('{"select.label.optional":"(valfritt)"}');
+var messages73 = JSON.parse('{"select.label.optional":["(valfritt)"]}');
 
 // packages/select/index.js
 var _WarpSelect_instances, classes_get, helpTextClasses_get, chevronClasses_get2, id_get, helpId_get;
@@ -6233,19 +6649,19 @@ var collapse = (el, done) => {
 import { when as when2 } from "lit/directives/when.js";
 
 // packages/toast/locales/da/messages.mjs
-var messages74 = JSON.parse('{"toast.aria.error":"Fejl","toast.aria.successful":"Fuldf\xF8rt","toast.aria.warning":"Advarsel"}');
+var messages74 = JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');
 
 // packages/toast/locales/en/messages.mjs
-var messages75 = JSON.parse('{"toast.aria.error":"Error","toast.aria.successful":"Successful","toast.aria.warning":"Warning"}');
+var messages75 = JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');
 
 // packages/toast/locales/fi/messages.mjs
-var messages76 = JSON.parse('{"toast.aria.error":"Virhe","toast.aria.successful":"Onnistui","toast.aria.warning":"Varoitus"}');
+var messages76 = JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');
 
 // packages/toast/locales/nb/messages.mjs
-var messages77 = JSON.parse('{"toast.aria.error":"Feil","toast.aria.successful":"Vellykket","toast.aria.warning":"Advarsel"}');
+var messages77 = JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');
 
 // packages/toast/locales/sv/messages.mjs
-var messages78 = JSON.parse('{"toast.aria.error":"Fel","toast.aria.successful":"Genomf\xF6rt","toast.aria.warning":"Varning"}');
+var messages78 = JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');
 
 // packages/toast/toast.js
 var toastType = {