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

package/dist/packages/button/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 - offset, 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/@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]",
@@ -1673,19 +2044,19 @@ function kebabCaseAttributes(constructor) {
 }
 
 // packages/button/locales/da/messages.mjs
-var messages = JSON.parse('{"button.aria.loading":"Indl\xE6ser..."}');
+var messages = JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');
 
 // packages/button/locales/en/messages.mjs
-var messages2 = JSON.parse('{"button.aria.loading":"Loading..."}');
+var messages2 = JSON.parse('{"button.aria.loading":["Loading..."]}');
 
 // packages/button/locales/fi/messages.mjs
-var messages3 = JSON.parse('{"button.aria.loading":"Ladataan..."}');
+var messages3 = JSON.parse('{"button.aria.loading":["Ladataan..."]}');
 
 // packages/button/locales/nb/messages.mjs
-var messages4 = JSON.parse('{"button.aria.loading":"Laster..."}');
+var messages4 = JSON.parse('{"button.aria.loading":["Laster..."]}');
 
 // packages/button/locales/sv/messages.mjs
-var messages5 = JSON.parse('{"button.aria.loading":"Laddar ..."}');
+var messages5 = JSON.parse('{"button.aria.loading":["Laddar ..."]}');
 
 // packages/button/index.js
 var buttonTypes2 = ["primary", "secondary", "negative", "utility", "pill", "link"];