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

package/dist/packages/breadcrumbs/index.js

@@ -1016,11 +1016,269 @@ var require_parser = __commonJS({
 // packages/breadcrumbs/index.js
 import { html } from "lit";
 
-// 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
+// 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@5.1.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));
@@ -1035,6 +1293,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 {
@@ -1056,6 +1320,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);
@@ -1067,7 +1338,7 @@ Message: ${message}`);
   }
 }
 
-// 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
+// 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();
@@ -1078,12 +1349,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(
@@ -1123,7 +1441,9 @@ 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;
@@ -1142,8 +1462,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) => {
@@ -1192,10 +1517,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) : "";
   };
 }
@@ -1312,9 +1637,8 @@ var I18n = class extends EventEmitter {
   /**
    * @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(
@@ -1361,6 +1685,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 = "";
@@ -1422,7 +1751,7 @@ function interleave(array, separator2) {
   return array.flatMap((el) => [el, separator2]).slice(0, -1);
 }
 
-// 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
+// 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]",