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

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.0.1_@warp-ds+uno@2.0.2_unocss@0.62.0_postcss@8.5.1_rollup@4.32.1_vite@5.3.3_@t_2s4pctzvx7cgxzqlrreqkg4h34/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,18 @@ 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-next.1/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.1.2_@lingui+babel-plugin-lingui-macro@5.1.2_babel-plugin-macros@3.1.0_typescri_g2ngrxg2kfutsfck3yn2icllca/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.1.2/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) => mapText(token.value));
   }
   return tokens.map((token) => {
     var _a;
@@ -1480,11 +1487,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.1.2_@lingui+babel-plugin-lingui-macro@5.1.2_babel-plugin-macros@3.1.0_typescri_g2ngrxg2kfutsfck3yn2icllca/node_modules/@lingui/core/dist/index.mjs
 var isString = (s) => typeof s === "string";
 var isFunction = (f2) => typeof f2 === "function";
 var cache = /* @__PURE__ */ new Map();
@@ -1535,7 +1542,7 @@ 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;
@@ -1667,7 +1674,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,6 +1714,25 @@ 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
    */
@@ -1774,8 +1804,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 +1841,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-next.1/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 +1933,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-next.1/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 +2104,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-next.1/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 +2198,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-next.1/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 +2292,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-next.1/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 +2386,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-next.1/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 +2563,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 +2692,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 +3134,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 +3242,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 +3260,7 @@ var size = function(options) {
     name: "size",
     options,
     async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -3250,10 +3297,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 +3331,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 +3350,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 +3397,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 +3477,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 +3595,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 +3648,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 +3727,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 +3826,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 +3846,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 +3924,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 +4125,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 +4559,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 +4568,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 +4709,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 +4849,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 +4943,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-next.1/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 +5037,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-next.1/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 +5352,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-next.1/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 +5451,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 +5766,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 +5849,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 +6320,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 = {