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

package/dist/packages/attention/index.js

@@ -726,9 +726,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 };
@@ -741,7 +741,7 @@ var require_lexer = __commonJS({
         doubleapos: { match: "''", value: () => "'" },
         quoted: {
           lineBreaks: true,
-          match: /'[{}#](?:[^]*?[^'])?'(?!')/u,
+          match: /'[{}#](?:[^']|'')*'(?!')/u,
           value: (src) => src.slice(1, -1).replace(/''/g, "'")
         },
         argument: {
@@ -793,12 +793,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,
@@ -864,8 +865,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 keys = type === "plural" ? this.cardinalKeys : this.ordinalKeys;
           if (this.strictPluralKeys && keys.length > 0 && !keys.includes(key)) {
@@ -883,10 +885,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;
@@ -926,11 +930,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,
@@ -944,8 +950,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,
@@ -955,10 +962,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}`);
         }
@@ -1005,7 +1013,6 @@ var require_parser = __commonJS({
       const parser = new Parser(src, options);
       return parser.parse();
     }
-    exports.parse = parse2;
   }
 });
 
@@ -1022,14 +1029,272 @@ var r = function() {
   }, []).join(" ");
 };
 
-// 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;
@@ -1041,6 +1306,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 {
@@ -1062,6 +1333,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);
@@ -1069,11 +1347,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 = (f) => typeof f === "function";
 var cache = /* @__PURE__ */ new Map();
@@ -1084,12 +1362,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(
@@ -1124,12 +1449,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;
@@ -1148,8 +1475,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) => {
@@ -1198,10 +1530,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) : "";
   };
 }
@@ -1256,7 +1588,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)
@@ -1292,12 +1628,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(
@@ -1344,6 +1698,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 = "";
@@ -1363,8 +1722,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}"`);
@@ -1388,7 +1759,7 @@ function setupI18n(params = {}) {
 }
 var i18n = setupI18n();
 
-// 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;
@@ -1517,7 +1888,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,
@@ -1959,11 +2330,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;
   }
@@ -2067,7 +2438,11 @@ var shift = function(options) {
       return __spreadProps(__spreadValues({}, limitedCoords), {
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y
+          y: limitedCoords.y - y,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
         }
       });
     }
@@ -2081,6 +2456,7 @@ var size = function(options) {
     name: "size",
     options,
     async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
       const {
         placement,
         rects,
@@ -2117,10 +2493,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);
@@ -2150,7 +2527,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();
@@ -2166,16 +2546,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;
@@ -2204,7 +2593,7 @@ function isTopLayer(element) {
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
   const css2 = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
-  return css2.transform !== "none" || css2.perspective !== "none" || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -2284,7 +2673,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 css2 = getComputedStyle(element);
   let width = parseFloat(css2.width) || 0;
@@ -2402,6 +2791,28 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     y
   });
 }
+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 y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
     elements,
@@ -2433,19 +2844,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 html3 = getDocumentElement(element);
   const scroll = getNodeScroll(element);
@@ -2514,10 +2923,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);
 }
@@ -2611,8 +3022,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
-  const x = rect.left + scroll.scrollLeft - offsets.x;
-  const y = 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 y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
   return {
     x,
     y,
@@ -2630,7 +3042,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);
@@ -2704,7 +3120,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";
@@ -2865,7 +3281,7 @@ async function useRecompute(state) {
   return state;
 }
 
-// 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 buttonDefaultStyling = "font-bold focusable justify-center transition-colors ease-in-out";
 var buttonColors = {
   primary: "s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",
@@ -3154,28 +3570,28 @@ function generateRandomId() {
 }
 
 // packages/attention/locales/da/messages.mjs
-var messages = 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 messages = 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 messages2 = 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 messages2 = 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 messages3 = 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 messages3 = 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 messages4 = 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 messages4 = 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 messages5 = 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 messages5 = 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"]}');
 
-// 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 } from "lit";
 import { unsafeStatic, html } 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 detectByBrand = () => {